/* 営業案内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';

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


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

@media screen and (min-width: 50px) and (max-width: 736px){

/**info*****************************************************/
#infoWrap .frontImg{background-image: url(../images/title-BG.jpg); width: 100%; background-position: 50% 50%; background-size: cover; background-repeat:repeat-y; border-bottom:#ffffff solid 3px;}
#infoWrap .frontImg #frontTxt{text-align:center; margin:40px auto auto auto;}
#infoWrap .frontImg #frontTxt H1{font-family: 'Noto Sans Japanese'; width:100%; font-size:2.5em; margin:0 auto 10px auto; color:#FFFFFF; text-shadow:0px 0px 10px #123245; line-height:1.3em;}
#infoWrap .frontImg #frontTxt H1 span{font-family: 'Khand', sans-serif; display:block; margin:0 0 10px 0; font-size:0.8em; line-height:1.3em;}

#infoWrap .frontImg #frontDes{width:100%; margin:0 auto; padding:20px 10px; box-sizing:border-box; background-color:rgba(0,173,236,0.60); font-size:0.9em; line-height:2.0em; text-shadow:0px 2px 3px #4a4a4a;}


#infoWrap .info{padding:0; width:100%; background-color:#FFFFFF; display:block; position: relative; box-sizing:border-box; border-bottom:2px #FFFFFF dotted;}

#infoWrap .info .L1{width: 100%; height: auto; overflow: hidden; position: relative; padding:10px; display:block; vertical-align:top; background-position: 50% 50%; box-sizing:border-box;}
#infoWrap .info .R1{width: 100%; height: auto; overflow: hidden; position: relative; display:block; vertical-align: top; background-position: 50% 50%; padding:10px; box-sizing:border-box;}
#infoWrap .info .L1 .inTxt , #infoWrap .info .R1 .inTxt{font-size:0.8em; line-height:2.0em; margin:0 0 30px 0;}
#infoWrap .info h2{font-family: 'Khand', sans-serif; color:#003764; font-size:2.5em; margin:0 0 10px 0; padding:0;}
#infoWrap .info .inTxt a{color:#737373;}

#infoWrap .info .L2{width: 100%; height: auto; overflow: hidden; position: relative; padding:10px; display:block; vertical-align:top; background-position: 50% 50%; box-sizing:border-box;}
#infoWrap .info .R2{width: 100%; height: auto; overflow: hidden; position: relative; display:block; vertical-align:middle; background-position: 50% 50%; padding:10px; box-sizing:border-box;}
#infoWrap .info .L2 .inTxt , #infoWrap .info .R2 .inTxt{font-size:0.8em; line-height:2.0em; margin:0 0 30px 0;}

#infoWrap .leftWrap, #facilictyWrap .rightWrap{width: 100%; display: block;}
#infoWrap #wooddeck .rightWrap , #facilictyWrap #shower .rightWrap , #facilictyWrap #rental .rightWrap{height: 250px; position: absolute; top: 0; left: 0;}/*右に写真*/
#infoWrap #vip .leftWrap , #facilictyWrap #slope .leftWrap{height: 250px; position: absolute; top: 0; left: 0;}/*左に写真*/
#infoWrap .inner{font-size:0.9em; line-height:1.5em; color:#4A2015; text-shadow:0px 2px 3px #AFAFAF; padding:270px 20px 40px 20px; box-sizing:border-box;}
#infoWrap .inner p{font-family: 'Khand', sans-serif; color:#004B76; font-size:2.0em; margin:0 0 20px 0; padding:0;}
/*calendar*/
.calendarttl{font-family: 'Titillium Web', sans-serif; font-size:1.5em; margin:0 0 10px 0; padding:0; text-shadow:0px 0px 4px #004B76;}
#calendar{width:100%; margin:20px auto;}
#calendar td{padding:5px; width:14.28%;}
.calendar_rd{ width:95%; margin:0 auto;}
.calendar_rd2{ width:95%; margin:0 auto;}

}

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


