@charset "utf-8";
/* ===================================================
	Home CSS
====================================================== */

/* ---------------------------------------------------
 予約システム変更のお知らせ
 ※ お知らせを削除するときにこちらも消してください。
------------------------------------------------------ */
#attention { padding: 60px 2%; margin: 0 auto; background: rgba(255,255,255,0.5); text-align: center;}
#attention h3 { margin: 0 0 20px; color: #923349; font-size: 22px;}
#attention h3 span { display: inline-block;}
#attention p { margin: 0 0 25px;}
#attention ul { font-size: 0;}
#attention li { display: inline-block; vertical-align: middle;}
#attention li:nth-child(2) { margin: 0 10px 0 23px;}
#attention li a { display: block; padding: 15px 40px; position: relative; color: #fff; font-size: 14px; line-height: 1.6;}
#attention li a:hover { opacity: 0.85; text-decoration: none;}
#attention li a:after {
	content: ''; display: inline-block; width: 8px; height: 100%; margin: 0 0 0 10px;
	position: absolute; top: 0; right: 20px; line-height: 0; vertical-align: middle;
	background: url(../img/btn_arrow1.png) no-repeat right center;
}
#attention .tel-link { display: block; padding: 0; width: 220px;}
#attention .btn_change { background: url(../img/btn_bg1.jpg) center top;}
#attention .btn_cancel { background: url(../../img/btn_bg1.jpg) center top;}

@media screen and (max-width: 600px) {
	#attention { padding: 30px 4%;}
	#attention h3 { margin: 0 0 10px;}
	#attention p { text-align: left;}
	#attention p br { display: none;}
	#attention li { display: block;}
	#attention li:nth-child(2) { margin: 20px 0 10px;}
	#attention li a { font-size: 16px;}
	#attention .tel-link { display: inline; width: auto;}
}
@media screen and (max-width: 480px) {
	#attention li a { padding: 10px 40px;}
}


/* ---------------------------------------------------
 全体
------------------------------------------------------ */

#header_wrap { display: none;}

@media screen and (max-width: 600px) {
	#header { padding: 0;}
	#header h1 { display: none;}
}

/* ---------------------------------------------------
 main_img
------------------------------------------------------ */
#main_img { height: 100vh; min-height: 800px; position: relative;}
#main_img .flexslider li {
	height: 100vh; min-height: 800px; background: no-repeat center top;
	-webkit-background-size: cover; background-size: cover;
}
#main_img #slide1 { background-image: url(../../img/slide1.jpg);}
#main_img #slide2 { background-image: url(../../img/slide2.jpg);}
#main_img #slide3 { background-image: url(../../img/slide3.jpg);}
#main_img #slide4 { background-image: url(../../img/slide4.jpg);}

#main_img h2 {
	width: 100%; min-width: 1100px; position: absolute; top: 50%; z-index: 10; text-align: center;
	-webkit-transform: translateY(-65%); -ms-transform: translateY(-65%); transform: translateY(-65%);
}
#main_img > ul { position: absolute; bottom: 40px; z-index: 10;}
#main_img #slide_con { display: table; left: 30px;}
#main_img #slide_con li { display: table-cell; padding: 0 20px; color: #fff; vertical-align: middle;}
#main_img #slide_con li a { color: #fff;}
#main_img #slide_con li:first-child { padding-left: 0; border-right: 1px solid #fff;}
#main_img #slide_con li:last-child { padding-right: 0;}
#main_img #slide_con li > img,
#main_img #slide_con p { display: inline-block; vertical-align: middle;}
#main_img #slide_con span { display: block; font-size: 20px;}
#main_img #slide_con .tel-link { display: block; margin: 3px 0 0;}
#main_img #slide_con .tel-link span { font-size: 20px;}

#main_img .bnr_col { right: 35px;}
#main_img .bnr_col:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}
#main_img .bnr_col li { float: left;}
#main_img .bnr_col li:not(:last-child) { padding: 0 10px 0 0;}

@media screen and (max-width: 600px) {
	#main_img,
	#main_img .flexslider li { height: calc(100vh - 66px); min-height: 500px;}
	#main_img h2 { min-width: 0;}
	#main_img h2 img { width: 100px;}
	#main_img #slide_con,
	#main_img .bnr_col { display: none;}
}


