@charset "utf-8";
@import "../plain/plain.css";

/*------------------------------------------------

    mobile

------------------------------------------------*/
/*@media screen and (min-width:568px) and (max-width:767px){

　// Change at the time of round scape

}*/

/* 
    PC at round scape  [max-width 640px]
    SP at round scape  [max-width 767px]
 */

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

*{font-size:14px;}
body p{font-size:14px;}
.innerBox{width:90%;margin:0 auto;}

/* device */
.sp{display:block;}
.pc{display:none;}

/*--------- header --------*/
#header{padding:0;}
#headerTop{height:auto;}
#headerTop .innerBox{width:100%;margin:0 auto;}
#headerTop .site-title img{margin:0;}
#headerTopNv{display:none;} 
#topMainBnr{margin-top:50px;padding:0;}

#sp_navi{display:block;position:fixed;top:0;left:0;width:100%;height:62px;font-size:18px;font-weight:bold;z-index:9998;}
#sp_navi .site-title{position:absolute;width:195px;top:22.5%;left:2.5%;display:table !important;text-align:left;height:auto;}
#sp_navi .site-title img{width:100%;}
#sp_navi dl{}
#sp_navi dl dt{height:62px;font-weight:bold;cursor:pointer;padding:0 4%;font-size:1.1rem;display:block;color:#fff;line-height:2;background:rgba(255, 251, 235, .8);}
#sp_navi dl dd{width:100%;height:0;overflow:hidden;background:rgba(253, 169, 43, 0.8);transition:.5s;}
#sp_navi dt a{display:block;width:42px;height:42px;position:absolute;top:9px;right:10px;z-index:9999999;}
#sp_navi dt a#sp_tel_bt{right:55px;background:url(../../images/common/icon/hd-tel-sp.png) center center / 55% no-repeat;}
#sp_navi dt a span{display:block;background:#666;width:24px;height:2px;position:absolute;left:9px;transition:all 0.4s;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;}
#sp_navi dt a span:first-child{top:12px;}
#sp_navi dt a span:nth-child(2){margin-top:-1px;top:50%;}
#sp_navi dt a span:last-child {bottom:12px;}
#sp_navi ul{padding:4% 2% 4% 4%;}
#sp_navi ul li{display:table;width:50%;float:left;padding:0;line-height:1.4;font-size:15px;font-weight:normal;}
#sp_navi ul li a{position:relative;display:table-cell;vertical-align:middle;width:100%;height:38px;padding-left:8%;color:#fff;text-decoration:none;font-weight:500;font-size:90%;overflow:visible;}
#sp_navi ul li i{margin-right:4%;color:#70c7da;font-size:11px;vertical-align:middle;position:relative;top:0;left:-10px;}
.fa-angle-right:before{content:"";display:block;position:absolute;top:0;left:-4px;width:4px;height:4px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);}

