@charset "utf-8";


/* --------------------------
	00 main (over write.)
-------------------------- */

/*** title ***/
#main h2.title {
	
}
#main h2.title .label {
	
}
#main h2.title .label:before {
	display: inline-block;
	content: "";
	width: 1.0em;
	height: 1.0em;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../img/page_title_icon.svg);
	vertical-align: bottom;
	margin-right: 0.1em;
}



/* --------------------------
	00 buttons
-------------------------- */

#buttons {
	
}

#buttons ul {
	display: table;
	width: 100%;
}
#buttons ul li {
	display: table-cell;
	text-align: center;
	font-size: 0;
}
#buttons ul li:first-child {
	text-align: left;
}
#buttons ul li:last-child {
	text-align: right;
}
#buttons ul li a {
	position: relative;
	display: inline-block;
	width: 90%;
	background: #000;
	border: 1px dotted #fff;
}

#buttons ul li a:before {
	position: absolute;
	left: 15%;
	top: 5%;
	width: 12%;
	height: 90%;
	content: "";
	padding: 0 10px;
	background-color: #000;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../img/icon_shop.svg);
}
#buttons ul li:nth-child(2) a:before {
	left: 4%;
	background-image: url(../img/icon_online.svg);
}
#buttons ul li:nth-child(3) a:before {
	background-image: url(../img/icon_mail.svg);
}

#buttons ul li a.disable {
	position: relative;
	pointer-events: none;
}
#buttons ul li a.disable:after {
	position: absolute;
	left: 0;
	top: 0;
	content: "Coming Soon...";
	width: 100%;
	height: 100%;
	color: #000;
	font-size: 13pt;
	font-weight: bold;
	line-height: 3.5em;
	text-align: center;
	background: #999;
	opacity: 0.9;
}



/* --------------------------
	00 shop
-------------------------- */

#shop {
	color: #fff;max-width: 800px;margin: auto;
}

#shop a.shelf {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #d029ad;
}

#shop .accordion {
	
}

#shop .accordion .head {
	margin: 0 0 0.5em;
}
#shop .accordion .head .label {
	font-size: 120%;
	line-height: 1.0;
	padding: 0.8em 1.0em;
	border-bottom: 1px solid #fff;
	
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url(../img/accordion_head_open.png);
	background-size: 1.5em;
}
#shop .accordion.open > .head > .label {
	background-image: url(../img/accordion_head_close.png);
}

#shop .accordion .body {
	display: none;
	padding: 0 0 1.0em;
}
#shop .accordion .body .list {
	
}
#shop .accordion .body .list li {
	padding: 0.8em 1.0em;
	border-bottom: 1px dotted #999;
}
#shop .accordion .body .list li p,
#shop .accordion .body .list li .name,
#shop .accordion .body .list li .addr,
#shop .accordion .body .list li .tel {
	font-size: 74%;
	line-height: 1.2;
	padding: 0 0 0.2em;
}

#shop .accordion .accordion {
	padding-left: 1.5em;
}



/* --------------------------
	00 online
-------------------------- */

#online {
	
}

#online .button {
	text-align: center;
}
#online .button a {
	display: inline-block;
	width: 250px;
	font-size: 0;
	background: #fff;
}
#online .button a img {
	display: inline-block;
	width: 100%;
	height: auto;
}



/* --------------------------
	00 contact
-------------------------- */

#contact {
	
}

#contact .button {
	text-align: center;
}
#contact .button a {
	display: inline-block;
	width: 250px;
	color: #fff;
	font-size: 100%;
	line-height: 1.2;
	text-decoration: none;
	padding: 0.8em 0;
	background: #000;
	border: 1px dotted #fff;
}