@charset "utf-8";


html { font-size: 100% }
body { margin: 0 0 0 0 ; background-color: #f5f5f5 }

.sp {display: none;}
span.spkaig { display: none; }

.jokin { text-align: center; }
.jokin img { width: 70%; margin: 10px auto 50px; }

.yoyaku { width: calc(70% - 40px); margin: 50px auto 30px; padding: 20px; }
.yoyaku div { border: #0071bc 1px solid; border-radius: 20px }
.yoyaku img { width: 100%; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }

/**********************************************************************　大枠デザイン　*******************************************************************************/
/***** 　　　　　左右1366で縛るかどうか？ 　　　　　　*****/ 

@media screen and (min-width: 1366px) 
{

}

/**********************************************************************　デザイン　*******************************************************************************/

body#advance section { padding-top: 0px }
section { max-width: 1280px ;  margin: 0 auto }
.senshinfooter { max-width: 1280px ;  margin: 0 auto }
.gakkailink, .meiwaku { max-width: 1180px ;  margin: 0 auto ;}
.gakkailink a {width:calc(25% - 10px); float:left ;}

article { width: 100% ; margin: 0 0% }

.card-box { padding: 30px 0 10px 0 }
.id-box { }
.read span.Tpgrh { width: 100% ; display: block }

/**********************************************************************　画像サイズの調整　*******************************************************************************/

#demo-1 { width: 80% ;  ; min-height: 100%;max-width: 1280px }

/**********************************************************************　タイポグラフィー　*******************************************************************************/

h1 { font-size: 1.8em;line-height: 1.2em }
span.kaig {text-align: center;display: block;}
.copy { text-align: justify; padding: 0 10% }
.kg { display: inline ; padding-right: 10px }
.markfhead { padding: 10px 0 10px 50px ; }

h2.markfhead { background-size: auto 40px ; }
h3.markfhead { background-size: auto 36px ; }
h4.markfhead { background-size: auto 36px ; }

/**********************************************************************　サイズの調整　*******************************************************************************/

.swiper-container { width: 90% ; padding: 0 5% 40px 5%  }

.lft { width: 50% ;float: left ; }
.rgt { width: 50% ;float: right ; }

.niretsu .markfhead { display: block }
.niretsu { padding-bottom: 20px ; }
.niretsu .lft { width: 48% ; }
.niretsu .rgt { width: 48% ; }

.sandan .lft,.sandan .rgt { width: 30% ; }
.sandan .lft { margin-right:  3.333333% }
.sandan .rgt .honbun { padding-left: 0%  }

.yondan { padding-top: 20px ; }
.yondan .lft,.yondan .rgt { border-left: 1px dashed #ccc; padding: 0 10px 0 ; min-height: 120px }
.yondan .rgt { width:calc(25% - 22px) ; border-right: 1px dashed #ccc;  }
.yondan .lft { width:calc(25% - 21px) ; }
.yondan .rgt .honbun { padding-left: 0%  }

.zoom-box.nanadan div.zb-rgt { width: 16.666666% ; margin: 0% ; }
.zoom-box.nanadan div.zb-lft { width: calc( 16.666666% - 1px ) ; margin: 0 1px 0 0 }
.zoom-box.nanadan div { padding: 0 ; background-color: #fff }

.zoom-box.nanadan.kaizo div.zb-lft#doy { margin: 0 1px 0  calc( 8.333333% - 1px ) }

.rokuyon .lft { width: 58% ;  }
.rokuyon .rgt { width: 38% }

.nanasan .lft { width: 68% }
.nanasan .rgt { width: 28% }

.ph-copy.hlf { width: 40% }

.advan-box a { float: left ; width:calc(25% - 12px); text-align: center ; font-size: .8em ; border: solid 1px #ddd ;margin: 5px }

body.doctors .video-wrap { margin-bottom: 50px}
body.message .video-wrap { margin-bottom: 50px}

.kouen { padding-top: 20px }


/************************* 　ロゴ　***************************/

.logol p { top: 100px ; left: 5% ; width: 15%; } 
.logol.senshinkai p { top: 100px ; left: 5% ; width: 33%; } 

.h1box { padding: 0 0 0 0 ; }
body.infopage h1 { padding: 0 0 0 0 ; }
body.index .h1box { margin-top: 0 ; }

body.infopage .logos { width: 120px ; margin: 0 10px ; font-size:0.6em ;  line-height: 2.0em}

.logof img { width:30% ; height: auto; }

/********************************************************************　ナビゲーション　************************************************************************/

.logoen p { 
height: 37px ; padding: 22px 0 0 ; font-size: 1.0em;line-height: 1.0em ; 
background-image: url(../img/logoen.png);background-position: 3% center ;background-repeat: no-repeat ; background-size: 20% auto ; 
}
.logoen p span.Tpgrh { padding-left: 24% }

/***********************　右寄せ　*************************/
.hov a { transition-property: all;transition: 0.3s linear; }

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


.footbox {  }
.sitemap { display: block;padding: 0 0 0 22.5%;height:35px;background-color: #aaaaaa; }

.sitemap a {
	width: 16.5%;height: 25px;padding: 10px 0 0 0;margin: 0 0; 
	border-right: 1px solid #ccc;
	color: #fff;
	display: block;
	float: left;
}
.sitemap a.ft01 {
	border-left: 1px solid #ccc;
}

.shimaikanadd p { display: block ; float: left ;  }
.kanmei { width: 120px }
.kantel { padding-left: 20px }

/**************************************************************　スライドショー　******************************************************************/

.swiper-pagination{ height: 30px; position: absolute;left: 0;bottom: 0 }

/**********************************************************************  商品一覧  *******************************************************************************/
/*
.card.card01, .card.card02
{
width: 21.5%;
margin: 1% 1% ;
}
*/

.card.card03 { width: 31%; margin: 0 3.5% 3.5% 0; }
.card.card03.rgt { margin: 0 0 3.5% 0; }
.card.card03 h3 { font-size: 1.2em;}

.card.card04 { width: 23.0%; margin: 1% 1% }
.card.card04.lft { float: left }
.card.card04 .spec { min-height: 40px }

.card.card04 a img{ width: 100%;height: auto; padding-bottom: 5px; }
.card.card04 span { width: 71%;float: right;text-align: left; }
.card.card04 p { width: 100%;height: auto; padding-bottom: 0; }
.card.card06 { width: 14.2%; margin: 1% 0.7% ; }

a:hover.card-link { background-color: rgba(71,89,159,0.2) }


/**********************************************************************  説明など *******************************************************************************/

@media screen and (max-width: 899px) 
{
.tray.card04 { width: 41.3%; margin: 1% 1% ; }

#nagare4 .step , #nagare5 .step { width: 95%; }
#nagare4 .step.step04 , #nagare5 .step.step05 { margin-bottom: 100px }
}

/******************　背景写真付　********************/
@media screen and (min-width: 900px) 
{
.tray.card04 { width: 43.3%; margin: 1% 1% ; }
.tray.card01 { width: 100%;  }

.bgbox { padding-left: 25%;background-image: url(../thumb/31.jpg);background-repeat: no-repeat;background-size: 22% auto; background-position: left center }

.tray img{ width: 100%;height: auto; padding-bottom: 0; }

}

/**********************************************************************  ズームボックス  *******************************************************************************/


/**　　　　　左右２列　　　　　　　**/

.zoom-box.mojisoto:last-child { padding-bottom: 2.0%; }

/**　　　　　左右３列　　　　　　　**/

.zoom-box.sandan div { width: 30%; }
.zoom-box.sandan div.zb-lft { margin-right: 4.4% }

/* 1. 背景写真がズームインするボタン */

.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.hover01 figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/**********************************************************************  アンカー  *******************************************************************************/
/*
div.anch { clear: both;float: none;display:block;height: 20px;padding: 50px 0 0 0 }
div.anch a { display:block;float: left ;padding: 10px 0 }
div.anch a.anch-up { display:block;float: right; }

ul.tblike.nidan li.thbox{ border-top: 1px solid #CCCCCC; }

.kazai { width: 16%; padding: 0 2% ;margin: 20px 0 }

p.codebtn,
.bribt a
{ width: 50%;height: 40px;padding: 10px 0 0 0;margin: 0 auto; }


/**********************************************************************　テーブルのようなリスト　*******************************************************************************/
/*

ul.tblike.pref li.thbox{width: 20%;}
ul.tblike.pref li.tdbox{width: 10%;}
ul.tblike.pref li.thbox.brn{height: 50px;}
ul.tblike.pref li.tdbox{width: 79%;text-align: left;padding-left: 1%}
ul.tblike.pref li.tdbox.brn{width: 9%;text-align: left;padding-left: 1%;height: 50px}
ul.tblike.pref li.tdbox.add{width: 69%;text-align: left;padding-left: 1%}

ul.tblike.nidan li.tdbox{width: 50%;}

ul.tblike.nidan li.bono{border-bottom: 0px solid #ffffff;}
ul.tblike li.end{float: none;clear: left;border-bottom: 1px solid #CCCCCC;}

ul.tblike li.end.bono{float: none;clear: left;border-bottom: 0px solid #CCCCCC;}


/************************* info ***************************/

dl.toiawase dt ,dl.toiawase dd { float: left;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #CCCCCC;padding: 0 0 0 0;margin: 0 0 30px 0;height: 50px }
dl.toiawase dt.bikou ,dl.toiawase dd.bikou { height: 140px }
dl.toiawase dt.clear-box ,dl.toiawase dd.clear-box { float: none; clear: both ;width: 100%  }

dl.toiawase dt{ width: 25% }
dl.toiawase dd{ width: 74% }

dl.toiawase dd input.meru{ width: 60% !important; }
dl.toiawase dd input.nama{ width: 40% !important; }
dl.toiawase dd input.pos{ width: 30% !important; }
dl.toiawase dd input.add{ width: 80% !important; }
dl.toiawase dd textarea.you{ width: 90% !important; }
dl.toiawase dd textarea.you{ height: 100px !important; }


/**********************************************************************　サイズ調整　*******************************************************************************/

/*---------------------　パソコン用　---------------------*/
.w-wide { width: 80%;margin-left:10% }
.w-video { width: 70%;padding-left:30% }

.lft-tp { top: 20px ; left: 25px }
.lft-btm { bottom: 20px ; left: 25px }
.swiper-slide .lft-tp { top: 90px ; left: 25px }
.swiper-slide .lft-btm { bottom: 20px ; left: 25px }
.swiper-slide .rgt-btm { bottom: 20px ; right: 25px }

.rgt-tp { top: 20px ; right: 25px }
.heya-box .rgt-tp { top: 30px ; right: 0px }

.kaiseki-name { width: 100% ; font-size : 0.8em ; text-align:left ; padding : 0 0 10px 0 }

/**********************************************************************　ボタン類　*******************************************************************************/

#reservation a.btn.pc { display: block ; width: 48%; padding: 20px 0 ; text-align: center }


/****************************　　バス　　****************************/

body.buspage h1 { padding-top: 60px!important; padding-bottom: 40px!important; }
.w-bus { width: 80%;margin-left:10% }
.bus { padding-top: 59px }
.bus1, .bus2 { float: left; width: 50% ; }
.bus1 img, .bus2 img { padding-bottom: 0; }