@charset "UTF-8";
/*スマホサイト*/
@media screen and (max-width:480px) {
	#wrapper{
		width:100%;
		min-height:100%;
		overflow:hidden;
	}
	.password_group input[type=password]{
		color:orangered;
		width:240px;
		height:40px;
		margin:5px 0;
		letter-spacing:10px;
	}
	.pure-container{
		width: 1px;
		height: 1px;
	}
	.main_box{
		margin-top:30px;
		margin-bottom:20px;
		text-align: left;
	}
	.login_box{
		width:100%;
		padding:10px;
		margin-bottom:20px;
	}

	.pc_visible {
		display: none;
	}

	.mobile_visible {
		display: block;
	}

	.mobile_visible_inline {
		display: inline;
	}

	.datatable{
		display: block;
	}
	.datatable_row{
		display: block;
		border: none;
	}
	.datatable_left{
		display: block;
		width: 100%;
		border: none;
		padding: 0.5em;
	}
	.datatable_right{
		display: block;
		width: 100%;
		border: none;
		padding: 0.5em;
	}


	.data_table{
		display: block;
	}
	.data_table tbody, .data_table td, .data_table th{
		display: block;
		width: 100%;
	}
	.data_table tr{
		display: block;
		width: 100%;
	}
	.data_table .button-wrap{
		display: block;
		margin-top: 20px;
	}

	.result .tel_box{
		margin-top:20px;
		border:1px solid #999;
		padding:10px;
		width:100%;
	}
	.top_logo{
		margin-left:10px;
	}
	#sidebar_right{
		width:100%;
		min-height:100%;
		margin:0;
	}
	#content{
		width:100%;
	}
	#content #mainContent {
		width:100%;
		padding:0;
		margin:0;
	}
	#mainContent_all {
		margin:0;
		margin-bottom:20px;
		width: 100%;
	}
	header{
		display:block;
		position:fixed;
		top:0;
		height:95px;
		width:100%;
		font-size:12px;
		background:rgba(255,255,255,0.7);
		font-weight:bold;
		z-index:99;
	}
	header.height_short{
		height:100px !important;
	}
	.header_contents{
		width:100%;
		margin:0;
	}

	.footer_inner{
		width:100%;
		padding: 10px;
	}
	.sitemap_left{
		font-size: 1.1em;
		margin-top: 10px;
		display: block;
		width: 100%;
	}

	.blank{
		height:80px;
	}

	.top {
		padding: 0 10px;
	}

	.pure-drawer{
		margin-top: 0;
		padding-top: 25px;
	}
	#dropmenu{
		font-size: 1.2rem;
	}

	#dropmenu {
		display: block;
		width: 100%;
	}

	#dropmenu li {
		display: block;
		width: 100%;
	}

	#dropmenu li a{
	}

	#dropmenu li ul {
	}

	#dropmenu li ul li {
		width: 100%;
		left:0;
	}

	div.top_navi {
	}
	div.top_navi span.top_navi_title {
		text-align: center;
		display: block;
		width: 100%;
	}
	div.top_navi span.top_navi_item {
		text-align: center;
		display: inline-block;
		width: 48%;
		border-bottom: 1px dotted gray;
		border-right: none;
		padding: 5px 5px;
	}

	.button_group{
		position: relative;
		width:100%;
		margin-bottom:10px;
		text-align: center;
	}
	.button_main{
		width:100%;
	}
	.button_main.small{
		width:120px;
		line-height:15px;
		font-size:12px;
		margin:10px auto;
	}
	.border_button{
		background:#fff;
		border:2px solid #B5C884;
		padding:0 15px;
		width:140px;
		font-size:13px;
	}
	.button_blue{
		background:#0081c5;
	}

	.button_green{
		background:#66a800;
	}
	.button_gray{
		background:#333;
		width:180px;
	}
	.button_long{
		width:240px;
		display: block;
		margin:10px auto;
	}

	.button_support{
		width:260px;
	}
	.button_image{
		display: inline-block;
		vertical-align: middle;
		margin-right:5px;
		width:25px;
	}
	.add{
		margin:10px 25px;
		display:block;
		font-size:15px;
	}
	.logout{
		display: none;
	}

	.search_style_short{
		width:90px;
		margin:0 1px;
	}
	.score{
		display:block;
	}
	.search_style_all{
		display:block;
		width:90%;
	}

	.form-wrapper {
		margin:0 auto;
		width:100%;
	}

	.login_input{
		display:block;
		font-size:15px;
		margin:0 auto;
		padding-left:0;
		margin-bottom:20px;
		width:100%;
	}
	.login_input p{
		display: block;
		margin-bottom:0px;
		margin-left:30px;
	}
	.login_input div{
		display:inline-block;
		text-align: center;
		margin-top:20px;
		width:100%;
	}
	span.login_input{
		position: relative;
		top:20px;
	}

	.confirm{
		display:block;
		margin:0 auto;
		width:100%;
		font-size:13px;
		text-align: center;
	}

	.button-panel{
		text-align:center;
	}

	.member_name{
		text-align: left;
	}
	.strong{
		width:100%;
		font-size:18px;
		color:#605143;
		font-weight:bold;
		margin:0 auto;
		text-align: left;
	}
	.login_box .login_left{
		display: block;
		width: 100%;
	}
	.login_box .login_right{
		display: block;
		width: 100%;
	}

	.login_logo{
		display: none;
	}
	.login_left div.title{
		display: block;
		color:#605143;
		font-size:15px;
		font-weight:bold;
		text-align: center;
		margin-top:5px;
	}

	.print_box{
		width: 100%;
		height: auto;
		margin:0 auto;
		padding:20px;
		margin-top:20px;
		margin-bottom:20px;
	}
	.right_content{
		display: block;
		float:none ;
		width:100%;
		margin-top:20px;
		text-align: center;
	}
	.right_content .banner{
		display: inline-block;
		width:200px;
		line-height:25px;
		border-radius: 30px;
		padding:15px 0;
		margin:5px;
		color:#fff;
		background: #f56778;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #B5C884), color-stop(0.5, #9BB858));
		background: -moz-linear-gradient(top, #B5C884 50%,#9BB858 50%);
		background: -o-linear-gradient(top, #B5C884 50%,#9BB858 50%);
		background: -ms-linear-gradient(top, #B5C884 50%,#9BB858 50%);
		background: linear-gradient(top, #B5C884 50%, #9BB858 50%);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#B5C884 50%', endColorstr='#9BB858 50%');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#B5C884 50%', endColorstr='#9BB858 50%')";
	}

	.right_content .brown{
		background: #f56778;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #887d72), color-stop(0.5, #605143));
		background: -moz-linear-gradient(top, #887d72 50%,#605143 50%);
		background: -o-linear-gradient(top, #887d72 50%,#605143 50%);
		background: -ms-linear-gradient(top, #887d72 50%,#605143 50%);
		background: linear-gradient(top, #887d72 50%, #605143 50%);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#887d72 50%', endColorstr='#605143 50%');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#887d72 50%', endColorstr='#605143 50%')";
	}
	.home_caution{
		color:#E70C00;
		margin:20px 0;
		font-size:12px;
	}
	.right_tel_box{
		background:#fff;
		padding:15px;
		margin-bottom:30px;
	}
	.right_tel_box .tel img{
		width:60%;
		margin-top:5px;
	}
	.web_link{
		display: block;
		margin:0 auto;
		margin-bottom:30px;
		width:100%;
		text-align: center;
	}
	.web_link img{
		display: block;
		margin:0 auto;
		width:160px;
		height:auto;
	}
	.small_text{
		margin-top:30px;
	}

	.user_name,.current_status{
		margin:10px 0;
		text-align: left;
	}
	.policy .title{
		background-image: url("../images/midashi.png");
		background-repeat: no-repeat;
		background-size: 12px auto;
		background-position: left center;
		padding:5px 0;
		padding-left:15px;
		font-size:15px;
		border-top:1px dotted #b5c884;
		border-bottom:1px dotted #b5c884;
		margin:20px 0 5px;
	}
	.confirm_group {
		display:block ;
		width:100% ;
	}
	.confirm_style{
		display:block;
		height:auto;
		width:100%;
	}
	.confirm_left{
		display: block;
		width:100%;
		text-align: center;
		font-size: 1rem;
		padding:5px;
		min-height:2em;
	}
	.confirm_right{
		display: block;
		padding:5px;
		width:100%;
		font-size: 1rem;
		text-align: left;
		min-height:2em;
	}

	input[type=radio]:checked + .radio:before {
		opacity: 1;
	}
	input[type=checkbox]:checked + .checkbox:before {
		opacity: 1;
	}
	input[type=checkbox]:checked + .checkbox_half:before {
		opacity: 1;
	}
	input[type=checkbox]:checked + .checkbox2:before {
		opacity: 1;
	}
	iframe{
		margin-left:-10px;
	}
}