@charset "utf-8";

/* 00.USUAL
--------------------------------------------------- */
/* .false_body {
	position: absolute;
	top: 0;
	left: 0;
} */
article#openWrap {
	font-family: "M PLUS 1p";
	font-size: 106%;
	letter-spacing: 0.04em;
}
article#openWrap * {
	margin: 0;
	padding: 0;
}
article#openWrap img {
	max-width: 100%;
	height: auto;
}
article#openWrap .pcNone { display:none; }

article#openWrap .floL, article#openWrap .floR { display:inline; }
article#openWrap .floL { float:left; }
article#openWrap .floR { float:right; }

article#openWrap .indent1em { text-indent:-1em !important; padding-left:1em !important; }

article#openWrap .container {
	width: 940px;
	margin: 0 auto;
}

@-webkit-keyframes modify {
      0% { padding-top: 60px; margin-top: -60px; }
    100% { padding-top: 0; margin-top: 0; }
}
@keyframes modify {
      0% { padding-top: 60px; margin-top: -60px; }
    100% { padding-top: 0; margin-top: 0; }
}
section#campaign:target,
section#shopinfo:target,
#mm_top:target {
	-webkit-animation: modify 0.1s;
	animation: modify 0.1s;
}
#mm_top a {
	position: relative;
}

/* Less than TABLET
================================================================= */
@media screen and (max-width: 979px) {
	article#openWrap .container { width:96%; margin:0 auto; }
}

/* Less than SP-LANDSCAPE
================================================================= */
@media screen and (max-width:568px) {
	article#openWrap .pcNone { display:block !important; }
	article#openWrap .spNone { display:none !important; }
	@-webkit-keyframes modify {
		  0% { padding-top: 40px; margin-top: -40px; }
		100% { padding-top: 0; margin-top: 0; }
	}
	@keyframes modify {
		  0% { padding-top: 40px; margin-top: -40px; }
		100% { padding-top: 0; margin-top: 0; }
	}
}



/* 01.HEADER
--------------------------------------------------- */
article#openWrap section#intro {
}
article#openWrap section#intro div#mv {
	width: 100%;
	overflow: hidden;
	-moz-animation: loop 35s linear infinite;
	animation: loop 35s linear infinite;
	text-align: center;
	margin: -2px 0 3px;
	padding: 30px 0;
	position: relative;
}
	@keyframes loop {
		  0% { background-position:0 0; }
		100% { background-position: -1305px 0; }
	}
article#openWrap section#intro div#mv dl {
	width: 450px;
	margin: 0 auto;
	position: relative;
}
article#openWrap section#intro div#mv dl dt {
	border-radius: 50%;
	background-color: #fff;
	width: 100%;
	height: 450px;
}
article#openWrap section#intro div#mv dl dt h1 {
}
article#openWrap section#intro div#mv dl dt h1 img {
	max-width: 65%;
	display: block;
	position: absolute;
	height: auto;
	top: -5%;
	bottom: 0;
	left: 0;
	right: -3%;
	margin: auto;
}
article#openWrap section#intro div#mv dl dd {
	position: absolute;
	top: -15px;
	right: -70px;
	width: 120px;
	height: 132px;
	-webkit-animation: bounce 0.75s infinite;
}
	@-webkit-keyframes bounce {
		0%  { transform: scale(1,1) translate(0px, 0px); }
		30% { transform: scale(1,0.9) translate(0px, 7px); }
		75% { transform: scale(1,1.05) translate(0px, -13px); }
		100% { transform: scale(1,1) translate(0px, 0px); }
	}

article#openWrap section#intro div.container {
	text-align: center;
	padding: 3em 0;
}
article#openWrap section#intro div.container p {
	font-size: 143%;
}
article#openWrap section#intro div.container figure{
    margin-top: 1em;
}


/* NAV */
article#openWrap nav {
	display: none;
}
article#openWrap nav, #navigation .navi-body {
	width: 100%;
	background-color: #e60012;
}
article#openWrap nav ul,
nav.clone-nav ul, #navigation ul {
	list-style: none;
	width: 940px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
