@charset "utf-8";
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.9em;
	line-height: 1.6;
	color: #333;
	margin:0;
	padding:0;
}

*{ margin:0; padding:0; overflow-wrap: break-word;}
li img{ vertical-align:top;}
img{ border:none;}
img.preload{display:none;}

a{ color:#333; text-decoration:none;}
a:hover{
	color: #1EA2DD;
	text-decoration: underline;
}

a:hover img{
	opacity:0.6;
	-moz-opacity:0.6;
	filter:alpha(opacity=60); /* ie6.7 */
	-ms-filter:"alpha(opacity=60)"; /* ie 8 */
}


/* クリア */
.clearFix {min-height:1px;}
* html .clearFix {
  height:1px;
  /*¥*//*/
  height:auto;
  overflow:hidden;
  /**/
}
.clearFix:after {
  content:"."; 
  display:block; 
  height:0; 
  font-size:0;
  clear:both; 
  visibility:hidden;
}

.inner{
	width:1100px;
	margin:0 auto;
}




/* 全体（緑色）
----------------------------------------------------------------- */
header{	border-top:solid 5px #00AE8D;}
nav ul li a:hover{
	border-bottom:solid 5px #00AE8D;
	background-color:#D9FDF2;
}
header .inquiry	,
.title-resort	,
.copy-resort	,
.nextlistbtn li a:hover	,
.title-news	,
.title-welcome	,
.title-facilitie	,
.title-item	,
.title-room	,
.title-meal	,
.title-ski-school	,
.title-location
 {
	background-color: #00AE8D;
}

main .wp-pagenavi span.current,
main .wp-pagenavi a:hover{background-color:#00AE8D;}
main .wp-pagenavi span{border:1px solid #00AE8D;}

.inf-midashi
,	h5.resort
,	.art_news h3
 {
	border-bottom:1px solid #00AE8D;
}
.colside h3{border-bottom:solid 3px #00AE8D;}
.colside h3
,	h5.resort{color:#00AE8D;}

.upper-resort {
	background-color: #D9FDF2;
}



/* グランドホテル（赤）
----------------------------------------------------------------- */
.grand header {
	border-top:solid 5px #C33;
}

.grand header .inquiry ,
.grand .title-resort ,
.grand .copy-resort ,
.grand .wp-pagenavi a:hover,
.grand .title-news ,
.grand .title-welcome ,
.grand .title-facilitie ,
.grand .title-item ,
.grand .title-room ,
.grand .title-meal ,
.grand .title-ski-school ,
.grand .title-location ,
.grand #page-top-image h2 {
	background-color: #C33;
}
.grand nav ul li a:hover {
	border-bottom:5px solid #C33;
	background-color:#F9E6E6;
}

.grand .wp-pagenavi a:hover{background-color:#C33;}

.grand .inf-midashi
,	.grand h5.resort
,	.grand .art_news h3
 {
	border-bottom:1px solid #C33;
}

.grand .colside h3{border-bottom:solid 3px #C33;}
.grand .colside h3
,	.grand h5.resort{color:#C33;}

.title-grand {background-color: #C33;}

.grand .upper-resort {
    background-color: #F9E6E6;
}

.grand .wp-pagenavi span.current,
.grand .wp-pagenavi a:hover{background-color:#C33;}
.grand .wp-pagenavi span{border:1px solid #C33;}




/* グランドホテルWEST（青）
----------------------------------------------------------------- */
.grandwest header {	border-top:solid 5px #6583D1;}

.grandwest header .inquiry ,
.grandwest .title-resort ,
.grandwest .copy-resort ,
.grandwest .upper-resort
.grandwest .nextlistbtn li a:hover,
.grandwest .title-news ,
.grandwest .title-welcome ,
.grandwest .title-facilitie ,
.grandwest .title-item ,
.grandwest .title-room ,
.grandwest .title-meal ,
.grandwest .title-ski-school ,
.grandwest .title-location ,
.grandwest .title-music ,
.grandwest #page-top-image h2
 {
	background-color: #6583D1;
}
.grandwest nav ul li a:hover {
	border-bottom:5px solid #6583D1;
	background-color:#d0daf1;
}

.grandwest .nextlistbtn li a:hover{background-color:#6583D1;}

.grandwest .inf-midashi
,	.grandwest h5.resort
,	.grandwest .art_news h3
 {
	border-bottom:1px solid #6583D1;
}

.grandwest .colside h3{border-bottom:solid 3px #6583D1;}
.grandwest .colside h3
,	.grandwest h5.resort{color:#6583D1;}

.grandwest .upper-resort {
    background-color: #d0daf1;
}

.grandwest .nextlistbtn li strong,
.grandwest .nextlistbtn li a:hover{background-color:#6583D1;}
.grandwest .nextlistbtn li{border:1px solid #6583D1;}


/* 北志賀小丸山スキー場（水色）
----------------------------------------------------------------- */
.skislope header {	border-top:solid 5px #45a8f1;}

.skislope header .inquiry ,
.skislope .title-resort ,
.skislope .copy-resort ,
.skislope .upper-resort
.skislope .nextlistbtn li a:hover,
.skislope .title-news ,
.skislope .title-welcome ,
.skislope .title-facilitie ,
.skislope .title-item ,
.skislope .title-room ,
.skislope .title-meal ,
.skislope .title-ski-school ,
.skislope .title-location ,
.skislope .title-rental	,
.skislope .title-mountain	,
.skislope .title-announce	,
.skislope #page-top-image h2 {
	background-color: #45a8f1;
}
.skislope nav ul li a:hover {
	border-bottom:5px solid #45a8f1;
	background-color:#c3e3fa;
}


.skislope .nextlistbtn li a:hover{background-color:#45a8f1;}

.skislope .inf-midashi
,	.skislope h5.resort
,	.skislope .art_news h3
 {
	border-bottom:1px solid #45a8f1;
}

.skislope .colside h3{border-bottom:solid 3px #45a8f1;}
.skislope .colside h3
,	.skislope h5.resort{color:#45a8f1;}

.skislope .upper-resort {
    background-color: #c3e3fa;
}

.skislope .nextlistbtn li strong,
.skislope .nextlistbtn li a:hover{background-color:#45a8f1;}
.skislope .nextlistbtn li{border:1px solid #45a8f1;}

/* キャラバン（銀）
----------------------------------------------------------------- */
.caravan header {	border-top:solid 5px #BEBEBE;}

.caravan header .inquiry ,
.caravan .title-resort ,
.caravan .copy-resort ,
.caravan .upper-resort
.caravan .nextlistbtn li a:hover,
.caravan .title-news ,
.caravan .title-welcome ,
.caravan .title-facilitie ,
.caravan .title-item ,
.caravan .title-room ,
.caravan .title-meal ,
.caravan .title-music ,
.caravan .title-location ,
.caravan #page-top-image h2
 {
	background-color: #BEBEBE;
}
.caravan nav ul li a:hover {
	border-bottom:5px solid #BEBEBE;
	background-color:#EEE;
}

.caravan .nextlistbtn li a:hover{background-color:#BEBEBE;}

.caravan .inf-midashi
,	.caravan h5.resort
,	.caravan .art_news h3
 {
	border-bottom:1px solid #BEBEBE;
}

.caravan .colside h3{border-bottom:solid 3px #BEBEBE;}
.caravan .colside h3
,	.caravan h5.resort{color:#BEBEBE;}

.caravan .upper-resort {
    background-color: #EEE;
}

.caravan .nextlistbtn li strong,
.caravan .nextlistbtn li a:hover{background-color:#BEBEBE;}
.caravan .nextlistbtn li{border:1px solid #BEBEBE;}



/* ====================
ヘッダ
==================== */
header {
	width:100%;
	min-width:1110px;
	/*position:fixed;
	top:0;
	left:0;*/
	z-index:10000;
	background-color:#FFF;
	position:relative;
}
header:after {
  content:"."; 
  display:block; 
  height:0; 
  font-size:0;
  clear:both; 
  visibility:hidden;
}
header h1 {
	float:left;
	padding:10px 10px 10px 20px;
}
header .yoyaku{
	margin: 0;
	position: absolute;
	top: 15px;
	right:20em;
}
header .inquiry {
	position:absolute;
	top:0;
	right:20px;
	display: inline-block;
	text-align:left;
	color: #FFF;
	margin: 0;
	padding: 20px 20px 20px 10px;
	border-radius:0 0 5px 5px;
}
.inquiry ul {
	list-style:none;
}
.inquiry ul li.inq-tel {
	font-size:1.5em;
	font-weight:bold;
	display:inline-block;
	padding:0 0 0 40px;
	background-image: url(../image/icon-tel.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.inquiry ul li.place-center a{
	display: inline-block;
	padding-left:40px;
	background: url(../image/icon-calendar.png) no-repeat 5px 40%;
	/*height:44px; line-height:44px;*/
}

.inquiry ul li.place-center a{
	display: inline-block;
	background: #ec563e url(../image/icon-calendar.png) no-repeat 5px 40% !important;
	color: #FFF;
	padding: 5px 25px 5px 40px;
	margin: 15px 0 0.5em 1em;
	border: solid 2px #ec563e;
	border-radius: 5px;
}

.inquiry ul a {
	color: #FFF;
	text-decoration: none;
}

.inquiry ul a:hover {
	text-decoration: underline;
}


header #head-right {
	float:right;
	text-align:right;
}


@media screen and (max-width:1050px){
 header .yoyaku{
  width: 320px ;
 }
 header .yoyaku a{
  margin: 0 0 5px 0 ;
 }
}

/* ====================
グローバルナビ
==================== */
nav {
	margin: 90px 20px 0 0;
	width:1000px;
}
.page-template-page-komaruyama nav {
 width: 1100px;}
nav ul {
	display:table;
	table-layout:fixed;
	list-style:none;
	width:100%;
}
nav ul li {
	display:table-cell;
	text-align:center;
	border-left:1px solid #999;
	padding:0 5px;
}
nav ul li:last-child {
	border-left:1px solid #999;
	border-right:1px solid #999;
}
nav ul li a {
	display: block;
	/*width:200px;*/
	padding:10px 0;
	border-bottom:5px solid #FFF;
}
nav ul li a:hover {
	text-decoration:none;
	color:#000;
}


#toggle {
	display:none;
}


/* ====================
トップスライドショー
==================== */
#top-image,#page-top-image {
	position:relative;
	overflow:hidden;
	min-width:1110px;
}
#top-image h2,#page-top-image h2 {
	position: absolute;
	margin: auto;
	z-index: 10000;
	top:50%;
	left:50%;
	transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
	display: inline-block;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:5px;
}

#top-image a.link-winter {
	position: absolute;
	right: 0;
	bottom: 50px;
	display: block;
	padding: 10px 25px 10px 10px;
	background-color: #FFF;
	background-image: url(../image/dot-s.png);
	z-index: 10000;
	text-decoration: none;
	color: #333;
	background-repeat: no-repeat;
	background-position: right center;
	border-radius:5px 0 0 5px;
}
#top-image a.link-winter:hover {
	background-color: #0D235C;
	background-image: url(../image/dot-s-w.png);
	color: #FFF;
}
#top-image #slide-area,#page-top-image #slide-area {
	overflow:hidden;
	min-width:1110px;
	position:relative;
	margin:0;
	padding:0;
}
#top-image #slide-area {
	max-height:600px;
}
#page-top-image #slide-area {
	max-height:450px;
}
#slide-area img {
	width:100%;
	height:auto;
}



/* ====================
ページ要素
==================== */
.top-cell {
	padding:50px 0 50px 0;
	min-width:1110px;
}
.top-cell h3 {border-radius:10px;}

.title{
	color: #FFF;
	text-align:center;
	font-weight:normal;
	font-size:1.8em;
	padding: 10px 20px 5px 50px;
}

@media screen and (max-width:680px){
	.title.sub{
		font-size:1.5em;
		padding:5px ;
	}
}

.title-news ,
.title-welcome ,
.title-facilitie ,
.title-item ,
.title-room ,
.title-meal ,
.title-music ,
.title-ski-school ,
.title-location,
.title-rental ,
.title-mountain ,
.title-announce
 {
	display: inline-block;
	color: #FFF;
	margin:0 0 20px;
	padding: 10px 20px 5px 50px;
	background-repeat:no-repeat;
	background-position: 10px center;
	text-align:center;
	font-weight:normal;
	font-size:1.8em;
}

.title-news			{background-image: url(../image/icon-news.png);}
.title-welcome		{background-image: url(../image/icon-mountain.png);}
.title-facilitie	{background-image: url(../image/icon-house.png);}
.title-item			{background-image: url(../image/icon-door.png);}
.title-room			{background-image: url(../image/icon-bed.png);}
.title-meal			{background-image: url(../image/icon-meal.png);}
.title-music		{background-image: url(../image/icon-music.png);}
.title-ski-school	{background-image: url(../image/icon-ski-school.png);}
.title-location		{background-image: url(../image/icon-location.png);}
.title-rental		{background-image: url(../image/icon-rental.png);}
.title-mountain		{background-image: url(../image/icon-mountain.png);}
.title-announce		{background-image: url(../image/icon-announce.png);}


.sub_tit{
	background:#ebf1f5;
	border: solid 1px #cfdae2;
	font-size:1.7em;
	padding:10px;
	font-weight:normal;
	margin:50px 0 10px;
}


.top-cell ul.Column2{
	margin: 0 30px;
	padding: 20px 0;
	font-size: 1.2em;
}
ul.Column2{
	display:flex;	display:-webkit-flex;
	list-style:none;
}
ul.Column2 li:first-child{ width:500px; margin-right:20px;}
ul.Column2 li:nth-child(2){flex:1;}

@media screen and (max-width: 959px) {
ul.Column2{
	display:block;
}
ul.Column2 li:first-child{
	width:100% ;
	margin:0 auto 20px auto ;
}
ul.Column2 li:first-child img{
	display:block ;
	margin:0 auto ;
}
ul.Column2 li:nth-child(2){
	width:100% ;
	margin:0 auto 20px auto ;
}
}

.welcome-msg2 ul.Column2 li:first-child{ width:400px; margin-right:20px;}

/*  おすすめ  */
#page-sns .page-cell .col50{
	text-align: center ;	
}

/* お知らせ */
#top-news ul {
	list-style:none;
	margin:0 auto;
	display:flex;	display:-webkit-flex;
}
#top-news ul li {
	width: 33.333%;
	margin:0;
	border-right:dashed 1px #999;
}
#top-news ul li:last-child {
	border-right:none;
}
#top-news ul li a {
	display:block;
	padding:20px 30px;
	text-decoration:none;
	color:#333;
}
#top-news ul li a:hover {
	background-color: #EDFEF9;
}
#top-news ul li a.news-grand:hover {
	background-color: #F9E6E6;
}
#top-news ul li a:after {
  content:"."; 
  display:block; 
  height:0; 
  font-size:0;
  clear:both; 
  visibility:hidden;
}


.inf-midashi
,.inf-midashi-grand {
	background:#FFF;
	margin:0 0 1em 0;
	padding:10px 10px 0 10px;
}
.inf-midashi-grand {
	border-bottom: 1px solid #CC3333;
}
.inf-date {
	display:block;
	margin:0 0 0.2em 0;
}
.inf-title {
	font-size:1.2em;
	font-weight:bold;
}
.inf-img {
	float:right;
	width:120px;
	height:120px;
	overflow:hidden;
	margin:0 0 0 10px;
	text-align:center;
}
.inf-img img {
	height:120px;
	width:auto;
}


.grand-hotel	,
.grand-west	,
.komaruyama-ski,
.t_caravan{
	font-size: 0.8em;
	display: inline-block;
	margin: 0 0 10px 0;
	padding: 5px;
	font-weight: bold;
	color: #FFF;
	border-radius: 5px;
}

.grand-hotel		{background-color: #C33;}
.grand-west		{background-color: #6583D1;}
.komaruyama-ski	{background-color: #85CFF8;}
.t_caravan			{background-color: #C33;}

#top-news .news-more {
	text-align:right;
	margin:30px 30px 0 0;
}

/* トップようこそ・下層施設概要 */
#top-welcome {
	background-image: url(../image/top-msg1-bg-summer.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#outline-grand {
	background-image: url(../image/outline-bg-grand.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#outline-west {
	background-image: url(../image/outline-bg-west.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#outline-caravan {
	background-image: url(../image/outline-bg-caravan.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#outline-komaruyama {
	background-image: url(../image/outline-bg-komaruyama.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}



.welcome-msg1 {
	font-size: 2.0em;
	display:inline-block;
	border-bottom:1px solid #000;
	margin:30px 0;
	padding:0 10px;
	color:#000;
}
.welcome-msg2 {
	margin:0 30px;
}
.welcome-msg2 .logo-box {
	float: left;
	margin: 0 50px 0 0;
}
.welcome-msg2 .image-box {
	float: left;
	margin: 0 50px 0 0;
	width:400px;
}
.welcome-msg2 .image-box img {
	width:100%;
	height:auto;
}
.welcome-msg2 p {
	color:#000;
}
.welcome-txt {
	font-size:1.2em;
}
.outline-txt {
	font-size:1.3em;
	line-height:1.8;
	margin:0 0 1em 0;
}
.outline-txt hr{border-color:#fff; border-style:solid; border-width:2px 0 0; margin:1em 0;}


/* 施設案内 */
#top-facilitie .facilitie-cell {
	background-position: left center;
	background-repeat: no-repeat;
	min-height:400px;
}
#grand-hotel {
	background-image: url(../image/top-facilitie1-bg.jpg);
}
#grand-west {
	background-image: url(../image/top-facilitie2-bg.jpg);
}
#skiing {
	background-image: url(../image/top-facilitie3-bg.jpg);
}
#caravan {
	background-image: url(../image/top-facilitie4-bg.jpg);
}
.facilitie-cell .facilitie-information {
	display: block;
	margin: 0 30px 0 400px;
	padding: 30px 0 10px 0;
}
#top-facilitie h4 {
	font-size:1.8em;
	font-weight:normal;
	display:inline-block;
	padding: 15px 0 0 70px;
	min-height:60px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#top-facilitie h4#name-grandhotel {
	background-image: url(../image/icon-grandhotel.png);
}
#top-facilitie h4#name-grandwest {
	background-image: url(../image/icon-grandwest.png);
}
#top-facilitie h4#name-skiing {
	background-image: url(../image/icon-skiing.png);
}
#top-facilitie h4#name-caravan {
	background-image: url(../image/icon-caravan.png);
}
#top-facilitie .sub-image {
	text-align:center;
	margin:10px 0 0 0;
	display:none;
}
#top-facilitie p {
	font-size:1.2em;
	margin: 20px 0 20px 60px;
}
#top-facilitie ul {
	list-style:none;
	margin:20px 0 0 60px;
}
#top-facilitie ul:after {
  content:"."; 
  display:block; 
  height:0; 
  font-size:0;
  clear:both; 
  visibility:hidden;
}
#top-facilitie ul li {
	font-weight:bold;
	display:inline-block;
	float:left;
	width:150px;
	padding:15px 10px 0 60px;
	margin:15px 10px 0 0;
	min-height:35px;
	background-repeat: no-repeat;
	background-position: left center;
}
#top-facilitie ul li.wi-fi	{background-image: url(../image/fac-icon-wifi.png);}
#top-facilitie ul li.music	{background-image: url(../image/fac-icon-music.png);}
#top-facilitie ul li.ski	{background-image: url(../image/fac-icon-ski.png);}
#top-facilitie ul li.skiing	{background-image: url(../image/fac-icon-skiing.png);}
#top-facilitie ul li.room	{background-image: url(../image/fac-icon-room.png);}
#top-facilitie ul li.bus	{background-image: url(../image/fac-icon-bus.png);}
#top-facilitie ul li.sports	{background-image: url(../image/fac-icon-sports.png);}
#top-facilitie ul li.drum	{background-image: url(../image/fac-icon-drum.png);}
#top-facilitie ul li.school	{background-image: url(../image/fac-icon-bib.png);}



/* 下層ページレイアウト用 */

/* 単位 */
.page-cell {
	margin: 0 30px;
	padding:20px 0;
}

.page-half-cell {
	display:inline-block;
	vertical-align:top;
	width:48%;
	margin:0 1% 0 0;
}
.page-cell p {
	font-size:1.2em;
	margin:0 0 0.5em 0;
	padding:0;
}

#page-facilitie {
}
.page-facilitie-line {
	border-bottom:1px dashed #999;
}
.page-facilitie-line h4 {
	text-align:center;
	font-size:1.5em;
	font-weight:normal;
	margin:0 0 0.5em 0;
}
.page-facilitie-line .photo-box {
	text-align:center;
	margin:0 0 0.5em 0;
}

h5.resort {
	font-size: 1.7em;
	font-weight: bold;
	color: #00AE8D;
	display: inline-block;
	margin:25px 0 30px 0;
}
h5.grand {
	font-size: 1.4em;
	font-weight: bold;
	color: #C33;
	display: inline-block;
	border-bottom: 1px solid #C33;
	margin:0 0 0.5em 0;
}
.photobox-left {
	width:500px;
	float:left;
	margin:0 20px 0 0;
}
.photobox-left img {
	width:100%;
	height:auto;
}



/* トップページGoogleMap */
#g-map {
	height: 400px;
	width: 100%;
}






/* 
------------------------------------------------------------------------------- */
.newsCol{
	display:flex;	display:-webkit-flex;
	margin-top:50px;
}
.colmain{flex: 1;-webkit-flex: 1; margin-right:2em;}
.colside{width:220px;}

.title-resort .title-news{ margin:1rem 0;}

.art_news{ margin-bottom:100px;}
.art_news dl{
	display:flex;	display:-webkit-flex;	
}
.art_news dt{ margin-right:20px; width:220px;}
.art_news dd{flex: 1;-webkit-flex: 1; line-height:2; margin-top:0.5em;}
.art_news h3{
	font-size:1.1rem; margin-bottom:20px; line-height:1; padding-bottom:5px;
}

.art_news ul{ list-style:none;}
.art_news ul li{ margin-bottom:10px;}
.art_news ul li img{ width:200px; height:auto;}


.colside h3{padding:0 0 5px 3px;}

.colside ul{ list-style:none; margin-bottom:3em;}
.colside ul li{ border-bottom:solid 1px #CCC; padding:16px 3px;}
.colside ul li a{ display:block; position:relative;}
.colside ul li a::after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 900;

  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  position:absolute; top:20%; right:5px;
}


main .wp-pagenavi span,
main .wp-pagenavi a{
	display:inline-block; list-style:none; font-size:1.2rem;
}


main .wp-pagenavi a,
main .wp-pagenavi span{ padding: 0 15px; height:2em; line-height: 2;}

main .wp-pagenavi span.current,
main .wp-pagenavi a:hover{ color:#ffffff ;text-decoration:none;}




/*　北志賀小丸山スキー場
------------------------------------------------------------------------------- */
.gelaende_info{
	list-style:none;
	display:flex;	display:-webkit-flex;
	flex-wrap:wrap;
}
.gelaende_info li{width:25%; position:relative; color:#fff;}
.gelaende_info li img{ width:100%; height:auto;}
.gelaende_info li h4{
	position:absolute; top:10px; left:10px; z-index:1;
/* for modan browser */
text-shadow:0px 5px 1px #000,0px 4px 1px #000,1px 4px 1px #000,2px 4px 1px #000,3px 3px 1px #000,4px 2px 1px #000,4px 1px 1px #000,4px 0px 1px #000,5px 0px 1px #000,4px -1px 1px #000,4px -2px 1px #000,4px -3px 1px #000,3px -4px 1px #000,2px -5px 1px #000,1px -5px 1px #000,0px -5px 1px #000,-1px -5px 1px #000,-2px -5px 1px #000,-3px -5px 1px #000,-4px -4px 1px #000,-5px -3px 1px #000,-5px -2px 1px #000,-5px -1px 1px #000,-5px 0px 1px #000,-5px 1px 1px #000,-5px 2px 1px #000,-4px 3px 1px #000,-3px 4px 1px #000,-2px 4px 1px #000,-1px 4px 1px #000;

/* for IE */
filter:dropshadow(color=#000,offx=0,offy=5,positive=1),dropshadow(color=#000,offx=3,offy=3,positive=1),dropshadow(color=#000,offx=4,offy=-1,positive=1),dropshadow(color=#000,offx=2,offy=-5,positive=1),dropshadow(color=#000,offx=-2,offy=-5,positive=1),dropshadow(color=#000,offx=-5,offy=-2,positive=1),dropshadow(color=#000,offx=-5,offy=2,positive=1),dropshadow(color=#000,offx=-1,offy=4,positive=1);

}
.gelaende_info li figure{
	position:relative; z-index:0;
	overflow:hidden;
}
.gelaende_info li figure figcaption{
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.7);
	top:0; left:0;
	opacity:0;
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
	z-index:10;
}

.gelaende_info li figure figcaption em{
	display:block;
	font-style:normal;
	padding:5em 1em 1em;
}

.gelaende_info li figure:hover figcaption{
	opacity: 1;	/* マスクを表示する */
}

.onclick{
	position:absolute;
	background:rgba(0, 0, 0, 0.7);
	top              : 0px;
	bottom           : 0px;
	left             : 0px;
	right            : 0px;
	z-index          : 11;
}

.tableArea{
	border-collapse:collapse;
}
.tableArea td,
.tableArea th{
	border:solid 1px #000;
	padding:5px;
	background:#fff;
}
.tableArea thead th{ background:#C3E3FA;}
.tableArea tbody th{ background:#e7f4fd;}

.liftinfo{
	border-collapse:collapse;
	width:100%;
}
.liftinfo th,
.liftinfo td{ padding:5px; border:solid 1px #CCC;}

.liftinfo th{ background: #999; color:#fff;}

.liftinfo tr:nth-child(odd) td{ background:#eee;}

.liftinfo th.status{ width: 180px ;}
@media screen and (max-width: 959px) {
  .liftinfo th.status{ width:130px;}
}
.bannerlist{ list-style:none;}
.bannerlist li{ display:inline-block; margin:0 10px 1em 0;}

/* facebook */
.fb-container {
	width: 500px;
	margin:0 auto;
}
.page-id-7 .fb-container {
	width: 400px;
	margin:0 auto;
}

/* ====================
フッタ
==================== */
footer {
	margin: 60px 0 0 0;
	min-width:1110px;
}
#footer-upper {
	padding: 30px 30px 30px 30px;
}
#footer-upper #footer-company {
	width:320px;
	padding:10px;
	float:left;
	background-color:#FFF;
	font-size:0.9em;
	border-radius:5px;
	margin:0 0 10px 0;
}
#footer-company #footer-logo {
	float:left;
	text-align:center;
	font-weight:bold;
	margin:0 20px 0 0;
}
#footer-upper #footer-menu {
	float:right;
	width:100%;
	margin:0 0 0 -380px;
}
#footer-menu #foot-menu-content {
	margin:0 0 0 380px;
}
#foot-menu-content h3 {
	font-size:1.2em;
	display:block;
	border-bottom:solid 1px #333;
	margin:0 0 20px 0;
}
#foot-menu-content ul {
	list-style-type: none;
	margin:0;
	padding:0;
}
#foot-menu-content a {
	color:#333;
	text-decoration:none;
}
#foot-menu-content a:hover {
	color:#376CB1;
}
#foot-menu-content #foot-menu-category {
	float:left;
	width:65%;
}
#foot-menu-category ul li {
	float: left;
	display: block;
	width: 45%;
	padding:0 0 0 15px;
	background-image: url(../image/dot-s.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#foot-menu-content #foot-menu-facilitie {
	float:right;
	width:30%;
}
#foot-menu-facilitie ul li {
	list-style-image: url(../image/dot-s.png);
	margin:0 0 0 20px;
	padding:0 0 10px 0;
}
#copyright {
	text-align:center;
	font-size:0.9em;
	padding:15px 0;
}
.copy-resort {color: #FFF;}
.copy-grand {
	background-color: #CC3333;
	color: #FFF;
}



/* ====================
要素のスクロールイン
==================== */

.fade-in {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 500ms;
}
.fade-in.scroll-in {
	opacity : 1;
	transform : translate(0, 0);
}



/* ====================
ページの先頭へ
==================== */

.pagetop{
	position: fixed;
	bottom: -50px;
	right: 10px;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60); /* ie6.7 */
	-ms-filter: "alpha(opacity=60)"; /* ie 8 */
	z-index: 10000;
}
.pagetop a{
	display: block;
	width: 50px;
	height: 50px;
	background-color: #555;
	text-align: center;
	color: #fff;
	font-size: 110%;
	line-height: 35px;
	text-decoration: none;
	border-radius: 5px;
}



