@charset "UTF-8";

@media screen and (min-width:768px) and (max-width:959px) {
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
		common
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.sp:not(.pad), .pc:not(.pad) {
	display: none !important;
}
body:not(#top)>h1 {
	text-align: center;
	font-size: 44px;
	line-height: 100px;
	margin: 50px 0;
	border-bottom: 1px solid #E0E0E0;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
		header
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
body>header {
	height: 50px;
	background-color: rgba(255,255,255,.7);
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 999;
	-webkit-backdrop-filter: saturate(180%) blur(5px);
	backdrop-filter: saturate(180%) blur(5px);
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
body:not(#top) > header{
	top: 0;
}
body#top > header{
	top: -60px;
	transition: all .3s;
}
body>header>nav>.logo {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 98;
	display: block;
}
body>header>nav>.logo>img {
	height: 20px;
	width: auto;
	margin: 18px 20px 12px;
	position: absolute;
}
body>header>nav {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 91;
}
body>header>nav>div{
	display:none;
}
body>header>nav>div>a{
	display: block;
	position: relative;
	z-index: 97;
	width: 80%;
	text-align: center;
	line-height: 50px;
	border-bottom: 1px solid #CCC;
	margin: 0 auto;
	font-size: 18px;
	transition: background-color .2s;
}
body>header>nav>div>a:first-child {
	margin-top: 50px;
}
body>header>nav .hover {
	background-color: rgba(0,0,0,.1);
}
body>header>#navbtn {
	position: absolute;
	right: 0;
	border: 1px solid #999;
	padding-top: 3px;
	margin: 5px 7px;
	border-radius: 5px;
	height: 40px;
	width: 44px;
	text-align: center;
	text-indent: 1px;
  z-index: 99;
}
body>header>#navbtn>i{
	font-size: 24px;
	color: #555;
}
body>header>#navbtn>i.fa-times,
body>header>#navbtn>span.close{
	display:none;
}
body>header>#navbtn>span{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 10px;
	color: #555;
	position: absolute;
	left: 0;
	width: 43px;
	text-align: center;
	bottom: 0;
}
body>header>.navCover {
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(255,255,255,.9);
	z-index: 90;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
		footer
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
footer {
	text-align: center;
	padding: 50px 0 !important;
	border-top: 1px solid #E0E0E0 !important;
}
footer>p{
	font-size: 24px;
	margin-bottom: 30px;
}
footer>p:after{
	width:50px;
}
footer>.container{
	width:590px;
	margin:0 auto;
}
footer>.container>nav>.fb-page{
	float:left;
	width:290px;
	height:440px;
	background-color: #eee;
}
footer>.container>nav>a{
	display:block;
	float:left;
	width:140px;
	height:140px;
	line-height:140px;
	color:#FFF;
	font-size: 22px;
  text-shadow: 0 0 3px rgba(0,0,0,.1);
	text-align:center;
	margin:0 0 10px 10px;
	transition:all .2s;
}
footer>.container>nav>a.order{
	font-size:26px;
}
footer>.container>nav>a.hover{
	opacity:.8;
}
footer>.container>nav>a:first-child{
	margin-left:0;
}
footer>.container>nav>a.half{
	width:290px;
}
footer>.container>nav>a.full{
	width:100%;
	margin-left: 0;
}
footer>.nav2{
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	margin: 20px 0 40px;
}
footer>.nav2>a{
	line-height:36px;
	padding:20px;
}

footer>.sns{
	margin-bottom: 40px;
	font-size: 0;
}
footer>.sns>a{
	padding: 0 10px;
	display: inline-block;
}
footer>.sns>a:first-child{
	margin-right: 10px;
}
footer>.sns>a>i{
	font-size: 24px;
  color: #555;
}
footer>a.logo {
	transition: opacity .3s;
}
footer>a.logo.hover {
	opacity: .5;
}
footer>a.logo>img {
	width: 120px;
}
footer>a[data-scroll] {
	display: block;
	width: 60px;
	height: 60px;
	margin: 10px auto 0;
	position: relative;
}
footer>a[data-scroll]:before, footer>a[data-scroll]:after {
	position: absolute;
	content: "";
	height: 3px;
	background-color: #555;
	transition: top .2s ease-out;
	top: 30px;
}
footer>a[data-scroll].hover:before, footer>a[data-scroll].hover:after {
	top: 20px;
}
footer>a[data-scroll]:before, footer>a[data-scroll]:after {
	width: 18px;
}
footer>a[data-scroll]:before {
	-webkit-transform  : rotate(45deg);
	-moz-transform     : rotate(45deg);
	-ms-transform      : rotate(45deg);
	-o-transform       : rotate(45deg);
	transform          : rotate(45deg);
	right: 15px;
}
footer>a[data-scroll]:after {
	-webkit-transform  : rotate(-45deg);
	-moz-transform     : rotate(-45deg);
	-ms-transform      : rotate(-45deg);
	-o-transform       : rotate(-45deg);
	transform          : rotate(-45deg);
	left: 16px;
}
footer>small{
	font-size:12px;
	display:block;
	text-align:right;
	padding-right:3%;
	color:#555;
}

.fixed_order_banner{
	position: fixed;
	right: 0;
	top: 200px;
	font-family: 'Amiri', serif;
	color: #fff;
	background-color: rgba(45,45,45,.9);
	-webkit-backdrop-filter: saturate(180%) blur(5px);
  backdrop-filter: saturate(180%) blur(5px);
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-align-items: center;
	align-items: center;
	padding: 8px;
	font-size: 18px;
	line-height: 1;
	z-index: 100;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.fixed_order_banner::before{
	content: "";
	width: 28px;
	height: 28px;
	background: url('/img/icon-shopping.png') no-repeat center top/contain;
	margin-bottom: 5px;
}

.fixed_order_banner::after{
	content: "";
	width: 10px;
	height: 10px;
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 0;
	-webkit-transition: background-color .3s, padding-right .3s, transform .5s;
	-o-transition: background-color .3s, padding-right .3s, transform .5s;
	transition: background-color .3s, padding-right .3s, transform .5s;
}

.fixed_order_banner:hover{
	background-color: rgba(30,30,30,1);
	padding-right: 24px;
}

.fixed_order_banner:hover::after{
	opacity: 1;
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s;
}

.fixed_order_banner.hide{
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}

#order .fixed_order_banner{
	display: none !important;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
		top
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*body#top>* {
	position: relative;
}*/
body#top>section,body#top>footer{
	z-index:99;
}

/* mv */
.mv{
	overflow:hidden;
}
.slider {
	position: relative;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}
