/*
Theme Name: isshin
Author: kono-direction co.,ltd.
Author URI: http://kono-d.jp/
Description: this is for Wordpress theme.
*/
:root{
	--main-color:#000000;
	--second-color:#666666;
	--key-color:#cc0000;
	--sub-color:#cc9966;
	--bg-color:#f0f0f0;
	--label-color:#ff3300;
	--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-color);
}
body{  }

@media screen and ( min-width:360px ){
	html,body{ font-size:14px; }
}
@media screen and ( min-width:768px ){
	html,body{ font-size:16px; }
}
@media screen and ( min-width:960px ){
}

.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; }

p{
	margin:1rem 0.5rem;
}
address,
em{
	font-style:normal;
}
em{
	display:inline-block;
	font-size:calc( 1em + 2px );
}
a{ cursor:pointer; }
small,
.small{ font-size:calc( 1em - 4px ); line-height:inherit; }
.smaller{ font-size:calc( 1em - 2px ); line-height:inherit; }
.larger{ font-size:calc( 1em + 4px ); line-height:inherit; }
.larg{ font-size:1.5em; line-height:inherit; }
.bigger{ font-size:calc( 1.5em + 4px ); 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-color);
}
.must{
	padding:0 0.125em;
}
@media screen and ( min-width:768px ){
	br.nobr{
		display:inline;
	}
	br.brno{
		display:none;
	}
}

.txtcenter{ text-align:center; }
.txtleft  { text-align:left; }
.txtright,
.price { text-align:right; }

.lined{
	margin:0 0 1em 0;
	padding:0.5rem 0;
	border-style:solid;
	/*border-color:var(--second-color);*/
	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;
}
.imgwrap{
	margin:0;
}
.imgwrap img{
	display:block;
	width:100%;
	height:auto;
}

.half, .trisect, .quarter,
.colw2, .colw3,
.colw4, .colw5, .colw6{
	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;
	order:2;
}
.flextop{
	order:1;
}

.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 ); }
	
	.flextop{ order:2; }
}
@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:#dec;
}
.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-color);
}
.form-tb .tb-row dd{
	padding:0.5rem;
}
.mwform-checkbox-field-text{
	display:inline-block;
}
@media ( 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{
	text-align:center;
	line-height:1;
	margin:1rem 0;
	clear:both;
}
.btn a,
.btn [type="submit"],
.btn [type="button"]{
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
	width:auto;
	margin:0.5rem;
	padding:18px;
	text-align:center;
	text-decoration:none;
	font-size:calc( 1rem + 2px );
	line-height:1em;
	color:#fff;
	background-color:var(--label-color);
}
.btn [type="submit"],
.btn [type="button"]{
	font-size:calc( 1rem + 2px );
}
.btn a:only-of-type{
	width:80%;
}
.btn a:hover,
.btn [type="submit"]:hover,
.btn [type="button"]:hover{
	background-color:var(--second-color);
}
.btn a.more{
	font-size:1em;
}
.btn a.larg{
	width:300px;
	max-width:100%;
	padding:1rem;
	font-size:1.5rem;
	font-weight:bold;
}
.bnr{
	padding:5px 10px;
}
@media ( min-width:640px ){
	.btn a{
		max-width:300px;
	}
	.btn a,
	.btn [type="submit"],
	.btn [type="button"]{
		margin-bottom:0;
	}
}
/*--botton*/



/***	 block base 	***/
#wrapper{
	position:relative;
	z-index:2;
	width:100%;
	min-height:100vh;
	margin:0 auto;
	padding:5.5rem 0 0 0;
	overflow:hidden;
	vertical-align:baseline;
	background-color:var(--bg-color);
	background-image:url('parts/bg.gif');
}
#contents{
	position:relative;
	z-index:10;
}