article#openWrap nav ul li,
nav.clone-nav ul li, #navigation ul li {
	width: 33.3%;
	display: inline-block;
	text-align: center;
}
article#openWrap nav ul li a,
nav.clone-nav ul li a, #navigation ul li a {
	display: block;
	padding: 5% 0;
}
article#openWrap nav ul li img,
nav.clone-nav ul li img, #navigation ul li img {
	width: auto;
	max-height: 27px;
	vertical-align: bottom;
}
nav.clone-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	transition: 0.3s;
	transform: translateY(-100%);
	background-color: #e60012;
	z-index: 99999;
	display: block;
}
nav.is-show {
	transform: translateY(0);
}

/* Less than ***px
================================================================= */
@media screen and (max-width: 1305px) {
	article#openWrap section#intro div#mv { background-size:auto 100% !important; }
}
@media screen and (max-width: 898px){
    nav.is-show {
        transform: translateY(67px);
    }
}
@media screen and (max-width: 800px) {
	article#openWrap section#intro div.container { width:85%; text-align:left; padding:2em 0 0; }
	article#openWrap section#intro div.container p { font-size:4vw; }
	article#openWrap section#intro div.container br { display:none; }
}
@media screen and (max-width: 700px) {
	article#openWrap section#intro div#mv dl { width:350px; }
	article#openWrap section#intro div#mv dl dt { height:350px; }
	article#openWrap section#intro div#mv dl dd { width:100px; height:auto; right:-30px; }
}
@media screen and (max-width: 400px) {
	article#openWrap section#intro div#mv dl { width:280px; }
	article#openWrap section#intro div#mv dl dt { height:280px; }
	article#openWrap section#intro div#mv dl dd { width:85px; right:-5%; }
}

/* Less than TABLET
================================================================= */
@media screen and (max-width: 979px) {
	article#openWrap nav ul, nav.clone-nav ul, #navigation ul { width:auto; }
	article#openWrap nav ul li img, nav.clone-nav ul li img, #navigation ul li img { height:auto !important; max-height:auto !important; max-width:85%; }
}

/* Less than SP-LANDSCAPE
================================================================= */
@media screen and (max-width:568px) {
}
/* SP-PORTRAIT
================================================================= */
@media screen and (min-width:0px) and (max-width:479px) {
}
/* Less than SP-PORTRAIT / iPhone5
================================================================= */
@media screen and (max-width:320px) {
}


/* 02.CAMPAIGN
--------------------------------------------------- */
article#openWrap section#campaign {
}
article#openWrap section#campaign div#campaignFix {
	background: url("../../1905/img/open/bg_campaignfix.jpg") no-repeat center top / cover;
	width: 35%;
	height: 100vh;
	display: inline-block;
	vertical-align: top;
	padding: 5% 0 0 8%;
	position: sticky;
	top: 0;
}
article#openWrap section#campaign div#campaignFix h1 {
	margin-bottom: 0.7em;
    text-align: center;
}
article#openWrap section#campaign div#campaignFix h1 img {
    max-width: 350px;
}
article#openWrap section#campaign div#campaignWrap {
	width: 65%;
	display: inline-block;
	background: url("../img/open/bg_cpn_triangle.png") no-repeat center top / 60% auto;
	background-attachment: fixed;
	background-position-x: 100%;
	background-position-y: 10%;
	padding-bottom: 4em;
}

article#openWrap section#campaign h2 {
	text-align: center;
	margin: 8% 0 0;
}
	article#openWrap section#campaign h2:nth-of-type(1) img { max-width:570px; }
	article#openWrap section#campaign h2:nth-of-type(2) img { max-width:460px; }

article#openWrap section#campaign div.cpnWrap {
	margin-bottom: 4em;
	opacity: 0;
}
@media all and (-ms-high-contrast: none) {
	*::-ms-backdrop, article#openWrap section#campaign div.cpnWrap {
		opacity: 1!important;
	}
}
article#openWrap section#campaign div.cpnWrap:nth-of-type(1) figure { background: url("../img/open/cpn_number01.png") no-repeat left 18% top 8% / 60px auto; }
article#openWrap section#campaign div.cpnWrap:nth-of-type(2) figure { background: url("../img/open/cpn_number02.png") no-repeat left 18% top 8% / 60px auto; }
article#openWrap section#campaign div.cpnWrap:nth-of-type(3) figure { background: url("../img/open/cpn_number03.png") no-repeat left 18% top 8% / 60px auto; }
article#openWrap section#campaign div.cpnWrap:nth-of-type(4) figure { background: url("../img/open/cpn_number04.png") no-repeat left 18% top 8% / 60px auto; }
article#openWrap section#campaign div.cpnWrap:nth-of-type(5) figure { background: url("../img/open/cpn_number05.png") no-repeat left 18% top 8% / 60px auto; }
article#openWrap section#campaign div.cpnWrap:last-child { margin-bottom:0; }