.slider .slide {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-size: cover;
	background-position: top center;
}
.def {
	-webkit-transition  : -webkit-transform 10s cubic-bezier(0, 0, 1, 1);
	-moz-transition     : -moz-transform 10s cubic-bezier(0, 0, 1, 1);
	-ms-transition      : -ms-transform 10s cubic-bezier(0, 0, 1, 1);
	-o-transition       : -o-transform 10s cubic-bezier(0, 0, 1, 1);
	transition          : transform 10s cubic-bezier(0, 0, 1, 1);
	-webkit-transform  : scale(1,1);
	-moz-transform     : scale(1,1);
	-ms-transform      : scale(1,1);
	-o-transform       : scale(1,1);
	transform          : scale(1,1);
}
.zoom {
	-webkit-transform  : scale(1.2,1.2);
	-moz-transform     : scale(1.2,1.2);
	-ms-transform      : scale(1.2,1.2);
	-o-transform       : scale(1.2,1.2);
	transform          : scale(1.2,1.2);
}
.mv>h1{
	width:220px;
	position:absolute;
	z-index: 12;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 55px;
	left: 0;
	right: 0;
}
.mv>h1>img{
	width:100%;
	height:auto;
}
/*.mv>h1 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: url(../img/frame.png) no-repeat center center;
	background-size: contain;
	text-align: center;
	z-index: 12;
}
.mv>h1>a {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	position: relative;
}
.mv>h1>a:before, .mv>h1>a:after {
	position: absolute;
	content: "";
	width: 24px;
	height: 3px;
	background-color: #fff;
	transition: top .2s ease-out;
	top: 20px;
}
.mv>h1>a:before {
	-webkit-transform  : rotate(-45deg);
	-moz-transform     : rotate(-45deg);
	-ms-transform      : rotate(-45deg);
	-o-transform       : rotate(-45deg);
	transform          : rotate(-45deg);
	right: 10px;
}
.mv>h1>a:after {
	-webkit-transform  : rotate(45deg);
	-moz-transform     : rotate(45deg);
	-ms-transform      : rotate(45deg);
	-o-transform       : rotate(45deg);
	transform          : rotate(45deg);
	left: 10px;
}
.mv>h1>a.hover:before, .mv>h1>a.hover:after {
	top: 30px;
}

.mv>h1 {
	width: 440px;
	height: 350px;
	font-size: 52px;
	padding-top: 130px;
}
.mv>h1>img {
	width: 50%;
}*/

/* s2 (bois de guiの説明エリア) */
#s2 {
	display: table;
	width: 100%;
}
#s2>div {
	display: table-cell;
	width: 50%;
}
#s2>div.p {
	background-color: #C7C7BF;
}
#s2>div.img {
	background: url(../img/img_bois_de_gui.jpg) no-repeat center center;
	background-size: cover;
}
#s2>div.p>dl {
	margin: 80px 0;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	width: 100%;
	line-height: 2em;
	padding: 0 30px;
}
#s2>div.p>dl>dt:first-child img {
	width: 210px;
}
#s2>div.p>dl>dt:not(:first-child), #s2>div.p>dl>dd:last-child {
	max-width: 380px;
	margin: 0 auto;
	line-height: 32px;
}
#s2>div.p>dl>dd:not(:last-child) {
	margin-bottom: 30px;
}

/* fb */
#fb_plugin{
	background-color: #FFFFFF;
  padding-top: 100px;
}
#fb_plugin>.fb-page{
	width: 100%;
	text-align: center;
}
#fb_plugin>.fb-page>span{
	border-top: 50px solid #000;
	border-left: 15px solid #000;
	box-sizing: content-box;
	border-radius: 60px 60px 0 0;
	border-right: 15px solid #000;
	padding-top: 30px;
	background-color: #000;
}

/* gallery */
#gallery {
	padding-bottom: 40px;
	position:relative;
}
#gallery>h2 {
	text-align: center;
	padding-top: 50px;
	margin-bottom: 30px;
	font-size: 24px;
	position:relative;
	z-index:2;
}
#gallery>h2:after {
	width:40px;
}
#instafeed{
	text-align:center;
	font-size:0;
}
#instafeed>a{
	display:inline-block;
	width:180px;
	height:180px;
	margin:1px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	transition:all .2s;
}
#instafeed>a.hover{
	opacity:.8;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
		What's new / Lesson / WP
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
		Order
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#order>section.lineup{
	font-size:0;
	text-align:center;
	padding-bottom:20px;
}
#order>section.lineup>.h2o{
	width: 630px;
	margin: 0 auto 30px;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 20px 25px;
}
#order>section.lineup>.h2o>h3{
  font-size: 20px;
	position:relative;
	text-align:center;
}
#order>section.lineup>.h2o>h3:after{
	content:"";
	width:70px;
	height:1px;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	background-color:#333;
	bottom:0;
}
#order>section.lineup>.h2o>p{
	font-size: 12px;
	text-align: left;
	margin-top:10px;
}
#order>section.lineup>.h2o>p>strong{
	font-weight:bold;
}
#order>section.lineup>.h2o>p>span{
	display: inline-block;
	padding-left:14px;
	position:relative;
	margin-top:10px;
}
#order>section.lineup>.h2o>p>span:before{
	content:"・";
	position:absolute;
	left:0;
	top:0;
}

#order>section.lineup>.h2o_link{
	text-align: center;
	margin-bottom: 30px;
	padding-right: 0;
}
#order>section.lineup>.h2o_link a{
	font-size: 18px;
  color: #666;
  display: inline-block;
  border: 1px solid #AAA;
  border-radius: 6px;
  padding: 12px 22px 8px;
  transition: all .2s;
}
#order>section.lineup>.h2o_link a:hover{
	background-color: #EEE;
}
#order>section.lineup>.h2o_link a i{
	font-size: 22px;
	vertical-align: middle;
	padding: 0 5px 5px 0;
}

#order>section.lineup>h2{
	text-align: center;
	font-size: 28px;
	margin-bottom: 30px;
	position: relative;
}
#order>section.lineup>h2:after{
	content:"";
	width:70px;
	height:1px;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	background-color:#333;
	bottom: -5px;
}
#order>section.lineup>a{
	display:inline-block;
	width: 300px;
	height: 150px;
	background-color: #f4f4f4;
	margin:0 15px 30px;
}
#order>section.lineup>a>span.photo{
	display: inline-block;
	width: 50%;
	background-size: cover;
	background-position: center;
	height: 100%;
	float: left;
}
#order>section.lineup>a>h3{
	display: inline-block;
	width: 50%;
	text-align: center;
	font-size: 16px;
	color: #000;
	line-height: 20px;
  padding: 52px 0;
}
#order>section.lineup>a>h3>span.more{
	display:block;
	font-size: 12px;
	margin-top: 5px;
	color: #227;
}
#order>section.lineup>a>h3>span.more>span.ti-angle-right{
  margin-left: 2px;
}

#order>section.lineup>div{
	text-align:right;
	padding-right:5%;
}
#order>section.lineup>div>a.fax_sheet{
	font-size:14px;
  color: #666;
	display:inline-block;
	border:1px solid #AAA;
	border-radius:6px;
	padding:10px 22px;
	transition:all .2s;
}
#order>section.lineup>div>a.fax_sheet:hover{
	background-color:#EEE;
}
#order>section.lineup>div>a.fax_sheet>i.fa-print{
	font-size: 22px;
	padding-right: 5px;
}
#order>section.lineup>div>a.fax_sheet>span>i.fa-file-pdf-o{
	font-size: 16px;
	padding:0 2px;
}
#order>section.lineup>div>a.fax_sheet>span{
	font-size:12px;
	padding-left:5px;
}