.wrapper{
	width:100%;
	margin:0;
}
.wrap, .section{
	max-width:1200px;
}
.wrap{
	width:100%;
	margin:0 auto;
	padding:0;
}
.section{
	position:relative;
	margin:0 auto 2rem auto;
}
.section.bg-wh,
.section.bg-inv{
	margin-left:10px;
	margin-right:10px;
}
.content{
	width:100%;
}
#siteheader .wrap{
	padding:0;
	position:relative;
}
.inner{
	width:100%;
	max-width:800px;
	margin:0 auto;
	padding:0 1rem;
}
.box,
.borderbox{
	margin:1rem auto 2rem auto;
	padding:0.5rem 1rem;
	/*line-height:2em;*/
}
.borderbox{
	border:solid 1px;
}
.area{
	margin:1rem;
	padding:1rem;
}
.bg-wh{
	padding:2rem 1rem;
	background-color:#fff;
}
.bg-inv{
	padding:2rem 1rem;
	background-color:transprent;
}
@media screen and ( min-width:480px ){
	
}
@media screen and ( min-width:768px ){
	#wrapper{
		padding-top:0;
	}
	.bg-wh{
	}
	.towcolumn{
		display:-webkit-flex;
		display:flex;
		-webkit-flexwrap:nowrap;
		flex-wrap:nowrap;
		margin-top:2rem;
		margin-bottom:5rem;
	}
	.towcolumn.main-left > .sideL,
	.towcolumn.main-right > .sideR{
		width:80%;
	}
	.towcolumn.main-right > .sideL,
	.towcolumn.main-left > .sideR{
		width:20%;
	}
	.towcolumn.main-left > .sideL{
		padding-right:20px;
	}
	.towcolumn.main-right > .sideL{
		padding-left:20px;
	}
	.sideL, .sideR{
		text-align:left;
	}
	.towcolumn .sideL{
		-webkit-order:1;
		order:1;
	}
	.towcolumn .sideR{
		-webkit-order:2;
		order:2;
	}
}
@media ( min-width:960px ){
	.towcolumn.main-left > .sideL,
	.towcolumn.main-right > .sideR{
		width:calc( 100% - 200px );
	}
	.towcolumn.main-right > .sideL,
	.towcolumn.main-left > .sideR{
		width:200px;
	}
	.inner:not(.bg-wh):not(.bg-inv){
		padding-left:0;
		padding-right:0;
	}
}



/***		 SiteHeader 		***/
#sitedescription{
	/*height:1.5rem;*/
	line-height:1.125rem;
	color:#fff;
	font-weight:normal;
	font-size:calc( 1rem - 2px );
	background-color:var(--main-color);
	overflow:hidden;
}
#sitedescription .wrap{
	padding:0.25rem 0.5rem;
}
#siteheader{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	margin:0;
	padding:0;
	border:0;
	background-color:#fff;
	z-index:99999;
}
#siteheader.fix{
	position:fixed;
	top:0;
	left:0;
}
#siteheader .wrap{
	background-size:1.5rem 2rem;
	background-position:0 0;
	background-repeat:no-repeat;
}
#sitelogo{
	width:9rem;
	height:4rem;
	margin:0;
	padding:0;
}
#sitelogo a{
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	text-decoration:none;
	color:inherit;
	background-image:url('parts/sitelogo.svg');
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:contain;
	text-indent:-9999em;
	overflow:hidden;
}
#sitelogo a:hover{
	opacity:0.5;
}
#sitecatch{
	margin:0;
	padding:0;
	margin:0;
	padding:0;
	text-align:center;
	font-weight:normal;
	font-size:0.875rem;
	line-height:1.5rem;
}
#sitelogo a h1{
	margin:0;
	font-size:1.5rem;
	line-height:1em;
}
#sitelogo a h1 .small{
	display:block;
	font-weight:normal;
	font-size:0.75rem;
	line-height:1em;
}
#sitelogo a h1 .frnt{
	display:inline-block;
	font-size:1.25rem;
	line-height:1em;
}
#sitelogo,
#navigations{
	display:inline-block;
	vertical-align:top;
}

#navigations{
	width:calc( 100% - 9rem );
	margin:0;
	padding:0;
	text-align:right;
}

#pull{
	display:none;
}
#pull + label{
	position:relative;
	top:0;
	width:4rem;
	height:4rem;
	margin:0;
	padding:1rem;
	text-align:center;
	z-index:99999;
}

#pull + label,
#snsbtn{
	display:inline-block;
}
#pull + label:before{
	font-family:'dashicons';
	font-size:2rem;
	line-height:2rem;
}
#pull + label:before{
	display:block;
	margin:0;
	padding:0;
	text-align:center;
	color:var(--main-colora);
	overflow:hidden;
	text-decoration:none;
}
#pull + label:before{
	content: "\f349";
	width:100%;
	height:100%;
}
#pull:checked + label:before{
	font-family:'dashicons';
	content: "\f335";
}

