/*
Theme Name: THANKS RIN
Versition: 1.0
Author: kono-direction co.,ltd.
Author URI: http://kono-d.jp/
Description: this is for Wordpress theme.
*/
:root{
	--main:#000000;
	--second:#888888;
	--key:#660033;
	--sub:#dddddd;
	--line:#cccccc;
	--white:#ffffff;
	--label:#ccbb33;
	--mincho:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ヒラギノ明朝 Pro","Hiragino Mincho Pro", serif;
	--gothic:"ヒラギノ角ゴ ProN", "HiraKaku Gothic ProN", "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro", sans-serif ;
}
*, *:before, *:after{
	box-sizing:border-box;
	vertical-align:baseline;
}
html,
body{
	font-family:var(--gothic);
	font-size:12px;
	line-height:1.5em;
	width:100%;
	/*height:100%;*/
	margin:0;
	padding:0;
	color:var(--main);
}
body{  }

@media screen and ( min-width:360px ){
	html,body{ font-size:14px; }
}
@media screen and ( min-width:768px ){
	body{  }
}
@media screen and ( min-width:960px ){
	html,body{ font-size:16px; }
}

.sans{ font-family:"ヒラギノ角ゴ ProN", "HiraKaku Gothic ProN", "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro", sans-serif ;}
.serif{ font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ヒラギノ明朝 Pro","Hiragino Mincho Pro", serif; }
address,
em{
	font-style:normal;
}
em{
	display:inline-block;
}
a{ cursor:pointer; }
small,
.small{ font-size:0.75em; line-height:inherit; }
.smaller{ font-size:0.875em; line-height:inherit; }
.larger{ font-size:1.25em; line-height:inherit; }
.larg{ font-size:1.5em; line-height:inherit; }
.bigger{ font-size:1.75em; line-height:inherit; }
.big{ font-size:2em; line-height:inherit; font-weight:bold; }
.reset{ font-size:1rem; font-weight:normal; }
.rowline{ line-height:inherit; }

br.nobr{
	display:none;
}
.keycolor,
.must{
	color:var(--key);
}
.must{
	padding:0 0.125em;
}
@media screen and ( min-width:768px ){
	br.nobr{
		display:inline;
	}
	br.brno{
		display:none;
	}
}
.price{
	text-align:right;
}

.txtcenter{ text-align:center; }
.txtleft  { text-align:left; }
.txtright { text-align:right; }

.lined{
	margin:0 0 1em 0;
	padding:0.5rem 0;
	border-style:solid;
	/*border-color:var(--second);*/
	border-width:0;
	border-bottom-width:1px;
}
li.ined{
	margin-top:1em;
	padding-bottom:1em;
}

/**** list ****/
ul, ol{
	margin:0;
	padding:0;
	/*line-height:1.25em;*/
}
ul.disc, ol.disc,
ul.circle, ol.circle,
ul.square, ol.square,
ul.decimal, ol.decimal,
ul.maru, ol.maru,
ul.l-alpha, ol.l-alpha,
ul.u-alpha, ol.u-alpha,
ul.gana, ol.gana,
ul.kana, ol.kana{
	padding-left:1.5em;
}
ul.r-n-r, ol.r-n-r,
ul.n-r, ol.n-r,
ol.cn{
	padding-left:1.5em;
}
ul.maru, ol.maru,
ul.none, ol.none,
ul.r-n-r, ol.r-n-r,
ul.n-r, ol.n-r,
ol.cn{
	list-style-type:none;
}
ul.disc,
ol.disc{
	list-style-type:disc;
}
ul.circle,
ol.circle{
	list-style-type:circle;
}
ul.square,
ol.square{
	list-style-type:square;
}
ul.decimal,
ol.decimal{
	list-style-type:decimal;
}
ul.l-alpha,
ol.l-alpha{
	list-style-type:lower-alpha;
}
ul.u-alpha,
ol.u-alpha{
	list-style-type:upper-alpha;
}
ul.gana,
ol.gana{
	list-style-type:hiragana;
}
ul.kana,
ol.kana{
	list-style-type:katakana;
}
ul.maru > li,
ol.maru > li{
	position:relative;
}
ul.maru > li:before,
ol.maru > li:before{
	position:absolute;
	left:-1.25em;
	content:"●";
	display:block;
	font-size:inherit;
}
ul.r-n-r > li,
ol.r-n-r > li,
ul.n-r > li,
ol.n-r > li,
ol.cn > li{
	counter-increment:cunt;
	position:relative;
}
ul.r-n-r > li:before,
ol.r-n-r > li:before,
ul.n-r > li:before,
ol.n-r > li:before,
ol.cn > li:before{
	position:absolute;
	display:block;
	width:2em;
	text-align:right;
}
ul.r-n-r > li:before,
ol.r-n-r > li:before,
ul.n-r > li:before,
ol.n-r > li:before{
	left:-2em;
}
ul.r-n-r > li:before,
ol.r-n-r > li:before{
	content:"（" counter(cunt) "）";
}
ul.n-r > li:before,
ol.n-r > li:before{
	content:counter(cunt) "）";
}
ol.cn > li:before{
	top:0.375em;
	left:-2.5em;
	content:counter(cunt);
	width:1.75em;
	height:1.75em;
	border:solid 1px;
	border-radius:50%;
	text-align:center;
	line-height:1.75em;
	font-size:0.75rem;
	letter-spacing:-0.05em;
}
ul.none,
ol.none{	padding-left:0;	}

ul li,
ol li{
	margin-bottom:1em;
}
ul > li:last-of-type,
ol > li:last-of-type{
	/*margin-bottom:0;*/
}

dt,dd{
	margin:0;
}

.row{ display:inline; }
.rowp{ display:inline-block;
	vertical-align:top;
}
.block{ display:block; }
.imgwrap{
	margin:0;
}
.imgwrap img{
	display:block;
	width:100%;
	height:auto;
}
.overimg{
	text-align:left;
	font-size:1rem;
	line-height:1;
	text-indent:-9999em;
	overflow:hidden;
	background-size:contain;
	background-position:50% 50%;
	background-repeat:no-repeat;
}

.half, .trisect, .quarter,
.colw2, .colw3,
.colw4, .colw5, .colw6,
.flexbox{
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-align-items:flex-start;
	align-items:flex-start;
	-webkit-justify-content:left;
	justify-content:left;
	width:100%;
	margin:0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-f{
	/*display:inline-block;*/
	margin:0;
	/*padding:0 0.3125rem;*/
	vertical-align:inherit;
}

.colw2 > .col-1, .colw2 > .col-2,
.colw3 > .col-1, .colw3 > .col-2, .colw3 > .col-3,
.colw4 > .col-1, .colw4 > .col-2, .colw4 > .col-3, .colw4 > .col-4, .colw4 > .col-f,
.colw5 > .col-1, .colw5 > .col-2, .colw5 > .col-3, .colw5 > .col-4, .colw5 > .col-5, .colw5 > .col-f,
.colw6 > .col-1, .colw6 > .col-2, .colw6 > .col-3, .colw6 > .col-4, .colw6 > .col-5, .colw6 > .col-6, .colw6 > .col-f
{ width:100%; }


.half > .col-2,
.half > .col-f,
.trisect > .col-3,
.trisect > .col-f,
.quarter > .col-4,
.quarter > .col-f{	width:100%;	}

.half > .col-1,
.quarter > .col-2{	width:50%;	}

.trisect > .col-1{	width:calc( 100% / 3 );	}
.trisect > .col-2{	width:calc( 200% / 3 );	}

.quarter > .col-1{	width:25%;	}
.quarter > .col-3{	width:75%;	}




@media screen and (min-width:768px){

	.col-1 > .wrap, .col-1 > .imgwrap,
	.col-2 > .wrap, .col-2 > .imgwrap,
	.col-3 > .wrap, .col-3 > .imgwrap,
	.col-4 > .wrap, .col-4 > .imgwrap,
	.col-5 > .wrap, .col-5 > .imgwrap,
	.col-6 > .wrap, .col-6 > .imgwrap,
	.col-f > .wrap, .col-f > .imgwrap{
		padding-left:0.5rem;
		padding-right:0.5rem;
	}
	
	.colw2 > .col-1{ width:50%; }
	.colw3 > .col-1{ width:calc( 100% / 3 ); }
	.colw3 > .col-2{ width:calc( 200% / 3 ); }
	
	.colw4 > .col-1{ width:25%; }
	.colw4 > .col-2{ width:50%; }
	.colw4 > .col-3{ width:75%; }

	.colw5 > .col-1{ width:20%; }
	.colw5 > .col-2{ width:40%; }
	.colw5 > .col-3{ width:60%; }
	.colw5 > .col-4{ width:80%; }
	
	.colw6 > .col-1{ width:calc( 100% / 6 ); }
	.colw6 > .col-2{ width:calc( 100% / 3 ); }
	.colw6 > .col-3{ width:50%; }
	.colw6 > .col-4{ width:calc( 200% / 3 ); }
	.colw6 > .col-5{ width:calc( 500% / 6 ); }
	
}
@media screen and (min-width:960px){
}


/**** table ****/
th{
	font-weight:normal;
}
table.chart{
	width:100%;
	border-collapse:separate;
	border-spacing:2px;
	/*line-height:1.25rem;*/
}
table.center{
	text-align:center;
}
.chart caption{
	padding:0.25rem;
	border-bottom:solid 1px;
}
.chart th,
.chart td{
	padding:0.25rem 0.5rem;
	font-size:1rem;
	font-weight:normal;
	vertical-align:middle;
}
.chart tbody th{
	background-color:#cbd;
}
.chart tbody td{
	background-color:#f0f0f0;
}
.tb,
.tbd,
.form-tb{
	margin:1rem 0 2rem 0;
	/*line-height:1.25em;*/
}
.tb-row,
.tbd-row{
	border-bottom:solid 1px;
}
.tb-row{
	margin:0 0 1rem 0;
}
.tbd-row{
	margin:0;
}
.tb-row .tb{
	margin:0;
	padding:0;
}
.tb-row dt,
.tb-row dd,
.tbd-row dt,
.tbd-row dd{
	box-sizing:border-box;
	margin:0;
}
.tb-row dt,
.tb-row dd{
	padding:0.25rem;
}
.tbd-row dt,
.tbd-row dd{
	padding:0.5rem 0.75rem;;
}
.tb-row dt,
.tb-row dd{
	display:block;
	width:100%;
}
.tbd-row dt,
.tbd-row dd{
	display:inline-block;
	vertical-align:top;
}
.tbd-row dt{ width:35%; }
.tbd-row dd{ width:65%; }

.tb-row dd .tb,
.tbd-row dd .tb,
.tb-row dd .tbd,
.tbd-row dd .tb{
	margin:0;
}

.form-tb .tb-row{
	margin-bottom:1rem;
	border-bottom:solid 1px;
}
.form-tb .tb-row dt,
.form-tb .tb-row dd{
	color:var(--main);
}
.form-tb .tb-row dd{
	padding:0.5rem;
}
.mwform-checkbox-field-text{
	display:inline-block;
}
@media screen and ( min-width:768px ){
	.tb,
	.form-tb{
		display:table;
		border-collapse:separate;
		border-spacing:0;
		vertical-align:top;
	}
	.tb{
		width:100%;
		margin:1rem 0;
	}
	.form-tb{
		width:85%;
		margin:2rem auto;
	}
	.tb-row{
		border:0;
		display:table-row;
		vertical-align:top;
	}
	.tbd-row dt{ width:25%; }
	.tbd-row dd{ width:75%; }
	dl.tb-row dt,
	dl.tb-row dd{
		display:table-cell;
		vertical-align:top;
		padding:1.5rem 0.5rem;
		border-bottom:solid 1px;
	}
	dl.tb-row dd dl.tb-row{
		margin:0;
	}
	dl.tb-row dd dl.tb-row:last-of-type dt,
	dl.tb-row dd dl.tb-row:last-of-type dd{
		border-bottom:0;
	}
	.tb dl.tb-row dt{
		width:20%;
	}
	.tb dl.tb-row dd{
		width:80%;
	}
	.form-tb .tb-row > dt,
	dl.tb-row dl.tb-row > dt{
		width:25%;
	}
	.form-tb .tb-row > dd,
	dl.tb-row dl.tb-row > dd{
		width:75%;
	}
	.form-tb .tb-row dt,
	.form-tb .tb-row dd{
		vertical-align:middle;
	}
}

.menu,
.sub-menu,
.cartmenu,
.stylenone{
	list-style:none;
	padding:0;
}

/*** botton ***/
.btn,
.send,
.acv-btn{
	text-align:center;
	line-height:1;
	margin:1rem 0;
	clear:both;
}
.btn a,
.acv-btn a,
.btn [type="submit"],
.btn [type="button"]{
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
	margin:0 0 1rem 0;
	border:0;
	text-align:center;
	text-decoration:none;
	line-height:1em;
	color:#fff;
}
.btn a,
.btn [type="submit"],
.btn [type="button"]{
	width:auto;
	padding:18px;
	font-size:calc( 1rem + 2px );
}
.acv-btn a{
	width:300px;
	padding:0.375rem 1rem;
	font-size:1rem;
}
.btn [type="submit"],
.btn [type="button"]{
	font-size:calc( 1rem + 2px );
}
.btn a:only-of-type{
	width:80%;
}
.btn a,
.acv-btn a,
.btn [type="submit"],
.btn [type="button"]{
	background-color:var(--second);
}
.btn a:hover,
.acv-btn a:hover,
.btn [type="submit"]:hover,
.btn [type="button"]:hover{
	background-color:var(--key);
}
.btn a.more{
	font-size:1rem;
}
.btn a + a{
	margin-left:1em;
}
.bnr{
	padding:5px 10px;
}
@media screen and ( min-width:640px ){
	.btn a{
		max-width:320px;
	}
}
/*--botton*/



/******* block base ******/
#wrapper{
	position:relative;
	z-index:2;
	width:100%;
	min-height:100vh;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	vertical-align:baseline;
}
#contents{
	position:relative;
	z-index:10;
}