#order>section.lineup .lineup_list{
	margin: 0 auto 50px;
	width: 100%;
	max-width: 680px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#order>section.lineup .lineup_list li{
	width: 200px;
	margin: 0 20px 30px 0;
}
#order>section.lineup .lineup_list li:nth-child(3n+1){
	margin-left: 20px;
}
#order>section.lineup .lineup_list li a{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}
#order>section.lineup .lineup_list li a:hover{
	opacity: .7;
}
#order>section.lineup .lineup_list li a .photo{
	width: 100%;
	height: 200px;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
}
#order>section.lineup .lineup_list li a p{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	font-family: 'Amiri', serif;
	font-weight: normal;
	line-height: 1.5;
	font-feature-settings: "palt";
	margin-top: 5px;
}
#order>section.lineup .lineup_list li a p b{
	font-size: 22px;
}
#order>section.lineup .lineup_list li a p .size{
	font-size: 13px;
}
#order>section.lineup .lineup_list li a p .price{
	font-size: 16px;
}
#order>section.lineup .lineup_list li a p .price small{
	font-size: .7em;
}




/* Order details */
section.product_detail{
	position:relative;
}
section.product_detail>a.back{
	position:absolute;
	line-height: 40px;
	text-align: center;
	left: 0px;
	top: 70px;
	font-size: 14px;
	font-weight: bold;
	padding-right: 10px;
	transition: left .2s;
}
section.product_detail>a.back.hover{
	left: -10px;
}
section.product_detail>a.back>span{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 14px;
	margin-left: 5px;
}
.product_detail>.th>p>span{
	display: block;
	line-height: 12px;
	font-size: 12px;
	margin-top: -5px;
}
.product_detail>.type>select, .product_detail>.quantity>select{
	border: 1px solid #AAA;
	height: 36px;
	width: 100%;
	padding: 5px;
	font-size: 14px;
	border-radius:4px;
	cursor:pointer;
	position:relative;
	transition:border .2s;
	z-index: 2;
	background-color: transparent;
}
.product_detail>.type>select[name="type"].hover, .product_detail>.quantity>select[name="quantity"].hover{
	border: 1px solid #000;
}
.colormejs>div{
	width:100% !important;
}
.cartjs_box{
	border: none !important;
	width:220px;
	float:right;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.colormejs .cartjs_box>div,
.colormejs .cartjs_box>.cartjs_header{
	display:none !important;
}
.colormejs .cartjs_box>.cartjs_form>.cartjs_block{
	padding: inherit !important;
}
.cartjs_product_table{
margin-bottom: 20px;
}
.cartjs_product_table>table{
	width: 100% !important;
	margin: 0 !important;
	background-color:transparent !important;
	border: none !important;
}
.cartjs_product_table th,
.cartjs_block th{
	display:none;
}
.cartjs_product_table td,
.cartjs_block>.cartjs_dtl_tbl td{
	position:relative;
	padding:10px 0 !important;
	border: none !important;
}
.cartjs_sales_price,
.cartjs_product_num{
	display:none !important;
}
.cartjs_sk_link_other>a,
.cartjs_link_regal>a{
	font-size:10px;
}
.cartjs_cart_in>input,
.cartjs_buy>p>input{
	background-image:none !important;
	box-shadow:none !important;
	text-shadow:none !important;
	margin:0 !important;
	width: 100% !important;
	padding:0 !important;
	border-radius:0 !important;
	border:none !important;
	display: block;
	line-height: 50px;
	height: 50px;
	text-align: center;
	font-size: 16px !important;
	letter-spacing: 1px;
	transition:opacity .3s;
	cursor:pointer;
}
.cartjs_cart_in>input.hover{
	opacity:.8;
}
input.cartjs_product_input_txt,
.cartjs_quantity>input{
	width: 110px !important;
	height: 36px;
	padding: 5px;
	text-align: center;
	font-size: 14px;
	border-radius:4px;
	cursor:text;
	border: 1px solid #AAA;
	transition:border .2s;
}
.cartjs_product_table select, .cartjs_block>.cartjs_dtl_tbl select{
	border: 1px solid #AAA;
	height: 36px;
	width: 100%;
	padding: 5px;
	font-size: 14px !important;
	border-radius:4px;
	cursor:pointer;
	position:relative;
	transition:border .2s;
	z-index: 2;
	background-color: transparent;
}
.cartjs_product_table select.hover, input.cartjs_product_input_txt.hover{
	border: 1px solid #000;
}
.cartjs_option td:after, .product_detail>.type:after, .product_detail>.quantity:after{
	content: "";
	position: absolute;
	border-top: 8px solid #555;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 0;
	z-index: 1;
}
.cartjs_cart_in{
	margin: 0 !important;
}
.product_detail>.paypal_info{
	text-align:right;
	font-size:10px;
	margin-top:5px;
}
.product_detail>.paypal_info>p:first-child{
	display:inline-block;
	text-align:left;
	position:relative;
}
.product_detail>.paypal_info>p>b{
	font-weight:bold;
	font-size:1.1em;
}
.product_detail>.paypal_info>p span{
	position:absolute;
	left:-12px;
}
.product_detail>.paypal_info>p:last-child{
	text-align:right;
}
.product_detail>.paypal_info>p:last-child>a,
.product_detail>.detail>p>a{
	color:#44d;
}
.product_detail>.paypal_info>p:last-child>a:hover{
	text-decoration:underline;
}
.product_detail>.detail>p:last-child{
	margin-top:30px;
}
.product_detail>.detail>p>a{
	text-decoration:underline;
}
.detail{
	clear:both;
	padding-top: 30px;
}
.product_detail>.detail2{
	float:right;
	width:330px;
}
.detail>p{
	line-height: 30px;
	font-size: 14px;
	color: #333;
}
.product_detail>.detail2>p{
	line-height: 24px;
	font-size: 14px;
	color: #333;
	padding-bottom:70px;
}
.cartjs_box>form>.cartjs_product_img{
	display:none !important;
}
section.product_detail{
	width: 720px;
	margin: 0 auto;
}
section.product_detail>h1{
	font-size: 44px;
	line-height: 70px;
	height:70px;
	margin:0 0 30px 0;
	border-bottom: none;
	width:40%;
	float:right;
	text-align: center;
}
section.product_detail>h1>span{
	font-size: 32px;
	display: block;
	line-height: 32px;
}
section.product_detail{
	padding: 120px 0 50px;
	/* border-bottom: 1px solid #E0E0E0; */
}
section.product_detail>.product_img{
	float: left;
}
section.product_detail>.product_img>.display_img{
	width: 360px;
	height:360px;
	position:relative;
	overflow:hidden;
}

section.product_detail>.product_img>.display_img>img{
	position:absolute;
	top:0;
	bottom: 0;
	max-width: 100%;
	max-height: 100%;
	left: 0;
	right: 0;
	margin: auto;
}
section.product_detail>.product_img>.display_img>img.display{
	z-index:1;
	display:block;
}
section.product_detail>.product_img>.display_img>img:not(.display){
	display:none;
}
section.product_detail>.product_img>.thum{
	width: 360px;
	margin-top: 10px;
	text-align:center;
}
section.product_detail>.product_img>.thum>span{
	height: 80px;
	width: 80px;
	display: inline-block;
	background-size: cover;
	border-radius: 6px;
	border: 4px solid #CCC;
	cursor: pointer;
	margin:0 5px;
	transition: border-color .2s;
}
section.product_detail>.product_img>.thum>span.active{
	border-color:#696;
}

.product_detail>.th{
	width: 140px;
	position: absolute;
	right: 220px;
	top: 220px;
	text-align: right;
	margin-top: 10px;
}
.product_detail>.th>p{
	line-height:36px;
	margin-bottom:20px;
	padding: 0 15px;
	font-size:14px;
	color:#555;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.product_detail>.type, .product_detail>.quantity{
	float:right;
	margin-bottom:10px;
	position:relative;
}
.product_detail>.quantity{
	width: 110px;
	margin-right:110px;
	margin-top:10px;
}
.product_detail>.quantity>button{
	width:110px;
	background:none !important;
	border:none;
	cursor:pointer;
}
.cartjs_box{
	width:220px;
	float:right;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.product_detail>a.order{
	display: block;
	width: 220px;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	letter-spacing: 1px;
	font-family: system-ui;
	cursor:pointer;
	transition: opacity .3s;
	position:absolute;
	bottom: 50px;
  right: 0;
}
.product_detail>a.order.hover{
	opacity:.8;
}

#order>section.other{
	text-align:center;
	margin:50px 0;
}
#order>section.other>h2{
	margin-bottom: 40px;
	font-size: 22px;
}
#order>section.other>h2:after{
	width:70px;
}
#order>section.other>a{
	display: inline-block;
	width: 120px;
	height: 120px;
	text-align: center;
	position: relative;
	margin: 0 10px;
	transition: all .3s;
}
#order>section.other>a.hover{
	opacity: .8;
}
#order>section.other>a>h3{
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(255,255,255,.6);
	padding: 3px 0;
	text-shadow: 0 0 10px #FFF;
}
#order>section.other>a>h3>span.more{
	display: block;
	font-size: 12px;
	font-weight: normal;
}
#order>section.other>a>span.photo{
	width: 100%;
	height: 100%;
	display: inline-block;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}








