/* WLリニューアル（2016.09）　レンタル会員CSS　印刷用*/

@charset "UTF-8";

body{width:1800px; }

/*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';

/*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 { }

body{margin:0; padding:0;}


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

/**rental*****************************************************/
#rentalWrap{font-family:"Shin Go Regular";}

#rentalWrap .frontImg{position:relative;  background-image: url(../images/rentalBG.jpg); margin:0 0 0 300px; background-repeat:repeat-y; background-position:0 20%; background-size: cover;}
#rentalWrap .frontImg #pnkz{position:absolute; top:5px; left:20px; font-size:14px; color:#FFFFFF; text-shadow:0px 0px 5px #5E7680;}
#rentalWrap .frontImg #pnkz a{color:#FFFFFF; text-decoration:none;}
#rentalWrap .frontImg #pnkz a:hover{color:#FFFFFF; text-decoration:underline;}

#rentalWrap .frontImg #frontWrap{display:table; width:100%; padding:0; min-height:400px; box-sizing:border-box;}
#rentalWrap .frontImg #frontTxt{display:table-cell; width:40%; vertical-align:middle;}
#rentalWrap .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;}
#rentalWrap .frontImg #frontTxt H1 span{font-family: 'Khand', sans-serif; display:inline-block; margin:0 20px 0 0; font-size:0.8em;}
#rentalWrap .frontImg #frontDes{display:table-cell; width:60%; color:#FFFFFF; font-size:1.2em; line-height:1.7em; 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;}

#rentalWrap .info{display:block; padding:0 0 0 300px; width:100%; position: relative; box-sizing:border-box; background:url("../images/hemp-bg.png");}

#rentalWrap .frontImg #frontDes ul{margin:0; padding:0; display:block;}
#rentalWrap .frontImg #frontDes li{margin:0 0 20px 0; padding:0; font-weight:bold; font-family:'Maru Folk Medium'; color:#FFFFFF;}

#rentalWrap .info #price{width:60%; margin:0 auto; padding:50px 0;}
#rentalWrap .info #price table{font-size:1.1em; line-height:1.3em; width:680px; margin:10px auto; font-family:'Shin Go Medium'; color:#0C405E;}
#rentalWrap .info #price td p.L{background-color:rgba(255,248,184,0.50); padding:7px 5px; margin:3px; text-align:left;}
#rentalWrap .info #price td p.R{background-color:rgba(255,255,255,0.50); padding:7px 5px; margin:3px; text-align:right;}
#rentalWrap .info #price .pttl{width:180px; margin:0 0 20px 0; padding:10px; box-sizing:border-box; background-color:#03AFDB; color:#FFFFFF; font-weight:bold; text-align:center;}
#rentalWrap .info #price .ptxt{font-size:0.9em; line-height:1.5em; width:700px; margin:10px auto; color:#A2191C;}
#rentalWrap .info #price .rental{width:80%; margin:20px auto; border:#EC5F00 2px solid; border-radius:5px; box-sizing:border-box; text-align:center; padding:10px;}
#rentalWrap .info #price .rental .link{display:inline-block; padding:5px; margin:0 0 0 20px; text-align:center; background-color:#EC5F00; color:#FFFFFF; text-decoration:none;}
#rentalWrap .info #price .rental .link:hover{background-color:#FFFFFF; color:#EC5F00;}
.smliemaxMB{display:none;}
.smliemaxPC{margin:0; padding:0;}

/*入会の流れ*/
.in{width: 100%; height: auto; position: relative; margin: auto;}

#admission{display:block; padding:0 0 0 300px; width:100%; position: relative; box-sizing:border-box; background:url("../images/hemp-bg.png");}

#admission #ttl{padding:30px; text-align:center; font-size:30px; font-family: "Folk Medium"; color:#004B76; text-shadow:#989898 2px 2px 5px; font-weight:bold; background: url(../images/ttl-bg-wt.jpg); box-sizing:border-box; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: relative;}

#admission ul{list-style:none; margin:0; padding:0;}

.Triple{display: table; min-width: 900px; width:100%; position: relative;}

.Triple .L1 {width: 24%; height:300px; overflow: hidden; background:#102059; display: table-cell; vertical-align: middle;}
.Triple>.L1 h2{font-size: 38px; line-height: 40px; padding: 0 0 0 80px; font-weight:bold; color:#ffffff; font-family: 'Khand', sans-serif;}
.Triple>.L1 h2 span{display:block; font-size:16px; line-height:1.3em; font-family:"Shin Go Regular";}

.Triple .L2 {width: 24%; height:300px; overflow: hidden; background:#004B76; display: table-cell; vertical-align: middle;}
.Triple>.L2 h2{font-size: 38px; line-height: 40px; padding: 0 0 0 80px; font-weight:bold; color:rgba(255,255,255,1.00); font-family: 'Khand', sans-serif;}
.Triple>.L2 h2 span{display:block; font-size:16px; line-height:1.3em; font-family:"Shin Go Regular";}

.Triple .C1 {width: 38%; height:300px; overflow: hidden; display: table-cell; vertical-align: middle; background:url(../images/cpaper-bg1.png);}
.Triple .C1 .b{background:url("../images/cpaper-bg2.png");}
.Triple .C1 .in{padding:20px 50px; box-sizing:border-box;}
.Triple .C1 .in h3{display:block; position:relative; padding:0 0 20px 0; border-bottom:1px #102059 solid; color:#102059; font-size:22px; text-align:center; font-weight:bold;}
.Triple .C1 .in h3 a , .Triple .C1 .in h3 span{font-size:12px; line-height:18px; display:inline-block; text-decoration:none; color:#FFF; background-color:#102059; position: absolute; bottom: -11px; left: 0; right: 0; width: 100px; margin: auto; letter-spacing: 2px; padding: 2px 10px 2px 12px; -webkit-border-radius: 4px; -moz-border-radius:4px;  border-radius:4px;}
.Triple .C1 ul{font-size:16px; line-height:1.5em; color:#102059; list-style:circle;}
.Triple .C1 .in h3 a:hover{border:1px #102059 solid; background:#FFFFFF; color:#102059;}
.Triple .C1 li{padding:0; margin:0 0 10px 0;}

.Triple .C2 {width: 38%; height:300px; overflow: hidden; display: table-cell; vertical-align: middle; background:url(../images/cpaper-bg2.png);}
.Triple .C2 .b{background:url("../images/cpaper-bg2.png");}
.Triple .C2 .in{padding:20px 50px; box-sizing:border-box;}
.Triple .C2 .in h3{display:block; position:relative; padding:0 0 20px 0; border-bottom:1px #004B76 solid; color:#004B76; font-size:22px; text-align:center; font-weight:bold;}
.Triple .C2 .in h3 a , .Triple .C2 .in h3 span{font-size:12px; line-height:18px; display:inline-block; text-decoration:none; color:#FFF; background-color:#004B76; position: absolute; bottom: -11px; left: 0; right: 0; width: 100px; margin: auto; letter-spacing: 2px; padding: 2px 10px 2px 12px; -webkit-border-radius: 4px; -moz-border-radius:4px;  border-radius:4px;}
.Triple .C2 .in h3 a:hover{border:1px #004B76 solid; background:#FFFFFF; color:#004B76;}
.Triple .C2 ul{font-size:16px; line-height:1.5em; color:#004B76; list-style:circle;}
.Triple .C2 li{padding:0; margin:0 0 10px 0;}

.Triple .R {width: 38%; height: auto; overflow: hidden; vertical-align: middle; display: table-cell; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; box-shadow:#696D6E 0px 0px 10px inset;}