.wrapper{
	width:100%;
	margin:0;
}
.wrap{
	width:100%;
	margin:0 auto;
}
.section{
	position:relative;
	margin:2rem auto 5rem auto;
}
.wrap, .section{
	max-width:1280px;
	padding:0;
}
.section .section{
	margin-left:0;
	margin-right:0;
}
.itemlist-wrap{
	width:100%;
	max-width:1000px;
	padding:0;
	margin:0 auto 4rem auto;
	text-align:left;
}
#topimg + .section,
#topimg + .itemlist-wrap{
	margin-top:0;
}
.content{
	width:100%;
}
#siteheader .wrap{
	padding:0;
	position:relative;
}
.wrap > .wrap,
.section > .wrap,
.inner{
	padding:0 1rem;
}
.listwrap{
	margin:1rem 0 3rem;
}
.insection{
	margin:2rem 0rem 4rem 0rem;
	padding:0;
	border:0;
}
.inner{
	width:100%;
	max-width:800px;
	margin:0 auto 5rem auto;
}
.box,
.borderbox{
	margin:1rem auto 2rem auto;
	padding:0.5rem 1rem;
	/*line-height:2em;*/
}
.borderbox{
	border:solid 1px;
}
.towcolumn{
	padding:0 10px;
}
@media screen and ( min-width:480px ){
	.inner{
		padding-left:3rem;
		padding-right:3rem;
	}
}
@media screen and ( min-width:768px ){
	#wrapper,
	.towcolumn{
		padding:0;
	}
	.towcolumn{
		display:-webkit-flex;
		display:flex;
		-webkit-flexwrap:nowrap;
		flex-wrap:nowrap;
		margin-top:1rem;
		margin-bottom:4rem;
	}
	.towcolumn.main-left > .sideL,
	.towcolumn.main-right > .sideR{
		width:75%;
	}
	.towcolumn.main-right > .sideL,
	.towcolumn.main-left > .sideR{
		width:calc( 25% - 2rem );
	}
	.towcolumn.main-left > .sideL{
		margin-left:2rem;
	}
	.towcolumn.main-right > .sideL{
		margin-right:2rem;
	}
	.sideL, .sideR{
		text-align:left;
	}
	.towcolumn .sideL{
		-webkit-order:1;
		order:1;
	}
	.towcolumn .sideR{
		-webkit-order:2;
		order:2;
	}
}
@media screen and ( min-width:960px ){
	.towcolumn.main-left > .sideL,
	.towcolumn.main-right > .sideR{
		width:75%;
		padding:0 1rem;
	}
	.towcolumn.main-right > .sideL,
	.towcolumn.main-left > .sideR{
		width:calc( 25% - 2rem );
		padding:0 1rem;
	}
	.inner{
		padding-left:0;
		padding-right:0;
	}
}