/* ---------------------------------------------------
 千千のおもてなし
------------------------------------------------------ */
#sec1 {
	display: -webkit-flex; display: -ms-flex; display: flex;
	-ms-align-items: center; align-items: center; padding: 57px 0;
	background: url(../../img/sec1_bg1.png) no-repeat left 20px,
							url(../../img/sec1_bg2.png) no-repeat right top,
							url(../../img/sec1_bg3.png) no-repeat left bottom,
							url(../../img/sec1_bg4.jpg) center top;
}
#sec1 > p {
	-webkit-order: 1; -ms-order: 1; order: 1;
	width: 56.25%; max-width: calc(100% - 585px);
	height: 590px; position: relative; overflow: hidden;
}
#sec1 > p img {
	width: 100%; min-width: 900px; position: absolute; left: 0; top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#sec1 > div {
	width: 43.75%; min-width: 585px; padding: 0 5% 0 2%;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
#sec1 > div *:not(br) { float: right;}
#sec1 > div h3,
#sec1 > div p:last-of-type { margin: 0 0 0 45px;}
#sec1 > div h3 .ver_sp { display: none;}
#sec1 > div p,
#sec1 > div a { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
#sec1 > div p { min-height: 445px; color: #885b33; font-size: 17px; line-height: 2.3;}
#sec1 > div a {
	display: inline-block; min-height: 275px; padding: 50px 15px; margin: 10px 0 0;
	background: url(../../img/btn_bg1.jpg) center top; color: #fff;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
#sec1 > div a:hover { opacity: 0.8; text-decoration: none;}

@media screen and (max-width: 600px) {
	#sec1 { display: block; padding: 0 0 70px;}
	#sec1 > p {
		width: 100%; max-width: none; height: 0; padding: 78% 0 0;
		-webkit-box-sizing: border-box; box-sizing: border-box;
	}
	#sec1 > p img {
		width: auto; max-width: none; min-width: 0; height: 100%; top: 0; left: 50%;
		-webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0);
	}
	#sec1 > div { width: 100%; min-width: 0; padding: 20px 4% 0;}
	#sec1 > div *:not(br) { float: none;}
	#sec1 > div h3,
	#sec1 > div p:last-of-type { margin: 0 0 20px;}
	#sec1 > div p,
	#sec1 > div a { min-height: 0; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb;}
	#sec1 > div h3 .ver_pc { display: none;}
	#sec1 > div h3 .ver_sp { display: block;}
	#sec1 > div h3 span { display: inline-block; color: #923349; font-size: 26px;}
	#sec1 > div p { line-height: 1.8;}
	#sec1 > div p br { display: none;}
	#sec1 > div a {
		width: 100%; padding: 15px 10px; margin-top: 0; text-align: center;
		-webkit-box-sizing: border-box; box-sizing: border-box;
	}
}
@media screen and (max-width: 480px) {
	#sec1 > div a { padding: 10px;}
}


