/* 営業案内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';
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css?family=Oswald:600');


body{margin:0; padding:0;}

#businessWrap{font-family: 'Noto Sans Japanese';}


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

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

.mboff{display:none;}/*非表示*/

/**info*****************************************************/
#businessWrap .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;}
#businessWrap .frontImg #frontTxt{text-align:center; margin:40px auto auto auto;}
#businessWrap .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;}
#businessWrap .frontImg #frontTxt H1 span{font-family: 'Khand', sans-serif; display:block; margin:0 0 10px 0; font-size:0.8em; line-height:1.3em;}

#businessWrap .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;}


#businessWrap .info{padding:0; width:100%; background-color:#FFFFFF; display:block; position: relative; box-sizing:border-box; border-bottom:2px #FFFFFF dotted;}
#businessWrap .info .inTxt{display:block; width: 100%; max-width: 1000px; padding:10px 0 30px 0; margin: 0 auto; border-bottom:1px #666666 solid;}
#businessWrap .info h2.L{display:block; color:#003764; font-size:1.5em; margin:10px; padding:0 0 10px 0; border-bottom:1px #666666 dotted; box-sizing:border-box;}
#businessWrap .info .R{display:block; width:100%; padding:10px; box-sizing:border-box;}
#businessWrap .info .R .lbt{display:block; width:140px; text-align:center; margin:0 0 0 auto; padding:5px; background-color:#006; color:#FFF; text-decoration:none; font-size:14px;}
#businessWrap .info .R .link{float:left; font-size:0.8em;}
#businessWrap .info .R .bn{float:left; margin:0 10px 20px 0;}
#businessWrap .info .inTxt a{color:#737373;}


#businessWrap .leftWrap, #facilictyWrap .rightWrap{width: 100%; display: block;}
#businessWrap .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;}
#businessWrap .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*****************************************************/
#businessWrap{font-family:"Shin Go Regular";}

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

#businessWrap .frontImg{background-image: url(../images/title-BG.jpg); background-repeat:repeat-y; width: 100%; background-position: 50% 50%; background-size: cover;}
#businessWrap .frontImg #frontWrap{display:table; width:100%; padding:0; min-height:150px; box-sizing:border-box;}
#businessWrap .frontImg #frontTxt{display:table-cell; width:40%; vertical-align:middle;}
#businessWrap .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;}
#businessWrap .frontImg #frontTxt H1 span{font-family: 'Khand', sans-serif; display:inline-block; margin:0 20px 0 0; font-size:0.8em;}
#businessWrap .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;}

#businessWrap .info{width:100%; min-height:500px; margin:0; padding:0 0 30px 250px; background-color:#e1eafb; display: table; position: relative; box-sizing:border-box;}
#businessWrap .info .inTxt{display:table; width: 90%; max-width: 1000px; padding:50px; margin: 0 auto; border-bottom:1px #666666 dotted;}
#businessWrap .info h2.L{display:table-cell; width:30%; color:#00006f; font-size:1.8em; padding:0 30px 0 0; box-sizing:border-box;}
#businessWrap .info h2.L .brl{display:block;}
#businessWrap .info .R{display:table-cell; vertical-align:top; width:70%; padding:0 0 0 30px; box-sizing:border-box;}
#businessWrap .info .R .lbt{display:block; width:140px; text-align:center; margin:0 0 0 auto; padding:5px; background-color:#006; color:#FFF; text-decoration:none; font-size:14px;}
#businessWrap .info .R .lbt:hover{opacity:0.7;}
#businessWrap .info .R .link{float:left;}
#businessWrap .info .R .bn{float:left; min-width:143px; text-align:center; margin:0 20px 20px 0;}
#businessWrap .info .inTxt a{color:#3b4186;}

#businessWrap .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;}
#businessWrap .inner{font-size:0.9em; line-height:2.0em; color:#4A2015; text-shadow:0px 2px 3px #AFAFAF; padding:50px 80px; box-sizing:border-box;}
#businessWrap .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**/
#businessWrap .frontImg #pnkz{position:absolute; top:5px; left:220px; font-size:14px; text-shadow:0px 0px 5px #5E7680;}
#businessWrap .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;}
#businessWrap .frontImg #frontTxt{position: absolute; top: 200px; left: 200px;}
#businessWrap .info{padding:0 0 0 200px; width:100%; min-height:400px; background-color:#FFFFFF; display: table; position: relative; box-sizing:border-box;}
#businessWrap .info .L1 , #businessWrap .info .L2 , #businessWrap .info .R1 , #businessWrap .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;}
}