/******* SiteHeader *******/
#wrapper{
	/*padding-top:calc( 12px * 6 );*/
}
#siteheader{
	position:sticky;
	top:0;
	left:0;
	width:100%;
	margin:0;
	padding:0;
	background-color:#fff;
	font-size:12px;
	z-index:99999;
}
#siteheader .wrap{
	display:flex;
	flex-flow:row nowrap;
	align-items:center;
	container-type:inline-size;
}
#sitelogo{
	flex-basis:calc( 100cqw - 9em );
	height:6em;
}
#pull + label,
#search-pull + label{
	flex-basis:4em;
}
a#mainlogo{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	text-decoration:none;
	color:inherit;
}
a#mainlogo:hover{
	opacity:0.5;
}
#sitelogo a h1{
	margin:0;
	line-height:1em;
	height:100%;
}
a#mainlogo img{
	display:block;
	max-height:100%;
}

#pull,
#cart-pull,
#search-pull{
	display:none;
}
#pull + label,
#cart-pull + label,
#search-pull + label{
	/*
	position:absolute;
	top:0;
	*/
	width:4.5em;
	height:3.5em;
	margin:0;
	padding:0 0.5em;
	text-align:center;
	z-index:99999;
}
#pull + label{
	border-left:solid 1px #999;
}

#pull + label:before,
/*#cart-pull + label:before*/
#search-pull + label:before{
	display:block;
	width:1em;
	height:1em;
	margin:0;
	padding:0;
	font-family:'dashicons';
	font-size:3.5em;
	line-height:1em;
	color:#666;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
}
#pull + label:before{
	content: "\f228";
}
#cart-pull + label:before{
	content: "\f174";
}
#search-pull + label:before{
	content: "\f179";
}
#pull:checked + label:before,
#cart-pull:checked + label:before,
#search-pull:checked + label:before{
	font-family:'dashicons';
	content: "\f335";
}

#sitenav,
#cartnav,
#searcher{
	transition:0.8s;
	position:absolute;
	top:6em;
	left:0;
	width:100%;
	height:0;
	padding:0;
	border-top:solid 2px #666;
	border-bottom:solid 2px #666;
	overflow:hidden;
	background-color:#fff;
	z-index:99999;
	display:none;
}
#pull:checked + label + #sitenav,
#cart-pull:checked + label + #cartnav,
#search-pull:checked + label + #searcher{
	display:block;
	height:auto;
	overflow:auto;
}
#sitenav .menu{
	width:100%;
	margin:0;
	padding:0;
	font-family:var(--gothic);
}
#sitenav .menu{
	/*position:relative;*/
}
#main-menu > li,
#main-menu > li > a,
#sitenav .menu-item,
#sitenav .menu-item a,
#sitenav .child-menu-item,
#sitenav .child-menu-item a{
	display:block;
	font-size:1.25rem;
	font-family:inherit;
}
#sitenav .menu-item a > .en{
	font-size:1.125rem;
}
#main-menu li,
#sitenav .menu-item,
#sitenav .child-menu-item{
	margin:0 auto;
	padding:0;
	text-align:center;
	text-decoration:none;
	line-height:2em;
}
#main-menu > li,
#sitenav .menu-item{
	border-top:solid 1px var(--line);
}
#main-menu > li ul,
#sitenav .child-menu-item{
	width:100%;
	/*border-top:dotted 1px var(--line);*/
}
#sitenav .menu-item:first-of-type{
	border-top:0;
}
#main-menu li > a,
#sitenav .menu-item a,
#sitenav .child-menu-item a{
	padding:1em;
	text-decoration:none;
	line-height:1em;
	color:var(--main-color);
}
#main-menu li > a:hover,
#sitenav .menu-item a:hover,
#sitenav .child-menu-item a:hover,
#cart-menu li.cart-menu-item > a:hover{
	background-color:rgba(200,200,200,0.5);
}
#cart-menu .cart-menu-item{
	margin:0;
	text-align:center;
	font-size:1.25rem;
	border-style:solid;
	border-width:0;
}
#cart-menu .cart-menu-item:not(:first-of-type){
	border-top-width:1px;
	
}
#cart-menu li > a{
	display:inline-block;
	width:100%;
	padding:1em;
	margin:0;
	font-size:inherit;
	line-height:1em;
	color:var(--main);
	text-decoration:none;
}

/* サイト内検索 */
#searcher{
	padding:2rem;
}
#searcher #searchform{
	margin:0 auto;
	width:80%;
}
#searcher #searchform > div{
	position:relative;
	border:solid 1px #888;
	height:calc( 1.75rem + 2px );
	border-radius:calc( 0.875rem + 1px );
}
#searchform input#s{
	position:absolute;
	top:0;
	left:0;
	width:calc( 100% - 3rem );
	height:1.75rem;
	font-size:1.25rem;
	line-height:1.25rem;
	border-color:#666;
	padding:0.25rem 0.5rem 0.25rem 1rem;
	margin:0;
	border:0;
	border-radius:0.875rem 0 0 0.875rem
}
#searchform #searchsubmit{
	appearance:none;
	-webkit-appearance:none;
	border:0;
	position:absolute;
	top:-1px;
	right:-1px;
	width:3rem;
	height:calc( 1.75rem + 2px );
	text-align:center;
	border-radius:0 calc( 0.875rem + 1px ) calc( 0.875rem + 1px ) 0;
	background-color:#888;
	color:#fff;
	margin:0;
	padding:0 0.5rem 0 0.25rem;
}

#telnum{ display:none; }


@media screen and ( min-width:481px ){
	
	#siteheader{
		font-size:1rem;
	}
	
}
@media screen and ( min-width:768px ){
	
	#sitenav,
	#searcher{
		display:block;
		text-align:right;
		height:auto;
		padding:0;
		border:0;
		overflow:visible;
	}
	#pull + label,
	#search-pull + label{
		display:none;
	}
	
	#siteheader .wrap{
		padding:1rem 1rem 0 1rem;
		justify-content:space-between;
		align-items:flex-start;
	}
	#sitelogo{
		flex-basis:30rem;
		height:auto;
	}
	#searcher{
		top:4rem;
		left:auto;
		right:1.5rem;
		width:18rem;
	}
	#searcher #searchform{
		margin:0;
		width:100%;
	}
	#sitenav{
		transition:none;
		position:static;
		flex-basis:30rem;
		background-color:transparent;
		vertical-align:top;
		padding-bottom:3rem;
	}
	/**** site navigations ****/
	
	#sitenav .menu{
		padding:0;
	}
	#sitenav #main-menu > li,
	#sitenav .menu-item{
		display:inline-block;
		vertical-align:top;
		width:auto;
		padding:0;
		margin:0.5rem;
		border-top:0;
		line-height:1rem;
		overflow:visible;
	}
	#sitenav .menu-item + .menu-item{
		border:0;
	}
	#main-menu > li,
	#main-menu > li > a,
	#sitenav .menu-item,
	#sitenav .menu-item a,
	#sitenav .child-menu-item,
	#sitenav .child-menu-item a{
		font-size:0.875rem;
	}
	#main-menu > li > a,
	#sitenav .menu-item a{
		width:100%;
		padding:0.5rem;
		margin:0;
		color:var(--second);
		line-height:1rem;
		text-align:center;
	}
	#sitenav .menu-item.has-children{
		position:relative;
	}
	#main-menu > li > ul,
	#sitenav .has-children > .sub-menu{
		position:absolute;
		left:0;
		width:140%;
		margin:0 -20%;
		z-index:999999;
	}
	#main-meu > li > ul > li,
	#sitenav .sub-menu > .child-menu-item{
		transition:0.5s;
		display:block;
		width:100%;
		height:0;
		margin:0;
		padding:0;
		background-color:rgba(255,255,255,0.8);
		overflow:hidden;
	}
	#main-menu > li:hover > ul > li,
	#main-meu > li > ul:hover > li,
	#sitenav .has-children:hover > .sub-menu > .child-menu-item,
	#sitenav .sub-menu:hover > .chile-menu-item{
		height:calc( 3em + 1px );
	}
	#sitenav .sub-menu > .child-menu-item.has-child-term,
	#sitenav .sub-menu > .child-menu-item.child-term{
		margin-right:0;
	}
	#sitenav .sub-menu > .child-menu-item.child-term{
		margin-left:0;
	}
	#sitenav .sub-menu > .child-menu-item a{
		padding:1em;
		line-height:1em;
		color:var(--second);
		border-bottom:solid 1px;
	}#sitenav .sub-menu > .child-menu-item a:first-of-type{
		border-top:solid 1px;
	}
	#sitenav .sub-menu > .child-menu-item.child-term a{
		padding-left:0.5em;
		padding-right:0.5em;
		border:0;
	}
	
}
@media screen and ( min-width:860px ){

	#sitenav #main-menu > li,
	#sitenav .menu-item{
		/*margin:0 0.75rem;*/
	}
}