#sitenav{
	transition:0.8s;
	position:absolute;
	left:0;
	width:100%;
	height:0;
	padding:0;
	overflow:hidden;
	background-color:#fff;
	z-index:99999;
}
#pull:checked + label + #sitenav{
	height:auto;
	overflow:auto;
}
#sitenav .menu,
#sitenav .sub-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(--low-color);
}
#main-menu > li ul,
#sitenav .child-menu-item{
	width:80%;
	border-top:dotted 1px var(--low-color);
}
#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{
	background-color:rgba(200,200,200,0.5);
}


/*** SNS Botton ***/
#snsbtn{
	height:4rem;
	margin:0;
	padding:1rem 0;
	text-align:right;
	line-height:1em;
}
.snsbtn{
	display:inline-block;
	width:2rem;
	height:2rem;
	line-height:1em;
	margin:0 0.5rem;
	overflow:hidden;
}
.snsbtn a{
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-position:0 0;
	background-size:contain;
	background-repeat:no-repeat;
	text-align:left;
	text-indent:-9999em;
	overflow:hidden;
}
#btn_facebook a{ 	background-image:url('parts/snsbtn-facebook.png'); }
#btn_instagram a{ 	background-image:url('parts/snsbtn-instagram.png'); }
#btn_twitter a{ 	background-image:url('parts/snsbtn-twitter.png'); }

.snsbtn a:hover{
	opacity:0.6;
}

@media screen and ( min-width:481px ){
	
}
@media screen and ( min-width:768px ){
	
	#siteheader{
		position:relative;
		top:auto;
		left:auto;
	}
	#sitelogo{
	}
	
	#pull + label{
		display:none;
	}
	#sitenav{
		transition:none;
		position:static;
		height:auto;
		padding:0;
		background-color:transparent;
		vertical-align:top;
		overflow:visible;
	}

	/**** site navigations ****/
	#sitenav{
		display:inline-block;
		width:calc( 100% - 9rem );
		padding:0.75rem 0.5rem;
		color:var(--main-color);
	}
	#sitenav .menu{
		/*display:flex;*/
		text-align:left;
		padding:0;
	}
	#sitenav #main-menu > li,
	#sitenav .menu-item{
		/*flex:auto;*/
		display:inline-block;
		vertical-align:top;
		margin:0 0.5rem;
		padding:0;
		border:0;
		line-height:1rem;
		overflow:hidden;
	}
	#sitenav .menu-item + .menu-item{
		/*border-left:solid 1px #ccc;*/
	}
	#main-menu > li > a,
	#sitenav .menu-item a{
		width:100%;
		padding:0.5rem;
		color:var(--main-color);
		font-size:1rem;
		line-height:1.5rem;
		text-align:center;
	}
	#sitenav .menu-item a > .en{
		font-size:0.8125rem;
	}
	#sitenav .menu-item.has-children{
		/*position:relative;*/
	}
	#main-menu > li > ul,
	#sitenav .has-children > .sub-menu{
		transition:0.5s;
		position:absolute;
		left:0;
		width:100%;
		height:0;
		margin:0.5rem 0 0 0;
		background-color:var(--second-color);
		z-index:999999;
		overflow:hidden;
	}
	#main-menu > li:hover > ul,
	#main-meu > li > ul:hover,
	#sitenav .has-children:hover > .sub-menu,
	#sitenav .sub-menu:hover{
		height:3.75rem;
	}
	#main-meu > li > ul > li,
	#sitenav .sub-menu > .child-menu-item{
		display:inline-block;
		vertical-align:top;
		width:auto;
		margin:1em;
		padding:0;
		border:0;
	}
	#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:0.375em 1em;
		border:0;
		border-left:solid 2px #fff;
		/*border-radius:1em;*/
		line-height:1.25em;
		color:#fff;
	}
	#sitenav .sub-menu > .child-menu-item.child-term a{
		padding-left:0.5em;
		padding-right:0.5em;
		border:0;
	}
	#sitenav .sub-menu > .child-menu-item:first-of-type{
		border:0;
	}
	#snsbtn{
		width:9rem;
	}
}
@media ( min-width:860px ){

	#sitenav #main-menu > li,
	#sitenav .menu-item{
		/*margin:0 0.75rem;*/
	}
}



