/* サンプルA　スタッフ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');

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


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

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

/**facility*****************************************************/

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

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

#staffWrap .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;}
#staffWrap .frontImg #frontTxt{text-align:center; margin:40px auto auto auto;}
#staffWrap .frontImg #frontTxt H1{font-family: 'Noto Sans Japanese'; width:100%; font-size:2.5em; color:#FFFFFF; margin:0 auto 10px auto; text-shadow:0px 0px 10px #123245; line-height:1.3em;}
#staffWrap .frontImg #frontTxt H1 span{font-family: 'Khand', sans-serif; display:block; margin:0 0 10px 0; font-size:0.8em; line-height:1.3em;}

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



#staffWrap .info{padding:0; width:100%; background-color:#FFFFFF; position: relative; box-sizing:border-box;}
#staffWrap .info .photo{background-image: url(../images/facilitiesInfo-img.jpg); width: 100%; height: 250px; overflow: hidden; position: relative; vertical-align: middle; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
#staffWrap .info .txt{width: 100%; height: auto; overflow: hidden; position: relative; vertical-align: middle; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; padding:30px 20px; box-sizing:border-box; font-size:0.9em; line-height:1.7em; color:#ffffff; text-shadow:0px 2px 3px #4a4a4a; background-color:#E3A874; border-bottom:#FFFFFF dotted 5px;}
#staffWrap .info .txt h2{font-family: 'Khand', sans-serif; color:#003764; font-size:2.5em; margin:0 0 10px 0; padding:0;}

.wbox{padding:0; width:100%; min-height:700px; display: table; position: relative; box-sizing:border-box;}

#staffWrap .leftWrap, #staffWrap .rightWrap{width: 100%; display: block;}

#staffWrap .rightWrap{height: 250px; position: absolute; top: 0; left: 0;}/*右に写真*/
#staffWrap .leftWrap{height: 250px; position: absolute; top: 0; left: 0;}/*左に写真*/

#staffWrap .inner{font-size:0.9em; line-height:1.5em; color:#4A2015; padding:320px 20px 40px 20px; box-sizing:border-box;}
#staffWrap .inner p{margin:0 0 20px 0; padding:0; font-family: 'Noto Sans Japanese'; color:#004B76; font-size:2.0em; text-shadow:0px 2px 3px #AFAFAF;}

#staffWrap .wbox .rightWrap{height:300px;}
#staffWrap .wbox .leftWrap{height:300px;}

}

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


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

/**facility*****************************************************/
#staffWrap{font-family: 'Noto Sans Japanese';}

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

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

#staffWrap .info{padding:0 0 0 250px; width:100%; min-height:500px; background-color:#FFFFFF; display: table; position: relative; box-sizing:border-box;}
#staffWrap .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;}
#staffWrap .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;}
#staffWrap .info .txt h2{font-family:'Khand', sans-serif; color:#003764; font-size:2.5em; margin:0 0 20px 0; padding:0;}


.wbox {padding:0 0 0 250px; width:100%; min-height:600px; background-color:#ffffff; display: table; position: relative; box-sizing:border-box;}

#staffWrap .leftWrap, #staffWrap .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;}
#staffWrap .inner{font-size:0.9em; line-height:2.0em; color:#4A2015; padding:50px; box-sizing:border-box;}
#staffWrap .inner p{margin:0 0 20px 0; padding:0; font-family: 'Noto Sans Japanese'; color:#004B76; font-size:2.3em; text-shadow:0px 2px 3px #AFAFAF;}

#staffWrap .rightWrap{ background-repeat:no-repeat; background-position:center center;}
#staffWrap .leftWrap{ background-repeat:no-repeat; background-position:center center;}

}

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

@media screen and (min-width: 737px) and (max-width: 1200px){
	
/**facility**/
#staffWrap .frontImg #pnkz{position:absolute; top:5px; left:220px; font-size:14px; color:#FFFFFF; text-shadow:0px 0px 5px #5E7680;}
#staffWrap .frontImg #frontTxt{position: absolute; top: 200px; left: 180px;}
#staffWrap .frontImg #frontTxt{display:table-cell; width:auto; vertical-align:middle;}
#staffWrap .info{padding:0 0 0 200px; width:100%; min-height:400px; background-color:#FFFFFF; display: table; position: relative; box-sizing:border-box;}
.wbox {padding:0 0 0 200px; width:100%; min-height:450px; background-color:#ffffff; display: table; position: relative; box-sizing:border-box;}
#staffWrap .inner{font-size:0.9em; line-height:2.0em; color:#4A2015; padding:30px; box-sizing:border-box;}
#staffWrap .frontImg #frontDes{display:table-cell; width:60%; color:#FFFFFF; font-size:0.9em; line-height:2.0em; text-shadow:0px 2px 3px #4a4a4a; background-color:rgba(0,173,236,0.60); vertical-align:middle; padding:20px 40px 20px 20px; box-sizing:border-box;}
#staffWrap .frontImg #frontTxt H1{font-family: 'Noto Sans Japanese'; width:100%; font-size:2.0em; color:#FFFFFF; margin:0 auto; padding:0 40px; box-sizing:border-box; text-shadow:0px 0px 10px #123245; text-align:right;}
#staffWrap .frontImg #frontTxt H1 span{font-family: 'Khand', sans-serif; display:inline-block; margin:0 20px 0 0; font-size:0.8em;}

}