@charset "utf-8";

/* slider nav */
.slick-dots {width:100%; height:auto; text-align:center; position:absolute; bottom:3em; left:0;}
.slick-dots li {display:inline-block; padding:0 4px !important;}
.slick-dots li button {display:block; width:16px; height:16px; border-radius:100%; outline:none; background-color:rgba(0,0,0,.2); font-size:0;}
.slick-dots li.slick-active button {background-color:#ea5405;}
@media screen and (max-width: 900px) {
	.slick-dots li {padding:0 2px !important;}
	.slick-dots li button {width:8px; height:8px;}
}

/* visual */
.main-visual {width:100%; max-width:1920px; height:740px; margin:0 auto;}
.main-visual ul {height:inherit;}
.main-visual ul li {height:inherit; background:url("../image/main/img_visual1.jpg") top center / cover no-repeat;}

/* about */
.sc-about {width:100%; height:auto; padding:9em 0; background:url("../image/main/bg_main1.png") repeat-y; position:relative; overflow:hidden;}
.sc-about .inner {width:100%; max-width:1280px; height:auto; padding:0 20px; margin:4.5em auto; position:relative;}
.sc-about .inner .bt-more {position:absolute; bottom:0; right:20px;}
.sc-about .pictrue {width:100%; height:35em; background:url("../image/main/img_company.jpg") top center no-repeat;}

/* food */
.sc-food {width:100%; height:auto; text-align:center; position:relative;}
.sc-food:after {content:''; display:block; width:100%; height:19.25em; background-color:#f8f2f2; position:absolute; bottom:0; left:0; z-index:-1;}
.sc-food .food-slider {width:100%; height:auto; padding:4.5em 0 6.875em;}
.sc-food .food-slider li {padding:0 20px;}
.sc-food .food-slider li img {width:100%;}
.sc-food .food-slider li a {display:block; width:100%; height:100%; line-height:0; position:relative;}
.sc-food .food-slider li a span {display:block; width:100%; height:auto; padding:1.143em 0; background-color:rgba(35,25,22,.75); position:absolute; bottom:0; left:0; z-index:1; color:#fff; font-weight:500; font-size:1.313em;}

/* sc-fran */
.sc-fran {width:100%; height:auto; padding-top:9em; background:url("../image/main/bg_main1.png") repeat-y; position:relative; overflow:hidden;}
.sc-fran .inner {width:100%; max-width:1280px; height:auto; padding:0 20px; margin:4.5em auto 3em; position:relative;}
.sc-fran .inner .bt-more {position:absolute; bottom:0; right:20px;}

.sc-fran .success {}
.sc-fran .success h3 {font:700 2em 'NSR'; letter-spacing:-0.04em; color:#231916;}
.sc-fran .success h3 em {color:#ea5405;}
.sc-fran .success ul {width:100%; height:auto;}
.sc-fran .success ul:after {content:''; display:block; clear:both;}
.sc-fran .success ul li {float:left; width:30.64516129032%; padding:2em 0; margin-top:3%; text-align:center; background-color:#39302d; color:#fff;}
.sc-fran .success ul li:nth-child(3n + 2) {margin:3% 4.03225806452% 0;}
.sc-fran .success ul li strong {display:block; font:700 1.875em 'NSR'; letter-spacing:-0.04em;}
.sc-fran .success ul li mark {display:block; font-size:1.5em; font-weight:500; color:#f5a100; margin-top:1em;}

/* sc-store */
.sc-store {width:100%; height:auto; padding:4em 6.25em; margin-top:3em; background:url("../image/main/img_grand_open.jpg") top center repeat-y; text-align:center; color:#fff;}
.sc-store h3 {font:700 3em 'NSR'; letter-spacing:-0.04em;}
.sc-store p {font-size:1.125em; margin:2em 0 3em;}
.sc-store ul {width:100%; max-width:1024px; height:auto; color:#797979; margin:0 auto;}
.sc-store ul li {width:inherit; background-color:#fff; padding:12px 0; margin-top:10px; display:table; font-weight:400; font-size:1.125em;}
.sc-store ul li .store-name, .sc-store ul li .add, .sc-store ul li .tel, .sc-store ul li .date {display:table-cell;}
.sc-store ul li .store-name, .sc-store ul li .tel {width:200px;}
.sc-store ul li .store-name {font-weight:500; color:#000;}
.sc-store ul li .add {text-align:left; padding:0 48px; border:1px solid #d7d7d7; border-top:none; border-bottom:none;}
.sc-store ul li .date {width:235px; border-left:1px solid #d7d7d7; font-weight:500; color:#ea5405; text-transform:uppercase;}

@media screen and (max-width: 900px) {
	/* visual */
	.main-visual {height:auto;}
	.main-visual ul li {padding:41.22% 0; background:url("../image/main/img_visual1_m.jpg") top center / contain no-repeat;}
	/* about */
	.sc-about {padding:4em 0; background-image:url("../image/main/bg_main1_m.png"); background-size:contain;}
	.sc-about .inner .bt-more {display:inline-block; position:relative; margin-top:3em; right:0;}
	.sc-about .pictrue {height:auto; padding:41.22% 0; background-size:cover;}
	/* food */
	.sc-food .food-slider li a span {font-size:1.125em;}

	.sc-fran .success h3 {font-size:1.75em;}
	.sc-fran .success ul {margin-top:.5em;}
	.sc-fran .success ul li {padding:1.25em .5em;}
	.sc-fran .success ul li strong {font-size:1.25em;height:50px;}
	.sc-fran .success ul li mark {font-size:1em; line-height:1.2;height:50px;}
	/* sc-fran */
	.sc-fran {padding-top:4em; background-image:url("../image/main/bg_main1_m.png"); background-size:contain;}
	.sc-fran .inner .bt-more {display:inline-block; position:relative; margin-top:3em; right:0;}
	/* sc-store */
	.sc-store {padding:4em 20px; background-size:cover;}
	.sc-store h3 {font-size:2em;}
	.sc-store p {font-size:1em; line-height:1.3;}
	.sc-store ul li {font-size:1em;}
	.sc-store ul li, .sc-store ul li .store-name, .sc-store ul li .add, .sc-store ul li .tel, .sc-store ul li .date {display:block;}
	.sc-store ul li .store-name, .sc-store ul li .tel, .sc-store ul li .date {width:100%;}
	.sc-store ul li .add {text-align:center; padding:0;}
	.sc-store ul li .add, .sc-store ul li .tel, .sc-store ul li .date {margin-top:8px;}
}