/* ---------------------------------------------------
 sec2〜sec5 共通
------------------------------------------------------ */
.sec_full {
	min-height: 880px; padding: 80px 0; position: relative; overflow: hidden;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
.sec_full:after {
	content: ''; width: 100%; height: 100px; position: absolute; bottom: 0; z-index: 10;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 ); /* IE6-9 */
}
.sec_full > img {
	width: 100%; min-width: 1600px; position: absolute; top: 50%; left: 50%; z-index: 0;
	-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.sec_full div {
	width: 470px; min-height: 600px; padding: 65px 70px; position: relative; z-index: 10;
	background: rgba(255, 255, 255, 0.5) url(../../img/sec_bg.png) repeat-x center top;
	-webkit-box-sizing: border-box; box-sizing: border-box; font-size: 15px;
}
.sec_full h3 span { display: block; margin: 0 0 20px; color: #965b62; font-size: 15px; letter-spacing: 0.2em;}
.sec_full div p { margin: 30px 0 20px; line-height: 2;}
.sec_full div a {
	display: block; padding: 15px 10px;
	background: url(../../img/btn_bg2.jpg) center top;
	color: #fff; text-align: center;
}
.sec_full div a:hover { opacity: 0.8; text-decoration: none;}
#sec2 div,
#sec4 div { margin: 0 6.25% 0 auto;}
#sec3 div,
#sec5 div { margin: 0 0 0 6.25%;}

@media screen and (max-width: 600px) {
	.sec_full { min-height: 0; padding: 0 0 70px;}
	.sec_full:after { content: none;}
	.sec_full > img {
		width: auto; min-width: 0; max-width: none; height: 78vw;
		position: relative; top: 0; left: 50%;
		-webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0);
	}
	.sec_full div {
		width: 100%; min-height: 0; padding: 20px 4% 0; margin: 0 !important;
		position: static; background: none;
	}
	.sec_full h3 { text-align: center;}
	.sec_full h3 span { margin-bottom: 10px; font-size: 14px;}
	.sec_full h3 img { display: block; margin: 0 auto !important;}
	.sec_full h3 img:not(:last-of-type) { margin-bottom: 10px !important;}
	.sec_full div p { margin: 20px 0 25px; line-height: 1.8;}
}
@media screen and (max-width: 480px) {
	.sec_full div a { padding: 10px;}
}


/* ---------------------------------------------------
 千のこぼれ湯
------------------------------------------------------ */
#sec2 h3 img:first-of-type { width: 135px; margin: 0 0 17px;}
#sec2 h3 img:last-of-type { width: 285px;}

@media screen and (max-width: 600px) {
	#sec2 h3 img:first-of-type { width: auto; height: 18px;}
	#sec2 h3 img:last-of-type { width: 207px;}
}


/* ---------------------------------------------------
 こだわりの料理
------------------------------------------------------ */
#sec3 h3 img { width: 301px;}

@media screen and (max-width: 600px) {
	#sec3 h3 img { width: 215px;}
}


/* ---------------------------------------------------
 千の幸
------------------------------------------------------ */
#sec4 div { padding-top: 45px;}
#sec4 h3 { text-align: center;}

@media screen and (max-width: 600px) {
	#sec4 div { padding-top: 20px;}
	#sec4 h3 img { width: 160px;}
}


/* ---------------------------------------------------
 離座
------------------------------------------------------ */
#sec5 div {
	border: 1px solid #372d1c;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.9+0,0.75+60,0.5+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.75) 60%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.75) 60%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.75) 60%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}
#sec5 h3 span { color: #aca8a1;}
#sec5 h3 img:first-of-type { width: 248px; margin: 0 0 17px;}
#sec5 h3 img:last-of-type { width: 273px;}
#sec5 div p { color: #c6c6c6;}
#sec5 div a:first-of-type { background: #000; border: 1px solid #404040;}
#sec5 div a + a { margin: 5px 0 0;}

@media screen and (max-width: 600px) {
	#sec5 { background: #232323;}
	#sec5 div { background: none; border: none;}
	#sec5 h3 img:first-of-type { width: auto; height: 18px;}
	#sec5 h3 img:last-of-type { width: 205px;}
	#sec5 div a + a { margin-top: 10px;}
}



/* ---------------------------------------------------
 おすすめ宿泊プラン
------------------------------------------------------ */
#sec6 { padding: 70px 0 95px; background: url(../../img/sec6_bg1.png) no-repeat right top, url(../../img/sec6_bg2.png) no-repeat left bottom;}
#sec6 h3 {
	min-height: 100px; padding: 20px 2% 0; margin: 0 0 35px;
	background: url(../../img/sec6_tit_bg.png) no-repeat center top; text-align: center;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
#sec6 h3 img:first-of-type { margin: 0 20px 0 0;}
#sec6 #recommend_489ban { width: 1100px; max-width: 96%; margin: 0 auto;}
#sec6 .tabNav_489ban,
#sec6 .tabNav_489ban li,
#sec6 .tabNav_489ban a { display: -webkit-flex; display: -ms-flex; display: flex;}
#sec6 .tabNav_489ban { margin: 0 0 65px;}
#sec6 .tabNav_489ban li { width: 23.5%; margin: 0 2% 0 0;}
#sec6 .tabNav_489ban a {
	-ms-align-items: center; align-items: center; justify-content: center;
	width: 100%; padding: 15px 10px; position: relative;
	background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(207, 175, 181, 0.7);
	color: #923349; font-size: 20px; text-align: center;
}
#sec6 .tabNav_489ban a:hover,
#sec6 .tabNav_489ban a.active {
	background: url(../../img/btn_bg1.jpg) center top; border-color: transparent;
	color: #fff; text-decoration: none;
}
#sec6 .tabNav_489ban a.active:after {
	content: ''; width: 100%; height: 14px; position: absolute; bottom: -14px; left: 0;
	background: url(../../img/sec6_arrow.png) no-repeat center top;
}
#sec6 .tab_489ban {
	display: -webkit-flex; display: -ms-flex; display: flex;
	-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
