@charset "utf-8";

#slide_wrapp{
	position: relative;
}
#slide_wrapp::before {
	position: absolute;
	top: 20px; left: 0; 
	content: '';
	display: block;
	width: 100%;height: 150px;
	background:url( ../imgheader/logo0.gif);
	background-size: 200px;
	background-repeat: no-repeat;
	background-position: top center;
	margin-bottom: 10px;
	z-index: 998;
}
#slide_wrapp .row{
	position: relative;
}
#slide_wrapp .tx1{
	position: absolute;
	top: 50%; left: 50%; 
	transform: translate(-50%,-50%);
	font-family: 'Muli', sans-serif;
	font-size: 26px; font-weight: 600;
	line-height: 1.5; text-align: center;
	letter-spacing: 2px;
}

#slide_wrapp .a:hover .tx1{color: #eeebe9;}

#slide_wrapp .row img {
	width: 100% !important; height :auto;
	background-size: cover;
	/*filter: sepia(90%) brightness(60%);*/
	
}
#slide_wrapp .row .ph.p1 {
	background-image: url(../imgheader/mw1.jpg);
}
#slide_wrapp .row .ph.p2 {
	background-image: url(../imgheader/mw2.jpg);
}
#slide_wrapp .row .ph.p3 {
	background-image: url(../imgheader/mw3.jpg);
}
#slide_wrapp .row .ph.p4 {
	background-image: url(../imgheader/mw4.jpg);
}
#slide_wrapp .row img.sph {display: none;}


.slider{
	position: relative;
}
.slider a.sp_dw {
	/*display: none;*/
	position: absolute;
	/*width: 44px;	height: 30px;*/
	bottom: 30px; left: 50%; 
	transform: translateX(-50%);
	/*padding: 10px;*/
	z-index: 998;
	text-shadow: black 0 0 10px;
}

.fa-angle-down::before {
	font-size: 50px;
}
#slide_wrapp.loading {
	background-image: url(../imgheader/loading.gif);
	background-repeat: no-repeat;
	background-position: 50% 35%;
	background-attachment:fixed;
}
#slide_wrapp {
	position: relative;
	overflow: hidden;
}
/*#slide_wrapp::after {
	content: url(../imgheader/sp_dw.png);
	display: block;
	position: absolute;
	width: 52px;	height: 108px;
	bottom: 50px; left: 50%; 
	transform: translateX(-52px);
}*/
#slide_wrapp .slide_item {
  opacity: 0;
  transform: scale(1);
  transition: opacity 2s linear, transform 7.5s linear;
  position: relative;
	width: 100% !important; 
}
#slide_wrapp .slide_item:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}
#slide_wrapp .slide_item.show_ {
  opacity: 1; z-index: 10;
}
#slide_wrapp .slide_item.zoom_ {
	transform: scale(1.1);
}
#slide_wrapp .slide_item .tx1 {
	opacity: 1;width: 100%;
	text-shadow: black 0 0 5px;
	color: #fff;
}
#slide_wrapp .slide_item.zoom_ .tx1 {
	/*opacity: 1;
	transition: all 4.0s 1.6s ease;
	text-shadow: black 0 0 5px;*/
}

