@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
color: #fff;
}
#slider {
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: -1;
}
.vegas-slide-inner {
	/* background-attachment: fixed!important; */
}
section {
	background-color: #fff;
}
.top_head_img {
	width: 100%;
	height: 80%;
	background: url();
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	/* background-attachment: fixed; */
	z-index: -1;
}
.top_head_img .txt {
	position: absolute;
	top: 20px;
	color: #fff;
	text-shadow:2px 2px 3px #2d2b49;
	text-align: center;
	line-height: 1.4em;
}
.top_head_img img {
	align-items: center;
	max-width: 480px;
	max-height: 100%;
	animation-delay: 1s;
}
.top_intro {
	background-color: rgba(0,0,0,0.7);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.autoplay li {
	width: 32%;
	margin-right: 2%;
}
.autoplay li:nth-hild(3n) {
	margin-right: 0;
}
.seasonal {
	height: 200px;
	background-size: 130%;
	background-position: right center;
	outline: 1px solid rgba(255,255,255,0.6);
	outline-offset: -8px;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.seasonal:before{
	content: '';
	background: inherit;
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
	position: absolute;
	top: -3px;
	left: -3px;
	right: -3px;
	bottom: -3px;
	z-index: -1;
}
.seasonal .container {
	background-size: contain;
	background-position: right center;
	background-repeat: no-repeat;
	width: 100%;
	height: 200px;
	justify-content: center;
	align-items: center;
}
.top_slider {
	height: 30.66vw; /* 41.66 */
	overflow: hidden;
	line-height: 0;
}
.top_slider .slider-img {
	margin: 0 5px
}
.top_slider .slider-img img {
	width: 100%;
	height: auto;
}
.top_menu li p{
	text-align: center;
	margin-top: 20px;
}
.top_summary {
}
.top_summary li{
	width: 100%;
}
.top_summary li:nth-child(2n){
	margin-top:50px;
}
.top_summary_inner {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}
.top_feature li{
	width: 100%;
}
.top_feature li:nth-child(2n){
	margin-top:50px;
}

/* カラーミー */

.cartjs_box {
	width: 100%!important;
	padding: 0px!important;
}
.cartjs_product_form {
	width: 100%!important;
}
.cartjs_product_img {
	width: 190px!important;
	float: left!important;
	margin-right: 30px!important;
	margin-bottom: 0px!important;
}
.cartjs_cart_in{
	width: 100%!important;
	float: right!important;
	margin-bottom: 10px!important;
	text-align: left!important;
}
.cartjs_product_name {
	width: 100%!important;
	color: #8A755C!important;
	font-size: 16px!important;
	margin: 0!important;
}
.cartjs_product_table table {
	width: 100%!important;
	float: right!important;
	margin-bottom: 0!important;
	padding: 0!important;
}
.cartjs_product_table table th {
	padding: 5px 3px!important;
	background-color: rgba(64,64,64,0.3);
	text-align: center!important;
	color: #fff!important;
	font-weight: bold!important;
	font-size: 15px!important;
}
.cartjs_option1 th {
	background-color: rgba(80,80,80,0.3)!important;
}
.cartjs_product_table table td {
	padding: 5px 5px 5px 5px !important;
	font-size: 15px!important;
	color: #8A755C!important;
	background-color: rgba(128,128,128,0.3);
}
.cartjs_product_info{
	width: 378px!important;
	float: right;
}
.cartjs_cart_in input{
	width: 100%!important;
	height: 40px!important;
	background-color:#fa4a59!important;
	margin-top: 10px!important;
	margin-bottom: 0!important;
	font-weight: 900;
}
.shops {}
.shops li {
	text-align: center;
	margin-bottom: 30px;
}
.footer_note {}
.footer_note li {
	max-width: 400px;
}

/* カラーミー */

@media only screen and (min-width: 1060px) {
.top_intro {
	/*background-image:url(../img/top_bg_01.jpg);*/
}
.top_intro .tate {
	padding: 300px 0 250px;
}
.top_menu li {
	width: 28%;
	margin-right: 8%;
	margin-bottom: 60px;
}
.top_menu li:nth-child(3n) {
	margin-right: 0;
}
.top_summary li{
	width: 59%;
	margin-right:4%;
}
.top_summary li:nth-child(2n){
	width: 37%;
	margin-right: 0;
	margin-top: 0;
}
.top_feature li{
	width: 45%;
	margin-right:4%;
}
.top_feature li:nth-child(2n){
	width: 51%;
	margin-right: 0;
	margin-top: 0;
}
.shops li {
	width: 22%;
	margin-right: 4%;
}
.shops li:nth-child(4n) {
	margin-right: 0;
}
.shops li:nth-child(4n+1) {
		clear: both;
}
.footer_note li {
	width: 30%;
	margin-right: 5%;
}
.footer_note li:nth-child(3n) {
	margin-right: 0;
}
}
@media only screen and (min-width: 600px) and (max-width: 1059px) {
.top_intro {
	/*background-image:url(../img/top_bg_02.jpg);*/
	background-position: top center;
}
.top_intro .tate {
	padding: 30vw 0 25vw;
}
.top_menu li {
	width: 30%;
	margin-right: 5%;
	margin-bottom: 60px;
}
.top_menu li:nth-child(3n) {
	margin-right: 0;
}
.shops li {
	width: 30%;
	margin-right: 5%;
}
.shops li:nth-child(3n) {
	margin-right: 0;
}
.shops li:nth-child(3n+1) {
	clear: both;
}
.footer_note {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}
.footer_note li {
	width: 100%;
	margin-bottom:30px;
}
}
@media only screen and (max-width: 599px) {
.top_head_img img {
	max-height: 450px;
}
.top_intro {
	/*background-image:url(../img/top_bg_03.jpg);*/
	background-position: top center;
}
.top_intro .tate {
	padding: 50vw 0 45vw;
}
.top_slider {
	height: 62.5vw;
}
.top_menu li {
	width: 46%;
	margin-right: 8%;
	margin-bottom: 60px;
}
.top_menu li:nth-child(2n) {
	float: right;
	margin-right: 0;
}
.top_menu li:nth-child(2) {
	margin-top: 120px;
}
.shops li {
	width: 48%;
	margin-right: 4%;
}
.shops li:nth-child(2n) {
	margin-right: 0;
}
.shops li:nth-child(2n+1) {
	clear: both;
}
.footer_note {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}
.footer_note li {
	width: 100%;
	margin-bottom:30px;
}
}