@charset "utf-8";
/* ===================================================
	Room CSS
====================================================== */
#whole #room section { min-width: 950px; padding: 25px 0 0; background: #000;}
#whole #room section h2 { padding: 20px 0 30px; text-align: center;}
#whole #room section h2 span { display: block; padding-top: 15px;}

/* ---------------------------------------------------
#slide
------------------------------------------------------ */
#whole #room #visual .logo{ position: absolute; top:0px; left:0; right:0; bottom:0; margin:18.3% auto auto; z-index:9998; }

/*（**部分はそれぞれで記入）*/
#visual { height: 450px; position: relative;}
#visual .vis {
  width: 100%;
  height: 450px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  background: no-repeat center top;
}
#visual .vis.vis01 { background: #000 url(../../img/room/slide01.jpg) no-repeat scroll center top;}/* 画像名変えてください */
#visual .vis.vis02 { background: #000 url(../../img/room/slide02.jpg) no-repeat scroll center top;}
#visual .vis.vis03 { background: #000 url(../../img/room/slide03.jpg) no-repeat scroll center top;}
#visual .vis.vis04 { background: #000 url(../../img/room/slide04.jpg) no-repeat scroll center top;}
#visual .vis.vis05 { background: #000 url(../../img/room/slide05.jpg) no-repeat scroll center top;}


/* ---------------------------------------------------
#sec4
------------------------------------------------------ */
#sec4 .room_col{padding: 50px 0 60px; border-bottom: 1px solid #4d4d4d;color: #b5b5b5;}
#sec4 #sec4_2{border-bottom: none;}
#sec4 .room_col .inner { width: 950px; margin: 0 auto;}
#sec4 .room_col h4 { padding-bottom: 35px; text-align: center;}
#whole #room #sec4{ width:950px; text-align:center; }
#whole #room #sec4 h3{margin-bottom:20px;}
#whole #room #sec4 .inner>p{line-height:2.0;margin-bottom:1em;}
#whole #room #sec4 .upper{position:relative;}
#whole #room #sec4 .upper:after{content:"";width:0;height:0;display:block;clear:both;}
#whole #room #sec4 ul.tab_menu{font-size:0;margin-bottom:48px;}
#whole #room #sec4 ul.tab_menu li{ margin:12px 3px 0px; cursor:pointer; display:inline-block; }
#whole #room #sec4 ul.tab_menu li:hover{opacity:0.8;}
#whole #room #sec4 ul.tab_contents{padding:50px 10px; width:930px;}
#whole #room #sec4 ul.tab_contents>li{font-size:92.8%;line-height:1.6;box-sizing:border-box;max-width:950px;width:100%;max-height:90%;overflow:auto;background:url(https://secure01.blue.shared-server.net/www.kyokoyado.com/room/img/sec1_bg_03.png) no-repeat 95% 70%;}
#whole #room #sec4 li>a{position:absolute;right:2%;bottom:4%;max-width:25%;}
#whole #room #sec4 .cont01{ text-align:center; position:relative; }
#whole #room #sec4 .cont01 h4{ text-align: center; }
    #sec1 .room_col:last-child{border-bottom: none;}

/* ---------------------------------------------------
#sec1
------------------------------------------------------ */
#sec1 .room_col { padding: 50px 0 60px; border-bottom: 1px solid #4d4d4d; color: #b5b5b5;}
#sec1 .room_col .inner { width: 950px; margin: 0 auto;}
#sec1 .room_col h4 { padding-bottom: 35px; text-align: center;}
#sec1 .room_col:last-child{border-bottom: none;}

/* ---------------------------------------------------
#sec2
------------------------------------------------------ */
#sec2 .room_col { padding: 20px 0 30px; border-bottom: 1px solid #4d4d4d; color: #b5b5b5;}

/* ---------------------------------------------------
room layout ※余白やらアイコンやらは施設に合わせて変えてください
------------------------------------------------------ */
#whole #room #contents{ width:950px; }
#whole #room #sec1{ width:950px; text-align:center; }
#whole #room #sec1 h3{margin-bottom:20px;}
#whole #room #sec1 .inner>p{line-height:2.0;margin-bottom:1em;}
#whole #room #sec1 .upper{position:relative;}
#whole #room #sec1 .upper:after{content:"";width:0;height:0;display:block;clear:both;}
#whole #room #sec1 ul.tab_menu{font-size:0;margin-bottom:48px;}
#whole #room #sec1 ul.tab_menu li{ margin:12px 3px 0px; cursor:pointer; display:inline-block; }
#whole #room #sec1 ul.tab_menu li:hover{opacity:0.8;}
#whole #room #sec1 ul.tab_contents{padding:50px 10px; width:930px;}
#whole #room #sec1 ul.tab_contents>li{font-size:92.8%;line-height:1.6;box-sizing:border-box;max-width:950px;width:100%;max-height:90%;overflow:auto;background:url(https://secure01.blue.shared-server.net/www.kyokoyado.com/room/img/sec1_bg_03.png) no-repeat 95% 70%;}
#whole #room #sec1 li>a{position:absolute;right:2%;bottom:4%;max-width:25%;}
#whole #room #sec1 .cont01{ text-align:center; position:relative; }
#whole #room #sec1 .cont01 h4{ text-align: center; }

#sec1 #sec1_3 {  padding: 50px 0px; border-bottom: none;}

/* ---------------------------------------------------
#sec2
------------------------------------------------------ */
#whole #room #sec2 img { margin-bottom: 30px;}

/* ---------------------------------------------------
#sec3
------------------------------------------------------ */
#whole #room #sec3 { margin-bottom: 120px;}