#sec6 .PlanView { width: 23.5%; margin: 0 2% 20px 0; background: #fff; position: relative;}
#sec6 .PlanView:nth-child(4n) { margin-right: 0;}
#sec6 .picture { height: 195px; position: relative; overflow: hidden;}
#sec6 .picture img {
	max-width: none; height: 100%; position: absolute; left: 50%;
	-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
}
#sec6 .plan { padding: 15px 20px calc(1.6em + 35px);}
#sec6 .comment { display: none;}
#sec6 .planlist a {
	width: 100%; padding: 10px; position: absolute; bottom: 0;
	background: url(../../img/btn_bg3.jpg) center top;
	-webkit-box-sizing: border-box; box-sizing: border-box;
	color: #fff; text-align: center;
}
#sec6 .planlist a:hover { opacity: 0.8; text-decoration: none;}

#sec6 #recommend_489ban > p { margin: 55px 0 0; text-align: center;}
#sec6 #recommend_489ban > p a {
	display: inline-block; min-width: 400px; padding: 20px 15px;
	background: url(../../img/btn_bg2.jpg) center top; color: #fff; font-size: 18px;
}
#sec6 #recommend_489ban > p a:hover { opacity: 0.8; text-decoration: none;}
#sec6 #recommend_489ban > p span { position: relative;}
#sec6 #recommend_489ban > p span:after {
	content: ''; width: 8px; height: 13px; position: absolute; top: 50%; right: -33px;
	background: url(../img/btn_arrow1.png) no-repeat left center;
	-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}

@media screen and (max-width: 600px) {
	#sec6 { padding: 50px 0 70px;}
	#sec6 h3 { padding: 20px 4% 0;}
	#sec6 h3 img { display: block; margin: 0 auto !important;}
	#sec6 h3 img:first-of-type { width: 150px; margin-bottom: 10px !important;}
	#sec6 h3 img:last-of-type { width: 260px;}

	#sec6 #recommend_489ban { width: 92%;}
	#sec6 .tabNav_489ban { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px;}
	#sec6 .tabNav_489ban li { width: 50%; margin: 0;}
	#sec6 .tabNav_489ban a { padding: 10px 5px; font-size: 16px;}
	#sec6 .tabNav_489ban a.active:after { content: none;}
	#sec6 .tabNav_489ban a:hover,
	#sec6 .tabNav_489ban a.active { border-color: rgba(207, 175, 181, 0.7);}
	#sec6 .tabNav_489ban li:nth-child(2n) a { border-left: none;}
	#sec6 .tabNav_489ban li:nth-child(n+3) a { border-top: none;}
	#sec6 .PlanView { width: 49%;}
	#sec6 .PlanView:nth-child(2n) { margin-right: 0;}
	#sec6 .picture { height: 150px; position: relative; overflow: hidden;}
	#sec6 .plan { padding: 10px 10px calc(1.6em + 35px);}

	#sec6 #recommend_489ban > p { margin-top: 20px;}
	#sec6 #recommend_489ban > p a {
		width: 100%; min-width: 0; padding: 15px 10px; font-size: 16px;
		-webkit-box-sizing: border-box; box-sizing: border-box;
	}
}
@media screen and (max-width: 480px) {
	#sec6 .planlist a { padding: 5px 10px;}
	#sec6 .plan { padding-bottom: calc(1.6em + 20px);}
	#sec6 #recommend_489ban > p a { padding: 10px;}
}


/* ---------------------------------------------------
 写真4つ並んだリスト
------------------------------------------------------ */
#pickup_col { display: -webkit-flex; display: -ms-flex; display: flex;}
#pickup_col li { width: 100%; position: relative; overflow: hidden;}
#pickup_col a { display: block; padding: 75px 0; text-align: center;}
#pickup_col img { position: relative; z-index: 10;}
#pickup_col .photo {
	width: 100%; min-width: 400px; position: absolute; top: 50%; right: 0; z-index: 0;
	-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
#pickup_col li:first-child .photo { left: 0;}

@media screen and (max-width: 600px) {
	#pickup_col { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	#pickup_col li { width: 50%;}
	#pickup_col a { padding: 30px 0;}
	#pickup_col img { max-width: 30%;}
	#pickup_col .photo {
		width: auto; min-width: 0; max-width: none; height: 100%; top: 0;
		-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);
	}
}