/* news */
ul.col3news {
	display: flex;
	border: 1px solid #544b40;
	/*border: 2px double #eeebe9;*/
	padding: 10px; margin-top: 30px;
}
ul.col3news li.l {
	width: 120px;
}
ul.col3news li.spa {
	width: 100px;
}
ul.col3news li.r {
	width: calc(100% - 220px);
}
ul.col3news li.spa .cate{
	background: #f39309;
	display: inline-block;
	border-radius: 3px;
	text-align: center;
	width: 6em;
	color: #180d01;
	font-size: 13px; font-weight: bold;
}
/*ul.col3news li.spa .cate.event{
	background: #5ac25a;
}
ul.col3news li.spa .cate.travel{
	background: #5190b0;
}*/
ul.col3news li.spa .cate.other{color: #eeebe9;}
ul.col3news li.spa .cate.event{color: #eeebe9;}

a.go_tbl_but {
	display: inline-block;
	
}
a.go_tbl_but::after {
	font-family: FontAwesome;
	font-style: normal;
	content: "\f0a9";
	padding-left: 6px;
}

/* main menu */
ul.flexW50p	{
	display: flex;
	flex-wrap: wrap;
}
ul.flexW50p li {
	width: 50%;
	padding: 5px; 
}
ul.flexW50p li .row50{
	position: relative;
}
ul.flexW50p li .row50 p{
	position: absolute;
	top: 50%; left: 50%; 
	transform: translate(-50%,-50%);
	font-family: 'Muli', sans-serif;
	font-size: 22px; font-weight: 600;
	line-height: 1.3; text-align: center;
	letter-spacing: 1px;
	border: 2px solid #eeebe9;
	padding: 10px 0;
	width: 140px;
	text-shadow: black 0 0 5px;
}
ul.flexW50p li .row50 p span{
	font-size: 12px;font-weight: 400;
	letter-spacing: 0px;display: block;
}
ul.flexW50p li .row50 img {
	width: 100% !important; height :auto;
	background-size: cover;
	filter: brightness(70%);
}
ul.flexW50p li .row50 .ph.p1 {
	background-image: url(../imgheader/mp1.jpg);
	
}
ul.flexW50p li .row50 .ph.p2 {
	background-image: url(../imgheader/mp2.jpg);
	
}
ul.flexW50p li .row50 .ph.p3 {
	background-image: url(../imgheader/mp3.jpg);
	
}
ul.flexW50p li .row50 .ph.p4 {
	background-image: url(../imgheader/mp4.jpg);
	
}

/* link */
#link {padding: 0 150px;}
#link .des{
	text-align: center;
	margin: 100px 0 50px;
	font-family: 'Muli', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 2.0;
	letter-spacing: 2px;
}
#link .des.lineH26{line-height: 2.6;}
#link .des.margin5050{margin: 50px 0 50px;}

ul.col3	{
	display: flex;
}
ul.col3 li {
	width: 33.33%;
	padding: 5px; 
}
ul.col3 li .rowC3{
	position: relative;
	
}
ul.col3 li .rowC3 p{
	position: absolute;
	top: 50%; left: 50%; 
	transform: translate(-50%,-50%);
	font-family: 'Muli', sans-serif;
	font-size: 16px; font-weight: 400;
	line-height: 1.3; text-align: center;
	letter-spacing: 0px;
	background: rgba(24,13,1,0.6);
	padding: 10px 0;
	width: 130px;
	text-shadow: black 0 0 5px;
}
ul.col3 li img {
	width: 100%; height :auto;
	background-size: cover;
}
ul.col3 li img.ph.p1 {
	background-image: url(../imgheader/kucyan.jpg);
}
ul.col3 li img.ph.p2 {
	background-image: url(../imgheader/niseko1.jpg);
	background-position: 0% 60%;
}
ul.col3 li img.ph.p3 {
	background-image: url(../imgheader/iwanai.jpg);
}

/* appeal */
#appeal {
	margin-top: 100px;
	padding: 50px 50px 0;
	border: 1px solid #544b40;
}
#appeal .gMuli22B5 {
	font-family: 'Muli', sans-serif;
	font-size: 22px; font-weight: 400;
	line-height: 1.5; text-align: center;
	letter-spacing: 2px;
	padding: 5px 20px;
	color: #110901;
	background: #f39309;
	display: inline-block;
	margin: 0 0 10px;
	border-radius: 25px;
}
.inline{display: inline-block;}
.maru {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	flex-flow: column; 
	vertical-align: middle;
}
.size_normal{
	width: 40px;
	height: 40px;
}
.letter3 {
	font-size: 20px;
	line-height: 1em;
	margin-top: -2px;
}
.pink1 {
	color: #f39309;
	border: 2px solid #f39309;
}

h4.point{
	font-size: 18px; font-weight: 400;
    display: inline-block;
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #544b40 0%) repeat scroll 0 0;
    padding: 0 0 0px;
    margin-bottom: 10px;
}
#appeal ul.comCol50p{
	margin: 30px auto 0px;
	display: flex;justify-content: space-between;
	max-width: 900px;
}
#appeal ul.comCol50p > li {
	width: 50%;
	margin: 0 15px;text-align: center;
}
ul.list1 {
	list-style-type: decimal;/*disc*/
	list-style-position: outside;
	padding-left: 12px;
	margin-left: 0.5em;
}
ul.list1.service {list-style-type: none;}
ul.list1.service li {
	position: relative;
	font-size: 15px;
	line-height: 1.6;
	text-align: left;
}
ul.list1.service li::after {
	display: block;
	position: absolute;
	top: .4em; left: -1.2em;
	font-size: 12px;
	line-height: 1;
	content: '\002713';/* \002731 */
	color: #f39309;
}