/* SP基準のため上書き */
section.product_detail.new{
	position:relative;
}
section.product_detail.new>a.back{
	position:absolute;
	width: 50px;
	line-height: 32px;
	text-align: center;
	left: 0px;
	top: 70px;
}
.product_detail.new>.th>p>span{
	display: block;
	line-height: 12px;
	font-size: 12px;
	margin-top: -5px;
}
.product_detail.new>.type>select,
.product_detail.new>.quantity>select{
	border: 1px solid #AAA;
	height: 36px;
	width: 100%;
	padding: 5px;
	font-size: 16px;
	border-radius:4px;
	cursor:pointer;
	position:relative;
	transition:border .2s;
	z-index: 2;
	background-color: transparent;
}
.product_detail.new>.type>select[name="type"]:hover,
.product_detail.new>.quantity>select[name="quantity"]:hover{
	border: 1px solid #000;
}
.product_detail.new>.paypal_info{
	text-align:right;
	font-size:10px;
	margin-top:5px;
}
.product_detail.new>.paypal_info>p:first-child{
	display:inline-block;
	text-align:left;
	position:relative;
}
.product_detail.new>.paypal_info>p>b{
	font-weight:bold;
	font-size:1.1em;
}
.product_detail.new>.paypal_info>p span{
	position:absolute;
	left:-12px;
}
.product_detail.new>.paypal_info>p:last-child{
	text-align:right;
}
.product_detail.new>.paypal_info>p:last-child>a,
.product_detail.new>.detail>p>a{
	color:#44d;
}
.product_detail.new>.paypal_info>p:last-child>a:hover{
	text-decoration:underline;
}
.product_detail.new>.detail>p:last-child{
	margin-top:30px;
}
.product_detail.new>.detail>p>a{
	text-decoration:underline;
}
section.product_detail.new>.detail,
section.product_detail.new>.detail2{
	clear:both;
	padding-top: 30px;
}
section.product_detail.new>.detail>p,
section.product_detail.new>.detail2>p{
	line-height: 30px;
	font-size: 14px;
	color: #333;
}
section.product_detail.new{
	width:  100%;
}
section.product_detail.new>h1{
	font-size: 28px;
	line-height: 36px;
	margin:0 0 20px 0;
	border: none;
	padding-top: 20px;
	text-align:center;
	width: auto;
	height: auto;
	float: none;
}

section.product_detail.new>h1>span{
	font-size:24px;
	line-height:30px;
	display:block;
}
section.product_detail.new {
  padding: 50px 20px;
	border-bottom: 1px solid #E0E0E0;
	max-width: 720px;
	margin: 0 auto;
}
section.product_detail.new>.product_img{
	float: none;
}
section.product_detail.new>.product_img>.display_img{
	margin: 0 auto 20px;
	position:relative;
	padding-bottom:100%;
	overflow:hidden;
	width: auto;
	height: auto;
}

section.product_detail.new>.product_img>.display_img>img{
	position:absolute;
	top:0;
	bottom: 0;
	max-width: 100%;
	max-height: 100%;
	left: 0;
	right: 0;
	margin: auto;
}

section.product_detail.new>.product_img>.display_img>img.display{
	z-index:1;
	display:block;
}
section.product_detail.new>.product_img>.display_img>img:not(.display){
	display:none;
}
section.product_detail.new>.product_img>.thum{
	text-align:center;
	width: 100%;
	margin-top: 0;
}
section.product_detail.new>.product_img>.thum>span{
	height: 80px;
	width: 80px;
	display: inline-block;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 6px;
	border: 4px solid #CCC;
	cursor: pointer;
	margin:0 5px;
	transition: border-color .2s;
}
section.product_detail.new>.product_img>.thum>span.active{
	border-color:#696;
}

.product_detail.new>.th{
	width: 30%;
	text-align: right;
	float:left;
	margin-top:20px;
}
.product_detail.new>.th>p{
	line-height:36px;
	margin-bottom:20px;
	font-size:12px;
	color:#555;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.product_detail.new>.type, .product_detail.new>.quantity{
	float:right;
	width: 60%;
	position:relative;
}
.product_detail.new>.quantity{
	margin:20px 0 10px;
}
.product_detail.new>a.order{
	display: block;
	width: 220px;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	letter-spacing: 1px;
	font-family: system-ui;
	margin: 50px auto 0;
	cursor:pointer;
	transition: opacity .3s;
}
.product_detail.new>a.order:hover{
	opacity:.8;
}