/*******	Slider	*******/
#slidwrap,
.slidwrap{
	position:relative;
	padding:0 0 1rem 0;
	z-index:5000;
}
#slidwrap {
	width:100vw;
	/*height:calc(50vw + 1rem);*/
	margin:0;
	overflow:hidden;
	container-type:inline-size;
}
#slider{
	width:100%;
	margin:0 auto;
	list-style:none;
}
#slider .cel{
	margin:0;
	padding:1rem;
}
.cel .caption{
	margin:0;
	padding:0.5rem 0;
}
.slide-item{
	width:76cqw;
	margin:0 auto;
	padding:1rem;
	border:0;
	display:inline-block;
	vertical-align:top;
}
.slide-item img{
	display:block;
	width:100%;
	height:auto;
}


.slick-navi{
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	text-align:center;
	padding:0.5rem 1rem 1.5rem 1rem;
	margin:0 auto;
}
.slick-navi .prev,
.slick-navi .next{
	font-size:10px;
	line-height:10px;
	width:10px;
	height:10px;
	margin:0 5px;
}
.slick-navi .prev{
	order:1;
}
.slick-navi .next{
	order:3;
}
.slick-navi .prev:after{
	content:"＜";
}
.slick-navi .next:after{
	content:"＞";
}
.dots{
	order:2;
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
	font-size:0.625rem;
	line-height:1;
}
.dots li{
	display:inline-block;
	width:10px;
	height:10px;
	border:solid 1px transparent;
	padding:1px;
	margin:0 5px;
	border-radius:50%;
}
.dots li button{
	appearance:none;
	-webkit-appearnace:none;
	border:0;
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	text-indent:-999em;
	background-color:#ccc;
	border-radius:50%;
}
.dots li.slick-active{
	border-color:#444;
}
.dots li.slick-active button{
	background-color:#444;
}

@media screen and ( min-width:680px ){
	.topimg{
		width:120%;
		margin-left:-10%;
		margin-right:-10%;
	}
}
@media screen and ( min-width:768px ){
	.slide-item{
		width:40cqw;
	}
	#catchcopy h1{
		width:28rem;
		height:auto;
	}
}
@media screen and ( min-width:960px ){
	.topimg,
	#slidwrap{
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	#slidwrap{
		height:auto;
	}
	.topimg{
		margin-left:auto;
		margin-right:auto;
	}
}
/*---- Slider ----*/



/*** Category Navigation ***/
#term_menubox{
	display:none;
}
#term_menu{
	width:100%;
	margin:0;
}
#term_menu{
	position:relative;
	display:-webkit-flex;
	display:flex;
	-webkit-flexwrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:center;
	justify-content:center;
	padding:0;
	margin:0;
}
#term_menu ul{
	list-style:none;
}
#term_menu a{
	display:block;
	color:var(--second);
	text-decoration:none;
	text-align:center;
}
#term_menu li.parent{
	width:33%;
	margin:0;
}
.term-menu-item.parent a{
	position:relative;
}
.term-menu-item.parent a:hover{
	color:var(--key);
}
.term-menu-item.parent > a:before{
	position:absolute;
	bottom:0;
	left:calc( 50% - 0.5rem );
	content:'';
	border-width:0.5rem;
	border-style:solid;
	border-color:transparent;
	border-bottom-color:var(--second);
}
.term-menu-item.parent > a:before,
.term-menu-item.parent .childs{
	display:none;
}
.term-menu-item.parent:hover > a:before,
.term-menu-item.parent:hover .childs{
	display:block;
}
#term_menu li.parent > a{
	padding:0.5rem 1rem 1rem 1rem;
	line-height:1em;
	font-size:calc( 1rem + 2px );
	text-align:center;
}
/* image navigation */
#child_menu_wrap{
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	padding:1.5rem 0.5rem;
	border-top:solid 1px var(--second);
	border-bottom:solid 1px var(--second);
	background-color:var(--white);
}
ul.term-child-menu{
	width:100%;
	max-width:960px;
	margin:0 auto;
	text-align:left;
}
li.termchild-menu-item{
	position:relative;
	display:inline-block;
	width:50%;
	padding:0 1rem;
	margin:10px -1px 10px 0;
	border-left:solid 1px var(--second);
	border-right:solid 1px var(--second);
	overflow:visible;
}
.termchild-menu-item a{
	position:relative;
}
.term-img{
	width:100%;
	margin:0 0 -2rem 0;
	padding:0;
}
.term-name{
	display:block;
	padding:0.5rem;
	margin:0;
	line-height:1rem;
	font-size:1rem;
	background-color:rgba(255,255,255,0.8);
}
.term-over{
	display:none;
	position:absolute;
	width:200%;
	z-index:800;
}
.termchild-menu-item .term-over{
	left:0;
}
.termchild-menu-item:nth-child(even) .term-over{
	right:0;
}
.termchild-menu-item a:hover + .term-over{
	display:block;
}
.term-img img,
.term-over img{
	display:block;
	width:100%;
}

@media screen and ( min-width:480px ){
	li.termchild-menu-item{
		width:25%;
	}
	.termchild-menu-item .term-over{
		top:0;
		left:100%;
	}
	.termchild-menu-item:nth-child(3) .term-over,
	.termchild-menu-item:nth-child(4) .term-over,
	.termchild-menu-item:nth-child(7) .term-over,
	.termchild-menu-item:nth-child(8) .term-over,
	.termchild-menu-item:nth-child(11) .term-over,
	.termchild-menu-item:nth-child(12) .term-over{
		left:auto;
		right:100%;
	}
	.termchild-menu-item:nth-child(5) .term-over,
	.termchild-menu-item:nth-child(6) .term-over,
	.termchild-menu-item:nth-child(7) .term-over,
	.termchild-menu-item:nth-child(8) .term-over,
	.termchild-menu-item:nth-child(9) .term-over,
	.termchild-menu-item:nth-child(10) .term-over,
	.termchild-menu-item:nth-child(11) .term-over,
	.termchild-menu-item:nth-child(12) .term-over{
		top:auto;
		bottom:0;
	}
}
@media screen and ( min-width:768px ){	
	#term_menubox{
		display:block;
	}
	#term_menu{
		-webkit-flexwrap:nowrap;
		flex-wrap:nowrap;
		max-width:1280px;
		margin:0 auto;
	}
	#term_menu li.parent{
		max-width:15rem;
	}
	li.termchild-menu-item{
		width:25%;
		max-width:242px;
	}
}



