@charset "UTF-8";


	#load{ width: 100%; height: 100%; background: #fff;position: fixed;top: 0; left: 0; z-index: 99999;}
	#load svg{ display:block; margin: 0 auto; max-width: 13%;red height: auto; position: fixed;top: 0; left: 0;bottom:0;right:0; z-index: 99999;}
	#load_logo{display:block;width: 100%; height: 100%;z-index:99999;}
	#load_logo path{stroke-width:0.5px;	stroke:#333;stroke-dasharray: 300; stroke-dashoffset: 300; animation: drawline 3s linear forwards,FillIn 9s 9s linear both;}
	#fade{ width: 100%; height: 100%; display: none; background-color: #fff; position: absolute; top: 0px;left: 0px; z-index:999;}
	@keyframes drawline {
		to {stroke-dashoffset:0;}
	}
	@keyframes FillIn {
		from { fill-opacity: 0; fill:#333;}
		to { fill-opacity: 1; fill:#333;}
	}

@media all and (-ms-high-contrast:none){
	.svg_wrap{opacity:0;}
  }

@media only screen and (max-width: 640px) {
	#load svg{ display:block; margin: 0 auto; width:40%;max-width: 40%;red height: auto; position: fixed;top: 0; left: 0;bottom:0;right:0; z-index: 99999;}
}

.acSlider{position:relative;margin:50px auto;max-width:1200px;}
.acSlider .slick-list{padding:0 !important;}
.acSlider li img{width:100%;padding:8px;}
.acSlider li a:hover{opacity:0.75;}

 /* Arrows */
.slick-prev,
.slick-next{font-size: 0;line-height: 0;position: absolute;z-index:10;top: 50%;display: block;width:50px;height:50px;padding: 0;-webkit-transform: translate(0,-50%);-ms-transform:translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background: transparent;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color: transparent;outline: none;background: transparent;}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity: 1;}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity: .25;}
.slick-prev:before,.slick-next:before{font-family: 'slick';font-size: 20px;line-height: 1;opacity: .75;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.acSlider .slick-prev::before{content: "\f060";font-family: FontAwesome;background: rgba(0,0,0,0.5);padding: 10px;opacity:1;}
.acSlider .slick-next::before{content: "\f061";font-family: FontAwesome;background: rgba(0,0,0,0.5);padding: 10px;opacity:1;}
.acSlider .slick-prev{left:-50px;}
.acSlider .slick-next{right:-50px;}
@media only screen and (max-width:768px) {
	.acSlider .slick-prev{left:-30px;}
	.acSlider .slick-next{right:-30px;}
}
@media only screen and (max-width: 640px) {
	.acSlider{margin:30px auto 40px auto;}
	.acSlider li{margin:0;}
	.acSlider li img{padding:0;}
}


/* -----------------------------------------------------------
	おすすめプラン・イベント情報
----------------------------------------------------------- */

	.picup{position:relative; }

	.plan_list,.fb_list{float:left;}
	.plan_list{margin-right:6%;width:54%;}
	.fb_list{width:40%;text-align:center;}
	.com_box{position:relative;}
	.com_box ul{display:table; table-layout:fixed;}
	.com_box ul li.item{display:inline-block;margin-right:2%;width:100%;margin-bottom:2%;}
	.com_box ul li.item a{position:relative; overflow:hidden;background-color: transparent;color: inherit;padding:15px; display:block;text-decoration:none;box-sizing:border-box;}
	.com_box ul li.item a:hover{text-decoration: none;-webkit-box-shadow: 0 0px 3px rgba(0,0,0,0.3);-moz-box-shadow: 0 0px 3px rgba(0,0,0,0.3);-ms-box-shadow: 0 0px 3px rgba(0,0,0,0.3);box-shadow: 0px 0px 3px rgba(0,0,0,0.3);}
	.com_box ul li.item:nth-child(2n){margin-right:0;}

	.com_box ul li.item .thum{width:100%;max-width:100px;float:left;vertical-align:top;box-sizing: border-box;}
	.com_box ul li.item .thum img{width:100%;}
	.com_box ul li.item .txt{display:table-cell;overflow:auto; zoom:1;width:75%;vertical-align:top;padding-left:15px;}
	.com_box ul li.item .txt h3{font-size:16px;text-decoration:underline;margin-bottom:3px;}
	.com_box ul li.item .txt p{font-size:14px;}
	
	.bn_littlepeals{text-align:center;width:100%;clear:both;padding-top:30px;}
	.bn_littlepeals img{width:auto;max-width:100%;display:inline-block;}
	.bn_littlepeals img:hover{opacity:0.8;}

@media only screen and (max-width:1024px) {

	.plan_list,.fb_list{float:none;width:100%;}
	.plan_list{margin-right:0;}
	.com_box ul li.item{max-width:100%;width:100%;margin-bottom:0.5em;}
	.com_box ul li.item .txt{width:80%;}
}

@media only screen and (max-width:640px) {

	.picup .m_ttC{margin-bottom:0.5em;}
	.plan_list{margin-bottom:3em;}
	.com_box ul li.item{margin:0;border-bottom:1px solid  #DFDFDF;display:block;}
	.com_box ul li.item .thum{display:block;width:100%;max-width:130px;float:none;text-align:center;margin:0 auto;margin-bottom:10px;}
	.com_box ul li.item .txt h3,.com_box ul li.item .txt{width:100%;}
	.com_box ul li.item a{padding:20px 0;}
	.com_box ul li.item a:hover{text-decoration: none;background:#f7f7f7;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;box-shadow:none;}

}


/* -----------------------------------------------------------
	こだわり
----------------------------------------------------------- */

	.section.bg_k{background-attachment: fixed; background-image: url(../img/bg/kodawari.jpg); background-repeat: no-repeat; background-position:100%; background-size: cover; padding:3em 0;}
	.style_box{position:relative;}
	.style_box ul li.item {position:relative;margin-right:4.2%;width:30%;display:inline-block;}
	.style_box ul li.item:nth-child(3n){margin-right:0;}
	.style_box ul li.item .thum{position:relative;width:100%;}
	.style_box ul li.item .thum img{width:100%;max-width:380px;}
	.style_box ul li.item .txt{background:#fff;padding:0 15px 10px 15px;}
	.style_box ul li.item .txt h3{font-size:20px;margin-top:-10px;}
	.style_box ul li.item .txt p{font-size:14px;}
	.style_box ul li.item .trg{position:relative;background:url(../img/bg/k_white.png) 50% 0 no-repeat; background-repeat: no-repeat;height:32px;}
	.style_box ul li.item .box{position:relative;margin-top:-22px;}
	.style_box ul li.item a{text-decoration:none;}
	.style_box ul li.item a:hover{text-decoration:underline;}


@media only screen and (max-width:1255px) {
	.style_box ul li.item{width:31.5%;margin-bottom:0.5em;margin-right:2%;}
	.style_box ul li.item .thum{width:100%;display:inline-block;vertical-align:top;}
	.style_box ul li.item .thum img{width:100%;}
}
@media only screen and (max-width:760px) {
	.style_box ul li.item{width:100%;margin:0 auto 1.5em auto;max-width:640px;display:block;}
	.style_box ul li.item .thum{width:100%;}
	.style_box ul li.item .thum img{width:100%;max-width:640px;}
	.style_box ul li.item:nth-child(3n){margin:0 auto;}
}


@media only screen and (max-width:640px) {
	.style_box ul li.item{width:100%;margin:0 auto 1.5em auto;display:block;}
	.style_box ul li.item .thum{width:100%;text-align:center;margin:0 auto;margin-bottom:0.5em;max-width:640px;}
	.style_box ul li.item .thum img{width:100%;}
	.style_box ul li.item .txt h3,.style_box ul li.item .txt{width:100%;}
	.style_box ul li.item .box{position:relative;margin-top:-35px;}
	.style_box ul li.item .txt p{font-size:14px;}

}
	.loop_slider{margin:3em auto 0 auto;}


/* -----------------------------------------------------------
	最新情報
----------------------------------------------------------- */
	#news {position:relative; overflow:hidden;margin-top: -100px;padding-top: 100px;}
	#news .box{float:left;width:47%;}
	#news .box:first-child{margin-right:6%;}
	.news_box{position:relative;}
	.news_box ul li.item{position:relative;display:table;width:100%;border-bottom:1px solid #DFDFDF;padding:1em 0;}
	.news_box ul li.item .thum{display:table-cell;width:100px;}
	.news_box ul li.item .thum div{ display:inline-block;width:100px;}
	.news_box ul li.item .thum img{width:100%;margin-bottom:5px;}
	.news_box ul li.item .txt{display:table-cell;width:82%;margin-bottom:20px;padding-left:10px;}
	.news_box ul li.item .txt h3{font-size:16px;margin-bottom:3px;}
	.news_box ul li.item .txt p{font-size:14px;}
	.news_box ul li.item .txt .time{position:absolute;bottom:0;right:0; text-align:right;}

@media only screen and (max-width:1255px) {
	#news{margin-top:-80px; padding-top:80px;}
}
@media only screen and (max-width:1024px) {
	#news{margin-top:-100px; padding-top:100px;}
	#news .box{float:none;width:100%;}
	#news .box:first-child{margin-right:0;}
	.news_box ul li.item .txt{width:85%;}
}

@media only screen and (max-width:991px) {
	#news{margin-top:-120px; padding-top:120px;}
	.news_box ul li.item .thum{display:block;float:none;width:100%;max-width:100%;text-align:left;margin:0;margin-bottom:0.5em;}
	.news_box ul li.item .thum div{ display:inline-block;margin-bottom:0;max-width:130px;min-width:100px;margin-right:4px;}
	.news_box ul li.item .thum img{width:100%;}
	.news_box ul li.item .txt{width:100%;}
}

@media only screen and (max-width:640px) {
	#news{margin-top:-60px; padding-top:60px;}
	.news_box ul li.item{margin-bottom:0;}
	.news_box ul li.item .thum{display:block;float:none;width:100%;max-width:100%;}
	.news_box ul li.item .thum div{ display:inline-block;width:30%;max-width:130px;min-width:auto;}
	.news_box ul li.item .thum img{width:100%;}
	.news_box ul li.item .txt{display:block;width:100%;margin-bottom:10px;padding-left:0;}
	.news_box ul li.item .txt h3,.news_box ul li.item .txt{width:100%;}

}