/*
Theme Name: soleil_sp
Author:blueseven.co.jp
*/

/*全般*/
@media screen and (max-width: 1180px) {
*, *:before, *:after {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
	 -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
		box-sizing: border-box;
}
}

@media screen and (max-width: 768px) {
  .content_wrap {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
	flex-direction: column-reverse;
    width: 100%;
  }
	#main_content{width:100%; padding:0 10px;}
	#side_content{width:100%; padding:0 10px;}
	#footer_navi{display:none;}
}

/*-----------------------------------------*/
/*ヘッダー
/*-----------------------------------------*/
@media screen and (max-width: 1180px) {
	.header{width:100%; padding:0x; flex-wrap:nowrap;}

	#header_logo{width:40%; min-width:260px;}
	#header_contact{font-size: calc(50% + 0.7vw);}
	#header_telphone .ht{font-size:calc(100% + 1.7vw);}
	#header_telphone img{width:35px;}
}

@media screen and (max-width: 600px) {
	#header{z-index:1;}
	#header_logo {font-size:20px; position: absolute;top: -40px;height: 50px; right:0; z-index:999999;}
	#header_rightcontent{display:none;}
	#header_sp{display:block;}
	#header_logo{margin:0 auto;}
	#header_content{padding:0;}

}



/*-----------------------------------------*/
/*ナビゲーション*/
/*-----------------------------------------*/
@media screen and (max-width: 1180px) {
	.navigation{width:100%;}
	.navigation .nav_content_sub{padding:0 10px;}
}

@media screen and (max-width: 600px) {
	.navigation{display:none;}
	.navigation .nav_content_sub{padding:0 5px;}
	ul#main-nav li a{font-size:14px; color:#FFF;}
	ul#main-nav li {width:100%; padding:0; border-left: 1px solid #0171BD; border-right: 1px solid #0171BD;}
	ul#main-nav li+ li{width:100%;}



}
/*-----------------------------------------*/
/*メインイメージ*/
/*-----------------------------------------*/
@media screen and (max-width: 1180px) {
	#main_image{width:100%;}
	#main_image img{width:100%;}
}

@media screen and (max-width: 600px) {
	#main_image img{}
	.top_content{position:absolute; width:100%; top: 25%; left: 50%;  transform: translateY(-50%) translateX(-50%);  margin: auto; display:inline-block;}
	span.txt1{line-height:170%; font-size:calc(100% + 1.0vw);}
	span.txt2{line-height:100%; font-size:0.8rem;}
	span.txt2{display:none;}

	.news_wrap{flex-flow: column}
	.news_date{margin-left:0px; width:100%;}
	.news_title{width:100%; margin:0 10px;}
	#intro h3{margin-left:0;}
	#intro p{margin-left:0;}
}


/*-----------------------------------------*/
/*フッター*/
/*-----------------------------------------*/
@media screen and (max-width: 1180px) {
#footer{width:100%;}
.foot_logo{margin:0 auto 50px;}
.footer_left{width:100%; border-right:0; border-bottom:solid 1px #CCC; padding-right:0px; margin-right:0px;}
.footer_right{width:100%;}
.fc_child{width:45%;}
.footer_nav{width:600px; margin:0 auto;}
.foot_company{width:600px; margin:0 auto;}
.footer_right{margin:0 auto;}
.footer_right nav{width:100%; margin:0 auto;}
.footer_right .fc{display:block; text-align:center; font-size:1.2rem; margin-top:15px;}
 #copyright{width:100%; margin:0 ;padding:0;}
.sns_icon{margin:0 auto 10px;}
.cp_txt{width:100%; text-align:center; font-size:10px;}

span.postalcode::after{
	content: "\A" ;
	white-space: pre ;
}
span.telephone::after{
	content: "\A" ;
	white-space: pre ;
}
}

@media screen and (max-width: 600px) {
.foot_logo{max-width:450px; padding:0 10px;}
.footer_right{margin-bottom:30px;}
.footer_right nav{width:100%;}
.footer_left{width:100%; border-bottom:solid 1px #CCC; padding:0 10px;; margin-right:0}
.foot_company{width:240px; margin:0 auto;}
.fc_child{width:100%;}
.fc_child p{margin:10px 0px;}
.footer_nav{width:350px; margin:0 auto;}


.footer_right{width:100%;}
.sns_icon{width:50%;}

}


/*-----------------------------------------*/
/*フロント共通*/
/*-----------------------------------------*/
@media screen and (max-width: 1180px) {
}

@media screen and (max-width: 600px) {
	.content_area{width:100%}
}

/*-----------------------------------------*/
/*診療案内*/
/*-----------------------------------------*/
@media screen and (max-width: 1180px) {
}

@media screen and (max-width: 600px) {
	.clinic_guide_content{margin-left:0;}
	.clinic_guide_content2{margin-left:0;}

	#clinic_guide tr th{padding-top:20px; color:#91903D; font-size:14px; font-weight:bold;}
	#clinic_guide tr td{padding-top:20px; padding-bottom:20px; border-bottom:dotted 1px #000000;}
	tr.dis_list{margin-bottom:5px;}
	#clinic_guide_content{margin-left:0px;}
}

/*-----------------------------------------*/
/*アクセス*/
/*-----------------------------------------*/
@media screen and (max-width: 1180px) {
}

@media screen and (max-width: 600px) {
	.access_content{margin-left:0;}

}

/*-----------------------------------------*/
/*プロフィール*/
/*-----------------------------------------*/
@media screen and (max-width: 1180px) {
}

@media screen and (max-width: 600px) {
	.profile_content{margin-left:0;}
}


/*-----------------------------------------*/
/*今月の一言*/
/*-----------------------------------------*/
@media screen and (max-width: 1180px) {
}

@media screen and (max-width: 600px) {
	.essay1_wrap{margin-left:0;}
	.essay2_wrap{margin-left:0;}
	.essay2_date{margin-left:0;}
	.essay1_title{margin-left:15px;}
	.essay_content_wrap{margin-left:0;}
	.essay_content h3{margin-left:0;}
	.essay_content p{margin-left:0;}
}


/*-----------------------------------------*/
/*アドバイス*/
/*-----------------------------------------*/
@media screen and (max-width: 1180px) {
}

@media screen and (max-width: 600px) {
	.advice_wrap{margin-left:0;}
	.advice_content h3{margin-left:0;}
	.advice_content p{margin-left:0;}
}


/*-----------------------------------------*/
/*メディトーク*/
/*-----------------------------------------*/
@media screen and (max-width: 1180px) {
}

@media screen and (max-width: 600px) {
	.meditalks_wrap{margin-left:0;}
	.meditalks_content p{margin-left:0;}
	.meditalks_content h3{margin-left:0;}
	/* Facebookのいいねボタン　*/
	#facebook_button{margin-left:0px;}
}

/*-----------------------------------------*/
/*メディカルチェック*/
/*-----------------------------------------*/
@media screen and (max-width: 1180px) {
}

@media screen and (max-width: 600px) {
	.medicalcheck_wrap{margin-left:0;}
	.medicalcheck_content p{margin-left:0;}
	.medicalcheck_content h3{margin-left:0;}
}


/*-----------------------------------------*/
/**/
/*-----------------------------------------*/
@media screen and (max-width: 1180px) {
}

@media screen and (max-width: 600px) {
	#about_kampo h3{margin-left:0;}
	#about_kampo p{margin-left:0;}
}