/* ====================
汎用
==================== */
ul.list{margin:0 0 0 1.5em;}

ul.comment{ margin:0; padding:0; list-style:none;}
ul.comment li:before{ content:'※';}


a.link-arrow {
	font-size:1.5em;
	display: inline-block;
	background-color: #0D235C;
	background-image: url(../image/dot-s-w.png);
	color: #FFF;
	background-repeat: no-repeat;
	background-position: right center;
	padding:5px 25px 5px 10px;
	margin:0 0 0.5em 0;
	border:solid 2px #0D235C;
	border-radius:5px;
}
a.link-arrow:hover {
	background-color: #FFF;
	background-image: url(../image/dot-s.png);
	color: #0D235C;
	text-decoration:none;
}

a.link-arrow-red {
	font-size:1.5em;
	display: inline-block;
	background: #ec563e url(../image/icon-calendar.png) no-repeat 5px 40%;
	color: #FFF;
	padding:5px 25px 5px 40px;
	margin:0 0 0.5em 1em;
	border:solid 2px #ec563e;
	border-radius:5px;
}
a.link-arrow-red:hover {
	background: #FFF url(../image/icon-calendar_on.png) no-repeat 5px 40%;
	color: #ec563e;
	text-decoration:none;
}




.place-center {
	text-align:center;
}
.place-right {
	text-align:right;
}
.bg-blown {
	background-color:#ECEAD8;
}

