@charset "UTF-8";
/* CSS Document */


/***************
タブレット以下
***************/

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

	
	section .inner{
		overflow: hidden;
		width:90%;
		margin-left: auto;
		margin-right:auto;

	}
	
	#subNav.inner{
		overflow: hidden;
		width:90%;
		margin-left: auto;
		margin-right:auto;
	}
	
	#subNav ul{
		text-align: left;
	}

	
	.inner.flex-container {
		width:90%;
	}

	header {
		position: fixed;
		width:100%;
		height:60px;
		padding: 5px 0;
		top:0;

	}

	header .inner{
		text-align: left;
		width: 90%;
		margin: 0 auto;
	}


	#mainLogo{
		position:relative;
		display:inline-block;
		margin: 10px auto 10px 0;
		overflow: hidden;
		max-width: 80%;
	}	

	#mainLogo img {
		width: 100%;
		height: 100%;

	}



	.header_message{
		display: none;
	}

	.header_reserve{
		display: none;
	}

	#headerInfo .tel_num {
		display: none;

	}



	nav#gNav {
		position: fixed;
		top: 0;
		right: -300px;
		width: 300px;
		height: 100%;
		padding-top: 50px;
		background:#fff;
		font-size: 16px;
		box-sizing: border-box;
		z-index: 2;
		opacity: 0.9;
	}
	nav#gNav ul li {
		display:block;
		text-align:center;
		margin: 25px 0;
	}
	nav#gNav ul li a {
		text-decoration: none;
		color: #0068b7;
	}

	
	nav#gNav .reserve_smart {
		border:1px solid #0068b7;
		color: #0068b7;
		margin: 30px 25px 0 25px;
		padding: 10px 0;
	}
	
	nav#gNav .tel_num {
		display: block;
		font-size:24px;
		text-align: center;
		color:#fff;
	}
	

	
	
	

	#gNavWrapper .btn-gnavi {
		position: fixed;
		top: 24px;
		right: 20px;
		width: 30px;
		height: 24px;
		z-index: 3;
		box-sizing: border-box;
		cursor: pointer;
		-webkit-transition: all 400ms;
		transition: all 400ms
	}
	#gNavWrapper .btn-gnavi span {
		position: absolute;
		width: 30px;
		height: 2px;
		background: #666;
		border-radius: 10px;
		-webkit-transition: all 400ms;
		transition: all 400ms
	}
	#gNavWrapper .btn-gnavi span:nth-child(1) {
		top: 0
	}
	#gNavWrapper .btn-gnavi span:nth-child(2) {
		top: 10px
	}
	#gNavWrapper .btn-gnavi span:nth-child(3) {
		top: 20px
	}
	#gNavWrapper .btn-gnavi.open span {
		background: #666;
	}
	#gNavWrapper .btn-gnavi.open span {
	}

	#gNavWrapper .btn-gnavi.open span:nth-child(1) {
	  -webkit-transform: translateY(10px) rotate(-45deg);
	  transform: translateY(10px) rotate(-45deg);
	}
	#gNavWrapper .btn-gnavi.open span:nth-child(2) {
	  opacity: 0;
	}
	#gNavWrapper .btn-gnavi.open span:nth-child(3) {
	  -webkit-transform: translateY(-10px) rotate(45deg);
	  transform: translateY(-10px) rotate(45deg);
	}	
	
	
/*
	#gNavWrapper .contents section p {
    position: absolute;
    top: 50%;
    width: 30%;
    line-height: 1.4;
    font-size: 20px;
    color: #fff;
}
#gNavWrapper .contents section:nth-child(odd) p {
    left: 10%
}
#gNavWrapper .contents section:nth-child(even) p {
    right: 10%
}
	*/
	




	#mainVisual{
		margin-top:70px;

	}

	#mainVisualCopy{

	}

	#mainVisualCopy img{
		height:250px;

	}


	.swiper-container{
		height:300px;
		background-position: center;
	}

	
	.btn_01 {
		margin-left: auto;
		margin-right:auto;
	}	
	

	.news_lineup{
		width: 100%;
		box-sizing: border-box;
	}
	
	.news_lineup h3{
		display: block;
		width:100%;
		padding: 10px 0;
	}

	
	#greeting h3,
	#clinicInfo h3{
		font-size:24px;
		width: 100%;
		}

	#greeting h3{
		margin-top:-30px;

		}	

	#greeting .sentence_wrapper,
	#clinicInfo .sentence_wrapper{
		width: 100%;
	}
	

	#greeting .sentence_wrapper{
		margin-top:50px;
	}
	
	#greeting .img_wrapper{
		width: 80%;
		max-width: 360px;
		margin:-50px auto 0 auto;
		text-align: center;
	}
	


	#clinicInfo	.opening_time_table{
		width: 100%;
		margin:30px auto 0 auto;
		text-align: center;
	}



	#topSick .top_sick_list ul {
		text-align: left;
	}
	
	.features_list_item {
		margin-bottom: 20px;
	}

	
	.iframe_wrapper{
		width: 90%;

	}		



	.img_nav ul{
		width:500px;
		margin: 0 auto;
		border-spacing:10px;
	}


	
	
/*************
/* フッター
*************/



	.footer .inner{
		padding: 20px 0;
	}



	.footnav{
		width:100%;
		margin: 20px auto;
		text-align:center;
	}


	.footer_info {
		width:100%;

	}

	.footer_info h4{
		font-size: 15px;
	}

	.footer_info p{
		text-align: center;
	}

	.footer_logo{
		background: none;
		text-align: center;
		width: 100%;
	}

	.footer_logo img{
		width: 50%;
		max-width: 200px;
	}


	.sns_icons {
		float:none;
		width:100%;
		text-align: center;
		margin-top: 20px;

	}

	.sns_icons li {
		display: inline-block;
		margin: 0 10px;
	}



	#copyright{
		clear:both;
		padding:20px 0 10px 0;
		text-align:center;
		font-style:normal;
		font-size:12px;
		color:#fff;
	}	




/*  2ndディレクトリ
*************************/	

	#pageTitle{
		height: 120px;
		margin-top: 70px;
	}


	.access_table{
		width:100%;
		margin: 0 auto;
	}
	
	#doctor01{
		margin-top:50px;
	}
	
	
	#doctorProfile .background{
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
	
	#clinicGuide .clinic_guide {
		width: 100%;
	}
	
	section.features{
		padding-top: 80px;
	}
	
	section.features .inner{
		padding-top:0;
	}



	.map{
		width:100%;
		margin: 30px auto 0  auto;

	}

	#menu h3 {
		font-size:24px;
	}
	
	#menu h4{
		text-align: left;
	}	

	.menu_list,
	.menu_list-lunch_drink{
		width: 90%;
		margin: 0 auto;
	}

	.lunch_drink {
		width:45%;
		padding: 0;
		float: left;
	}	


	.menu_list li,
	.pickup_menu,
	.pickup_menu_right,
	.menu_category{
		width:100%;
		float:none;
		margin: 0 auto 2em auto;
	}


	.menu_category_wrapper::after{
	   display: none;
		content: none;
	}	



	.contact_tel{
			width: 90%;

	}
	

}