@charset 'UTF-8';
/*@import url(../font/css/font-awesome.min.css); */

@media only screen and (max-width: 800px) {

	.pc_mode{
		display:none;
	}
	.sp_mode{
		display:block;
	}	
	header .logo_tel h1 .logo{
		background:url("../img/sp/logo.svg") no-repeat;	
		width:130px;
		height:36px;
	}
	.logo_tel .text,
	.logo_tel .tel{
		display:none;		
	}
	.sp_mode .newadd,
	.sp_mode .login,
	.sp_mode .menu_btn{	
		display:inline-block;
		padding-top:20px;
		padding-bottom:20px;
		padding-left:10px;
		padding-right:10px;
		color:#fff;
		font-size:14px;
		background-color:#1b4ba7;
		text-align:center;
	}
	.sp_mode .menu_btn{	
		padding-left:20px;
		padding-right:20px;
	}
	.sp_mode .newadd,
	.sp_mode .login{
		border-right:solid 1px #fff;
	}
	.sp_area{
		float:right;
	}

/* Navigation */
	.sp_navi{
		background-color:#fff;
		position:fixed;
		top:10px;
		left:0px;
		z-index:999;
		width:60%;
		box-shadow: 1px 1px 5px #a9a9a9;
		white-space: nowrap;
	}
	.sp_navi nav{
		width:100%;
	}
	.sp_navi nav .title{
		background-color:#1c49a6;
		color:#fff;
		padding-top:20px;
		padding-bottom:20px;	
		padding-left:20px;
		font-weight:bold;
	}
	.sp_navi nav ul li{
		border-bottom:1px solid #ced0d1;
	}
	.sp_navi nav ul li a span.beginner{
		font-size:12px;
		font-weight:bold;
	}
	.sp_navi nav ul li a{
		font-size:12px;
		font-weight:bold;
		padding-top:20px;
		padding-bottom:20px;
		padding-left:20px;
		padding-right:20px;
		display:block;
	}
	.sp_navi nav ul li a .arrow_right{
		margin-top:-5px;
		float:right;
		font-size:20px;
		font-weight:bold;
	}
	
	header .logo_tel,
	.mainimg .login-area{
		margin-top:0px;
		width:100%;
	}
	

	.main-carousel #top_img_1 .img_area,
	.main-carousel #top_img_2 .img_area,
	.main-carousel #top_img_3 .img_area{
		background-size:cover;
		width:100%;
		height:300px;
	}
	
	.main-carousel #top_img_1 .img_area{
		background-color:#bbdef1;
		background-image: url(../img/top01.jpg);
	}
	.main-carousel #top_img_2 .img_area{
		background-color:#fff;
		background-image: url(../img/top02.jpg);
	}
	.main-carousel #top_img_3 .img_area{
		background-color:#bbdef1;
		background-image: url(../img/top03.jpg);
	}


	
		
	.mainimg .login-area img{
		width:100%;
	}
	.slide-btn-area{
		width:100%;
	}
	#slides img{
		width:100%;
	}
	header .logo_tel h1{
		margin-top:8px;
	}
	.cont_box{
		border: none;
	}
	main,
	sidebar{
		float:none;
		width:100%;
	}
	
	.container,
	.container .container_area{
		padding-top:0px;
		width:100%;
	}
	.pr_area{
		background-color: #e5e6e7;
		padding-top:15px;
		padding-bottom:15px;
		border-top:1px solid #ced0d1;
		border-bottom:1px solid #ced0d1;
	}
	.pr_area .pr_main{
		width:100%;
	}
	.pr_area .pr_main p{
		display:none;
	}
	.pr_area .pr_main .kensu_area{
		float: none;
	}
	.pr_area .pr_main .kensu_area ul{
		margin:0 auto;
	}
	.pr_area .pr_main .kensu_area ul li{
		font-size:12px;
		padding-left:10px;
	}

	.pr_area .pr_main .kensu_area dl{
		width:100%;
	}
	.pr_area .pr_main .kensu_area dl dt{
		color:#636565;
		padding-right:10px;
	}
	.pr_area .pr_main .kensu_area dl dd{
		color:#5baf42;
	}
	.pr_area .pr_main .kensu_area dl dd span{
		color:#636565;
	}
	
	.cont_box{
		margin-right:0px;
		border-radius:0px;
		-webkit-border-radius: 0px;
	}
	.cont_box .cont_box_text_area,
	.cont_box .text{
		display:none;
	}
	.cont_box .body{
		padding-left:0px;
		padding-right:0px;
		padding-top:20px;
		padding-bottom:20px;
		padding-left:10px;
		padding-right:10px;				
	}
	
	.cont_box > .title{
		border-collapse: collapse;
		background-color:#C1D7EF;
		border-top: 1px solid #0062b9;
		border-bottom: 1px solid #0062b9;
	}
	.cont_box > .title p{
		color: #1E1F7F;
	}
	
	.cont_box .monitor_search ul li:after{
		content: "";
		display: block;
		clear: both;
	}
	.cont_box .monitor_search ul li{
		display:table;
	}
	.cont_box .monitor_search ul li .ico{
		width:80px;
		height:80px;
	}
	.cont_box .monitor_search ul li .ico,
	.cont_box .monitor_search ul li p,
	.cont_box .monitor_search ul li .select{
		vertical-align:middle;
		display:table-cell;
	}
	.cont_box .monitor_search ul li p{
		width:70px;
		font-weight:bold;
		font-size:16px;
	}
	
	.cont_box .message_area.rule .f_left{
		float:none;
		width:100%;
		margin-right:0px;
	}
	.cont_box .message_area.rule .f_right{
		float:none;
		width:300px;
		margin:0 auto;
		margin-top:20px;
	}
	.cont_box .medicine_flow{
		height:0px;
		padding-top:91%;
		background: url(../img/sp/zu_flow.gif) no-repeat;
		background-size: contain;
		width:100%;
	}

	.cont_box_login .first_img {
		height:0px;
		padding-top:24%;
    	background: url("../img/login/img_first.svg") no-repeat;
		background-size: contain;
		width:100%;
	}	
		



	
	.easy_search .body_area{
		width:100%;
	}
	.easy_search .monitor_search{
		width:100%;
		height:auto;
		background:none;
	}
	.easy_search .title{
		text-align:left;
	}
	.easy_search .title:after{	
		content: "";
		display: block;
		clear: both;
	}
	.easy_search .title p{
		display:block;
		float:left;
		width:60%;
	}
	
	.easy_search .title a.beginner{
		background: url(../img/ico_first.gif) no-repeat;	
		float:right;
		font-size:14px;
		display:block;
		margin-top:2px;
		padding-left:20px;
		margin-right:20px;
		text-decoration: underline;
	}
	.easy_search .monitor_search .location .ico,
	.easy_search .monitor_search .age .ico,
	.easy_search .monitor_search .sex .ico{
		display:table-cell;
	}
	.easy_search .monitor_search .location p,
	.easy_search .monitor_search .age p,
	.easy_search .monitor_search .sex p{
		display:table-cell;
	}
	
	.cont_box .monitor_search_btn{
		margin-top:0px;
	}
	
	.easy_search .monitor_search_btn img{
		width:100%;
	}
	.easy_search .monitor_search .location,
	.easy_search .monitor_search .age,
	.easy_search .monitor_search .sex {
		position: static;
    	top: auto;
    	left: auto;
	}
	.easy_search .monitor_search ul li{
		margin:0 auto;
		border-bottom: 2px solid #a9a9a9;
		padding-left:5%;
		padding-right:5%;
		width:100%;
		box-sizing: border-box;
	}
	.easy_search .monitor_search .location .ico,
	.easy_search .monitor_search .location p,
	.easy_search .monitor_search .age .ico,
	.easy_search .monitor_search .age p,
	.easy_search .monitor_search .sex .ico,
	.easy_search .monitor_search .sex p{
		padding-right:10px;
	}
	.easy_search .monitor_search .location select,
	.easy_search .monitor_search .age select,
	.easy_search .monitor_search .sex select{
		font-size:16px;
	}


	
	.monitor{
		background-color:#c0d9f2;
	}
	
	.monitor .title{
		border-top:1px solid #ced0d1;
		background-color:#fff;
		display:block;
		padding-top:20px;
		padding-bottom:20px;
	}
	.monitor .body{
		padding-left:10px;
		padding-right:10px;
		padding-bottom:10px;
		border-bottom:solid 1px #ced0d1;
	}
	.monitor .detail{
		background-color:#fff;
	}
	.cont_box_custom,
	.info_box{
		display:none;
	}
	sidebar > ul > li{
		margin-top:0px;
		margin-bottom:0px;
		text-align:center;
	}
	sidebar > ul > li > ul > li {
    	padding-top: 0px;
    	padding-bottom: 0px;
	}
	.monitor_side .title,
	.experience .title,
	.vob_info .title{
		text-align:left;
		cursor:pointer;
	}
	.monitor_side .body,
	.experience .body,
	.vob_info .body{
		display:none;
		text-align:left;
	}
	.monitor{
		margin-top:0px;
		margin-bottom:0px;
	}
	.monitor_side .title p,
	.experience .title p,
	.vob_info .title p{
		margin-top:4px;
		float:left;
	}
	.monitor_side .title .arrow_down,
	.experience .title .arrow_down,
	.vob_info .title .arrow_down{
		margin-right:20px;
		margin-top:-3px;
		float:right;
		font-size:30px;
		font-weight:bold;
		color: #1E1F7F;
	}
	.monitor_side .title:after,
	.experience .title:after,
	.vob_info .title:after{
		content: "";
		display: block;
		clear: both;
	}
	
	
	
	/* フォーム */
	.form > ul{
		border:none;
	}
	.form > ul > li{
		margin-top:20px;
		border-bottom:none;
	}
	.form > ul > li > dl > dt,
	.form > ul > li > dl > dd{
		border:1px solid #eee;
		display:block;
		
	}
	.form > ul > li > dl > dt{
		width:auto;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:10px;
		padding-right:10px;
	}
	.form > ul > li > dl > dd{
		padding-top:10px;
		padding-bottom:10px;
		padding-left:10px;
		padding-right:10px;
	}
	.form > ul > li > dl > dd > input[type="text"]{
		width:100% !important;
		margin-top:10px;
		margin-bottom:10px;
		display:block;
	}
	.form > ul > li > dl > dd textarea{
		width:100%;
	}
	.form > ul > li > dl > dd textarea#kojin{
		width:100%;
	}
	.form > ul > li > dl > dt > p{
		font-weight:bold;
		width:auto;
		padding-right:10px;
	}
	.form > ul > li > dl:after{
		content: "";
		display: block;
		clear: both;
	}
	.form .w80p{
		width:80% !important;
		display:inline-block !important;
	}
	.form .button input[type="button"]{
		letter-spacing: 4px;
		width:80%;
	}
	.form .button{
		margin-bottom:30px;
	}
	.form .birthYear > select{
		width:140px !important;
	}
	.form .birthYear:after{
    	left: 130px !important;
	}
	.form > ul > li > dl > dd .year,
	.form > ul > li > dl > dd .month,
	.form > ul > li > dl >  dd .day{
		display:block;
		margin-bottom:10px;
	}


	.form .questionnaire > ul > li > textarea{
		width:100%;
		font-size:16px;
	}
	.form .questionnaire > ul > li > input[type="text"]{
		width:100%;		
	}



	/* 予約リスト */
	.reserve_list > ul.list_area > li > ul > li.detail > dl > dt{
		width:60px;
		padding-left:10px;
		padding-right:10px;
	}	
	.reserve_list > ul.list_area > li > ul > li.detail > .button > input[type="button"]{
		letter-spacing: 4px;
    	padding-left: 20px;
    	padding-right: 20px;
    	width: auto;
/*    	width:50%; */
	}	
	.reserve_list textarea{
		width:250px;
	}
	
	
	
	
	/* サイドバー */
	sidebar .banner{
		padding-top:10px;
		padding-bottom:10px;
	}
	sidebar .banner ul li{
		margin-top:10px;
		margin-bottom:10px;	
	}
	
	sidebar .vob_info .body .body_area > ul >li:first-child,
	sidebar .experience .body .body_area > ul >li:first-child{
		margin-top:20px;
	}
	sidebar .vob_info .body .body_area > ul >li:last-child,
	sidebar .experience .body .body_area > ul >li:last-child{
		margin-bottom:20px;
	}
	
	
	/* フッター */
	.footer footer{
		width:100%;
	}
	.footer{
		margin-top:0px;
		border-top: 12px solid #0062b9;
		padding:0px;
	}
	
	footer .banner{
		text-align:center;
		padding-top:20px;
		padding-bottom:20px;
	}
	footer .banner .logo{
		display:none !important;
	}
	.footer footer > ul > li {
		text-align:center;
		border-bottom: 3px dotted #c5c6c7;		
	}
	.footer footer > ul > li.beginner{		
		padding-top:30px;
		padding-bottom:30px;
		background-color:#bcd7f1;
	}
	.footer footer > ul > li.beginner a{
		background: url(../img/sp/arrow_box.gif) no-repeat;
		padding-left:18px;
		color:#054eab;
		text-decoration: none;
		font-size:14px;
		display:block;
		height:22px;
		margin-left:5px;
		margin-right:5px;
	}
	
	
	.footer footer > ul > li > ul{
		margin-top:0px;
	}
	.footer footer > ul > li > ul > li{
		float:none;
		margin-left:0px;
		display:inline-block;
	}
	.footer footer > ul > li{
		margin-top:0px;
	}
	.footer footer .sp_logo ul li{
		display:table-cell;
		vertical-align:middle;
		padding-top:20px;
		padding-bottom:20px;
		line-height:16px;
		width:50%;
	}
	.footer footer .sp_logo ul li.text{
		text-align:left;
	}
	
	.footer .sp_logo ul li .logo{
		background:url("../img/sp/logo.svg") no-repeat;	
		width:130px;
		height:36px;
		display:block;
	}
	
	
	.footer footer .copyright{
		text-align:center;
	}
	.footer footer .copyright p{
		font-size:11px;
		width:auto;
	}
	.touch_area{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:998;
		background-color:#fff;
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}
	/* ログイン後 */
	.profile_box .name{
		padding-top:20px;
		padding-bottom:20px;
		font-size:20px;
/*
		background: url(../img/login/ico_prof_men.png) no-repeat;
		background-position:20px 8px;
		padding-left:100px;
*/
		background-color:#259800;
		cursor:pointer;
		border-top: 1px solid #006400;
    	border-bottom: 1px solid #006400;
    	width:100%;
    	box-sizing:border-box;
	}
	.profile_box .name ul li{		
		display:table-cell;
		vertical-align:middle;
		padding-left:20px;
		padding-right:20px;
	}
	.profile_box .name ul li:first-child,
	.profile_box .name ul li:last-child{		
		width:44px;
	}
	.profile_box .name ul li p{
		color:#fff;
	}
	.profile_box .name span{
		color:#fff;
		text-align:right;
		display:block;
		margin-right:20px;
	}
	.profile_box ul.link li{
		background-color:#fff;
		border-bottom:1px solid #a9a9a9;
	}
	.profile_box ul.link li a:after{
		content: "";
		display: block;
		clear: both;
	}
	.profile_box ul.link li a{
		display:block;
		padding-top:20px;
		padding-bottom:20px;
		padding-left:20px;
		font-weight:bold;
		font-size:12px;
	}
	.profile_box ul.link li a p {
    	float: left;
    	font-weight:bold;
	}
	.profile_box ul.link li a span.arrow_right{
		margin-top:-5px;
		margin-right:20px;
		float:right;
		font-size:20px;
		font-weight:bold;

	}
	.step > dl > dt,
	.step > dl > dd{
		width:100%;
		display:block;
		box-sizing: border-box;
	}
	.light_blue_box{
		width:100%;
		box-sizing:border-box;
	}
	.light_blue_box a.monitor_btn{
		background: url(../img/sp/btn_moniter.jpg) no-repeat;
		background-position:0px 0px;
		width:100%;
		
	}
	.chiken_back{
    	width: 100%;
    }
	.chiken_back > .chiken_title{
		font-size:20px;
    }
	.chiken_back .movie{
		text-align:center;
    }
	
	.beginner_box_area{
		margin-right:0px;
	}

	.beginner_box{
		float:none;
		width:100%;
	}
	
	.cont_box .monitor_search_btn{
		font-size:26px;
		letter-spacing:4px;
	}
	.cont_box .monitor_search_btn i{
		font-size:28px;
	}
	
	
	input[type="text"],
	input[type="password"],
	select{
		font-size:16px !important;
	}
	.cont_box_login .title{
		padding-bottom:20px;
	}
	.cont_box_login .first_img {
		margin-top:20px;
		background-size:cover;
	}
	
	.net_tel_box > .area > ul > li{
		display:block;
	}
	.net_tel_box > .area > ul > li:first-child{
		margin-right:0px;
		padding-right:0px;
	}
	.net_tel_box > .area > ul > li > .net > .body > .comment,
	.net_tel_box > .area > ul > li > .tel > .body > .comment{
		text-align:center;
	}
	.net_tel_box > .area > ul > li > .net > .body,
	.net_tel_box > .area > ul > li > .tel > .body{
		padding-top:0px;
		padding-bottom:15px;
	}
	
	/* ポップアップ */
	.popup{
		top:5%;
		left:5%;
		right:5%;
	}	
	
	.doctor_box{
		padding-left:0px;
		padding-right:0px;
		padding-top:30px;
		padding-bottom:10px;
		padding-left:20px;
		padding-right:20px;
		margin:20px;			
		box-sizing:border-box;
	}
	.doctor_box .main_img_23{
		background: url(../img/doctor/main_img_23.png) no-repeat;
		background-size:contain;
		padding-top:21.26%;
		width:100%;
		height:0px;
		display:block;
	}	
	.vob_kaiin_box .dr_img{
		position:static;
		margin-top:20px;
	}	
	.vob_kaiin_box .dr_img img{
		width:100%;
	}
	
	.sitemap{
		margin-left:5%;
		margin-right:5%;
		margin-bottom:50px;
	}
		
	.sitemap > ul > li{
		margin-top:50px;
		display:block;
	}

	.sitemap > ul > li > .box:first-child{
		margin-top:0px;
	}
	.sitemap > ul > li > .box{
		margin-top:50px;
		padding-left:0px;
		padding-right:0px;
		display:block;
		width:100%;
	}

	.message_box > ul{
		width:100%;
		display:block;
	}
	.message_box > ul > li{
		display:block;
	}
	.message_box > ul > li img{
		text-align:center;
	}
	
	.information_box{
		margin-top:0px;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:30px;
		padding:20px;
		background-color:#e9eaf7;
		border: 1px solid #a9a9a9;
	}
	
	
}
	
	

@media only screen and (max-width: 450px) {


	.main-carousel #top_img_1 .img_area,
	.main-carousel #top_img_2 .img_area,
	.main-carousel #top_img_3 .img_area{
		height:168px;
	}

	.sp_navi{
		width:80%;
	}
	
	.fukuoka_chiken_btn{
		background: url("../img/sp/bnr_fukuoka.png") no-repeat;
		background-size: contain;
		height:104px;
	}
}

}