@charset "utf-8";

/* index_main
============================================================================================================ */
.index_main { background: #fff2de;}
/*.index_main {
	background: url(../images/main_bg.jpg) no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}*/
.index_main .slide {position: relative;}
.index_main .slide > ul {}
.index_main .slide li {	padding: 18px;}
.index_main .slide li a {display: block;width: 999px;text-decoration: none;}
.index_main .slide li a .img {
	overflow: hidden;
	position: relative;
	display: block;
	border-radius: 8px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.index_main .slide li a .img:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: 0.4;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.index_main .slide li.slick-center a .img:after {opacity: 0;}
.index_main .slide a .txt {
	display: table;
	text-align: left;
	margin-top: 20px;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.3;
	text-decoration: none;
	color: #212121;
	font-weight: bold;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.index_main .slide a .txt > * {	display: table-cell;vertical-align: top;}
.index_main .slide a .txt .event_category {	position: relative;	top: -4px;white-space: nowrap;}
.index_main .slide a .txt .title {padding-left: 10px;}
.index_main .slide a[href]:hover .txt .title {text-decoration: underline;}
.index_main .slide li.slick-center a .txt {	opacity: 1;}
.index_main .slide .slide_arrow {position: absolute;top: 211px;	left: 50%;/*margin-top: -30px;*/}
.index_main .slide .slide_arrow.l {	margin-left: -532px;}
.index_main .slide .slide_arrow.r {	margin-left: 472px;}

@media screen and (max-width: 680px) {
	.index_main {min-height: 0;}
	.index_main .slide > ul {}
	.index_main .slide li {	padding: 12px 5px;width: 280px;}
	.index_main .slide li a {width: auto;}
	.index_main .slide .slide_arrow {top: 41px;}
	.index_main .slide .slide_arrow.l {	margin-left: -175px;}
	.index_main .slide .slide_arrow.r {	margin-left: 115px;}
	.index_main .slide a .txt {	margin-top: 15px;font-size: 1.4rem;}
	.index_main .slide a .txt:after {content: ""; display: table; clear: both;}
	.index_main .slide a .txt .event_category {	min-width: 70px;top: 0;	padding: 5px;text-align: center;font-size: 1rem;}
	.index_main .slide a .txt .title {}
}

/* index_search
============================================================================================================ */
.index_search {	padding: 40px 0;}
.index_search > ul {}
.index_search > ul >li.wide { padding-right:12px;width: 375px;}
.index_search > ul > li > a:hover { opacity: 0.7;}

.index_search > ul > li.btn_area > a { text-align: center; font-size: 3.6rem; font-weight: bold; color: #f90; border: 3px solid #f90; border-radius: 20px; width: 100%; display: block; text-decoration: none;}
.index_search > ul > li.btn_area > a:hover { color: #fff; background: #f90;}

@media screen and (max-width: 680px) {
	.index_search {	padding: 20px 6px 0;}
	.index_search > ul > li.wide {float: left;width:33.3%;padding: 0 6px 12px;}
	.index_search > ul > li.btn_area > a { font-size: 1.8rem;}
}

/* index_section
============================================================================================================ */
.index_section {padding: 50px 0;}

@media screen and (max-width: 680px) {
	.index_section {padding: 30px 0;}
}

/* bnr_img
============================================================================================================ */
.bnr_img {border-radius: 4px;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);	box-shadow: 0 1px 2px rgba(0,0,0,0.2);-webkit-transition: opacity 0.2s;	-o-transition: opacity 0.2s;transition: opacity 0.2s;}
a:hover .bnr_img {opacity: 0.7;}

/* caption_bnrs
============================================================================================================ */
.caption_bnrs {	margin: 0 -6px;}
.caption_bnrs:after {content: ""; display: table; clear: both;}
.caption_bnrs + .caption_bnrs {margin-top: 30px;}
.caption_bnrs li {float: left;padding: 0 6px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; width: 342px;}
.caption_bnrs li a {display: block;	text-decoration: none;color: #212121;font-size: 14px;font-size: 1.4rem;	line-height: 1.5;font-weight: bold;}
.caption_bnrs li a span {position: relative;	display: block;}
.caption_bnrs li a .img {margin-bottom: 10px;}
.caption_bnrs li a .sub {color: #424242;font-weight: normal;}
.caption_bnrs li a .title {	font-size: 16px;font-size: 1.6rem;}
.caption_bnrs a img {-webkit-transition: opacity 0.2s;-o-transition: opacity 0.2s;transition: opacity 0.2s;}
.caption_bnrs a:hover img {	opacity: 0.7;}

@media screen and (max-width: 680px) {
	.caption_bnrs {	margin: 0;}
	.caption_bnrs.sp_m {margin: 10px 10px 0;}
	.caption_bnrs + .caption_bnrs, .caption_bnrs li + li {	margin-top: 15px;}
	.caption_bnrs li {float: none; padding: 0; width: 100%;}
	.caption_bnrs li a {font-size: 1.3rem;}
	.caption_bnrs li a .img {margin-bottom: 10px;}
	.caption_bnrs li a .img img {width: auto;}
	.caption_bnrs li a .sub {font-size: 1rem;}
	.caption_bnrs li a .title {	font-size: 1.4rem;}
}

/* お知らせ
============================================================================================================ */
.index_news h1 { text-align: center;}
.index_news ul {padding-left: 5px;}
.index_news li { float: left; width: 178px; padding: 5px; margin-right: 5px; border: 5px solid #fff2de; height: 211px;}
.index_news li .photo { text-align: center; padding: 10px 0;}
.index_news li a {display: block;color: #424242;text-decoration: none;}
.index_news li a .date {}
.index_news li a .title {}
.index_news li a[href]:hover .title {text-decoration: underline;}
.index_news .btn {margin-top: 20px;}

@media screen and (max-width: 680px) {
	.index_news ul {float: none;width: auto;line-height: 1.6; padding: 0;}
	.index_news li { float: none; width: 100%; padding: 5px; margin-right: 0; border: none; height: auto; display: inline-block; border-bottom: 1px dashed #e8ecf5;}
	.index_news li .photo { text-align: left; padding: 0; margin-right: 5px; width: 77px; height: 77px; overflow: hidden; float: left;}
	.index_news li a .date {float: none;font-size: 1.1rem;}
	.index_news li a .title {margin-left: 0;}
	.index_news li a .title:after {	top: 0.6rem;}
}

/* イベント・キャンペーン
=========================================================================================================== */
.index_event {position: relative;margin-top: 40px;padding-top: 22px;background-color: #f4f8b2;}
.index_event h1 {
	position: absolute;
	top: -40px;
	left: 50%;
	width: 504px;
	height: 74px;
	margin-left: -252px;
	padding-top: 16px;
	background: url(../images/event_title.png) no-repeat;
	text-align: center;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.4;
	color: #212121;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.index_event .slide li {padding: 30px 6px;}
.index_event .slide li a {
	position: relative;
	display: block;
	width: 332px;
	height: 264px;
	padding: 12px;
	line-height: 1.5;
	border-radius: 4px;
	background-color: #fff;
	text-decoration: none;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.index_event .slide li a span {	display: block;	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index_event .slide li a .img {	margin-bottom: 10px;}
.index_event .slide li a .txt {	color: #424242;}
.index_event .slide li a .title {color: #23389e;font-size: 16px;font-size: 1.6rem;font-weight: bold;}
.index_event .slide .slide_arrow {position: absolute;top: 50%;left: 50%;margin-top: -30px;}
.index_event .slide .slide_arrow.l {margin-left: -540px;}
.index_event .slide .slide_arrow.r {margin-left: 480px;}

@media screen and (max-width: 680px) {
	.index_event {padding-top: 20px;}
	.index_event h1 {
		top: -22px;
		width: 300px;
		height: 74px;
		margin-left: -150px;
		padding-top: 8px;
		-webkit-background-size: 100%;
		background-size: 100%;
		font-size: 1.5rem;
	}
	.index_event .slide li {padding: 25px 10px;}
	.index_event .slide li a {width: 240px;	height: auto;padding: 6px;line-height: 1.4;}
	.index_event .slide li a span {	white-space: normal;}
	.index_event .slide li a .txt {	margin: 0 15px;	font-size: 1.1rem;}
	.index_event .slide li a .title {font-size: 1.3rem;	margin: 5px 15px 0;	}
	.index_event .slide .slide_arrow.l {margin-left: -150px;}
	.index_event .slide .slide_arrow.r {margin-left: 90px;}
}

/* ムービーギャラリー
============================================================================================================ */
.index_movie .dot_line_title {
	padding-top: 54px;
	background: url(../images/ico_movie.png) no-repeat 50% 0;
	-webkit-background-size: 58px;
	background-size: 58px;
}
.index_movie .img:before,
.index_movie .img:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 5;
}
.index_movie .img:before {
	width: 48px;
	height: 48px;
	margin: -24px 0 0 -24px;
	background-color: #212121;
	border-radius: 100%;
}
.index_movie .img:after {
	margin: -8px 0 0 -6px;
	border-style: solid;
	border-width: 8px 0 8px 16px;
	border-color: transparent transparent transparent #fff;
}
.index_movie .btn {	margin-top: 30px;}

@media screen and (max-width: 680px) {
	.index_movie .dot_line_title {
		padding-top: 32px;
		-webkit-background-size: 35px;
		background-size: 35px;
	}
	.index_movie .btn {	margin: 20px 15px 0;}
}

/* 新店舗オープン情報
============================================================================================================ */
.index_newshop .slide {	position: relative;}
.index_newshop .slidewrap {	margin-bottom: 40px;}
.index_newshop .shop {padding: 0 37px;line-height: 1.5;}
.index_newshop .shop .inner {
	position: relative;
	width: 645px;
	padding: 22px;
	border: 2px solid #e8ecf5;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.index_newshop .shop .inner:after {	content: ""; display: table; clear: both;}
.index_newshop .shop .img {	float: left;width: 220px;height: 150px;	background: url(../images/newshop_noimage.png) no-repeat 50%;}
.index_newshop .shop .img[style] {-webkit-background-size: cover;background-size: cover;}
.index_newshop .shop .contents {margin-left: 240px;	padding-bottom: 50px;}
.index_newshop .shop .date {color: #616161;}
.index_newshop .shop h1 {margin-bottom: 5px;font-size: 18px;font-size: 1.8rem;line-height: 1.4;	color: #212121;}
.index_newshop ul {	position: absolute;	bottom: 22px;left: 262px;right: 12px;}
.index_newshop ul li {
	float: left;
	width: 50%;
	padding-right: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.index_newshop .slide .slide_arrow {position: absolute;	top: 50%;left: 50%;margin-top: -30px;}
.index_newshop .slide .slide_arrow.l {margin-left: -387px;}
.index_newshop .slide .slide_arrow.r {margin-left: 327px;}

@media screen and (max-width: 680px) {
	.index_newshop {padding: 30px 0;}
	.index_newshop .slidewrap {	margin-bottom: 20px;}
	.index_newshop .shop {padding: 0 15px;}
	.index_newshop .shop .inner {width: 266px;padding: 15px;}
	.index_newshop .shop .img {
		float: none;
		width: auto;
		background-image: url(../images/newshop_noimage_sp.png);
		-webkit-background-size: 220px;
		background-size: 220px;
		margin-bottom: 10px;
	}
	.index_newshop .shop .contents {padding-bottom: 0;	margin-left: 0;}
	.index_newshop .shop h1 {margin-bottom: 5px;font-size: 1.4rem;}
	.index_newshop ul {	position: static;margin: 10px -5px 0;}
	.index_newshop ul li {padding: 0 5px;}
	.index_newshop .slide .slide_arrow {top: 70px;	margin-top: 0;}
	.index_newshop .slide .slide_arrow.l {margin-left: -163px;}
	.index_newshop .slide .slide_arrow.r {margin-left: 103px;}
	.index_newshop .btn {width: 266px;margin: 0 auto;}
}

/* bottom_bnr
============================================================================================================ */
.bottom_bnr {padding: 40px 0 50px;background-color: #f5f7fb;}
.bottom_bnr .shop {	margin-bottom: 35px;}
.bottom_bnr .shop a {
	position: relative;
	display: block;
	height: 145px;
	padding: 25px 35px;
	border-radius: 4px;
	background-color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	color: #212121;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bottom_bnr .shop a span {display: block;}
.bottom_bnr .shop a .title {margin-bottom: 5px;	font-size: 24px;font-size: 2.4rem;font-weight: bold;line-height: 1.5;}
.bottom_bnr .shop a .img {position: absolute;right: 0;top: 0;}
.bottom_bnr ul {margin: 0 -6px;}
.bottom_bnr ul:after {content: ""; display: table; clear: both;}
.bottom_bnr li {float: left;width: 332px;padding: 0 6px;}

@media screen and (max-width: 680px) {
	.bottom_bnr {padding: 15px 0;}
	.bottom_bnr .shop {	margin-bottom: 0;}
	.bottom_bnr .shop a {height: auto;padding: 10px 12px;font-size: 1.2rem;}
	.bottom_bnr .shop a .title {font-size: 1.5rem;}
	.bottom_bnr .shop a .img {position: static;	margin: 10px -12px -10px;}
	.bottom_bnr .shop a .img img {width: auto;}
	.bottom_bnr ul {margin: 0;}
	.bottom_bnr li {float: none;width: auto;margin-top: 10px;padding: 0;text-align: center;}
	.bottom_bnr li img {width: auto;}
}