article#openWrap section#campaign div.cpnWrap div.cpnInner {
	width: 55%;
	margin: 0 auto;
	text-align: center;
}
article#openWrap section#campaign div.cpnWrap div.cpnInner figure {
	padding: 15%;
}
article#openWrap section#campaign div.cpnWrap div.cpnInner div.cpnData {
}
article#openWrap section#campaign div.cpnWrap div.cpnInner div.cpnData h3 {
	font-size: 220%;
	margin: 0.5em 0 0.8em;
	padding-bottom: 0.4em;
	font-weight: 900;
	letter-spacing: 0.06em;
	background: url("../img/open/cpn_ttl_waveline.png") no-repeat center bottom / 210px auto;
}
article#openWrap section#campaign div.cpnWrap div.cpnInner div.cpnData h4 {
	margin-bottom: 0.5em;
}
article#openWrap section#campaign div.cpnWrap div.cpnInner div.cpnData p {
	margin-bottom: 1em;
	text-align: justify;
}
article#openWrap section#campaign div.cpnWrap div.cpnInner div.cpnData p span.marker {
	background: linear-gradient(transparent 60%, #fff338 60%);
	padding: 0 2px;
	font-weight: bold;
}
article#openWrap section#campaign div.cpnWrap div.cpnInner div.cpnData dl.note {
}
article#openWrap section#campaign div.cpnWrap div.cpnInner div.cpnData dl.note dt {
	margin: 1em 0 0.3em;
	background: url("../img/open/cpn_subttl_dotted.png") no-repeat center / 365px auto;
}
article#openWrap section#campaign div.cpnWrap div.cpnInner div.cpnData dl.note dt span {
	background-color: #fff;
	padding: 0 0.5em;
}
article#openWrap section#campaign div.cpnWrap div.cpnInner div.cpnData dl.note dd {
}
article#openWrap section#campaign div.cpnWrap div.cpnInner div.cpnData div.cpnBtn {
	margin: 4% 0;
	padding: 0 15%;
}
article#openWrap section#campaign div.cpnWrap div.cpnInner div.cpnData dl.cpnAttention {
	margin: 4% 0;
}
article#openWrap section#campaign div.cpnWrap div.cpnInner div.cpnData dl.cpnAttention dt {
	background: url("../img/open/arrow_bottom.png") no-repeat left center / 15px auto;
	padding: 0 0 3px 25px;
	cursor: pointer;
	display: inline-block;
	border-bottom: 1px solid #1a1a1a;
}
article#openWrap section#campaign div.cpnWrap div.cpnInner div.cpnData dl.cpnAttention dd {
	display: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: rgba(230,0,18,0.15);
	padding: 4% 5% 3%;
	position: relative;
}
article#openWrap section#campaign div.cpnWrap div.cpnInner div.cpnData dl.cpnAttention dd ul {
	list-style: none;
	text-align: left;
}
article#openWrap section#campaign div.cpnWrap div.cpnInner div.cpnData dl.cpnAttention dd ul li {
	text-indent: -1em;
	margin-bottom: 0.5em;
	padding-left: 1em;
	font-size: 93%;
}
	article#openWrap section#campaign div.cpnWrap div.cpnInner div.cpnData dl.cpnAttention dd ul li:last-child { margin-bottom:0; }

article#openWrap section#campaign ul.prizeList {
	margin-bottom: 1em !important;
	list-style: none;
}
article#openWrap section#campaign ul.prizeList li {
    padding-left: 1em !important;
    text-indent: -1em;
    margin: 0 auto;
    width: 90%;
    text-align: left;
}
article#openWrap section#campaign ul.prizeList li:before {
    content: "● ";
    color: #e54816;
	font-size: 75%;
}
	article#openWrap section#campaign ul.prizeList.noCircle li {}
	article#openWrap section#campaign ul.prizeList.noCircle li:before { content:none; }

article#openWrap section#campaign ul.prizeList li span {
	color: #e54816;
	padding-right: 0.5em !important;
	font-weight: bold;
}
article#openWrap section#campaign p.pointBnr {
    text-align: center;
    margin-top: 8%;
}
article#openWrap section#campaign p.pointBnr img {
    max-width: 95%;
}