/* レイアウト変更用 */
section.product_detail.new{
	border: none;
}
section.product_detail.new>h1{
	font-size: 22px;
	margin-bottom: 10px;
}
section.product_detail.new>h1 small{
	margin-left: 10px;
	font-size: .7em;
}
section.product_detail.new>h1 small i::before{
	content: "(";
	transform: translateY(-2px);
  display: inline-block;
}
section.product_detail.new>h1 small i::after{
	content: ")";
	transform: translateY(-2px);
  display: inline-block;
}
section.product_detail.new>.product_img>.display_img{
	padding-bottom:300px;
}
section.product_detail.new>.product_img>.display_img>img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

section.product_detail.new .info{
	margin: 0 auto;
	max-width: 400px;
}
section.product_detail.new .info p.title{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	font-family: 'Amiri', serif;
	font-weight: normal;
	line-height: 1.5;
	font-feature-settings: "palt";
	margin-top: 5px;
}
section.product_detail.new .info p.title b{
	font-size: 34px;
}
section.product_detail.new .info p.title .size{
	font-size: 20px;
}
section.product_detail.new .info p.title .price{
	font-size: 26px;
}
section.product_detail.new .info p.title .price small{
	font-size: .7em;
}
section.product_detail.new .info p.notice{
	line-height: 30px;
	font-size: 14px;
	margin-top: 20px;
}

.colormejs_new .cartjs_box > div:last-child,
.colormejs_new .cartjs_box .cartjs_form .cartjs_product_num{
	display: none !important;
}
.colormejs_new .cartjs_box{
	border: none !important;
	float: none !important;
	width: 100% !important;
}
.colormejs_new .cartjs_box .cartjs_form{
	width: 300px;
	margin: 20px auto 30px;
}
.colormejs_new .cartjs_box .cartjs_form .cartjs_block{
	padding: 0 !important;
}
.colormejs_new .cartjs_box .cartjs_form .cartjs_block .cartjs_dtl_tbl{
	margin-bottom: 0 !important;
}
.colormejs_new .cartjs_box .cartjs_form .cartjs_option th{
	background: none !important;
	text-align: right !important;
	padding: 0 10px 0 0 !important;
	width: 10% !important;
	line-height: 36px;
  margin-bottom: 20px;
  font-size: 12px;
  color: #555;
	display: inherit;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.colormejs_new .cartjs_box .cartjs_form .cartjs_option .cartjs_quantity{
	position: relative;
	width: auto !important;
}
.colormejs_new .cartjs_box .cartjs_form .cartjs_option .cartjs_quantity:after {
  content: "";
  position: absolute;
  border-top: 8px solid #555;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 0;
  z-index: 1;
}
.colormejs_new .cartjs_box .cartjs_form .cartjs_option .cartjs_quantity select{
	border: 1px solid #AAA;
  height: 36px;
  padding: 5px;
  font-size: 16px !important;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  transition: border .2s;
  z-index: 2;
  background-color: transparent;
}
.colormejs_new .cartjs_box .cartjs_form .cartjs_buy .cartjs_btn{
  width: 100%;
  padding: 0;
  border: none;
  display: block;
  line-height: 50px;
  height: 50px;
  text-align: center;
  font-size: 16px;
  letter-spacing: 1px;
  transition: opacity .3s;
  cursor: pointer;
	background-color: #D51;
  color: #FFF;
}










/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
		Wedding / Works
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#wedding>.gallery *,#works>.gallery *{
	-webkit-transition  : all 3s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition     : all 3s cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition      : all 3s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition       : all 3s cubic-bezier(0.23, 1, 0.32, 1);
	transition          : all 3s cubic-bezier(0.23, 1, 0.32, 1);
}
#wedding>.gallery,#works>.gallery {
	overflow: hidden;
	line-height:0;
	margin-bottom:50px;
}
section.gallery>.image-link {
	display:inline-block;
	width: 24%;
	padding-bottom: 24%;
	background-position:center center;
	background-size:cover;
	margin: .5%;
}
section.gallery>.ap{
	-webkit-transform  : scale(.9);
	-moz-transform     : scale(.9);
	-ms-transform      : scale(.9);
	-o-transform       : scale(.9);
	transform          : scale(.9);
	opacity:0;
}
.lb-dataContainer{
	display:none !important;
}
section.gallery>.col2{
	width:49% !important;
}
section.gallery>.row2col2{
	width:49% !important;
	padding-bottom:49% !important;
	margin-bottom: 0 !important;
}
section.gallery>.row2{
	padding-bottom:49% !important;
}
section.gallery>.row2col3{
	width:74% !important;
	padding-bottom:49% !important;
	margin-bottom: 0 !important;
}
section.gallery>.row3col2{
	width:49% !important;
	padding-bottom:74% !important;
	margin-bottom: 0 !important;
}
section.gallery>div.text{
	line-height: 24px;
	font-size: 14px;
	width:590px;
	margin:30px auto 0;
}
section.gallery>div.text>p{
	margin:10px 0;
}
#wedding>section.gallery>div.text>p:last-child{
	font-size: 12px;
	color: #555;
	margin-top: 30px;
}
#works>section.gallery>div.text>p{
	text-align:center;
}
section.gallery>div>h2{
	font-size: 20px;
	margin:40px 0 20px;
	text-align:center;
	font-weight:bold;
	line-height:40px;
}
section.gallery>div>h2:after{
	width:60px;
}
section.gallery>div.text>.price_table{
	text-align:center;
}
section.gallery>div.text>.price_table>table{
	display:inline-block;
}
section.gallery>div.text>.price_table>span{
	display:block;
	font-size:18px;
	font-weight:bold;
}
section.gallery>div.text>.price_table>table th{
	font-size:16px;
	width:90px;
}
section.gallery>div.text>.price_table>table td{
	text-align:right;
	width:90px;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
		Access, About us
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#access>section,
#about_us>section{
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#access>section h2,
#about_us>section h2{
	font-weight:bold;
	font-size:14px;
	position:relative;
	padding-bottom:10px;
}
#access>section.shop>h2{
	color:#333;
}
#access>section.shop>h2>img{
	width:80px;
}
#access>section.shop>h2:after{
	background-color: #333;
}
#about_us>section.company h2{
	color:#FFF;
}
#about_us>section.company h2:after{
	background-color: #FFF;
}
#access>section h2:after,
#about_us>section h2:after{
	content:"";
	width:60px;
	height:1px;
	bottom:0;
	left:0;
	right:0;
	margin: 0 auto;
	position:absolute;
	width:60px;
}
#access>section>address,
#about_us>section>address{
	padding: 20px 0;
	line-height: 22px;
	font-size:12px;
}
#access>section p,
#about_us>section p{
	font-size:12px;
	line-height:22px;
}
#about_us>section table th{
	font-weight:bold;
}
#about_us>section table th,
#about_us>section table td{
	font-size:12px;
	text-align:left;
}
.bois_de_gui_map{
	width:100%;
	height:100%;
}
#about_us>section.company>.pcleft{
	background-color: #C7C7BF;
	padding: 50px 0;
}
#about_us>section table.bond_info{
	width: 80%;
	color: #FFF;
	font-size: 12px;
	margin: 20px auto 0;
}
#about_us>section table th{
	padding: 10px 20px 10px 0;
  white-space: nowrap;
}
#about_us>section table td{
	padding-bottom:10px;
}
.map{
	width:100%;
	height:400px;
	margin-top:50px;
}
.open_date{
	font-size: 0;
}
.open_date>table{
	margin: 0 auto 20px;
}
.open_date>table th,
.open_date>table td{
	font-size: 12px;
	line-height: 22px;
	padding: 0 2px;
}