#appeal ul.comCol2img {
	margin: 30px 0 0px;
	display: flex;
	width: 100%;
}
#appeal ul.comCol2img li.img {
	width: 280px;
	padding-top: 10px;
}
#appeal ul.comCol2img li:not(.img) {
	width: calc(100% - 280px);
	padding-right: 70px;
}
#appeal ul.comCol2img li p{
	font-size: 18px; line-height: 2.2;
}
#appeal table.formTable {
	width: 100%; max-width: 420px;
	margin: 0 auto 50px;
	border-collapse :collapse;
}
#appeal table.formTable td,
#appeal table.formTable th {
	border:1px solid #eeebe9;
	padding:10px;
}
#appeal table.formTable th{
	width: 20em;
	font-weight: normal;
	background: #544b40;
	text-align: left;
	vertical-align: middle;
}
#appeal table.formTable td{
	text-align: center;
}
#appeal .spNone800{display: none;}
table.biz-hour {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}
table.biz-hour th, table.biz-hour td {
	padding: 10px 10px;
	text-align: center; font-size: 14px;
}
table.biz-hour th.w1, table.biz-hour td.w1 {
	width: 144px;
}
table.biz-hour th.font16 {font-size: 16px;}
table.biz-hour th {
	font-weight: normal;
}
table.biz-hour th.vTop{
	vertical-align: top;
}
table.biz-hour th.day1{
	/*width: calc(20% - 36px);*/
	width: 19%;
}
table.biz-hour.dp th.day1{
	width: 25em;
}
table.biz-hour th table.hourIn {
	all: initial;
}
table.biz-hour th table.hourIn th, table.biz-hour th table.hourIn td {
	color: #fff;
	padding: 5px 0px;
	text-align: left; font-size: 14px;
	border-bottom: none;
	font-weight: normal;
}
table.biz-hour th table.hourIn th{
	width: 4em;border-bottom: none !important;
}
table.sp-hour {
	border-collapse: collapse;
	margin-top: 5px;
	width: 100%;
}
table.sp-hour th, table.sp-hour td {
	padding: 10px 6px;
	text-align: left; font-size: 14px;
}
.nowrap{
	white-space: nowrap;
}
table.biz-hour th.font16 {font-size: 16px;}
#appeal .spNone800 .gMuli22{font-size: 18px;}
#appeal .spNone800 .marginT70 {margin-top: 70px;}

#appeal .spCol2{
	display: flex;
}
#appeal table.sp-hour {
	/*width: calc(100% - 90px);*/
}
#appeal table.sp-hour th {
	font-size: 18px;font-weight: 400;width: 4em;
	text-align: center;
}
#appeal .spNone800 table.biz-hour{
	width: 80px;margin-right: 10px
}
/*#appeal .spNone800 table.sp-hour .arrow{
	transform: rotate(90deg);
	line-height: .6em;
	transform-origin: 0 0;
}*/

/*#appeal .spNone800 table.biz-hour th{
	font-size: 17px;font-weight: 400;
}*/
#appeal .spNone800  table.hourIn {margin: 20px 0;width: 100%;}
#appeal .spNone800  table.hourIn tr:nth-child(odd):not(.none){
	background: #544b40;
}
#appeal table.sp-hour tr:nth-child(even):not(.none){
	background: #544b40;
}
#appeal .spNone800 table.hourIn th{
	font-size: 18px;font-weight: 400;width: 4em;
}
#appeal .spNone800 table.hourIn th, table.hourIn td{
	padding: 20px 6px;
}
#appeal .spNone800 table.biz-hour th, #appeal .spNone800 table.biz-hour td {
	padding: 10px 0px;
}
#appeal .spNone800 table.biz-hour td.arrow {width: 40px;padding: 0px 0px;}
#appeal .done {
	font-size: 16px;text-align: center;
	color: #110901;font-weight: 600;
	background: #f39309;
	display: inline-block;padding: 2px 10px;
	margin-top: 5px;
	border-radius: 20px;
}
#appeal .done.none {background: transparent;}
#appeal .done.top {margin-top: 0;margin-bottom: 5px;}
#appeal .wake{
	border: 1px solid #f39309;
	padding: 10px 10px;
	border-radius: 10px;
}

/* access */
#access {padding: 100px 250px 0;}
#access table.formTable {
	width: 100%;
	margin: 0 auto 50px;
	border-collapse :collapse;
}
#access table.formTable td,
#access table.formTable th {
	border:1px solid #eeebe9;
	padding:10px;
}
#access table.formTable th{
	width: 8em;
	font-weight: normal;
	background: #544b40;
	text-align: left;
	vertical-align: middle;
}
#access table.formTable td{
	text-align: center;
}
br.shoW450{display: none;}