/* Less than ***px
================================================================= */
@media screen and (max-width: 991px){
	article#openWrap section#campaign h2 { margin:12% 0 0%; }
	article#openWrap section#campaign h2 img { max-width:85% !important; }
}
@media screen and (max-width:900px) {
	article#openWrap section#campaign div#campaignFix { display:none; }
	article#openWrap section#campaign div#campaignWrap { width:auto; display:block; background-size:100% auto;  }
}
@media screen and (max-width:767px) {
    article#openWrap section#campaign div.cpnWrap { opacity:1; }
}

/* Less than SP-LANDSCAPE
================================================================= */
@media screen and (max-width:568px) {
	article#openWrap section#campaign h2 { margin-top:1em; }
	article#openWrap section#campaign div.cpnWrap div.cpnInner { width:75%; }
	article#openWrap section#campaign div.cpnWrap div.cpnInner figure { padding:15% 0; background-position:left top 5%; }
	article#openWrap section#campaign div.cpnWrap div.cpnInner div.cpnData h3 { font-size:10vw; line-height:125%; }
	article#openWrap section#campaign div.cpnWrap div.cpnInner div.cpnData h4 { font-size:6vw; }
	article#openWrap section#campaign div.cpnWrap div.cpnInner div.cpnData div.cpnBtn { margin:8% 0 10%; padding:0; }
}
/* SP-PORTRAIT
================================================================= */
@media screen and (min-width:0px) and (max-width:479px) {
}
/* Less than SP-PORTRAIT / iPhone5
================================================================= */
@media screen and (max-width:320px) {
}


/* 03.SHOPINFO
--------------------------------------------------- */
section#shopinfo {
	width: 100%;
	margin-top: 2em;
	padding: 20em 0 5em;
	/* background: url("../img/open/bg_shopinfo.jpg") no-repeat center top / 100% auto; */
}
section#shopinfo div#shopData.container {
	background: #fff url("../img/open/bg_shopinfo_triangle.png") no-repeat center top -1% / 100% auto;
	width: 1040px;
	padding: 6em 6em 0 6em;
}
section#shopinfo h2 {
	text-align: center;
	margin-bottom: 1.5em;
}
section#shopinfo h2 img {
	max-width: 430px;
	height: auto;
}
section#shopinfo div.shopDetail {
	margin-bottom: 3%;
	margin-top: 3%;
}
section#shopinfo div.shopDetail div.floL,
section#shopinfo div.shopDetail div.floR {
	width: 46%;
}
section#shopinfo div.shopDetail dl#shopName {
	text-align: center;
	box-sizing: border-box;
	margin: 3% 0 6%;
}
section#shopinfo div.shopDetail dl#shopName dt {
	margin-bottom: 0.5em;
	padding: 0 12%;
}
section#shopinfo div.shopDetail dl#shopName dd {
	color: #e50012;
	font-weight: 600;
	font-size: 250%;
	line-height: 1;
	letter-spacing: 0.06em;
}
section#shopinfo div.shopDetail ul#shopData {
	list-style: none;
	margin-bottom: 5%;
}
section#shopinfo div.shopDetail ul#shopData li {
	background: url("../img/open/dotted.png") repeat-x bottom left / 8px auto;
	padding: 1em 0;
}
section#shopinfo div.shopDetail ul#shopData li dl {
	display: table;
	width: 100%;
}
section#shopinfo div.shopDetail ul#shopData li dl dt {
	font-weight: bold;
	display: table-cell;
	width: 25%;
}
section#shopinfo div.shopDetail ul#shopData li dl dd {
	display: table-cell;
	width: 75%;
}
section#shopinfo div.shopDetail ul#shopData li dl dd div.access {
	background: #EF7F87;
  border-radius: 3px;
  padding: 0.5em;
  margin: 0.5em 0;
  color: #fff;
}
section#shopinfo div.shopDetail div.floR iframe {
	position: relative;
}
section#shopinfo div.shopDetail div#gmap {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	margin: 0;
	padding: 0 2em 0 0.5em;
	border-bottom: 1px solid #e60012;
	float: right;
	font-size: 93%;
}
section#shopinfo div.shopDetail div#gmap::after{
    position: absolute;
    right: 0;
    bottom: 0;
    border-right: 6px solid #fff;
    border-bottom: 5px solid #e60012;
    content: "";
}
section#shopinfo div.shopDetail div#gmap a {
	color: #e60012;
}