table.normal-table {
	border-collapse: collapse;
	font-size: 0.9em;
}
table.normal-table th,table.normal-table td {
	border: 1px solid #999;
	padding: 5px;
}
table.normal-table th {
	background-color: #EEE;
}
table.normal-table td {
	background-color: #FFF;
}

.margin-t30 {
	margin-top:30px;
}
.margin-b30 {
	margin-bottom:30px;
}
.margin-r30 {
	margin-right:30px;
}
.padding-t20 {
	padding-top:20px;
}
.txt120 {
	font-size: 1.2em;
}

.cel50{display:flex;	display:-webkit-flex;}

.col50{flex:1; margin:0 1em 1em 0;}


#reserve h4{
	width: 98% ;
	font-size: 1.5rem ;
	margin: 0 auto 15px auto ;
	text-align: center ;
}

.page-id-96 .reserve table{
	width: 98% !important;
	margin: 0 auto ;	
}
	.page-id-96 .reserve table th,
	.page-id-96 .reserve table td{
		padding: 10px ;
		box-sizing: border-box ;
	}
	.page-id-96 .reserve table th{
		background-color: #d0daf1 ;
	}

main .monthly-calendar{
}
main .monthly-calendar table{
	border-top:1px solid #cccccc ;
	border-left:1px solid #cccccc ;
	margin: 0 auto ;
	border-collapse:collapse ;
	border-spacing: 0 ;
}
main .monthly-calendar table caption{
	font-size: 1.5rem ;
	margin: 0 auto 15px auto ;
}