/* instagram */
#instagram {padding: 50px 150px 50px;}
#instagram #sb_instagram{
	background-color: transparent !important;
}
/* communication */
#communication {
	margin: 0 160px;
	padding: 100px 0px 50px;
	background-image: url(../imgheader/top_com_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
}
#communication .des{
	text-align: center;
	margin: 20px 0 50px;
	font-family: 'Muli', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 2.6;
	letter-spacing: 2px;
text-shadow: black 0 0 5px;
}
/*h3.gMuli24 {
	border: 2px solid #eeebe9;
	padding: 10px 10px;
	display: inline-block;
}*/

#footer {
	margin-top: 0px;
}

@media screen and (max-width: 1200px){
	#link {padding: 0 100px;}
	#access {padding: 100px 150px 0;}
	#appeal {padding: 50px 20px 0;}
	#instagram {padding: 50px 100px 0;}
	#communication {margin: 0 110px;}
}
@media screen and (max-width: 1130px){
	br.none1130{display: none;}
}
@media screen and (max-width: 950px){
	#link {padding: 0 50px;}
	#access {padding: 100px 50px 0;}
	#instagram {padding: 50px 50px 0;}
	#communication {margin: 0 60px;}
	#appeal ul.comCol2img li:not(.img) {padding-right: 50px;}
}
@media screen and (max-width: 800px){
	#appeal .spNone800{display: block;}
	#appeal .pcNone800{display: none;}
}
@media screen and (max-width: 768px){
	#link {padding: 0 0px;}
	#access, #appeal {padding: 50px 0px 0;}
	#instagram {padding: 50px 0px 0;}
	#communication {margin: 0 0px;}
	#link .des{font-size: 18px;margin: 100px 0 30px;}
	#link .des.lineH26 {line-height: 2.0;}
	#link .des.margin5050 {margin: 30px 0 50px;}
	#appeal {padding: 50px 0px 0;}
#appeal ul.comCol2img {display: block;}
#appeal ul.comCol2img li:not(.img) {width: auto;padding-right: 0;}
#appeal ul.comCol2img li.img {width: 280px;margin: auto;}

	#appeal table.formTable {width: 100%;}
	#appeal table.formTable th, #appeal table.formTable td {
		width: 100%; display: block; border-top: none;box-sizing: border-box;
	}
	#appeal table.formTable tr:first-child th {border-top: 1px solid #eeebe9;}
	#appeal table.formTable th, #appeal table.formTable td {padding: 6px;}

	#access table.formTable {width: 100%;}
	#access table.formTable th, #access table.formTable td {
		width: 100%; display: block; border-top: none;box-sizing: border-box;
	}
	#access table.formTable tr:first-child th {border-top: 1px solid #eeebe9;}
	#access table.formTable th, #access table.formTable td {padding: 6px;}
	ul.col3 li .rowC3 p{font-size: 15px; width: calc(100% - 20px);}
	#communication .des {line-height: 2.0;}
	
}
@media screen and (max-width: 640px){
	#slide_wrapp .row img {
		background-position: center top;
		width: 100vw; height: 100vh;
	}
	#slide_wrapp .row img.sph {display: block;}
	#slide_wrapp .row img.ph {display: none;}
	#slide_wrapp .row .sph.p1 {
		background-image: url(../imgheader/mw1.jpg);
	}
	#slide_wrapp .row .sph.p2 {
		background-image: url(../imgheader/mw2.jpg);
	}
	#slide_wrapp .row .sph.p3 {
		background-image: url(../imgheader/mw3.jpg);
	}
	#slide_wrapp .row .sph.p4 {
		background-image: url(../imgheader/mw4.jpg);
	}
	#slide_wrapp .tx1{font-size: 18px; letter-spacing: 1px;}
	#slide_wrapp .tx1::before {height: 91px;background-size: 120px;}
	#slide_wrapp.loading {background-position: 50% 49%;}
	.slider a.sp_dw {bottom: 60px;}
	
	ul.flexW50p	{display: block;}
	ul.flexW50p li {width: 100%;}
	ul.col3news {flex-wrap: wrap;}
	ul.col3news li.r {width: 100%;}

	#appeal {margin: 100px 0 0px;padding: 0 5px;}
	#appeal .gMuli22B5 {font-size: 20px;}
}
@media screen and (max-width: 550px){
	
}
@media screen and (max-width: 480px){
	.
}
@media screen and (max-width: 450px){
	br.shoW450{display: inline-block;}
}