/***** title *****/
.boxtitle{
	width:7rem;
	margin:0;
	padding:0.25rem;
	border:solid 1px;
	text-align:center;
	font-size:1rem;
	line-height:1rem;
}
.title,
.sectiontitle{
	margin:0.5rem 0 1rem 0;
	padding:0;
	color:var(--second);
	font-size:1.5rem;
	font-weight:normal;
	line-height:2rem;
}
.sttitle{
	margin:0 0 1rem 0;
	padding:1rem 0;
	line-height:calc( 1em + 4px );
	color:var(--key);
	font-size:1.5rem;
}
.stdtitle{
	margin:0 0 1.5rem 0;
	padding:1rem 0;
	border-bottom:solid 1px var(--second);
	line-height:calc( 1em + 4px );
	color:var(--key);
	font-size:1.5rem;
	font-weight:normal;
}
.pagetitle{
	margin:2rem auto;
	padding:1rem 0;
	font-weight:bold;
	text-align:center;
	line-height:1.25em;
	color:var(--second);
}
.pagetitle{
	font-size:2rem;
	font-weight:normal;
}
.pagetitle > small{
	padding:1.5em 0 0.5rem 0;
	font-size:0.875rem;
}
.sectiontitle{
	text-align:center;
}
.sectiontitle small,
.sectiontitle span,
.sectiontitle em{
	vertical-align:middle;
}
.smalltitle{
	font-size:1.125em;
	line-height:1;
	margin:0;
}
.labeling{
	padding:0.375rem 1rem 0.375rem 1rem;
	border-left:solid 1rem var(--sub-color);
	margin:0.5rem 0;
	color:var(--second-color);
	background-color:#fff;
	font-size:1rem;
	font-weight:normal;
}

@media screen and ( min-width:640px ){
	
}
@media screen and ( min-width:786px ){
	
}
@media screen and ( min-width:960px ){
	.sectiontitle{
	}
	
}
/*---- title ----*/




/***** TOP img ****/
#topimg{
}
#topimg img{
	display:block;
	margin:1rem auto;
}
@media screen and ( min-width:640px ){
	#topimg{
	}
}
@media screen and ( min-width:768px ){
	#topimg{
	}
}




/***** Page Banner *****/
.kodawari-bnr{
	margin:2rem 0 1rem 0;
	color:#fff;
	text-align:center;
	background-color:var(--key);
}
.kodawari-bnr h1,
.kodawari-bnr p{
	margin:0;
	vertical-align:top;
}
.kodawari-bnr h1{
	max-width:320px;
	margin-bottom:-2rem;
}
.kodawari-bnr.full p{
	padding:1rem;
}
.kodawari-bnr a{
	display:block;
	color:inherit;
	text-decoration:none;
}

.bnr a,
.bnr a img{
	display:block;
}
.bnr a:hover{
	opacity:0.7;
}
.side_banner > .bnr{
	padding-left:0;
	padding-right:0;
}

@media screen and (min-width:640px){
}
@media screen and (min-width:768px){
	.kodawari-bnr{
		text-align:left;
	}
	.kodawari-bnr.full h1{
		width:32%;
		margin-bottom:0;
	}
	.kodawari-bnr.full p{
		width:68%;
	}
	.term-bnr{
		width:calc( 50% - 1rem );
	}
	.term-bnr:nth-of-type(odd){
		margin-right:2rem;
	}
	.contact-info{
		display:table;
	}
	.contact-info > .txt,
	.contact-info > .links{
		display:table-cell;
		vertical-align:middle;
	}
	.contact-info > .txt{
	}
	.contact-info > .links{
		width:20rem;
	}
	.contact-info > .links:before{
		top:calc( 50% - 0.5rem );
		left:-1rem;
		width:1rem;
		height:0.75rem;
		border-top-width:0.5rem;
		border-bottom-width:0.5rem;
		border-bottom-color:transparent;
		border-left-width:0;
		border-right-width:1rem;
		border-right-color:var(--sub);
	}
}

/*** side menu ***/
.imgbnr .bnr{
	width:100%;
	margin:1rem 0;
	padding:0;
}
.imgbnr .bnr img{
	width:100%;
}
.imgbnr .bnr .def{
	display:block;
}
.imgbnr .bnr .side{
	display:none;
}
.sidetitle{
	margin:0;
	padding:0.5rem;
	font-size:calc( 1rem + 2px );
	font-weight:normal;
	line-height:1.25rem;
	color:var(--second);
}
.termlist{
	text-align:center;
}
.itemarchives.menu{
	margin:0 0 4rem 0;
}
.termlist a:hover{
	background-color:rgba(0,0,0,0.1);
}
.termlist h3 a,
.termlist li a{
	display:inline-block;
	line-height:1.25rem;
	padding:0.375rem 0.75rem;
	color:var(--second);
	text-decoration:none;
}
.termlist .parent-menu-item{
	border-bottom:solid 2px;
}
.termlist .menu-item{
	display:inline-block;
	width:calc( 50% - 2rem );
	margin:1rem 0.5rem;
}
#side_calendar caption{
	background-color:#ccc;
}
#side_calendar,
.this-month, .next-month{
	width:100%;
	font-size:0.75rem;
}
.this-month,
.next-month{
	margin:0.5rem 0;
	padding:0.5rem;
	border:1px solid var(--main);
}
.this-month table,
.next-month table{
	margin:0;
}
#side_calendar th,
#side_calendar td{
	padding:2px;
	line-height:calc( 1em + 2px );
	text-align:center;
	background-color:transparent;
	color:var(--main);
}
#side_calendar .businessday{
	background-color:var(--label);
}
@media screen and (min-width:375px) and (max-width:767px){
	
	.this-month,
	.next-month{
		display:inline-table;
		width:48%;
		vertical-align:top;
	}
	.this-month{
		margin-right:2.5%;
	}
}
@media screen and (min-width:768px){
	.imgbnr .bnr .def{
		display:none;
	}
	.imgbnr .bnr .side{
		display:block;
	}
	.termlist .menu-item{
		display:block;
		width:calc( 100% - 2rem );
	}
}

/*****    page    *****/
.pagewrap{	

}
/*** home ***/
.news-item{

}
.news-item > a{
	text-decoration:none;
	color:inherit;
}
.news-title{

}
.news-date{

}

@media screen and ( min-width:640px ){

	.news-item{

	}
}
@media screen and ( min-width:768px ){
	.news-item{

	}
}
@media screen and ( min-width:1280px ){
	.news-item{

	}
}

/*** cart item ***/

/*** 	side	 ***/
/*** recommend item ***/
#side_itemlist{
	margin:1rem 0;
}
#side_itemlist .items{
	padding:0;
	color:var(--second);
	text-align:center;
}
#side_itemlist .items + .items{
	border-top:solid 1px var(--line);
}
#side_itemlist .items a{
	display:block;
	color:inherit;
	text-decoration:none;
}
.item-name,
.item-price{
	margin:0;
	font-size:1rem;
}
.item-thumb{
	padding:0.5rem 0;
}
.item-name{
	padding:0;
}
.item-price{
	padding-bottom:0.5rem;
}
.item-price em{
	font-size:1rem;
	margin:0 0 0 2px;
}

/*** main ***/
.itemlist{
	margin-bottom:3rem;
}
.itemlist > .items{
	width:50%;
	padding:0 20px;
}
.itemlist > .items > a{
	display:block;
	margin:0;
	width:100%;
	padding:1rem 0;
	border-top:solid 1px;
	text-align:center;
	color:var(--second);
	text-decoration:none;
}
.itemlist > .items:nth-last-child(2) > a,
.itemlist > .items:nth-last-child(1) > a{
	border-bottom:solid 1px;
}
.items > a:hover{
	background-color:#f0f0f0;
}
@media screen and (min-width:375px) and (max-width:767px){
	#side_itemlist .items{
		display:inline-table;
		width:50%;
		padding:1rem;
		vertical-align:top;
	}
	#side_itemlist .items + .items{
		border-top:0;
		border-left:solid 1px var(--line);
	}
}
@media screen and (min-width:768px){
	#side_itemlist{
		margin:1rem auto 3rem auto;
	}
	#side_itemlist .items{
		margin:0 0 1rem 0;
	}
	#side_itemlist .items + .items{
		padding-top:0.75rem;
	}
	.itemlist > .items{
		width:33.33%;
	}
	.itemlist > .items:nth-last-child(3) > a{
		border-bottom:solid 1px;
	}
}
@media screen and (min-width:960px){
	.itemlist > .items{
		width:25%;
	}
	.itemlist > .items:nth-last-child(4) > a{
		border-bottom:solid 1px;
	}
}