main .monthly-calendar table th{
	padding: 5px 0 ;
	border-right:1px solid #cccccc ;
	border-bottom:1px solid #cccccc ;
	background-color: #d0daf1 ;
}
main .monthly-calendar table td{
	border-right:1px solid #cccccc ;
	border-bottom:1px solid #cccccc ;
}
main .monthly-calendar .monthly-prev-next{
	margin: 15px auto ;
	width: 98% ;
}
	main .monthly-calendar .monthly-prev-next span,
	main .monthly-calendar .monthly-prev-next a{
		display: inline-block ;
		border: 1px solid #cccccc ;
		padding: 10px ;
		box-sizing: border-box ;
	}
	main .monthly-calendar .monthly-prev-next .monthly-next{
		margin-right: 0 ;
	}

main .day-calendar{
	width: 500px ;
	margin:0 auto ;
}
@media screen and (max-width: 959px) {
	main .day-calendar{
		width: 98% ;
	}
}
main .day-calendar h3{
	display: none ;
}
main .day-calendar table{
	width: 100% ;
}

main .reserve-more{
	margin-top: 20px ;
}

main .reserve-more{
	margin-top: 20px ;
}
	main .reserve-more a{
		display: inline-block ;
		border: 1px solid #cccccc ;
		padding: 15px 30px ;
		box-sizing: border-box ;
	}


