/* WLリニューアル（2016.09）　施設案内CSS　印刷用*/

@charset "UTF-8";

/*webfont*/
@import 'https://fonts.googleapis.com/css?family=Khand';
@import 'https://fonts.googleapis.com/css?family=Josefin+Sans';
@import 'https://fonts.googleapis.com/css?family=Titillium+Web:600';

body{width:1800px; }

/*calendar*/
.calendar {background-color:rgba(255,255,255,0.40); font-size:1.0em; border-collapse:collapse; margin:5px 0; font-family: 'Josefin Sans', sans-serif;}
table.calendar{border:1px #FFFFFF solid;}
table.calendar td {border: solid 1px #333333; text-align:center;}
.calendar-off {background-color:rgba(255,181,181,0.30);}
/* Holiday */
.calendar td.closed {color:#EF2F33; font-weight:bold; background-color:rgba(255,215,216,0.50);}
/* rinji */
table.calendar16 td.working { }


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


/**facility*****************************************************/
#facilictyWrap{font-family:"Shin Go Regular";}
#facilictyWrap .frontImg #pnkz{position:absolute; top:5px; left:320px; font-size:14px; color:#FFFFFF; text-shadow:0px 0px 5px #5E7680;}
#facilictyWrap .frontImg #pnkz a{color:#FFFFFF; text-decoration:none;}
#facilictyWrap .frontImg #pnkz a:hover{color:#FFFFFF; text-decoration:underline;}

#facilictyWrap .frontImg{background-image: url(../images/facilitiesBG.png); background-repeat:repeat-y; width: 100%; background-position: 50% 50%; background-size: cover;}
#facilictyWrap .frontImg #frontWrap{display:table; width:100%; padding:0 0 0 300px; min-height:400px; box-sizing:border-box;}
#facilictyWrap .frontImg #frontTxt{display:table-cell; width:40%; vertical-align:middle;}
#facilictyWrap .frontImg #frontTxt H1{font-family:"Folk Medium"; width:100%; font-size:3.0em; color:#FFFFFF; margin:0 auto; padding:0 40px; box-sizing:border-box; text-shadow:0px 0px 10px #123245; text-align:right;}
#facilictyWrap .frontImg #frontTxt H1 span{font-family: 'Khand', sans-serif; display:inline-block; margin:0 20px 0 0; font-size:0.8em;}
#facilictyWrap .frontImg #frontDes{display:table-cell; width:60%; color:#FFFFFF; font-size:1.0em; line-height:2.3em; text-shadow:0px 2px 3px #4a4a4a; background-color:rgba(0,173,236,0.60); vertical-align:middle; padding:20px 80px 20px 40px; box-sizing:border-box;}

#facilictyWrap .info{padding:0 0 0 300px; width:100%; min-height:500px; background-color:#FFFFFF; display: table; position: relative; box-sizing:border-box;}
#facilictyWrap .info .photo{background-image: url(../images/facilitiesInfo-img.jpg); width: 50%; height: auto; overflow: hidden; position: relative; display: table-cell; vertical-align: middle; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
#facilictyWrap .info .txt{width: 50%; height: auto; overflow: hidden; position: relative; display: table-cell; vertical-align: middle; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; padding:50px 80px; box-sizing:border-box; font-size:0.9em; line-height:2.0em; color:#ffffff; text-shadow:0px 2px 3px #4a4a4a; background-color:#E3A874; background:url("../images/hemp-bg3.png");}
#facilictyWrap .info .txt h2{font-family:'Khand', sans-serif; color:#003764; font-size:2.5em; margin:0 0 20px 0; padding:0;}


#storage , #slope , #wash , #pier , #refueling , #wooddeck , #premiumdeck , #changingroom , #toilet , #reception , #service {padding:0 0 0 300px; width:100%; min-height:450px; background-color:#f8e8c2; display: table; position: relative; box-sizing:border-box;}
#facilictyWrap .leftWrap, #facilictyWrap .rightWrap{width: 50%; height: auto; overflow: hidden; position: relative; display: table-cell; vertical-align: middle; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; background:url("../images/hemp-bg.png");}
#facilictyWrap .inner{font-size:0.9em; line-height:2.0em; color:#4A2015; text-shadow:0px 2px 3px #AFAFAF; padding:50px 80px; box-sizing:border-box;}
#facilictyWrap .inner p{font-family: 'Folk Medium'; color:#004B76; font-size:2.3em; margin:0 0 20px 0; padding:0;}

#facilictyWrap #storage .rightWrap{background-image: url(../images/facility-storage.jpg); background-repeat:no-repeat; background-position:center center;}/*保管設備*/
#facilictyWrap #slope .leftWrap{background-image: url(../images/facility-slope.jpg); background-repeat:no-repeat; background-position:center center;}/*揚降用トロッコ*/
#facilictyWrap #wash .rightWrap{background-image: url(../images/facility-wash.jpg); background-repeat:no-repeat; background-position:center center;}/*洗艇設備*/
#facilictyWrap #pier .leftWrap{background-image: url(../images/facility-pier.jpg); background-repeat:no-repeat; background-position:center center;}/*可動式桟橋*/
#facilictyWrap #refueling .rightWrap{background-image: url(../images/facility-refueling.jpg); background-repeat:no-repeat; background-position:center center;}/*給油設備*/
#facilictyWrap #wooddeck .leftWrap{background-image: url(../images/facility-wooddeck.jpg); background-repeat:no-repeat; background-position:center center;}/*ウッドデッキ*/
#facilictyWrap #premiumdeck .rightWrap{background-image: url(../images/facility-premiumdeck.jpg); background-repeat:no-repeat; background-position:center center;}/*プレミアムデッキ*/
#facilictyWrap #changingroom .leftWrap{background-image: url(../images/facility-changingroom.jpg); background-repeat:no-repeat; background-position:center center;}/*更衣室*/
#facilictyWrap #toilet .rightWrap{background-image: url(../images/facility-toilet.jpg); background-repeat:no-repeat; background-position:center center;}/*トイレ*/
#facilictyWrap #reception .leftWrap{background-image: url(../images/facility-reception.jpg); background-repeat:no-repeat; background-position:center center;}/*受付事務所*/
#facilictyWrap #service .rightWrap{background-image: url(../images/facility-service.jpg); background-repeat:no-repeat; background-position:center center;}/*技術サービス*/