/*****  sku  *****/
#itemskus{
	margin:3rem 0;
}
.skulist{
	list-style:none;
	border-top:solid 1px var(--line);
}
.skuitem{
	width:100%;
	margin:0;
	padding:0.5rem 0;
	border-bottom:solid 1px var(--line);
	background-color:#efefef;
}
.skuitem form{
	margin:0;
	padding:0;
}
.skuitem .rowp{
	box-sizing:border-box;
	vertical-align:top;
	padding:0.25rem 0.5rem;
}
.skuitem .productthumb{
	width:80px;
}
.skuitem .productinfo{
	width:calc( 100% - 80px );
	line-height:1rem;
}
.skuitem .productname{
	width:100%;
	text-align:left;
}
.skuitem .quantity{
	width:calc( 100% - 10rem );
	text-align:right;
	font-size:1rem;
	vertical-align:bottom;
}
.quantity select,
.quntity input{
	padding:0.25rem 0.5rem;
	font-size:inherit;
	text-align:center;
	line-height:2rem;
}
.skuitem .buy{
	width:10rem;
	text-align:right;
	vertical-align:bottom;
}
.intocartbtn{
	position:relative;
	display:inline-block;
	width:9rem;
	padding:0.5rem 0.75rem 0.5rem 1.75rem;
	border:0;
	color:#fff;
	background-color:var(--key);
	text-align:center;
	font-size:calc( 1rem - 2px );
	line-height:1rem;
}
.intocartbtn:hover{
	background-color:var(--second);
}
.intocartbtn:before{
	position:absolute;
	left:0.75rem;
	content: "\f174";
	margin:0;
	padding:0;
	font-family:'dashicons';
	font-weight:normal;
	font-size:1rem;
	vertical-align:middle;
}
.intocartbtn input:not([type="hidden"]){
	display:inline;
	border:0;
	margin:0;
	padding:0;
	color:inherit;
	line-height:inherit;
	background:none;
	font-size:inherit;
}

/*--  sku  ::*/


@media screen and (min-width:768px){
	.skuitem .productthumb,
	.skuitem .productinfo{
		vertical-align:middle;
	}
	.skuitem .productthumb{
		width:15%;
	}
	.skuitem .productinfo{
		width:85%;
	}
	.skuitem .productname{
		width:60%;
	}
	.skuitem .quantity{
		width:calc( 39% - 10rem );
	}
}




/***** single *****/
#itemthumb,
#itemarticle{
	padding:0 10px;
}
#itemthumb .itemthumb .imgwrap{
	display:inline-block;
	padding:0.5rem;
	vertical-align:top;
}
#itemthumb .itemthumb .imgwrap:first-of-type{
	width:100%;
}
#itemthumb .itemthumb .imgwrap:not(:first-of-type){
	width:50%;
}
.item_options{
	border-top:dotted 1px;
	border-bottom:dotted 1px;
	padding:0.5rem 0.25rem;
	margin:0.5rem 0;
}
.item_options p{
	margin:0;
	font-size:0.75rem;
}
.item_options dl.option{
	width:100%;
}
dl.option dt,
dl.option dd{
	 display:inline-block;
	 padding:0.25rem;
}
@media screen and (min-width:768px){
	
	#itemthumb .itemthumb .imgwrap:not(:first-of-type){
		width:25%;
	}
}

/*****  cart  *****/

/*****  cart step nav  *****/
div.usccart_navi{
	display:table;
	width:100%;
	margin:3rem auto 2rem 0;
	text-align:center;
}
#cart div.usccart_navi ol.ucart{
	display:table-row;
	list-style:none;
}
div.usccart_navi ol.ucart li.ucart{
	float:none;
	
	display:table-cell;
	padding:1rem 0.25rem;
	line-height:1rem;
	color:#fff;
	font-size:0.875rem;
	font-weight:normal;
	font-family:var(--gothic);
	vertical-align:middle;
	background-color:var(--second);
}
div.usccart_navi ol.ucart li.ucart.is_current{
	color:#fff;
	background-color:var(--key);
}

/*--  cart step nav  --*/
.cartitemlists{
	border-top:solid 1px var(--line);
}
.incartitem{
	margin:0;
	padding:0.5rem 0 0.5rem 0;
}
.incartitem:not(#carttotal){
	border-left:solid 0.5rem var(--key);
	border-bottom:solid 1px var(--line);
	background-color:#efefef;
}
.incartitem .rowp{
	box-sizing:border-box;
	vertical-align:middle;
	padding:0.5rem;
}
#cart .incartitem .thumbnail{
	width:15%;
}
#cart .incartitem .row01{
	width:70%;
	margin:0;
	padding:0;
}
#cart .incartitem .delete{
	width:15%;
	color:#999;
	text-align:center;
}
#cart th,
#cart td{
	border-top-width:0;
	border-right-width:0;
	border-left-width:0;
	border-bottom-width:0;
}
#cart .incartitem.confiemform .thumbnail{
	width:20%;
}
#cart .incartitem.confiemform .row01{
	width:80%;
}
#cart .incartitem.confiemform .delete{
	width:0;
	padding:0;
}
#cart .incartitem .productname{
	width:100%;
	line-height:1.375rem;
	text-align:left;
}
#cart .incartitem .quantity:not(select){
	width:40%;
	text-align:right;
	font-size:1.125rem;
}
#cart .incartitem .subtotal{
	width:60%;
	font-size:1.125rem;
	text-align:right;
}
.subtotal .unitprice{
	display:block;
	padding:0 0.125rem;
	background-color:#eee;
	text-align:center;
	font-family:"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro", sans-serif ;
}
.delete .action:hover{
	color:#666;
}
.delete .action:before{
	display:block;
	content: "×";
	width:100%;
	margin:0;
	padding:0;
	color:inherit;
	font-weight:normal;
	font-size:4rem;
	line-height:2.5rem;
	vertical-align:baseline;
}
.delButton{
	border:0;
	color:inherit;
	font-size:0.75rem;
}
#carttotal.incartitem{
	margin:5rem 0;
	padding:0.5rem;
}
#carttotal .rowp{
	padding:0.5rem 1rem;
}
#total{
	border-bottom:solid 1px #800;
}
#carttotal .rowp dt,
#carttotal .rowp dd{
	box-sizing:border-box;
	margin:0;
}
#carttotal .rowp dt{
	width:35%;
	font-size:0.9375rem;
}
#carttotal .rowp dd{
	width:65%;
	font-size:1.125rem;
	text-align:right;
}
#totalamount{
	font-size:1.5rem;
}
#totalamount .taxfee{
	display:block;
}

@media screen and (min-width:768px){
	
	#cart .incartitem .thumbnail{
		width:13%;
	}
	#cart .incartitem .row01{
		width:77%;
	}
	#cart .incartitem .productname{
		width:50%;
	}
	#cart .incartitem .quantity:not(select){
		width:20%;
	}
	#cart .incartitem .subtotal{
		width:30%;
	}
	#cart .incartitem .delete{
		width:10%;
	}

}

/*****  innercart  *****/
#innercart{
	position:fixed;
	top:0; right:5%;
	padding:0 0 0.5rem 0;
	background-color:rgba(255,255,255,0.7);
	z-index:9999;
}
#rollup{
	color:#fff;
	font-family:"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro", sans-serif ;
	font-size:0.875rem;
	line-height:1.5rem;
}
#rollup a{
	display:block;
	padding:0 1rem;
	background-color:var(--key-color);
}
#rollup a,
.shoppinglink a{
	color:inherit;
	text-decoration:none;
}
#inner,
.shoppinglink{
	margin:0 1rem;
	padding:0.5rem;
	color:var(--key-color);
	vertical-align:middle;
}
#inner{
	position:relative;
	border-bottom:solid 1px var(--seconf-color);
	text-align:right;
	font-size:1.125rem;
	line-height:2rem;
}
#rollup a:before,
#inner:before{
	margin:0;
	padding:0;
	font-family:'dashicons';
	font-weight:normal;
	vertical-align:middle;
}
#rollup a:before{
	content: "\f342";
}
#inner:before{
	content: "\f174";
	position:absolute;
	left:0;
	display:block;
	width:3rem;
	text-align:left;
	font-size:2rem;
}
#inneritems,
#innerprices,
.shoppinglink a{
	display:inline-block;
	padding:0 1rem;
}
.shoppinglink{
	line-height:1rem;
}
#search_zipcode{
	color:#fff;
}