/****		Slider		****/
#catchcopy{
	position:absolute;
	z-index:99999;
	top:0;
	left:0;
	width:100%;
	height:100%;
	
	display:-webkit-flex;
	display:flex;
	-webkit-flexwrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
}
#catchcopy h1{
	display:block;
	width:18rem;
	height:calc( 5rem + 4px );
	padding:0.5rem 1rem;
	font-size:2rem;
	line-height:calc( 2rem + 2px );
	color:#fff;
	background-color:var(--key-color);
}

#slidwrap,
.slidwrap{
	position:relative;
	padding:0 0 1rem 0;
	z-index:5000;
}
#slidwrap {
	width:128vh;
	height:72vh;
	margin-left:calc( 50% - 64vh );
	margin-right:calc( 50% - 64vh );
	overflow:hidden;
}
#slider{
	width:100%;
	max-width:1440px;
	margin:0 auto;
	padding:0;
	list-style:none;
}
#slider .cel{
	margin:0;
	padding:1rem;
}
.cel .caption{
	margin:0;
	padding:0.5rem 0;
}
.slide-item{
	width:100%;
	margin:0 auto;
	padding:0;
	border:0;
	display:inline-block;
	vertical-align:top;
}
.slide-item img{
	display:block;
	width:100%;
	height:auto;
}

.slick-arrow{
	position:absolute;
	top:50%;
	width:4rem;
	height:6rem;
	margin-top:-2rem;
	font-size:1.5rem;
	text-align:center;
	line-height:1;
	vertical-align:50%;
	opacity:0.7;
	background-size:contain;
	background-position:50% 50%;
	background-repeat:no-repeat;
	overflow:hidden;
	z-index:7000;
	cursor:pointer;
}
.slideprev.slick-arrow{
	left:0;
	background-image:url('css/arrow_prev.svg');
}
/*
.slideprev.slick-arrow:after{
	font-family:'dashicons';
	content: "\f141";
}
*/
.slidenext.slick-arrow{
	right:0;
	background-image:url('css/arrow_next.svg');
}
/*
.slidenext.slick-arrow:after{
	font-family:'dashicons';
	content: "\f139";
}
*/

.slick-dots{
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
	font-size:0.625rem;
}
.slick-dots li{
	display:inline-block;
	width:1em;
	height:1em;
	margin:1rem;
}
.slick-dots li button{
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	text-indent:-999em;
	background-color:var(--down-color);
	border-radius:50%;
}
.slick-dots li.slick-active button{
	background-color:var(--down-color);
}