@media screen and (min-width: 737px) and (max-width: 5000px){

/**info*****************************************************/
#infoWrap{font-family:"Shin Go Regular";}

#infoWrap .frontImg #pnkz{position:absolute; top:5px; left:290px; font-size:14px; color:#FFFFFF; text-shadow:0px 0px 5px #5E7680;}
#infoWrap .frontImg #pnkz a{color:#FFFFFF; text-decoration:none;}
#infoWrap .frontImg #pnkz a:hover{color:#FFFFFF; text-decoration:underline;}

#infoWrap .frontImg{background-image: url(../images/title-BG.jpg); background-repeat:repeat-y; width: 100%; background-position: 50% 50%; background-size: cover;}
#infoWrap .frontImg #frontWrap{display:table; width:100%; padding:0; min-height:150px; box-sizing:border-box;}
#infoWrap .frontImg #frontTxt{display:table-cell; width:40%; vertical-align:middle;}
#infoWrap .frontImg #frontTxt H1{font-family: 'Noto Sans Japanese'; width:100%; font-size:3.0em; margin:0 auto; padding:0 40px 0 290px; box-sizing:border-box; color:#FFFFFF; text-shadow:0px 0px 10px #123245; text-align:left;}
#infoWrap .frontImg #frontTxt H1 span{font-family: 'Khand', sans-serif; display:inline-block; margin:0 20px 0 0; font-size:0.8em;}
#infoWrap .frontImg #frontDes{display:table-cell; width:60%; 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;}

#infoWrap .info{padding:0 0 0 250px; width:100%; min-height:500px; background-color:#FFFFFF; display: table; position: relative; box-sizing:border-box; border-bottom:1px #a2a2a2 solid;}

#infoWrap .info .L1{width: 50%; height: auto; overflow: hidden; position: relative; display:table-cell; vertical-align: top; background-position: 50% 50%; padding:15px 80px; box-sizing:border-box;}
#infoWrap .info .R1{width: 100%; height: auto; overflow: hidden; position: relative; padding:50px 80px; display: table-cell; vertical-align:top; background-position: 50% 50%;}
#infoWrap .info .L1 .inTxt , #infoWrap .info .R1 .inTxt{font-size:0.9em; line-height:2.0em; margin:0 0 30px 0;}
#infoWrap .info h2{font-family: 'Khand', sans-serif; color:#003764; font-size:2.5em; margin:0 0 10px 0; padding:0;}
#infoWrap .info .inTxt a{color:#737373;}

#infoWrap .info .L2{width: 50%; height: auto; overflow: hidden; position: relative; display:table-cell; vertical-align:middle; background-position: 50% 50%; padding:15px 80px; box-sizing:border-box;}
#infoWrap .info .R2{width: 100%; height: auto; overflow: hidden; position: relative; padding:15px 80px; display: table-cell; vertical-align:middle; background-position: 50% 50%;}
#infoWrap .info .L2 .inTxt , #infoWrap .info .R2 .inTxt{font-size:0.9em; line-height:2.0em; margin:0 0 30px 0;}


#infoWrap .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;}
#infoWrap .inner{font-size:0.9em; line-height:2.0em; color:#4A2015; text-shadow:0px 2px 3px #AFAFAF; padding:50px 80px; box-sizing:border-box;}
#infoWrap .inner p{font-family: 'Khand', sans-serif; color:#004B76; font-size:2.3em; margin:0 0 20px 0; padding:0;}
/*calendar*/
.calendarttl{font-family: 'Titillium Web', sans-serif; font-size:1.7em; margin:0 0 10px 0; padding:0; text-shadow:0px 0px 4px #003764;}
#calendar{width:100%; margin:0 auto;}
#calendar td{padding:5px; width:14.28%;}
.calendar_rd{ width:46.8%; margin:0 1.6%; float:left;}
.calendar_rd2{ width:46.8%; margin:0; float:left;}

}

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

@media screen and (min-width: 737px) and (max-width: 1200px){
	
/**marina**/
#infoWrap .frontImg #pnkz{position:absolute; top:5px; left:220px; font-size:14px; text-shadow:0px 0px 5px #5E7680;}
#infoWrap .frontImg{background-image: url(../images/marinaBG.png); margin:0 0 0 200px; background-repeat:repeat-y; width: 100%; height: 500px; background-position: 50% 50%; background-size: cover;}
#infoWrap .frontImg #frontTxt{position: absolute; top: 200px; left: 200px;}
#infoWrap .info{padding:0 0 0 200px; width:100%; min-height:400px; background-color:#FFFFFF; display: table; position: relative; box-sizing:border-box;}
#infoWrap .info .L1 , #infoWrap .info .L2 , #infoWrap .info .R1 , #infoWrap .info .R2{padding:20px;}

}

@media screen and (min-width: 737px) and (max-width: 1539px){
/*calendar*/
.calendarttl{font-family: 'Titillium Web', sans-serif; font-size:1.5em; margin:0 0 10px 0; padding:0; text-shadow:0px 0px 4px #004B76;}
#calendar{width:80%; margin:20px auto;}
#calendar td{padding:5px; width:14.28%;}
.calendar_rd{ width:95% !important; margin:0 auto; float:none !important;}
.calendar_rd2{ width:95% !important; margin:0 auto; float:none !important;}
}