dd.payment_0,
dd.payment_1,
dd.payment_2,
dd.payment_3,
dd.payment_4,
dd.payment_5,
dd.payment_6{
	padding-left:1rem;
	margin-bottom:1rem;
	font-size:calc( 1rem - 2px );
	line-height:1rem;
}

/*****  innercart  *****/
.cartcontainer{
	max-width:1000px;
	margin:0 auto 5rem auto;
}

/*****  usces cart  *****/
.no_cart{
	margin:5rem 0;
	text-align:center;
	font-size:1.5rem;
	color:var(--key-color);
}

/*--  usces cart  --*/

/***** member *****/
.member_submenu{
	width:100%;
	margin:1rem 0 2rem 0;
	padding:0;
	text-align:center;
}
.member_submenu li{
	display:inline-block;
	padding:0 1rem;
}
.member_submenu li + li{
	border-left:solid 1px var(--key);
}
.member_page_title{
	text-align:center;
}
.error_message{
	color:#f00;
	font-family:"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro", sans-serif ;
}
.history-area{
	overflow:scroll;
}
.history-area table{
	min-width:540px;
}
.history-area table tbody{
	max-height:420px;
	overflow:scroll;
}
/***** member *****/


form:not(#loginform){
	margin-bottom:6rem;
}
table,tr,th,td{
	border:0;
}
form table{
	font-family:"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro", sans-serif ;
	font-weight:normal;
}
table, tr{
	background-color:transparent;
}
table{
	width:100%;
	margin:1rem auto 2rem auto;
	background-color:transparent;
	border-collapse:separate;
	border-spacing:0 0.25rem;
}
form table{
	table-layout:fixed;
}

tr{
	padding:0.25rem;
	background-color:transparent;
}
th,td{
	box-sizing:border-box;
	padding:1rem 0.5rem;
	vertical-align:middle;
	font-weight:inherit;
}
th{
	background-color:var(--key);
	color:#fff;
	text-align:left;
}
td{
	background-color:#f9f9f9;
	color:#333;
}
form th{
	width:32%;
}
form td + td{
	width:25%;
	font-size:0.875rem;
	background-color:#eee;
}
/***** cart form *****/
.customerloginform_wrap{
	max-width:320px;
	margin-left:auto;
	margin-right:auto;
	padding:1rem;
	border:solid 1px var(--second);
	background-color:#eee;
}
.customerloginform_wrap form{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.customerloginform_wrap table td{
	background-color:var(--down-color);
}

.customerform_wrap table,
.customerform_wrap table th,
.customerform_wrap table td{
	display:block;
}
.customerform_wrap table tr{
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-align-items:flex-start;
	align-items:stretch;
	-webkit-justify-content:left;
	justify-content:left;
}
.customerform_wrap table th{
	width:50%;
	-webkit-order:1;
	order:1;
}
.customerform_wrap table tr td:first-of-type{
	width:100%;
	-webkit-order:3;
	order:3;
}
.customerform_wrap table tr td:not(:first-of-type){
	width:50%;
	-webkit-order:2;
	order:2;
	line-height:1.25em;
}
td.name_td{
	width:34%;
}
@media screen and (min-width:680px){
	
	.customerform_wrap table{
		display:table;
	}
	.customerform_wrap table tr{
		display:table-row;
	}
	.customerform_wrap table tr th,
	.customerform_wrap table tr td{
		display:table-cell;
	}
	.customerform_wrap table tr th{
		width:30%;
	}
	.customerform_wrap table tr td:first-of-type{
		width:45%;
	}
	.customerform_wrap table tr td:not(:first-of-type){
		width:25%;
	}
}
/*--  cart  --*/

/*---- Itme ----*/


/***** category *****/
#itemcatlist{
	margin:0 auto;
	padding:1rem 0;
}
.catlists{
	text-align:center;
}
.cat-item{
	display:inline-block;
	vertical-align:top;
	margin:0.5rem;
}
.cat-item a{
	display:block;
	padding:0.5rem 1rem;
	text-align:center;
	font-family:var(--gothic);
	font-size:calc( 1rem - 2px );
	line-height:1em;
	color:#fff;
	border-radius:0.125em;
	text-decoration:none;
	background-color:var(--key-color);
}
.cat-item a:hover{
	background-color:var(--second-color);
}


/*---- category ----*/

@media screen and ( min-width:640px ){
	
}
@media screen and ( min-width:768px ){
	.catlists,
	.cat-item a{
		text-align:left;
	}
	.cat-item{
		display:block;
		margin:0;
		padding:0.5rem 0;
		border-bottom:solid 1px;
	}
	.cat-item a{
		color:var(--second-color);
		background-color:transparent;
		font-size:1rem;
	}
	.cat-item a:hover{
		background-color:var(--key-color);
	}
}
@media screen and ( min-width:980px ){
	
}


/***** privacy-policy *****/
/***** guidance *****/
#privacy-policy{
	margin-top:3rem;
}

ol#privacy-policy > li,
ul#guidance > li{
	margin-bottom:4rem
}
ol#privacy-policy > li p,
ul#guidance > li p{
	margin-top:0.5rem;
	margin-bottom:1rem;
}
ol#privacy-policy > li p:last-of-type{
	margin-bottom:2rem;
}
ol#privacy-policy > li p + .sttitle,
ol#privacy-policy > li p + .smalltitle{
	margin-top:2rem;
}
#privacy-policy .smalltitle + .tbd,
#guidance .smalltitle + .tbd{
	margin-top:0;
}
ol#privacy-policy > li .borderbox p{
	margin-bottom:0;
}


/***** information *****/
#map{
	margin-top:1rem;
}


@media screen and ( min-width:640px ){
	
}
@media screen and ( min-width:768px ){
	
}
@media screen and ( min-width:840px ){
	
}
@media screen and ( min-width:960px ){
	
}
/*---- page ----*/







/*********** NEWS ***********/
/** front page **/
#newsbox{
	margin-top:4rem;
}
#newsbox .news-list{
	width:100%;
	height:16rem;
	padding:0.5rem 1rem;
	overflow:scroll;
}
.news-list-item{
	width:100%;
	margin:0;
	padding:0.5rem 0;
}
.news-list-item .news-date{
	margin:0;
	font-size:calc( 1rem - 2px );
	line-height:1.5rem;
}
.news-list-item .news-title{
	/*padding:0.25rem;*/
	font-size:1rem;
	line-height:1.5rem;
}

/** Archive **/
.newsarticle{
	margin:0 0 10rem 0;
}


@media screen and ( min-width:768px ){
	.news-list-item{
		padding:5px 0;
	}
	.news-list-item span{
		display:inline-block;
		padding:0 1rem;
	}
	.news-list-item .news-date{
		width:10rem;
		text-align:right;
	}
	.news-list-item .news-title{
		width:calc( 100% - 10rem );
		text-align:left;
	}
}


/**** pager ****/
.paginater,
.paging{
	clear:both;
	text-align:center;
	padding:2em 0;
}
.paging .prev-page,
.paging .next-page,
.paging .current-page > .current-number{
	font-size:1.25rem;
}
.paginater a{
	color:var(--main-color);
	font-size:1em;
	text-decoration:none;
}
.paginater a:hover{
	color:#fff;
	background-color:var(--main-color);
}
.page-numbers{
	display:inline-block;
	min-width:2rem;
	height:2rem;
	padding:0.25rem;
	line-height:1.5rem;
	text-align:inherit;
	color:var(--down-color);
	background-color:#fff;
	border-radius:0.125rem;
}
.page-numbers.current{
	background-color:var(--low-color);
}