@media screen and ( min-width:680px ){
	.topimg{
		width:120%;
		margin-left:-10%;
		margin-right:-10%;
	}
}
@media screen and ( min-width:768px ){
	#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 ----*/




/***** gallry *****/
#gallry,
.gallry{
	padding:1rem 0;
	line-height:1;
}
ul#gallry,
ul.gallry{
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:left;
	justify-content:left;
	
	list-style:none;
	margin:0;
}
.gallry-item{
	vertical-align:top;
	width:calc( 100% / 3 );
	margin:0;
	padding:1px;
}
.gallry-item a,
.gallry-item a img{
	display:block;
	width:100%;
	cursor:pointer;
}
.gallry-item.morebtn a{
	border:solid 1px;
	color:var(--main-color);
}

@media ( min-width:480px ){
	.gallry-item{
		width:25%;
	}
}
@media ( min-width:768px ){
	.gallry-item{
		width:20%;
	}
}


/*---- gallry ----*/


/***** title *****/

.title{
	margin:0.5rem 0 1rem 0;
	padding:0;
	font-size:1.5rem;
	line-height:1.75rem;
}
.stdtitle{
	margin:0 0 1rem 0;
	padding:1rem 0;
	border-bottom:solid 2px var(--key-color);
	line-height:calc( 1em + 4px );
	color:var(--second-color);
	font-size:1.5rem;
}
.pagetitle,
.sectiontitle{
	font-size:2rem;
	font-weight:bold;
	font-family:var(--gothic);
	text-align:center;
	line-height:2.25rem;
	color:var(--main-color);
}
.pagetitle{
	width:12em;
	max-width:calc( 100% - 20px );
	margin:2rem auto;
	padding:0.5rem 2rem;
	border-bottom:solid 3px var(--second-color);
	text-align:center;
}
.pagetitle > small{
	padding:1.5em 0 0.5rem 0;
	font-size:0.875rem;
}
.sectiontitle{
	padding:1rem;
	margin:0;
}
.sectiontitle .rowp{
	padding:0.5rem 0;
	line-height:1.25em;
	border-bottom:solid 3px var(--second-color);
}
.sectiontitle small,
.sectiontitle span,
.sectiontitle em{
	/*vertical-align:middle;*/
}
.dxtitle{
	max-width:320px;
	padding:0.5rem;
	margin:0 0 1rem 0;
	font-size:3rem;
	line-height:3.25rem;
}
.txtright .dxtitle{
	margin-left:auto;
}
.txtleft .dxtitle{
	margin-right:auto;
}
.txtcenter .dxtitle{
	margin-right:auto;
	margin-left:auto;
}
.dxtitle small{
	display:block;
	font-size:2rem;
}
.smalltitle{
	font-size:1.125em;
	line-height:1;
	margin:0;
}
.labeling{
	padding:0.375rem 1rem 0.375rem 1rem;
	border-left:solid 1rem var(--label-color);
	margin:0.5rem 0;
	color:var(--second-color);
	background-color:#fff;
	font-size:1rem;
	font-weight:normal;
}

@media ( min-width:640px ){
	
}
@media ( min-width:786px ){
	
}
@media ( min-width:960px ){
	.sectiontitle{
	}
	
}
/*---- title ----*/




/***** TOP img ****/
#topimg{
	width:100%;
	margin:0 auto 2rem auto;
}
#topimg img{
	display:block;
	width:100%;
	margin:0 auto;
}
#topimg img.pcimg{ display:none; }
#topimg img.spimg{ display:block; }

@media screen and ( min-width:640px ){
	#topimg{
	}
}
@media screen and ( min-width:768px ){
	#topimg{
		width:100%;
		max-width:1200px;
	}
	#topimg img.pcimg{ display:block; }
	#topimg img.spimg{ display:none; }
}



/***** OnlineShop Banner *****/
#onlineshop_btn{
	display:block;
	position:fixed;
	bottom:1rem;
	right:0.5rem;
	width:15rem;
	height:6rem;
	z-index:9999;
}
#onlineshop_btn a,
#onlineshop_btn a img{
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	text-decoration:none;
}
#onlineshop_btn a{
	opacity:0.5;
}
#onlineshop_btn a:hover{
	opacity:1;
}
@media screen and (min-width:768px){
	#onlineshop_btn{
		top:6rem;
		bottom:auto;
	}
}




/***** Page Banner *****/
.bnrwrap{
	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;
	
	padding-left:1px;
}
.bnr{
	margin:0;
	padding:1px 1px 1px 0;
}
.main .bnrwrap .bnr{
	width:100%;
}
.side .bnrwrap .bnr{
	width:33.33%;
}
.bnr a{
	display:block;
	width:100%;
	height:0;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	text-indent:-9999em;
	overflow:hidden;
}
.main .bnrwrap .bnr a{
	padding-top:50%;
}
.side .bnrwrap .bnr a{
	padding-top:68%;
}
#bnr-kodawari.bnr a{ background-image:url('parts/bnr_kodawari.jpg'); }
#bnr-recepi.bnr a{ background-image:url('parts/bnr_recepi.jpg'); }
#bnr-contact.bnr a{ background-image:url('parts/bnr_contact.jpg'); }

@media screen and (min-width:768px){
	.main .bnrwrap .bnr{
		width:33.33%;
	}
	.side .bnrwrap .bnr{
		width:100%;
		margin:0.5rem 0;
	}
	.main .bnrwrap .bnr a,
	.side .bnrwrap .bnr a{
		padding-top:50%;
	}
}


/*****    page    *****/
.bg-wh .col-1{
	padding:0.5rem;
}
.pagewrap{	

}
/*** front page ***/
.txtright .dxtitle{
	background-position:0 0
}
.txtleft .dxtitle{
	background-position:100% 0
}
#kodawari01 .dxtitle,
#kodawari02 .dxtitle{
	background-repeat:no-repeat;
	background-size:contain;
}
#kodawari01 .dxtitle{
	background-image:url('parts/kodawari01-ttlbg.png');
}
#kodawari02 .dxtitle{
	background-image:url('parts/kodawari02-ttlbg.png');
}