section#shopinfo div.shopDetail div#gmap a:hover {
	text-decoration: none;
}
section#shopinfo div.shopDetail#shopService {
	text-align: center;
    margin-top: 5em;
}
section#shopinfo div.shopDetail#shopService h3 {
	margin-bottom: 1em;
}
section#shopinfo div.shopDetail#shopService h3 img {
	max-width: 250px;
	height: auto;
}
section#shopinfo div.shopDetail#shopService ul {
	list-style: none;
	width: 90%;
	margin: 0 auto;
	position: relative;
}
section#shopinfo div.shopDetail#shopService ul li {
	/* width: 16%; */
	width: 24%;
	display: inline-block;
    padding-top: 1em;
	line-height: 130%;
}
section#shopinfo div.shopDetail#shopService ul li figcaption {
	padding-top: 1em;
}
section#shopinfo div.shopDetail#shopService ul li a {
	color: #e60012;
	font-weight: 600;
	font-size: 87%;
}
section#shopinfo div.shopDetail#shopService ul li a:hover {
	text-decoration: none;
}
section#shopinfo div.shopDetail#shopService ul li a img {
    max-width: 100px;
	transition: 0.3s;
}
section#shopinfo div.shopDetail#shopService ul li a:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

/* 04.CONCEPT ROOM
--------------------------------------------------- */
section#shopinfo div#conceptRoom {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 20.9%, rgba(221,243,252,1) 21%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 20.9%,rgba(221,243,252,1) 21%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 20.9%,rgba(221,243,252,1) 21%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ddf3fc',GradientType=0 ); /* IE6-9 */
	margin: 0;
}
section#shopinfo div#conceptRoom div.container {
	padding: 4em 0 6em;
	background: url("../img/open/bg_conceptroom_triangle01.png") no-repeat left top / 285px auto,
				url("../img/open/bg_conceptroom_triangle02.png") no-repeat right bottom / 140px auto;
}
section#shopinfo div#conceptRoom h3 {
	text-align: center;
	margin-bottom: 1em;
}
section#shopinfo div#conceptRoom h3 img {
	max-width: 385px;
	height: auto;
}
section#shopinfo div#conceptRoom p {
	text-align: center;
}
section#shopinfo div#conceptRoom ul.bxslider {
	margin-top: 2em;
}
section#shopinfo div#conceptRoom ul.bxslider li {
	background-color: #fff;
}
section#shopinfo div#conceptRoom ul.bxslider li figure {
	width: 65%;
	display: inline;
	float: left;
}
section#shopinfo div#conceptRoom ul.bxslider li dl {
	padding: 3em;
	width: 35%;
	display: inline;
	float: right;
	box-sizing: border-box;
}
section#shopinfo div#conceptRoom ul.bxslider li dl dt {
	color: #007ac5;
	border-bottom: 1px solid #007ac5;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	font-size: 118%;
}
section#shopinfo div#conceptRoom ul.bxslider li dl dd {
	line-height: 150%;
}
section#shopinfo div#conceptRoom .bx-wrapper .bx-pager.bx-default-pager a:hover,
section#shopinfo div#conceptRoom .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-color: #02b0ea;
}
section#shopinfo div#conceptRoom .conceptBtn {
	margin: 4% auto;
    /* padding: 0 15%; */
    width: 35%;
    text-align: center;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	width: 8px;
	height: 8px;
	background-color: #ccc;
	margin: 0 4px !important;
}
.bx-wrapper .bx-controls {
	padding-top: 8px !important;
}


/* 04.MACHINE
--------------------------------------------------- */
section#shopinfo div#machineMenu.container {
	background: url("../img/open/bg_machinemenu_triangle.png") no-repeat left bottom 10% / 250px auto;
	padding: 2em 0;
}
section#shopinfo div#machineMenu.container a img {
	transition: 0.3s;
}
section#shopinfo div#machineMenu.container a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