.links{
	margin: 50px 0;
}
.links h3{
	font-size: 24px;
  margin-bottom: 30px;
}
.links h3::after{
	width: 70px;
}
.links a{
	display: block;
	font-size: 0;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
	margin: 0 auto;
}
.links a:hover{
	opacity: .8;
}
.links>a{
	max-width: 500px;
	width: 92%;
	margin-bottom: 40px;
}
.links a img{
	width: 100%;
	height: auto;
}

.links > a.agf{
	background-color: #D26015;
	padding: 88px 0;
}
.links > a.agf img{
	height: 24px;
}
.links > a.olive{
	border: 1px solid #e2e2e2;
}
.konoike{
	max-width: 500px;
	width: 92%;
	margin: 30px auto 50px;
	font-size: 0;
}
.konoike a.ttl{
	margin: 30px auto;
	width: 34%;
}
.konoike>.row{
	display: flex;
	justify-content: space-between;
	margin-bottom: 4%;
}
.konoike .row a{
	width: 48%;
	margin: 0;
}

.shop.tokyo,
.shop.wakayama{
	margin: 100px 0;
	padding-top: 70px;
	position: relative;
}
.shop.tokyo::before,
.shop.wakayama::before{
	content: "";
	width: 50px;
	height: 1px;
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.shop.tokyo h3 b,
.shop.wakayama h3 b{
	font-family: 'Amiri', serif;
	font-size: 34px;
}
.shop_slider{
	opacity: 0;
	width: 70%;
	margin: 30px auto 40px;
}
.shop_slider.slick-initialized{
	opacity: 1;
}
.shop_slider img{
	display: block;
	width: 100%;
	height: auto;
}
.shop_slider .slick-arrow{
	width: 50%;
	height: 100%;
}
.shop_slider .slick-arrow::before{
	content: "";
	font-size: 0;
	width: 40px;
	height: 40px;
	border-color: #fff;
	border-style: solid;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.shop_slider .slick-prev{
	left: 0;
	z-index: 2;
}
.shop_slider .slick-prev::before{
	border-width: 0 0 4px 4px;
	left: 40px;
}
.shop_slider .slick-next{
	right: 0;
	z-index: 2;
}
.shop_slider .slick-next::before{
	border-width: 4px 4px 0 0;
	right: 40px;
}

.shop.wakayama .dessin{
	max-width: 100%;
	width: auto;
	display: block;
	height: auto;
	margin: 30px auto 0;
}
.shop.wakayama .logo{
	display: block;
	max-width: 150px;
	height: auto;
	margin: 30px auto;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
		Contact
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#form,
#comp>p,
#check>#contact_confirm{
	width:480px;
	margin:0 auto 50px;
	position:relative;
}
#form .selectArea>select.hover,
#form input:not([type="submit"]).hover,
#form textarea.hover{
	border:1px solid #000;
}
#form .selectArea>select,
#form input:not([type="submit"]),
#form textarea{
	width:100%;
	border: 1px solid #DDD;
	padding: 5px 10px;
	font-size: 16px !important;
	border-radius: 4px;
	cursor: pointer;
	transition: border .2s;
	background-color:transparent;
}
#form input:not([type="submit"]),
#form textarea{
	margin-bottom:20px;
}
#form .selectArea>select{
	z-index:2;
}
#form .selectArea{
	position: relative;
}
#form .selectArea:after{
	content: "";
	position: absolute;
	border-top: 8px solid #555;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 0;
	z-index: 1;
}
#form .selectArea>span{
	position: absolute;
	right: 0;
	bottom: -20px;
	font-size: 12px;
	color: #E55;
	opacity:0;
	transition: opacity .2s;
}
#form .selectArea>select,
#form input:not([type="submit"]){
	height: 36px;
}
#form>textarea{
	height:200px;;
}
#form p,
#contact_confirm p{
	font-size:11px;
	color:#555;
	padding:0 5px 3px 0;
	font-weight:bold;
}
#form p>span{
	font-weight:normal;
	margin-left:10px;
}
#form p>span.auto_input{
	border: 1px solid #999;
	margin-left: 10px;
	padding: 2px 4px;
	font-size: 80%;
	font-weight:normal;
}
#form>div:not(.comment){
	margin-bottom: 20px;
}
#form>input[type="submit"],
#check>form>input[type="submit"]{
	border: none;
	line-height: 36px;
	width: 150px;
	border-radius: 4px;
	font-size: 14px;
	margin: 0 auto;
	display: block;
	letter-spacing: 2px;
	text-indent: 1px;
	text-shadow: 0 0 10px rgba(0,0,0,.1);
	cursor:pointer;
	transition: background-color .3s;
}
#form>input[type="submit"].hover{
	background-color:#ef6565;
}
#form>a,
#check>form>a{
	position: absolute;
	left: 3%;
}
#form>a>input[type="button"],
#check>form>a>input[type="button"]{
	background: none;
	border: none;
	font-size: 14px;
	line-height: 36px;
	cursor: pointer;
}
#comp>p.cname{
	font-weight:bold;
}
#comp>p.thanks{
	font-size:14px;
}
#comp>p>a{
	text-decoration: underline;
}
#comp>p>a.hover,#comp>p>a.hover{
	color:#999;
}