/* ---------------------------------------------------
 お知らせ
------------------------------------------------------ */
#sec7 { padding: 47px 0 75px; margin: 0 auto;}
#sec7 h3 {
	min-height: 107px; padding: 38px 2% 0; margin: 0 0 20px;
	background: url(../../img/sec7_tit_bg.png) no-repeat center top;
	-webkit-box-sizing: border-box; box-sizing: border-box; text-align: center;
}
#sec7 .inner { width: 1100px; max-width: 96%; margin: 0 auto;}
#blog_col .tit_col { margin: 0 0 20px;}
#blog_col .tit_col:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}
#blog_col h4 {
	min-width: 115px; float: left; padding: 3px 10px; border: 1px solid #c7b6a7;
	-webkit-box-sizing: border-box; box-sizing: border-box;
	color: #885b33; font-size: 15px; text-align: center;
}
#blog_col .tit_col a { float: right; padding: 0 0 0 20px; background: url(../../img/blog_arrow.png) no-repeat left center;}
#blog_col #feed { margin: 0 0 20px;}
#blog_col #feed,
#blog_col #feed a { color: #885b33;}
#blog_col #feed li { padding: 10px 40px; border-bottom: 1px solid #c7b6a7;}
#blog_col #feed li > * { display: inline-block; vertical-align: top;}
#blog_col #feed span { width: 105px; padding: 0 10px 0 0;}
#blog_col #feed a { width: calc(100% - 115px);}
#blog_col .link_col { display: table; width: 100%; border-left: 1px solid #c7b6a7; table-layout: fixed;}
#blog_col .link_col li {
	display: table-cell; padding: 10px; border-right: 1px solid #c7b6a7;
	text-align: center; vertical-align: middle;
}
#blog_col .link_col a {
	display: inline-block; padding: 0 0 0 20px;
	background: url(../../img/blog_arrow.png) no-repeat left center;
}

#fb_col { width: 360px; float: right;}

@media screen and (max-width: 600px) {
	#sec7 { padding: 50px 0 30px;}
	#sec7 .inner { width: 92%;}
	#sec7 h3 { margin-bottom: 0;}
	#sec7 h3 img { width: 110px;}

	#blog_col,
	#fb_col { width: 100%; float: none;}

	#blog_col { margin-bottom: 30px;}
	#blog_col #feed li { padding: 10px 15px;}
	#blog_col #feed li > * { display: block; width: auto !important;}
	#blog_col #feed span { padding: 0 0 5px;}
	#blog_col .link_col {
		display: -webkit-flex; display: -ms-flex; display: flex;
		-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
	}
	#blog_col .link_col li {
		display: -webkit-flex; display: -ms-flex; display: flex;
		-ms-align-items: center; align-items: center;
		width: 50%; padding: 10px; border-top: 1px solid #c7b6a7;
		-webkit-box-sizing: border-box; box-sizing: border-box;
	}
	#blog_col .link_col li:nth-last-child(-n+2) { border-bottom: 1px solid #c7b6a7;}

	#fb_col { text-align: center;}
}



/* ---------------------------------------------------
 下部カルーセル
------------------------------------------------------ */
#carousel_col { clear: both; width: 1100px; max-width: calc(96% - 120px); margin: 0 auto;}
#carousel_col a { outline: none;}
#carousel_col .slick-prev,
#carousel_col .slick-next { width: 48px; height: 48px; z-index: 10;}
#carousel_col .slick-prev:before,
#carousel_col .slick-next:before {
	content: ''; width: 100%; height: 100%;
	position: absolute; left: 0; top: 0;
	background: no-repeat left top;
}
#carousel_col .slick-prev { left: -60px;}
#carousel_col .slick-prev:before { background-image: url(../../img/arrow_prev.png);}
#carousel_col .slick-next { right: -60px;}
#carousel_col .slick-next:before { background-image: url(../../img/arrow_next.png);}
#carousel_col .slick-slide { padding: 0 5px; text-align: center;}

@media screen and (max-width: 600px) {
	#carousel_col { max-width: 80vw;}
	#carousel_col .slick-prev,
	#carousel_col .slick-next { width: 6vw; height: 0; padding: 6vw 0 0;}
	#carousel_col .slick-prev:before,
	#carousel_col .slick-next:before { -webkit-background-size: 100%; background-size: 100%;}
	#carousel_col .slick-prev { left: -8vw;}
	#carousel_col .slick-next { right: -8vw;}
	#carousel_col .slick-slide { padding: 0 1px;}
}

#home #sns_bnr { text-align: center; margin: 20px auto; max-width: 92%; }



/* ---------------------------------------------------
css変更
191202_#home #sns_bnr 新規作成










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