section#shopinfo div#machine {
	width: 50%;
	padding: 0 2%;
	box-sizing: border-box;
}
section#shopinfo div#machine h3 {
	text-align: center;
	margin-bottom: 6%;
}
section#shopinfo div#machine h3 img {
	max-width: 380px;
}
section#shopinfo div#machine dl {
	margin-bottom: 3%;
	padding: 0 25px;
}
section#shopinfo div#machine dl dt {
	font-size: 118%;
	margin-bottom: 0.5em;
	text-align: center;
}
section#shopinfo div#machine dl dd {
	line-height: 160%;
	font-size: 93%;
}
section#shopinfo div#machine div.bx-wrapper {
	text-align: center;
	margin-bottom: 10%;
}
section#shopinfo div#machine div.bx-wrapper p {
	font-size: 93%;
	line-height: 150%;
}
section#shopinfo div#machine .bx-wrapper .bx-pager.bx-default-pager a:hover,
section#shopinfo div#machine .bx-wrapper .bx-pager.bx-default-pager a.active {
	color: #e60012 !important;
}
section#shopinfo .indent1em {
	font-size: 81%;
	line-height: 150%;
}
section#shopinfo div#machine .bx-wrapper .bx-controls-direction a {
	width: 22px;
	height: 38px;
	top: 38%;
}
section#shopinfo div#machine .bx-wrapper .bx-prev {
    left: -20px;
    background: url("../img/open/controls.png") no-repeat 0 0;
	-webkit-background-size: 42px auto;
	-moz-background-size: 42px auto;
	-ms-background-size: 42px auto;
	-o-background-size: 42px auto;
	background-size: 42px auto;
	display: block;
}
section#shopinfo div#machine .bx-wrapper .bx-next {
    right: -20px;
    background: url("../img/open/controls.png") no-repeat -21px 0;
	-webkit-background-size: 42px auto;
	-moz-background-size: 42px auto;
	-ms-background-size: 42px auto;
	-o-background-size: 42px auto;
	background-size: 42px auto;
	display: block;
}

div#mirroring {
    background: #fff100 url("../img/open/bg_mirroring.png") repeat-x left bottom / 50% auto;
    padding-top: 3em;
}



/* 05.FOOD
--------------------------------------------------- */
section#shopinfo div#food {
	width: 46%;
}
section#shopinfo div#food h3 {
	text-align: center;
	margin-bottom: 6%;
}
section#shopinfo div#food h3 img {
	max-width: 390px;
}
section#shopinfo div#food ul {
	list-style: none;
	text-align: center;
	font-size: 87%;
}
section#shopinfo div#food ul li {
	margin-bottom: 3%;
}
section#shopinfo div#food ul li figure {
}
section#shopinfo div#food ul li p {
	line-height: 140%;
	margin-top: 0.5em;
}
section#shopinfo div#food li a {
	position: relative;
}
section#shopinfo div.shopBtn {
	margin: 2% auto;
	text-align: center;
}
section#shopinfo div.shopBtn img {
	max-width: 40%;
}
section#shopinfo .floL div.shopBtn img {
        margin: 1em 0;
    }
@media screen and (min-width: 861px){
section#shopinfo .floL div.shopBtn img {
        max-width: 100%;
    }
}



/* Less than ***px
================================================================= */
@media screen and (max-width:1120px) {
	section#shopinfo { padding-top:20%; }
	section#shopinfo div#shopData.container { width:90%; padding:4em; }
}
@media screen and (max-width:1000px) {
	section#shopinfo div.shopDetail#shopService ul { width:auto; }
}
@media screen and (max-width:860px) {
	section#shopinfo div.shopDetail div.floL,
	section#shopinfo div.shopDetail div.floR,
	section#shopinfo div#machine,
	section#shopinfo div#food { float:none; width:auto; display:block; padding:0; }
	section#shopinfo div.shopDetail div.floL { margin-bottom:3em; }
	section#shopinfo div.shopDetail div.floR { margin-bottom:1em; }
	section#shopinfo div.shopDetail dl#shopName dt { margin-bottom:0.5em; }
	section#shopinfo div.shopDetail#shopService ul li { width:32%; margin-bottom:2em; }
	section#shopinfo div#conceptRoom { background:linear-gradient(to bottom, rgba(255,255,255,1) 10.9%,rgba(221,243,252,1) 11%); }
	section#shopinfo div#conceptRoom div.container { width:auto; background-size:40% auto, 25% auto; background-position:left -5% top, right bottom; padding:4em 8% 6em; }
	section#shopinfo div#conceptRoom p { text-align:left; padding:0 5%; }
	section#shopinfo div#conceptRoom div.bx-wrapper { width:90%; margin:0 auto; }
	section#shopinfo div#conceptRoom ul.bxslider li figure,
	section#shopinfo div#conceptRoom ul.bxslider li dl { display:block; width:auto; float:none; }
	section#shopinfo div#conceptRoom ul.bxslider li dl dd { padding-bottom:2em; }
	section#shopinfo div#machineMenu.container { padding:3em 7%; background-size:40% auto; background-position:top 40% left; }
	section#shopinfo div#machine { margin-bottom:5em; }
    section#shopinfo div#machine h3,
    section#shopinfo div#food h3 { margin-bottom:1em; }
	section#shopinfo div#machine h3 img,
	section#shopinfo div#food h3 img { max-width:70%; }
	section#shopinfo div#machine div.bx-wrapper { margin-bottom:3em; }
	section#shopinfo div.shopBtn img { max-width:65%; }

}