#comp>p.err,
#comp>p.cname,
#comp>p.thanks{
	margin: 0 3% 50px;
}
#comp>p.cname{
	margin: 0 3% 10px;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
		Order Sheet
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#order_sheet>.flow{
	width: 760px;
	margin: 0 auto 50px;
	border: 2px dashed #DDD;
	padding: 20px;
	border-radius: 10px;
}
#order_sheet>.flow>p{
	margin-bottom: 10px;
}
#order_sheet>.flow>.flow_contents>table{
  font-size: 14px;
	color:#333;
	margin-left:20px;
}
#order_sheet>.flow>.flow_contents>table th{
  padding-right: 10px;
}
#order_sheet>.flow>.flow_contents>table td{
  padding-bottom: 10px;
}
#order_sheet>#form{
	width: 100%;
	margin: 0 auto 50px;
	position: relative;
}
#order_sheet>#form>h2{
	text-align: center;
	background-color: #6a6c75;
	color: #FFF;
	font-size: 18px;
	padding: 10px 0;
	margin-bottom:20px;
	clear:both;
}
#order_sheet>#form>.type,
#order_sheet>#form>.color,
#order_sheet>#form>.use{
	width: 640px;
	margin: 0 auto 20px;
}
#order_sheet>#form input[type="radio"] + label{
	cursor:pointer;
	text-align:center;
	line-height:40px;
	margin-right:10px;
	border-radius:6px;
	display:inline-block;
	font-size:14px;
	position:relative;
	transition: all .2s;
	border: 1px solid #DDD;
}
#order_sheet>#form>div>input[type="radio"] + label{
	width:120px;
}
#order_sheet>#form input[type="radio"] + label.hover{
	border: 1px solid #999;
}
#order_sheet>#form>.color>input#purple + label,
#order_sheet>#form input[type="radio"] + label:last-child{
	margin-right:0 !important;
}
#order_sheet>#form>.color>input[type="radio"] + label:last-child{
	margin-top:10px;
}
#order_sheet>#form>div:not(.color) input[type="radio"]:checked + label{
	background-color:#669966;
	color: #FFF;
	border: none !important;
	text-shadow:0 0 5px rgba(0,0,0,.3);
}
#order_sheet>#form>div.color>input[type="radio"]:checked + label{
	background-size: cover;
	color: transparent;
	background-position: center center;
}
#order_sheet>#form>.color>input[type="radio"] + label:after{
	content:"";
	width:100%;
	height:100%;
	border-radius:6px;
	position:absolute;
	top: 0;
	left: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: all .3s;
	opacity:0;
}
#order_sheet>#form>div.color>input[type="radio"]:checked + label:after{
	opacity:1;
}
#order_sheet>#form span.other{
	font-size:14px;
	padding-left:10px;
	line-height:40px;
	display:inline-block;
	border-radius:6px;
	cursor:pointer;
	border: 1px solid #DDD;
}
#order_sheet>#form>.use>span.other{
	width:250px;
}
#order_sheet>#form>.notice>.notice_title>span.other{
	width:250px;
}
#order_sheet>#form>.use>span.other>input{
	width:175px;
	height:40px;
	border:none;
	font-size: 14px;
  color: #333;
  background-color: transparent;
	margin:0;
}
#order_sheet>#form>.budget{
	width: 300px;
  margin: 0 auto 20px;
	position:relative;
}
#order_sheet>#form input[type="tel"],
#order_sheet>#form input[type="text"],
#order_sheet>#form .selectArea>select{
	height:42px;
}
#order_sheet>#form>.budget>input[type="tel"].hover{
	border: 1px solid #999;
}
#order_sheet>#form>.budget>span{
	font-size: 14px;
	position: absolute;
	bottom: 20px;
	right: -21px;
	width: 16px;
	text-align: center;
	line-height: 30px;
}
#order_sheet>#form>.card,
#order_sheet>#form>.notice{
	margin-bottom: 0;
	border-top:1px dashed #DDD;
	overflow: hidden;
	transition: height .3s;
}
#order_sheet>#form .card>.swich,
#order_sheet>#form .notice>.swich{
  display: table;
	margin: 20px auto;
}
#order_sheet>#form .swich>input{
	width:20px;
	height:20px;
	margin:0;
	background:url(../img/checkbox.gif) no-repeat left center;
	background-size:cover;
	cursor:pointer;
	/*display: table-cell;*/
	vertical-align: middle;
	border: none;
	padding:0;
}
#order_sheet>#form .swich>input.hover{
	background-position: center center;
}
#order_sheet>#form .swich>input:checked{
	background-position: right center;
}
#order_sheet>#form .swich>label{
	vertical-align: middle;
	/*display:table-cell;*/
	line-height: 20px;
	font-size: 16px;
	padding-left: 7px;
	cursor:pointer;
}
#order_sheet>#form>.card p{
	width:300px;
	margin: 0 auto;
}
#order_sheet>#form>.card textarea{
	width:300px;
	margin: 0 auto 40px;
	height:200px;
	display:block;
}
#order_sheet>#form>.notice>.notice_contents>.notice_title{
	width: 890px;
	margin: 0 auto 20px;
}
#order_sheet>#form>.notice>.notice_contents>.notice_title>input[type="radio"] + label{
	width:150px;
}
#order_sheet>#form>.notice>.notice_contents>.notice_title>span.other>input{
	width:175px;
	height: 40px;
	border: none;
	color: #333;
	background-color: transparent;
	margin: 0;
}
#order_sheet>#form>.notice>.notice_contents>.notice_from_to{
	width: 890px;
	margin: 0 auto;
}
#order_sheet>#form>.notice>.notice_contents>.notice_from_to:last-child{
	margin-bottom: 20px;
}
#order_sheet>#form h3{
	font-size: 14px;
	font-weight:bold;
	clear:both;
}
#order_sheet>#form h3>span{
	font-size:12px;
	font-weight:normal;
}
#order_sheet>#form>.notice>.notice_contents>.notice_from_to>div{
	width:calc((100% - 20px) / 3);
}
#order_sheet>#form>.notice>.notice_contents>.notice_from_to>.notice_co_name,
#order_sheet>#form>.notice>.notice_contents>.notice_from_to>.notice_position{
	float:left;
	margin-right:10px;
}
#order_sheet>#form>.notice>.notice_contents>.notice_from_to>.notice_name{
	float:right;
}

#order_sheet>#form>.delivery_info{
	float:left;
	width: 47%;
	margin-left: 2%;
}
#order_sheet>#form>.delivery_info>div{
	float:left;
}
#order_sheet>#form>.delivery_info>.delivery_date{
	width: 100%;
	margin: 0 auto 20px;
}
#order_sheet>#form>div.delivery_info>.delivery_date>.selectArea{
	float:left;
}
#order_sheet>#form>div.delivery_info>.delivery_date>.selectArea.year{
	width: 100px;
  margin: 5px 0 10px;
}
#order_sheet>#form>div.delivery_info>.delivery_date>.selectArea>select{
	padding: 0 10px;
	height: 36px;
}
#order_sheet>#form>div.delivery_info>.delivery_date>.selectArea.year>select{
	border-radius: 4px 0 0 4px;
}
#order_sheet>#form>div.delivery_info>.delivery_date>.selectArea.month{
	width: 80px;
	margin: 5px 0 10px;
}
#order_sheet>#form>div.delivery_info>.delivery_date>.selectArea.month>select{
	border-radius: unset;
	border-left: 0;
	border-right: 0;
}
#order_sheet>#form>div.delivery_info>.delivery_date>.selectArea.date{
	width: 110px;
	margin: 5px 0 10px;
	margin-right: calc(100% - 290px);
}
#order_sheet>#form>div.delivery_info>.delivery_date>.selectArea.date>select{
	border-radius: 0 4px 4px 0;
}
#order_sheet>#form>div.delivery_info>.delivery_date>.selectArea.hour1,
#order_sheet>#form>div.delivery_info>.delivery_date>.selectArea.hour2{
	width:100px;
}
#order_sheet>#form>div.delivery_info>.delivery_date>span{
	float: left;
	line-height: 36px;
	margin: 0 5px;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */input::-webkit-input-placeholder {font-size:14px;}