#itemlistbox{
	
}
.item-frontpage{
	display:inline-block;
	width:25%;
	padding:0 1rem 1rem 1rem;
	margin:0;
	text-align:center;
}
.item-frontpage h3.reset{
	margin:0.5rem 0;
	line-height:1.5rem;
}
/*news*/
.newsitem{
}
.newsitem .area{
	background-color:#fff;
}
.newsitem .newsthumb,
.newsitem .newshead{
	display:inline-block;
}
.newsitem .newsthumb{
	width:4rem;
	height:4rem;
}
.newsitem .newshead{
	width:calc( 100% - 4rem );
	padding-left:1rem;
}
.newshead a{
	color:inherit;
	text-decoration:none;
}
.newshead .newsdata{
	line-height:1rem;
}
.newsdata .date,
.newsdata .term{
	padding-right:0.5rem;
	font-size:calc( 1rem - 2px );
}
.newshead .newstitle{
	color:var(--main-color);
}

@media screen and ( min-width:640px ){
	
}
@media screen and ( min-width:768px ){
	.bg-wh .col-1{
		padding:1rem;
	}
}
@media screen and ( min-width:1280px ){
	
}



/***** 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(--label-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;
	}
	.cat-item a{
		font-size:1rem;
	}
	.cat-item a:hover{
	}
}
@media screen and ( min-width:980px ){
	
}


/***** items *****/
ul#items_lists{
	margin:2rem 0;
}
.items{
	width:100%;
	margin:0;
	padding:10px;
	text-align:center;
}
.items dl{
	padding:0;
	background-color:#fff;
}
.item-title{
	margin:0;
	padding:1rem;
	font-size:calc( 1rem + 3px );
	font-weight:bold;
	line-height:1.5rem;
}
.item-thumb{
	width:100%;
	margin:0;
	padding:0;
}
.item-thumb img{
	display:block;
	width:100%;
}
.item-comment{
	height:5rem;
	margin:0;
	padding:1rem;
	line-height:1.5rem;
}
.items .btn.blank{
	margin:0;
	padding:1rem 1.5rem 1.5rem 1.5rem;
}
.items .btn.blank a{
	display:block;
	width:100%;
	max-width:300px;
	margin:0 auto;
	font-size:1.5rem;
	line-height:1.5rem;
}
@media screen and (min-width:768px){
	.items{
		display:inline-block;
		width:50%;
		padding:1rem;
	}
}
@media screen and (min-width:960px){
	.items{
		width:33.33%;
	}
}



/***** privacy-policy *****/
/***** guidance *****/
#policylist{
	margin-top:3rem;
	list-style-type:none;
}

ol#policylist > li,
ul#guidance > li{
	margin-bottom:2rem;
	counter-increment:ct;
}
ol#policylist > li .lsttitle{
	margin-top:0;
	font-size:1.5rem;
	line-height:calc( 1.5rem + 2px );
}
ol#policylist > li .lsttitle:before{
	content:counter(ct);
	display:inline-block;
	width:1.5em;
	padding-right:0.5rem;
	text-align:right;
}
ol#policylist > li .content{
	padding-left:1.5rem;
}
ol#policylist > li p,
ul#guidance > li p{
	margin-top:0.5rem;
	margin-bottom:1rem;
}
#policylist .smalltitle{
	padding-top:1rem;
}
#policylist .smalltitle + .tbd,
#guidance .smalltitle + .tbd{
	margin-top:0;
}
ol#policylist > li .borderbox p{
	margin-bottom:0;
}
#policylist li .borderbox{
	margin:0.5rem 0.5rem 1rem 0.5rem;
	padding:0.5rem 1rem 1rem 1rem;
}
#policylist li .borderbox > .smalltitle:before{
	content:"";
	position:relative;
	left:-0.5em;
	display:inline-block;
	width:0.5em;
	height:1em;
	background-color:var(--label-color);
}
#policylist li .borderbox > .smalltitle:first-of-type{
	padding-top: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 *******/