.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
#sp_navi dt a.active span:first-child {-webkit-transform:translateY(8px) rotate(45deg);-moz-transform:translateY(8px) rotate(45deg);-ms-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg);}
#sp_navi dt a.active span:nth-child(2){opacity:0;}
#sp_navi dt a.active span:last-child  {-webkit-transform:translateY(-8px) rotate(-45deg);-moz-transform:translateY(-8px) rotate(-45deg);-ms-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg);}
#sp_navi dt a.active-02 span:first-child {-webkit-transform:translateY(8px) rotate(45deg);-moz-transform:translateY(8px) rotate(45deg);-ms-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg);}
#sp_navi dt a.active-02 span:nth-child(2){opacity:0;}
#sp_navi dt a.active-02 span:last-child  {-webkit-transform:translateY(-8px) rotate(-45deg);-moz-transform:translateY(-8px) rotate(-45deg);-ms-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg);}
@-webkit-keyframes spMenuShow{20%{opacity:0;} 60%{height:100%;} 100%{opacity:1;} }
@-webkit-keyframes spMenuHide{20%{opacity:1;} 60%{height:0 ;} 100%{opacity:0;} }
#sp_navi .show{height:100%;opacity:0;display:block;animation:spMenuShow .5s linear 0s 1 both;}
#sp_navi .hide{height:0;opacity:1;animation:spMenuHide .5s linear 0s 1 both;}
@-webkit-keyframes spMenuShow2{20%{opacity:0;} 60%{height:100%;} 100%{opacity:1;} }
@-webkit-keyframes spMenuHide2{20%{opacity:1;} 60%{height:0 ;} 100%{opacity:0;} }
#sp_navi .show-02{height:100%;opacity:0;display:block;animation:spMenuShow2 .5s linear 0s 1 both;}
#sp_navi .hide-02{height:0;opacity:1;animation:spMenuHide2 .5s linear 0s 1 both;}
#reservation_close{margin:0 auto;position:relative;vertical-align:middle;padding:20px 20px 20px 25px;color:#0e0c0c;text-decoration:none;font-weight:500;font-size:90%;letter-spacing:1;overflow:visible;}
#reservation_close:before{width:95%;content:"";position:absolute;display:block;height:1px;top:0;left:0;right:0;margin:auto;background:#eeeeee;}
.batu-close{margin-right:4%;color:#70c7da;font-size:11px;vertical-align:middle;position:relative;top:-1px;left:-6px;opacity:.5;}
.batu-close:before{content:"";display:block;position:absolute;top:0;bottom:0;left:-5px;width:15px;height:15px;margin:auto;background:url(../../images/common/icon/reservation_close.png) 0 0 / 15px no-repeat;}

.sp_tel_menu{display:none;position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;overflow-y:scroll;-webkit-overflow-scrolling:touch;transition:1s;}
.sp_tel_menu .innerBox{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:300px;display:table;}
.sp_tel_menu ul{display:table;padding:0;width:100%;text-align:center;background:linear-gradient(to right, #f90, #ff7e00);}
.sp_tel_menu li{margin:0;padding:0;}
.sp_tel_menu li + li{border-top:1px solid #ddd;}
.sp_tel_menu li a{display:block;padding:15px 15px;border-radius:1px;color:#FFF;font-size:16px;font-weight:700;font-family:serif;}
.sp_tel_menu #switch{width:90%;margin:20px auto 0;text-align:center;}
.sp_tel_menu #switch a{position:relative;display:inline-block;padding:9px 17px 9px 30px;background:linear-gradient(#FFF, #ddd);color:#666;font-weight:700;font-family:serif;border-radius:20px;}
.sp_tel_menu #switch a i{position:absolute;top:0;bottom:0;left:17px;margin:auto;width:10px;height:10px;display:block;content:"";}
.sp_tel_menu #switch a i:before{position:absolute;top:0;bottom:0;margin:auto;width:2px;height:10px;background:#666;transform:rotate(45deg);display:block;content:"";}
.sp_tel_menu #switch a i:after{position:absolute;top:0;bottom:0;margin:auto;width:2px;height:10px;background:#666;transform:rotate(-45deg);display:block;content:"";}
.sp_tel_menu.open{display:block;animation:spTelShow .5s linear 0s;}
@keyframes spTelShow{from{opacity:0;}to{opacity:1;}}
.fixed{position:fixed;width:100%;height:100%;}/*js*/

/* button */
a.deziBt_tel           {display:table-cell;vertical-align:middle;text-align:center;width:50px;height:50px;float:right;border:none;transition:1s;} 
a.deziBt_tel img       {margin-top:14px;width:25px;}
button:focus           {outline:none;}
button.deziBt_open     {width:50px;height:50px;float:right;border:none;transition:1s;}
button.deziBt_close    {width:40px;height:40px;background:none;box-shadow:none;border:none;}
button.deziBt_open img {width:40%;}
button.deziBt_close img{width:50%;}

/* sub-main-img */
#subpageTop                 {margin-top:50px;}
#subpageTop .innerBox       {height:250px;min-width:auto;}
#subpageTop .innerBox:before{height:153px;top:-35px;}
#subpageTop .innerBox:after {height:153px;bottom:-25px;}
#subpageTop .subNum01       {background-position:center 0;background-size:780px;}
#subpageTop .centerring     {margin:0 auto;width:100%;}
#subpageTop .innerBox h2    {font-size:1.2rem;margin-top:100px;padding:15px;letter-spacing:2px;text-align:center;}

/*--------- footer --------*/
#footerSection   {position:relative;margin:-12px 0 0;z-index:3;}
#footer          {width:100%;padding:0;}

#footer .ft-info{margin-top:-1px;padding:0;border-top:1px solid #CCC;}
#footer .ft-info .innerBox{width:90%;padding:60px 0 45px;}
#footer .ft-info .left{float:none;width:100%;}
#footer .ft-info .right{float:none;width:100%;}
#footer .ft-info h2{margin-bottom:12px;text-align:center;}
#footer .ft-info li{margin-bottom:10px;}
#footer .ft-info .table-sub{margin:0;}
#footer .ft-info .table-sub .su{display:block;text-align:center;margin-bottom:10px;padding:6px 13px 4px 15px;}
#footer .ft-info .close{text-align:left;}
#footer .ft-info-table-01 img{width:65%;}
#footer .ft-info-table-01 dd{padding:0;border:none;}
#footer .ft-info-table-01 dd span{display:block;margin:0 auto;}
#footer .ft-info-table-01 dd.tel a{background:url(../../images/common/icon/ft-tel-icon-n.png) 0 9px / 25px no-repeat;}
#footer .ft-info-table-01 dd:nth-child(3){line-height:1.7;margin-bottom:20px;}
#footer .ft-access #access{height:300px;}
#footer .ft-access .ft-access-br{bottom:50px;}
#footer .ft-banner .ft-banner-box li{float:none;width:100%;}
#footer .ft-banner .ft-banner-box li:nth-child(3n+2){margin:0 auto 20px;}

/*--------- content --------*/
#main #container #content,
#main #container #sideTower{width:100%;padding:0;margin:0;float:none;}
#fr-container              {position:relative;}
#fr-container section      {padding:50px 0;}
#fr-container .fr-medical  {background:url(../../images/common/top/fr-medical-bg.png) top 0 center no-repeat;}
#fr-container .fr-character{background:url(../../images/common/top/fr-character-bg.png) 0 0 / 870%;}
#fr-container .fr-facility {background:url(../../images/common/top/fr-concept-bg.png) 0 0 / 380%;}
.fr-banner   {background:none;}

#fr-container .fr-titl      {margin-bottom:25px;letter-spacing:1px;font-size:20px;}
#fr-container .fr-titl span {margin-top:10px;letter-spacing:1px;font-size:80%;font-weight:bold;}

#gallery_01{width:100%;margin:0 auto;}
#gallery_01 .bx-wrapper{margin-bottom:20px;}
#gallery_01 .title{display:block;bottom:0;left:0;right:0;margin:auto;padding:12px 15px 8px;font-size:90%;letter-spacing:2px;text-align:center;border-radius:0px;}
#gallery_01 .bx-pager img{border:3px solid #e0e0e0;}
#gallery_01 .bx-pager li {width:20%;}
#gallery_01 .bx-pager li + li{margin:0 0 15px 4%;}
#gallery_01 .bx-pager li:nth-child(7n){margin:0 0 15px 4%;}
#gallery_01 .bx-pager li:nth-child(5n){margin:0 0 15px;}

#content .textwidget ul li{float:none;width:90%;margin:10px 5%;}
#content .textwidget ul li img{margin-left:0px;}
#content .textwidget ul li:nth-child(1){float:none;width:90%;}

.fr-slider{width:100%;height:300px;overflow:hidden;margin-top:55px;}
.fr-slider:before{top:-35px;background-size:84%;background-image:url(../../images/slider/slide-frame-top-01.png);}
.fr-slider:after{display:none;}
.fr-slider .innerBox{height:300px;overflow:visible;}
.fr-slider .fr-br-02{position:absolute;top:auto;bottom:15px;right:0;left:auto;width:180px;z-index:10;}
.fr-slider .loopstart1{position:relative;height:300px;overflow:visible !important;}
.fr-slider .loopstart1 img{width:2250px !important;height:297px !important;height:auto;}
#fr-container .fr-banner{margin:20px auto 15px;padding:0 !important;}
#fr-container .fr-banner .fr-banner-box li{float:none;width:95%;}
#fr-container .fr-banner .fr-banner-box li:nth-child(3n+2){margin:0 auto 20px;}
#fr-container .fr-concept{margin:30px auto;padding:0;}
#fr-container .fr-concept .innerBox{background:#FFF;padding:80px 0 40px;}
#fr-container .fr-concept .fr-titl{margin-bottom:30px;}
#fr-container .fr-concept p{margin-bottom:1em;line-height:2.3;letter-spacing:1px;font-size:16px;}
#fr-container .fr-concept .fr-titl span{color:#98afca;}
#fr-container .fr-concept .fr-img-box{text-align:center;margin-bottom:30px;}
#fr-container .fr-concept .fr-img-box img{width:90%;margin:auto;border:4px solid #EEE;}
#fr-container .fr-concept .fr-bt{text-align:center;margin:40px auto 0;}

/* fr-medical */
#fr-container .fr-medical{padding-top:110px;padding-bottom:50px;}
#nav-list a{float:none;width:47%;height:auto;margin-right:0;}
#nav-list a:nth-child(odd){float:left;}
#nav-list a:nth-child(even){float:right;}
#nav-list dl dd{text-shadow:0 0 10px #333;}
#nav-list dl dd em{font-size:10px;font-weight:700;color:#FFF;transform:scale(.8,.8);}
#fr-container .fr-character{padding-top:75px;padding-bottom:135px;}
#fr-container .fr-character .fr-bt{float:none;margin:0 auto;padding:8px;bottom:-100px;background:rgba(255,255,255,.8);}
#fr-container .fr-character .fr-bt a{padding:10px;font-size:100%;font-weight:700;}
#fr-container .fr-character .fr-bt a:before{right:25px;}
#fr-container .fr-character .fr-character-box{position:relative;width:299px;margin:0 auto;padding:100px 0 0;}
#fr-container .fr-character .fr-character-box li{width:200px;margin-top:-100px;}
#fr-container .fr-character .fr-character-box li:nth-child(odd) {float:left;}
#fr-container .fr-character .fr-character-box li:nth-child(even){float:right;}
#fr-container .fr-character .fr-character-box .num_02{width:100%;top:0;}
#fr-container .fr-facility{padding:75px 0 70px;}
#fr-container .fr-facility .fr-facility-box h3{font-size:16px;}
#fr-container .fr-facility .fr-facility-box li{width:100%;}
#fr-container .fr-facility .fr-facility-box li + li{margin-top:50px;}
#fr-container .fr-facility .fr-facility-box li:nth-child(odd){float:none;}
#fr-container .fr-facility .fr-facility-box li:nth-child(even){float:none;}
.fr-info{padding:60px 0 30px;}
.fr-info .innerBox{width:95%;margin:0 auto;padding:0;}
.fr-info .left{float:none;width:95%;margin:0 auto 30px;}
.fr-info .right{float:none;width:95%;margin:0 auto;}
.fr-info-table-01 dd{padding:12px 0;line-height:1.7;}
.fr-info-table-02 th,.fr-info-table-02 td{padding:12px 0;}
.fr-info-table-02 th{padding:12px 5px;font-size:14px;}
.fr-info-table-02 td{font-size:14px;}
.fr-info-table-02 th:first-child{width:20%;}
.fr-info-table-02 tr:nth-child(1) th,.fr-info-table-02 tr:nth-child(1) td{padding:10px 0;}
.fr-info-table-02-sub li{font-size:14px;line-height:2;}
.fr-info-table-02-sub .su{display:;text-align:center;}
.fr-info-table-02-sub li:nth-child(3){line-height:2;}
.fr-info-table-03 li{float:none;width:100%;}
.fr-info-table-03 li + li{margin-left:0;margin-top:15px;}
.fr-info .am{font-size:100%;}
.fr-info .pm{font-size:100%;}
.fr-info .va{font-size:100%;}
.fr-info .sm{font-size:100%;}
.fr-access{position:relative;padding:0;z-index:2;padding-bottom:30px;background:#dfeced;}
.fr-access iframe{height:350px;}
.fr-access #access{height:350px;}
.fr-access .fr-access-br{bottom:55px;}

/*--------- post / info--------*/
#content-s .entry-content img{width:100%;}
#content .archiveList-page .archiveList .archive-titl{padding:10px 10px 10px 15px;}
#content .archiveList-page .archiveList .archive-titl a{font-size:110%;letter-spacing:1px;}
#content .archiveList-page .archiveList .archive-content{padding:5px 10px 15px;}

}

/*-------------------------------------------*/
/*                 print
/*-------------------------------------------*/
@media print{

body{background:none !important;}
#wrapper{clear:both !important;display:block !important;float:none !important;position:relative !important;}
#headerTop, #header, #panList,#gMenu, #pagetop, #sideTower,#footMenu, #footer, #siteBottom{display:none !important;}
#container{margin:0;width:100%;}
#pageTitBnr, #content table th{box-shadow:none !important;}
#access, #branding img, #respond,.comment-edit-link, .edit-link, .navigation,.page-link, .widget-area{display:none !important;}

}