/* Firefox 18- */input:-moz-placeholder {font-size:14px;}
/* Firefox 19+ */input::-moz-placeholder {font-size:14px;}
/* IE 10+ */input:-ms-input-placeholder {font-size:14px;}

#order_sheet>#form>.delivery_info .name,
#order_sheet>#form>.delivery_info .furigana,
#order_sheet>#form>.delivery_info .code,
#order_sheet>#form>.delivery_info .pref{
	width:49%;
}
#order_sheet>#form .mrpad{
	margin-right:2%;
}
#order_sheet>#form>.delivery_info .tel,
#order_sheet>#form>.delivery_info .addr1,
#order_sheet>#form>.delivery_info .addr2,
#order_sheet>#form>.delivery_info .mail{
	width:100%;
}
#form textarea.hover,
#order_sheet>#form>.use>span.other.hover{
	border:1px solid #999;
}
#order_sheet>#form>.delivery_info>.swich{
	width:100%;
	margin-bottom:20px;
}
#order_sheet>#form>.delivery_info>.swich>input#PIC{
	width:16px;
	height:16px;
	}
#order_sheet>#form>.delivery_info>.swich>label{
	line-height: 16px;
  font-size: 13px;
}
#order_sheet>#form>.delivery_info>.PIC{
	width:100%;
	border: 1px dashed #CCC;
	padding: 20px 20px 0px;
	margin-bottom: 20px;
}
#order_sheet>#form>.delivery_info>.PIC>div{
	float:left;
}
#order_sheet>#form>input[type="submit"]{
	clear:both;
}

#order_sheet>#form>.payment>.transfer{
	width: 210px;
	margin: 0 auto 20px;
}
#order_sheet>#form>.payment>.transfer>label{
	width:100px;
}
#order_sheet>#form>.payment>.payer{
	width: 400px;
	margin: 0 auto;
}
#form .selectArea.year_pay{
	width:90px;
}
#form .selectArea.month_pay{
	width:70px;
}
#form .selectArea.date_pay{
	width:110px;
}

#order_sheet>#form>.payment>.deposit_date{
	width:290px;
	margin:0 auto 20px;
}
#order_sheet>#form>.payment>.deposit_date>.selectArea{
	display:inline-block;
}
#order_sheet>#form .detail_comments {
	width: 500px;
	margin: 0 auto;
}
#order_sheet>#form .detail_comments>textarea {
	width: 100%;
	height: 200px;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
		check
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#check>p{
	text-align: center;
	font-size: 14px;
	margin-bottom: 20px;
	padding: 0 3%;
}
#contact_confirm>div{
	margin-bottom:20px;
	background-color: #f4f4f4;
	border-radius: 6px;
	line-height: 24px;
	padding: 10px 20px;
}
#order_confirm{
	padding:0 3%;
	margin-bottom:50px;
}
#order_confirm>section{
	background-color: #fdfdfd;
	border: 1px solid #eee;
	border-radius: 10px;
	margin-bottom: 30px;
}
#order_confirm>section>h2{
	font-size: 20px;
	border-bottom: 1px solid #eee;
	padding: 20px 30px;
	font-weight: bold;
  color: #fff;
	background-color:#79a;
	border-radius: 10px 10px 0 0;
}
#order_confirm>section>div.table{
	padding:20px 30px;
	display:table;
	width:100%;
	border-bottom: 1px solid #eee;
}
#order_confirm>section.col2>div.table{
	width:50%;
	float:left;
	border-bottom: none;
}
#order_confirm>section>div.table>dl{
	display:table-row;
}
#order_confirm>section>div.table>dl.e1{
	display:inherit;
}
#order_confirm>section>div.table>dl.ttl>dt{
	text-align:left;
}
#order_confirm>section>div.table>dl>dt,
#order_confirm>section>div.table>dl>dd{
	display: table-cell;
	font-size:14px;
}
#order_confirm>section>div.table>dl>dt{
	font-weight:bold;
	text-align:right;
	padding-right:15px;
	white-space: nowrap;
}
#order_confirm>section>div.table>dl>dd{
	text-align:left;
	padding-bottom:10px;
}
#order_confirm>section>div.table h3{
	font-size:16px;
	font-weight:bold;
	color:#79a;
	margin:30px 10px 0 0;
	white-space: nowrap;
}
#order_confirm>section.col2>div.table>dl>dt{
	text-align:left;
}










/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
		How to Order
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

#page .page-header>h1.page-title {
	text-align: center;
	font-size: 36px;
	line-height: 80px;
	margin-top: 50px;
	border-bottom: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
}
#primary{
	margin:0 20px;
}

#masthead,
#secondary,
#colophon,
#page.site>.skip-link,
#primary .entry-meta>span.screen-reader-text,
#primary nav.navigation h2,
#primary nav.navigation>.nav-links>.page-numbers>.screen-reader-text,
#primary nav.navigation>.nav-links>.page-numbers>svg{
	display:none !important;
}

#page.site{
	width:100%;
	word-wrap: break-word;
}
#primary>main>article{
	position:relative;
	padding: 0 0 100px 0;
}
#primary>main>article:not(:first-child):before{
	content:"";
	position:absolute;
	width:100%;
	height:1px;
	background:#E0E0E0;
	top:0;
}
#primary .entry-content>p{
	margin: 20px 0;
	font-size: 14px;
	line-height:1.7;
}
#primary .entry-content>p>img{
	max-width:100% !important;
	height:auto !important;
	margin: 10px 0;
}

#primary .entry-content h3{
	margin-top: 50px;
	font-size: 18px;
	font-weight: bold;
}

#primary .entry-header>.entry-meta{
	font-family: 'Amiri', serif !important;
	text-align: center;
	letter-spacing: 2px;
	margin-bottom: 60px;
	font-style:italic !important;
}
#primary .entry-header>.entry-meta time + time{/*Up date*/
	display:none !important;
	/*display: block;
	text-align: right;
	font-size: 10px;
	font-family: initial;
	font-style: normal;*/
}
#primary .entry-header>h2.entry-title{
font-size: 26px;
text-align: left;
letter-spacing: 3px;
margin: 1em 0;
color: #444;
}
#primary nav.navigation{
	margin:60px 0;
}
#primary nav.navigation>.nav-links{
	text-align:center;
	font-family: 'Amiri', serif !important;
	font-size:0;
}
#primary nav.navigation>.nav-links>.page-numbers{
	font-size:16px;
	line-height: 32px;
	padding: 0 6px;
	display: inline-block;
	transition: background-color .3s;
	border-radius:4px;
}
#primary nav.navigation>.nav-links>.page-numbers.current{
	color: #EA3838;
}
#primary nav.navigation>.nav-links>a.page-numbers:hover{
	background-color: #E5E5E5;
}

#primary .entry-content>p a{
	text-decoration: underline;
	color: #44d;
}

#primary .entry-content .toc{
	text-align: center;
}
#primary .entry-content .toc a{
	text-decoration: underline;
  margin: 0 10px 10px;
  display: inline-block;
	font-size: 14px;
}

#primary .entry-content .toc a::after{
	content: " ▼";
	font-size: .7em;
}


}