.paging a{
	text-decoration:none;
}
.paging > .prev-page,
.paging > .current-page,
.paging > .next-page{
	display:inline-block;
	width:25%;
	text-align:center;
	color:var(--main-color);
	line-height:1.75em;
	vertical-align:middle;
}
.current-page .current-number,
.paging .prev-page > a,
.paging .next-page > a{
	display:block;
	margin:0 auto;
	width:1.75em;
	height:1.75em;
	line-height:1.75em;
}
.paging .prev-page > a,
.paging .next-page > a{
	color:inherit;
	background-color:var(--low-color);
	border-radius:2px;
}
.current-page > .current,
.current-page > .max{
	display:block;
	width:1.5em;
	height:1em;
	margin:0 auto;
	font-size:1rem;
	line-height:1.125em;
}
.current-page .max{
	border-top:solid 1px;
}
.paging .prev-page > a:hover,
.paging .next-page > a:hover{
	background-color:var(--main-color);
	color:#fff;
}


/*--single--*/
.pagibtn{
	text-align:center;
}
.pagibtn a{
	display:block;
	padding:0.5rem;
}
.nextpost,
.prevpost{
	display:inline-block;
	width:49%;
	height:4rem;
	vertical-align:top;
}
.nextpost{ right:0 }
.prevpost{ left:0; }

.nextpost a,
.prevpost a{
	display:inline-table;
	/*width:100%;*/
	/*height:100%;*/
	padding:0.5rem 1rem;
	color:var(--down-color);
	background-color:var(--key-color);
	text-decoration:none;
	text-align:center;
	overflow:hidden;
	border-radius:2rem;
}
.nextpost a:hover,
.prevpost a:hover{
	background-color:var(--second-color);
	color:#fff;
}
.nextpost{
	text-align:right;
	margin-left:2%;
}
.nextpost a{
	/*background-color:#0ae;*/
	text-align:left;
}
.prevpost{
	text-align:left;
}
.prevpost a{
	/*background-color:#05a;*/
	text-align:inherit;
}
.prev_name, .prev_arw,
.next_name, .next_arw{
	display:table-cell;
	padding-top:0.5em;
	padding-bottom:0.5em;
	line-height:1.25em;
	vertical-align:middle;
}
.prev_name,
.next_name{
	width:calc( 100% - 1em );
	padding-left:0.25em;
	padding-right:0.25em;
}
.prev_arw,
.next_arw{
	width:1em;
	height:100%;
	color:#fff;
	text-align:center;
	font-weight:bold;
}
.prev_arw{ padding-right:0.125em; }
.next_arw{ padding-left:0.125em; }

@media screen and ( min-width:786px ){
	#blog-list{
		width:100%;
	}
}

@media screen and ( min-width:960px ){
	
}
/*---- blog ----*/



/***	entry form	***/
input[type="text"],
input[type="email"],
input[type="password"],
textarea{
	width:100%;
	padding:0.25rem 0.125rem;
	border:solid 1px;
	font-size:1rem;
}
input[type="button"]{
	margin:0.5rem;
	border:0;
	padding:0.25rem;
	font-size:0.875rem;
	color:var(--bg);
	background-color:var(--key);
}
select{
	font-size:1rem;
}
input#zipcode{
	width:10rem;
}
#name1, #name2,
#name3, #name4{
	width:calc( 50% - 2rem );
}

/*---- entry form ----*/




/*******	footer	*******/
#sitefooter{
	margin-top:3rem;
	padding:2rem 0;
	font-family:var(--gothic);
	text-align:center;
	color:#fff;
	background-color:#777777;
}
#sitefooter #shipping_info .half > .col-1{
	padding:0.5rem 1.25rem;
}
#footer-menu{
	padding:2rem 0;
	list-style:none;
}
#footer-menu .menu-item{
	display:inline-block;
	padding:0 1em;
	font-size:calc( 1rem - 2px );
}
#footer-menu a{
	color:inherit;
	text-decoration:none;
}

#footernav .guidlink{
	list-style:none;
	padding:0;
}
#footernav .guidlink > .guid-item{
	display:inline-block;
	padding:0;
	margin:0;
}
.guid-item a{
	display:block;
	padding:0.5rem;
	text-decoration:none;
	color:inherit;
}

#copyright{
	display:block;
	width:320px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
}

/*---- footer ----*/




/******* space controll *******/
.bcenter{
	margin-left:auto;
	margin-right:auto;
}
.mt1em{ margin-top:1em; }
.mt2em{ margin-top:2em; }
.mt3em{ margin-top:3em; }
.mt4em{ margin-top:4em; }
.mt5em{ margin-top:5em; }
.mt-1em{ margin-top:-1em; }
.mt-2em{ margin-top:-2em; }
.mt-3em{ margin-top:-3em; }
.mt-4em{ margin-top:-4em; }
.mt-5em{ margin-top:-5em; }

.mb1em{ margin-bottom:1em; }
.mb2em{ margin-bottom:2em; }
.mb3em{ margin-bottom:3em; }
.mb4em{ margin-bottom:4em; }
.mb5em{ margin-bottom:5em; }
.mb-1em{ margin-bottom:-1em; }
.mb-2em{ margin-bottom:-2em; }
.mb-3em{ margin-bottom:-3em; }
.mb-4em{ margin-bottom:-4em; }
.mb-5em{ margin-bottom:-5em; }

.ml1em{ margin-left:1em; }
.ml2em{ margin-left:2em; }
.ml3em{ margin-left:3em; }
.ml4em{ margin-left:4em; }
.ml5em{ margin-left:5em; }
.ml-1em{ margin-left:-1em; }
.ml-2em{ margin-left:-2em; }
.ml-3em{ margin-left:-3em; }
.ml-4em{ margin-left:-4em; }
.ml-5em{ margin-left:-5em; }

.mr1em{ margin-right:1em; }
.mr2em{ margin-right:2em; }
.mr3em{ margin-right:3em; }
.mr4em{ margin-right:4em; }
.mr5em{ margin-right:5em; }
.mr-1em{ margin-right:-1em; }
.mr-2em{ margin-right:-2em; }
.mr-3em{ margin-right:-3em; }
.mr-4em{ margin-right:-4em; }
.mr-5em{ margin-right:-5em; }


.pt1em{ padding-top:1em; }
.pt2em{ padding-top:2em; }
.pt3em{ padding-top:3em; }
.pt4em{ padding-top:4em; }
.pt5em{ padding-top:5em; }

.pb1em{ padding-bottom:1em; }
.pb2em{ padding-bottom:2em; }
.pb3em{ padding-bottom:3em; }
.pb4em{ padding-bottom:4em; }
.pb5em{ padding-bottom:5em; }

.pl1em{ padding-left:1em; }
.pl2em{ padding-left:2em; }
.pl3em{ padding-left:3em; }
.pl4em{ padding-left:4em; }
.pl5em{ padding-left:5em; }

.pr1em{ padding-right:1em; }
.pr2em{ padding-right:2em; }
.pr3em{ padding-right:3em; }
.pr4em{ padding-right:4em; }
.pr5em{ padding-right:5em; }

.imgwrap{
}
.imgwrap img{
	display:block;
	width:100%;
	height:auto;
}
/*----- space controll -----*/




/***** Login *****/
#login h1 a{
	width:100%;
	height:0;
	padding-bottom:30%;
	background-size:contain;
	background-image:url('parts/sitelogo.png');
}
#adminlink{
	text-align:center;
	line-height:1;
	background-color:var(--low-color);
}
#adminlink a{
	color:var(--down-color);
	text-decoration:none;
	line-height:2em;
}



/*//// Login END ////*/






/*:::: Wordpress ::::*/
.alignnone,
.alignright,
.alignleft,
.aligncenter{
	vertical-align:top;
}
.alignnone{
}
.alignright{
	text-align:right;
}
.alignleft{
	text-align:left;
}
.aligncenter{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
img.alignright,
img.aligncenter{
	display:block;
}
img.alignright{
	float:right;
}
img.alignleft{
	float:left;
}
img{
	max-width:100% !important;
	height:auto !important;
}

/*---- Wordpress ----*/

@media screen and (min-width:481px){

}
@media screen and (min-width:751px){
/*START media query */

}
@media screen and (min-width:871px){

}

/* media query END*/




/***** image protection *****/
.news img{
pointer-events:none;
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-touch-callout:none;
-moz-user-select:none;
touch-callout:none;
user-select:none;
}