/* Less than SP-LANDSCAPE
================================================================= */
@media screen and (max-width:568px) {
	section#shopinfo h2 { margin-bottom:1em; }
	section#shopinfo h2 img { max-width:80% }
	section#shopinfo div#shopData.container { padding:2.5em 0; }
	section#shopinfo div.shopDetail { padding:0 2em; }
	section#shopinfo div.shopDetail#shopService { padding:0; }
	section#shopinfo div.shopDetail#shopService h3 img { max-width:85%; }
	section#shopinfo div.shopDetail#shopService ul li { width:48%; }
	section#shopinfo div.shopDetail dl#shopName dd { font-size:9vw; }
	section#shopinfo div#conceptRoom { padding:0; }
	section#shopinfo div#conceptRoom h3 img { max-width:85%; }
	section#shopinfo div#conceptRoom .conceptBtn { margin: 8% auto 0; width: 80%;}
	section#shopinfo div.shopBtn img { max-width:85%; }
	section#shopinfo div#machine h3 img,
	section#shopinfo div#food h3 img { max-width:100%; }
    div#mirroring { background:none; }
    div#mirroring p.container { width:100%; }
}



/* SP-PORTRAIT
================================================================= */
@media screen and (min-width:0px) and (max-width:479px) {
	section#shopinfo div#conceptRoom ul.bxslider li dl { padding:2em; }
}
/* Less than SP-PORTRAIT / iPhone5
================================================================= */
@media screen and (max-width:320px) {
}


/* reserveBtn */
div#reserveBtn {
    position: fixed;
    right: 5px;
	z-index: 9999;
	width: 220px;
	-webkit-animation: fu-sen 2s ease 0s infinite;
	-moz-animation-name: fu-sen 2s ease 0s infinite;
}
	@-webkit-keyframes fu-sen {
		0% {-webkit-transform: translate(0, 0);}
		50% {-webkit-transform: translate(0, -10px);}
		100% {-webkit-transform: translate(0, 0);}
	}
	@-moz-keyframes fu-sen {
		0% {-moz-transform: translate(0, 0);}
		50% {-moz-transform: translate(0, -10px);}
		100% {-moz-transform: translate(0, 0);}
	}


/* Less than SP-LANDSCAPE
================================================================= */
@media screen and (max-width:568px) {
	div#reserveBtn { width:140px; bottom:0 !important; left:0; }
}


/**********************************************************************************************************************
*COMMING SOON
**********************************************************************************************************************/
dl#commingsoon {
	text-align: center;
	padding: 8% 0 5% !important;
}
dl#commingsoon dt {
	margin-bottom: 3%;
}
dl#commingsoon dd img {
	max-width: 75%;
}
/* Less than SP-LANDSCAPE
================================================================= */
@media screen and (max-width:568px) {
}

/* GoogleMap */

section#shopinfo div.shopDetail div.floR#googleMap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
section#shopinfo div.shopDetail div.floR#googleMap iframe,
section#shopinfo div.shopDetail div.floR#googleMap object,
section#shopinfo div.shopDetail div.floR#googleMap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Less than SP-LANDSCAPE
================================================================= */
@media screen and (max-width:568px) {
	/* GoogleMap */
	section#shopinfo div.shopDetail div.floR#googleMap {
		position: relative;/*
		padding-bottom: 56.25%;*/
		padding-top: 30px;/*
		height: 0;*/
		overflow: hidden;
	}
}