#top-location .page-cell{
	text-align: center ;
}
#top-location .page-cell .grand{
	margin: 0 auto 15px auto ;
}
#top-location .page-cell .img-flex{
	display: inline-block ;
	vertical-align: middle ;
	margin: 0 15px ;
}

.sns_block{
	width: 95% ;
	margin: 0 auto ;
	overflow: hidden ;
}
	.sns_block .col30{
		width: 33% ;
		float: left ;
		margin: 0 0 0 0;
		text-align: center ;
	}
	.sns_block div.twitterbox{
    max-width: 50% ;
    margin: 0 auto 15px auto ;}
	.sns_block div.twitter h4{
    text-align: center ;
    display: none ;}
@media screen and (max-width: 959px) {
	.sns_block div.twitterbox{
    max-width: 100% ;}
}

  #page-sns h4,
	.sns_block .col30 h4{
		font-size: 1.2rem ;
		margin-bottom: 10px ;
	}
	.sns_block .col30 iframe{
		width: 100% ;
	}
	.sns_block .col30:nth-child(1){
		margin-right: 1% ;
	}
	.sns_block .col30:nth-child(1) iframe{
		max-width:500px ;
	}
	.sns_block .col30:nth-child(3){
		float: right ;
	}


#twitter-widget-0{
	border: 1px solid #cccccc !important;
}


/* トップページ：シャトルバス
----------------------------------------*/
.shuttlebus{}
.shuttlebus p{
 text-align: left ;}
.shuttlebus table{
 border-spacing:inherit ;
 width: 100% ;
 border-top:1px solid #cccccc ;
 border-left:1px solid #cccccc ;}
.shuttlebus table th,
.shuttlebus table td{
 width: 50% ;
 padding: 5px ;
 box-sizing: border-box ;
 border-right:1px solid #cccccc ;
 border-bottom:1px solid #cccccc ;}
.shuttlebus table th{
 background:#f0f8ff ;} 

@media screen and (max-width: 959px) {
 .page-cell .shuttlebus .page-half-cell{
  border: none ;}
}