.posthead{
	margin:0;
	padding:0;
	font-size:calc( 1rem - 2px );
	line-height:1rem;
}
.posttitle{
	margin:0;
	padding:1rem 0;
	border-bottom:solid 2px var(--label-color);
	font-size:1.5rem;
}
.postcontent{
	margin-top:1rem;
	padding:0 0.5rem;
	line-height:2rem;
}


/*** Archive ***/


@media screen and ( min-width:768px ){
	
}


/**** 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 ( min-width:786px ){
	#blog-list{
		width:100%;
	}
}

@media ( min-width:960px ){
	
}
/*---- blog ----*/




/****		entry form		****/

/*---- entry form ----*/



/*****		footer		*****/
#sitefooter{
	padding:2rem 0;
	font-family:var(--gothic);
	text-align:center;
	color:#fff;
	background-color:var(--main-color);
}
#footer{
	padding:0 0 1em 0;
	line-height:1.5em;
}
#flogo{
	width:100%;
	height:60px;
	margin:0 auto;
	text-align:center;
}
#flogo img{
	width:auto;
	height:100%;
}
#footername{
	margin:0;
	font-size:1.25rem;
	font-weight:normal;
	line-height:2em;
}
#sitefooter address{
	padding:0;
	font-size:inherit;
	line-height:inherit;
}
#sub-menu{
	padding:2rem 0;
	list-style:none;
	font-family:var(--gothic);
}
#sub-menu .menu-item{
	display:inline-block;
	padding:0 1em;
	font-size:calc( 1rem - 2px );
}
#sub-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;
	padding-top:2rem;
	overflow:hidden;
	text-align:center;
}
#copyright .bigger{
	vertical-align:bottom;
}

/*---- footer ----*/




/******* space controll *******/
.block{
	display:block;
}
.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.svg');
}
#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 ////*/




/***** FORM PARTS *****/

label,
input,select,textarea{
font-family:"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro", sans-serif ;
font-size:inherit;
font-weight:normal;
line-height:1.25em;
}
input,select,textarea{
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	box-sizing:border-box;
	border:solid 1px var(--second-color);
	background-color:#fff;
}
input[type="button"],input[type="submit"]{
	border:0;
	color:#fff;
	background-color:var(--main-color);
}
input[type="text"],input[type="email"],input[type="password"],
input[type="number"],
input[type="button"],input[type="submit"]{
	width:100%;
	padding:0.25rem;
}
textarea{
	width:90%;
	max-width:100%;
	padding:0.25rem;
}
input[type="text"]#name1,
input[type="text"]#name2,
input[type="text"]#name3,
input[type="text"]#name4{
	width:40%;
}
/*
input[type="button"]:hover,
input[type="submit"]:hover{
	background-color:var(--second-color);
}
*/
input[type="radio"],
input[type="checkbox"]{
	display:none;
}
label > input[type="radio"] + span:before,
input[type="radio"] + label > span:before{
	background-image:url('parts/parts_radio.svg');
}
label > input[type="checkbox"] + span:before,
input[type="checkbox"] + label > span:before{
	background-image:url('parts/parts_checkbox.svg');
}
label > input[type="radio"] + span:before,
input[type="radio"] + label > span:before,
label > input[type="checkbox"] + span:before,
input[type="checkbox"] + label:not(.triger) > span:before{
	content:'';
	display:inline-block;
	width:1em;
	height:1em;
	margin-right:0.25em;
	background-position:50% 0;
	background-size:1em auto;
	background-repeat:no-repeat;
	vertical-align:middle;
}
label > input[type="radio"]:checked + span:before,
input[type="radio"]:checked + label > span:before,
label > input[type="checkbox"]:checked + span:before,
input[type="checkbox"]:checked + label > span:before{
	background-position:0 100%;
}

select{
padding:0.25em 1.75em 0.25em 0.5em;
background-image:url('parts/parts_select.svg');
background-position:100% 50%;
background-size:2em;
background-repeat:no-repeat;
line-height:2em;
}
button{
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	font-size:1.125em;
	color:var(--low-color);
	border:0;
	background:none;
}
/*
button:hover{
	color:var(--second-color);
}
*/
input[type="text"] + [type="button"],
select + [type="button"]{
	margin:0 0 0 0.5em;
}
.mwform-zip-field{
	display:block;
	margin-bottom:0.5em;
}

/*:::: 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;
}
.postcontent 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;
}