/*
Theme Name: こもねっと
Versition: 2.0
Author: kono-direction co.,ltd.
Author URI: http://kono-d.jp/
Description: this is for Wordpress theme.
*/
/*** root ***/
:root{
	--bk:#00000;
	--wh:#ffffff;
	--sub:#66cc33;
	--marin:#002266;
	--key:#ff1d25;
	--bg:#e1ebff;
	
	--mincho:serif;
	--gothic:sans-serif ;
}
*, *:before, *:after{
	box-sizing:border-box;
	vertical-align:baseline;
	font-style:normal;
	text-decoration:inherit;
	/*transition:0.8s;*/
}
a, span,
b, i, em, small, big, strong,
del, ins,
label, select, textarea, input, button,
img{ display:inline-block; }

a{ cursor:pointer; }

.imgwrap{
	display:block;
	text-align:center;
	vertical-align:middle;
	line-height:0;
}
.imgwrap > img{
	max-width:100%;
}

/*画像保護*/
img{
	pointer-events:none;
	-webkit-touch-calluot:none;
	-moz-touch-calluot:none;
	touch-calluot:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
}
.mincho{ font-family:serif; }
.gothic{ font-family:sans-serif; }


html,
body{
	font-family:var(--gothic);
	font-size:12px;
	line-height:1.5em;
	color:var(--bk);
	width:100%;
	margin:0;
	padding:0;
}
@media screen and ( min-width:768px ){
	html,body{ font-size:14px; }
}
@media screen and ( min-width:960px ){
	html,body{ font-size:16px; }
}
/*** border ***/
.boxline,
.tline, .bline, .lline, rline,
.tline2, .bline2, .lline2, rline2,
.tbline, .lrline, .tbline2, .lrline2{ border-style:solid; }
.tdot, .bdot, .ldot, rdot,
.tdot2, .bdot2, .ldot2, rdot2,
.tbdot, .lrdot, .tbdot2, .lrdot2{ border-style:dotted; }
.tdash, .bdash, .ldash, rdash,
.tdash2, .bdash2, .ldash2, rdash2,
.tbdash, .lrdash, .tbdash2, .lrdash2{ border-style:dashed; }
.boxline,
.tline, .tdot, .tdash,
.tbline, .tbdot, .tbdash{ border-top-width:1px; }
.boxline,
.bline, .bdot, .bdash,
.tbline, .tbdot, .tbdash{ border-bottom-width:1px; }
.boxline,
.lline, .ldot, .ldash,
.lrline, .lrdot, .lrdash{ border-left-width:1px; }
.boxline,
.rline, .rdot, .rdash,
.lrline, .lrdot, .lrdash{ border-right-width:1px; }
.tline2, .tdot2, .tdash2,
.tbline2, .tbdot2, .tbdash2{ border-top-width:2px; }
.bline2, .bdot2, .bdash2,
.tbline2, .tbdot2, .tbdash2{ border-bottom-width:2px; }
.lline2, .ldot2, .ldash2,
.lrline2, .lrdot2, .lrdash2{ border-left-width:2px; }
.rline2, .rdot2, .rdash2,
.lrline2, .lrdot2, .lrdash2{ border-right-width:2px; }

/** color **/
/** font color **/
.keycolor{ color:var(--key); }
.subcolor{ color:var(--sub); }
.marincolor{ color:var(--marin); }
.kuro{ color:var(--bk); }
.shiro{ color:white; }
/** border color **/
.bdrmarin{ border-color:var(--marin); }
.bdrkey{ border-color:var(--key); }
.bdrsub{ border-color:var(--sub); }
/** background color **/
.bgmarin{ background-color:var(--marin); }
.bgkey{ background-color:var(--key); }
.bgpmarin{ background-color:var(--bg); }

/** font size **/
small	{  font-size:0.75em; }
.small	{ font-size:calc( 1rem - 4px ); }
.smaller{ font-size:calc( 1rem - 2px ); }
.regular{ font-size:1rem; }
.middle	{ font-size:calc( 1rem + 2px ); }
.larger	{ font-size:1.25rem; }
.larg	{ font-size:1.5rem; }
.bigger	{ font-size:calc( 1.5rem + 4px ); }
big,
.big	{ font-size:2rem; }
.catch	{ font-size:3rem; }
.normal	{ font-size:1rem; }

.low	{ line-height:1.25em; }
.mid	{ line-height:1.5em; }
.tall	{ line-height:2em; }
.lh15r	{ line-height:1.5rem; }
.lh20r	{ line-height:2rem; }
.narrow	{ line-height:calc( 1em + 4px ); }

small, .small,
.smaller{ font-weight:normal; }
.bold	{ font-weight:bold; }
.normal	{ font-weight:normal; }

.reset	{ font-size:1rem; font-weight:normal; }

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

/** brore **/
br.sbr,
br.mbr,
br.lbr,
br.mbbr{ display:none; }
@media screen and ( max-width:599px ){
	br.sbr{ display:inline; }
	br.mbbr{ display:inline; }
}
@media screen and ( min-width:600px ) and ( max-width:767px ){
	br.mbr{ display:inline; }
	br.mbbr{ display:inline; }
}
@media screen and ( min-width:768px ){
	br.lbr{ display:inline; }
}

/** List **/
ul.disc, ol.disc,
ul.circle, ol.circle,
ul.square, ol.square,
ul.decimal, ol.decimal,
ul.maru, ol.marul,
ul.rnr, ol.rnr,
ul.nr, ol.nr{
	padding-left:1.5em;
}
ul.disc, ol.disc{
	list-style-type:disc;
}
ul.circle, ol.circle{
	list-style-type:circle;
}
ul.square, ol.square{
	list-style-type:square;
}
ol.decimal, ul.decimal{
	list-style-type:decimal;
}
ul.maru > li, ol.maru > li,
ul.rnr > li, ol.rnr > li,
ul.nr > li, ol.nr > li{
	position:relative;
}
ul.maru > li:before, ol.maru > li:before{
	position:absolute;
	left:-1.25em;
	content:"●";
	display:block;
	font-size:inherit;
}
ul.none, ol.none,
ul.rnr, ol.rnr,
ul.nr, ol.nr{
	list-style:none;
}
ul.rnr > li, ol.rnr > li,
ul.nr > li, ol.nr > li{
	counter-increment:cunt;
}
ul.rnr > li:before,
ol.rnr > li:before,
ul.nr > li:before,
ol.nr > li:before{
	position:absolute;
	display:block;
	width:2em;
	text-align:right;
}
ul.rnr > li:before,
ol.rnr > li:before,
ul.nr > li:before,
ol.nr > li:before{
	left:-2em;
}
ul.rnr > li:before,
ol.rnr > li:before{
	content:"（" counter(cunt) "）";
}
ul.nr > li:before,
ol.nr > li:before{
	content:counter(cunt) "）";
}
ul.none, ol.none{
	padding-left:0;
}

ul li, ol li{
	margin-bottom:2em;
}
ul li h1, ol li h1,
ul li h2, ol li h2,
ul li h3, ol li h3,
ul li h4, ol li h4,
ul li h5, ol li h5{
	margin-bottom:0.5em;
}

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


/**Table**/
.tb,
.ftb{ display:table; }
.tb,
table{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
.ftb{
	border-collapse:separate;
	border-spacing:0.5rem;
	width:100%;
}
.tbrow{ display:table-row; }
.tbrow dt,
.tbrow dd,
.tbcel{ display:table-cell;
	margin:0;
	vertical-align:top;
}
.tbrow dt{ width:25%; }
.tbrow dd{ width:75%; }

th, td{
	vertical-align:middle;
}

.tb .tbrow dt,
.tb .tbrow dd{
	padding:1rem 0.5rem;
}
.ftb .tbrow dt,
.ftb .tbrow dd{
	padding:1.25rem 0.75rem;
}
.ftb .tbrow dt{
	background-color:var(--bg);
	/*color:white;*/
}
.ftb .tbrow dd{
	background-color:#f0f0f0;
}


/*** botton ***/
.btn,
.send,
.acv-btn{
	width:100%;
	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.75rem;
	text-align:center;
	text-decoration:none;
	line-height:1em;
	color:inherit;
}
.btn a,
.acv-btn a{
	padding:1rem 2rem;
	border:solid 1px;
}
.acv-btn a{
	width:300px;
	padding:0.375rem 1rem;
	font-size:1rem;
}
.btn [type="submit"],
.btn [type="button"]{
	width:auto;
	padding:0.5rem 1.5rem;
	background-color:var(--marin);
	color:#fff;
	border-radius:1rem;
}

.btn a:hover,
.acv-btn a:hover{
}
.btn [type="submit"]:hover,
.btn [type="button"]:hover{
	background-color:var(--marin);
}
.btn a.more{
	font-size:1rem;
}
.btn a + a{
	margin-left:1em;
}
.bnr{
	padding:5px 10px;
}
@media ( min-width:640px ){
	.btn a{
		max-width:320px;
	}
}




/**** Flex box ****/
.flx{
	display:flex;
	/*flex-flow:{flex-direction} {flex-wrap};*/
	flex-direction:column; /*配置軸 row左右/column上下 (reverse で反転);*/
	flex-wrap:wrap; /*折り返し nowrap/wrap/wrap-reverse */
	/*justify-content:	横揃え flex-start/center/flex-end/center/space-between/space-around */
	align-items:flex-start;/*高さ揃え stretch/flex-start/flex-start/flex-end/center/baseline */
	align-content:stretch; /*複数の高さ揃え stretch/flex-start/flex-end/center/space-between/space-around */
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}
.double,
.trisect,
.quarter{
	display:flex;
	flex-flow:row wrap;
	align-items:flex-start;
	align-content:stretch;
	width:100%;
}
ul.flx, ol.flx,
ul.double, ol.double,
ul.trisect, ol.trisect,
ul.quarter, ol.quarter{
	list-style:none;
}
ul.flx > li.cel, ol.flx > li.cel,
ul.double > li.cel, ol.double > li.cel,
ul.trisect > li.cel, ol.trisect > li.cel,
ul.quarter > li.cel, ol.quarter > li.cel{
	margin:0;
}
.flx.txtcenter{	 justify-content:center; }
.flx.txtleft{	 justify-content:flex-start; }
.flx.txtright{	 justify-content:flex-end; }

.cel,
.cel6-1, .cel6-2, .cel6-3m .cel6-4, .cel6-5,
.cel5-1, .cel5-2, .cel5-3, .cel5-4,
.cel4-1, .cel4-2, .cel4-3,
.cel3-1, .cel3-2
.cel2-1,
.cel1{
	order:0;
	/*flex:{flex-grow} {flex-shrink} {flex-basis}; */
	flex-grow:0;/*幅伸び率*/
	flex-shrink:1;/*幅縮比率*/
	/*flex-basis:	子要素の幅*/
	align-self:flex-start; /*子要素の垂直位置	flex-start/flex-end/center/stretch/baselne*/
	vertical-align:middle;
}
.double > .cel		{ flex-basis:50%; }
.trisect > .cel,
.trisect > .cel3-1	{ flex-basis:calc( 100% / 3 ); }
.trisect > .cel3-2	{ flex-basis:calc( 200% / 3 ); }
.quarter > .cel,
.quarter > .cel4-1	{ flex-basis:25%; }
.quarter > .cel4-2	{ flex-basis:50%; }
.quarter > .cel4-3	{ flex-basis:75%; }

.cel6-1, .cel6-2, .cel6-3m .cel6-4, .cel6-5,
.cel5-1, .cel5-2, .cel5-3, .cel5-4,
.cel4-1, cel4-2, .cel4-3,
.cel3-1, .cel3-2,
.cel2-1,
.cel1{
	width:100%;
}
.towcolumn,
.threecolumn{
	flex-flow:column wrap;
	align-items:flex-start;
	align-contents:stretch;
	justify-contents:center;
}
.towcolumn > .main,
.towcolumn > .side-l,
.towcolumn > .side-r,
.threecolumn > .main,
.threecolumn > .side-l,
.threecolumn > .side-r{
	flex:0 1 100%;
}

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

	.flx,
	.towcolumn, .threecolumn{
		flex-direction:row;
	}
	.cel6-1{ flex-basis:calc( 100% / 6 ); }
	.cel6-2{ flex-basis:calc( 200% / 6 ); }
	.cel6-3{ flex-basis:calc( 300% / 6 ); }
	.cel6-4{ flex-basis:calc( 400% / 6 ); }
	.cel6-5{ flex-basis:calc( 500% / 6 ); }
	.cel5-1{ flex-basis:20%; }
	.cel5-2{ flex-basis:40%; }
	.cel5-3{ flex-basis:60%; }
	.cel5-4{ flex-basis:80%; }
	.cel4-1{ flex-basis:25%; }
	.cel4-2{ flex-basis:50%; }
	.cel4-3{ flex-basis:75%; }
	.cel3-1{ flex-basis:calc( 100% / 3 ); }
	.cel3-2{ flex-basis:calc( 200% / 3 ); }
	.cel2-1{ flex-basis:50%; }
	.cel1-1{ flex-basis:100%; }
	
	.flx > .odr1{ order:1; }
	.flx > .odr2{ order:2; }
	.flx > .odr3{ order:3; }
	.flx > .odr4{ order:4; }
	.flx > .odr5{ order:5; }
	.flx > .odr6{ order:6; }
	.flx > .odr7{ order:7; }
	.flx > .odr8{ order:8; }
	.flx > .odr9{ order:9; }
	.flx > .odr10{ order:10; }
	
	.towcolumn > .side-l,
	.threecolumn > .side-l{
		order:1;
	}
	.towcolumn > .main,
	.threecolumn > .main{
		order:2;
	}
	.towcolumn > .side-r,
	.threecolumn > .side-r{
		order:3;
	}
	
	.towcolumn > .side-l,
	.towcolumn > .side-r{
		flex-basis:240px;
	}
	.towcolumn > .main{
		flex-basis:calc( 100% - 240px );
	}
	.threecolumn > .side-l{
		flex-basis:200px;
	}
	.threecolumn > .main{
		flex-basis:calc( 100% - 400px );
	}
	.threecolumn > .side-r{
		flex-basis:200px;
	}
}





/**** Block ****/
#wrapper,
#contents,
.wrapper{
	margin:0;
	padding:0;
	width:100%;
}
#wrapper{
	overflow:hidden;
	min-height:100vh;
}
#contents{
	margin:0 auto;
	padding:4rem 0.5rem 2rem 0.5rem;
}
.content,
.wrap{
	margin:0 auto;
	width:100%;
	max-width:1000px;
}
.section,
.content{
	margin-top:2rem;
	margin-bottom:5rem;
}
.section{
}
.thin{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:1rem 0;
}
@media screen and ( min-width:767px ){

	#contents{
		padding-top:0;
		padding-left:0;
		padding-right:0;
	}
	.thin{
		width:70%;
		max-width:720px;
		padding-left:0;
		padding-right:0;
	}

}




/**** Header ***/
/*header.wrapper*/
#siteheader.flx{
	position:fixed;
	top:0;
	left:0;
	background-color:#fff;
	z-index:9000;
}
#siteheader{
	/*position:relative;*/
	width:100%;
	max-width:1280px;
	margin:0 auto;
	text-align:center;
}
#sitelogo{
	display:block;
	margin:0 auto;
	width:15rem;
	height:5rem;
	padding:0.5rem 0;
}
#sitelogo > a{
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
#sitelogo > a img{
	display:block;
	margin:0;
	padding:0;
	border:0;
}
#sitenav{
}
.topimg img{
	display:block;
	margin:0;
	padding:0;
	border:0;
	width:100%;
}
@media screen and ( min-width:768px ){
	header.wrapper{
		position:fixed;
		top:0;
		left:0;
		background-color:#fff;
		z-index:9000;
	}
	#siteheader.flx{
		position:static;
		top:auto; left:auto;
		flex-flow:row nowrap;
	}
	#sitelogo{
		flex-basis:18%;
		width:auto;
		height:auto;
		padding:0;
	}
	#sitenav{
		flex-basis:82%;
	}
}
@media screen and ( min-width:820px ){
	#sitelogo{
		flex-basis:15rem;
		width:15rem;
		height:4rem;
	}
	#sitenav{
		flex-basis:calc( 100% - 15rem );
	}
}

/** Navigation **/
.pull{
	display:none;
}
.pull + label{
	position:absolute;
	top:0;
	width:4.5rem;
	height:4.5rem;
	z-index:9999;
	margin:0;
	padding:0.25rem;
	text-align:center;
	background-color:var(--wh);
	border-radius:0.25rem;
}
.pull + label:before{
	display:block;
	margin:0;
	padding:0;
	font-family:'dashicons';
	font-size:4rem;
	line-height:4rem;
	text-align:center;
	text-decoration:none;
	color:var(--bk);
	width:100%;
	height:100%;
	overflow:hidden;
}
#menu-icon.pull + label{
	right:0;
}
#cart-icon.pull + label{
	right:5rem;
}
#menu-icon.pull + label:before{ content: "\f228"; }
#cart-icon.pull + label:before{ content: "\f174"; }

#menu-icon.pull:checked + label:before,
#cart-icon.pull:checked + label:before{
	content: "\f335";
}
#sitenav{
	position:absolute;
	left:0;
	padding:0;
	background-color:var(--wh);
	overflow:hidden;
	width:100%;
	height:0; /* navgation close */
	z-index:9000;
}
.pull:checked + label + #sitenav{
	overflow:scroll;
	height:100vh; /* navigation open*/
}
.menu,
.sub-menu{
	list-style:none;
	padding:0;
	margin:0;
}
ul#main-menu{
	text-align:center;
	width:100%;
}
#main-menu > li,
#main-menu .menu-item{
	border-bottom:dotted 1px #999;
}
#main-menu > li:first-of-type,
#main-menu .menu-item:first-of-type{
	border-top:dotted 1px #999;
}
#sitenav li > a,
#sitenav .menu-item > a,
#sitenav .child-menu-item > a{
	display:block;
	cursor:pointer;
	color:var(--bk);
	text-decoration:none;
	text-align:center;
	line-height:2em;
	font-size:calc( 1rem + 4px );
	padding:0.25rem;
}
#sitenav .menu-item > a small,
#sitenav .child-menu-item > a small{
	display:block;
}
#sitenav #main-menu > li,
#sitenav .menu-item,
#sitenav .child-menu-item{
	margin:0 auto;
	padding:0;
	text-align:center;
	text-decoration:none;
	line-height:1em;
}
#sitenav .child-menu-item{
	background-color:var(--bk);
	color:white;
}
#main-menu > li > a:hover,
#main-menu .menu-item a:hover,
#sitenav .child-menu-item a:hover{
	background-color:var(--bg);
}
.arrow:after{
	font-family:'dashicons';
	content: "\f345";
	width:1.5em;
	padding:4px;
}
a:hover .arrow{
	transition:0.5s;
	padding-left:0.5em;
}
@media screen and ( min-width:768px ){
	header.wrapper{
		position:static;
	}
	.pull + label,
	.pull + label:before{
		display:none;
	}
	#sitenav{
		position:static;
		height:auto;
		overflow:visible;
		/*padding:0.5rem 0;*/
	}
	#main-menu{
		display:flex;
		flex-flow:row nowrap;
		justify-content:center;
		align-items:stretch;
	}
	#main-menu > .menu-item,
	#main-menu > li{
		flex:auto;
		margin:0;
		border:0;
		/*border-right:1px dotted var(--sub);*/
		padding:0;
		text-align:center;
	}
	#main-menu > li:first-of-type,
	#main-menu .menu-item:first-of-type{
		border-top:0;
	}
	#main-menu .menu-item + .menu-item,
	#main-menu > li + li{
		border-left:1px solid white;
	}
	#sitenav li > a,
	#sitenav .menu-item > a,
	#sitenav .child-menu-item > a{
		width:100%;
		padding:0.5rem;
		text-align:center;
		font-size:min( calc( 82vw / 60 ), 1rem );
		line-height:1.5rem;
	}
	#sitenav .menu-item.has-children{
		position:relative;
	}
	#sitenav .has-children .sub-menu{
		position:absolute;
		left:0;
		top:2.5rem;
		width:100%;
		margin:0;
		z-index:999;
	}
	#sitenav .sub-menu > .child-menu-item{
		transition:0.5s;
		display:block;
		width:100%;
		height:0;
		margin:0;
		padding:0;
		border-radius:1rem;
		overflow:hidden;
		
	}
	#sitenav .has-children:hover > .sub-menu > .child-menu-item,
	#sitenav .sub-menu:hover > .child-menu-item{
		height:2em;
		margin:0.5rem 0;
	}
}
@media screen and ( min-width:820px ){
	#sitenav li > a,
	#sitenav .menu-item > a,
	#sitenav .child-menu-item > a{
		padding:1rem 0.5rem;
	}
}



/*** front page ***/

#sitedescription{
	position:absolute;
	top:4rem;	left:0;
	padding:1rem;
}
.catchttl{
	margin:0.5rem 0;
	font-size:min( 2.75rem, calc( 100vw / 10 ) );
	line-height:calc( 1em + 15px );
}
.catchtxt{
	margin:0.5rem 0;
	font-size:min( 1.5rem, calc( 100vw / 24 ) );
	line-height:1.5em;
}
/** top nav **/
#top_nav{
	display:none;
	padding:1rem;
	background-image:url('parts/bg_waveline.png');
	background-size:auto 4rem;
	background-position:50% 100%;;
	background-repeat:repeat-x;
}
#top_menu{
	padding-top:11rem;
	/*border-bottom:solid 1px #ccc;*/
	background-image:url('parts/sitelogo.png');
	background-size:calc( 100% - 1rem ) auto;
	background-position:0.5rem 3.5rem;
	background-repeat:no-repeat;
}
#top_menu .menu-item{
	border-top:solid 1px #ccc;
	padding:0.5rem;
	margin:0;
}
#top_menu .menu-item:last-child{
	border-bottom:solid 1px #ccc;
}
#top_menu .menu-item a{
	display:block;
	position:relative;
	padding:1rem;
	line-height:1rem;
	color:inherit;
	text-decoration:none;
}
#top_menu .menu-item a:after{
	display:block;
	position:absolute;
	top:0; left:calc( 97% - 3rem );
	width:3rem;
	padding:0.5rem 1rem;
	line-height:2rem;
	content: "\f345";
	font-family:'dashicons';
	font-size:2rem;
	text-align:center;
	color:var(--marin);
	transition:0.3s;
}
#top_menu .menu-item a:hover:after{
	left:calc( 100% - 3rem );
}


/*** Slider ***/
#slidwrap,
.slidwrap{
	position:relative;
	padding:0;
	z-index:6000;
}
#slidwrap{
	width:100vw;
	height:100vh;
	margin:0 auto 1rem auto;
}

#slider{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.slide-item{
	width:100%;
	margin:0 auto;
	padding:0 0 100vh 0;
	border:0;
	display:block;
	background-size:cover;
	background-position:50% 50%;
	vertical-align:top;
}
.slide-item img{
	display:block;
	width:100%;
	height:auto;
	margin:0 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:after{
	font-family:'dashicons';
	content: "\f141";
}
.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(--sub);
	border-radius:50%;
}
.slick-dots li.slick-active button{
	background-color:var(--sub);
}

/** NEWS **/
#newslist{
	padding:1rem 0 1rem 2rem;
	margin:0;
}
.newsitem{
	margin:0;
	padding:1rem 0;
	border-bottom:solid 1px #ccc;
}
.newsitem .itemdate{
	flex-basis:8rem;
	text-align:left;
}
.newsitem .itemcat{
	flex-basis:8rem;
	text-align:center;
}
.newsitem .itemcat > a{
	display:block;
	color:inherit;
	text-decoration:none;
	background-color:var(--bg);
}
.newsitem .itembody{
	flex-basis:calc( 100% - 16rem );
	padding-left:1rem;
}
.newsitem .itembody > a{
	position:relative;
	display:block;
	color:inherit;
}
.newsitem .itembody > a:after{
	position:absolute;
	top:0; right:0;
	width:2rem;
	display:block;
	content: "\f345";
	font-family:'dashicons';
	color:var(--marin);
}
.newsitem .itembody > a:hover{
	background-color:rgba(180,180,180,0.1);
}
.newsitem .itembody > a:hover:after{
	width:1rem;
	transition:0.3s;
}

@media screen and ( min-width:481px ){
	#slidwrap{
	}
}
@media screen and ( min-width:768px ){
	
	#sitedescription{
		top:0;
		left:min( 25vw, 300px );
	}
	.catchttl{
		font-size:2.75rem;
		line-height:4rem;
	}
	.catchtxt{
		font-size:1.25rem;
		line-height:2rem;
	}
	#slidwrap{
		display:flex;
		flex-flow:row nowrap;
	}
	#top_nav,
	#top_nav + #slider{
		flex-grow:1;
	}
	#top_nav{
		display:block;
		flex-basis:min( 25vw, 300px );
		padding-bottom:5rem;
	}
	#top_nav + #slider,
	#sitedescription{
		flex-basis:calc( 100vw - min( 25vw, 300px ) );
	}
	#top_menu{
		max-height:100%;
		overflow:scroll;
	}
}
@media screen and ( min-width:960px ){
	#slidwrap{
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	#slider{
		width:100%;
		margin:0;
	}
}

/*** Banner ***/
#navbanner{
	margin:2rem auto 4rem auto;
}
.banner{
	padding:1rem;
}
.banner > a,
.banner > a img{
	display:block;
	margin:0;
	padding:0;
	line-height:1rem;
}
.banner a:hover{
	opacity:0.7;
}
@media screen and ( min-width:768px ){
	.banner{
		flex-basis:calc( 100% / 3 );
	}
}
@media screen and ( min-width:1600px ){
	.banner{
		flex-basis:calc( 100% / 4 );
	}
}



/**** page ****/
.pagetitle h1{
	text-align:center;
	font-size:2rem;
	line-height:2.5rem;
	padding:1rem;
	margin:4rem 0;
}
.sectiontitle{
	margin:1rem 0 2rem 0;
	font-size:2rem;
	font-weight:bold;
	line-height:calc( 2rem + 4px );
}
a.ahvlink{
	display:inline-block;
	margin:3rem 0;
	font-size:calc( 1rem + 2px );
	line-height:1.5rem;
	color:inherit;
	text-decoration:none;
}
a.ahvlink .arrow{
	color:var(--marin);
}
a.ahvlink:hover .arrow{
	margin-left:5px;
}


/*** about ***/



/*** komobuchi ***/
/***  product  ***/
#point_list.flx{
	flex-flow:row wrap;
	margin:1rem 0;
}
#point_list.flx > .cel{
	flex-grow:1;
	flex-basis:50%;
	line-height:2rem;
}
#point_info,
#product_info{
	margin:1rem 0;
}
#point_info.flx,
#product_info.flx{
	justify-content:center;
}
#point_info.flx > .cel,
#product_info.flx > .cel{
	position:relative;
	/*flex-basis:100%;*/
	width:100%;
	padding-bottom:calc( 10px + 2.5rem);
	margin:0 0 3rem 0;
}
#point_info.flx > .cel{
	padding:10px;
}
#product_info.flx > .cel{
	padding:1rem;
}
.point.cel > .num,
.info-item.cel > .num{
	text-align:center;
	color:white;
	background-color:red;
	border-radius:50%;
}
.point.cel > .num{
	display:inline-block;
	margin-right:5px;
	width:1.5rem;
	height:1.5rem;
	line-height:1.5rem;
	font-size:calc( 1rem - 2px );
	
}
.info-item.cel > .num{
	position:absolute;
	top:0; left:0;
	display:block;
	width:2rem;
	height:2rem;
	line-height:2rem;
	font-size:calc( 1.5rem - 4px );
}
.info-item .info-title,
.info-item .info-img,
.info-item .info-article,
.info-item .gmapbtn,
.product-item .item-title,
.product-item .item-img,
.product-item .item-article,
.product-item .shopbtn{
	max-width:640px;
	margin-left:auto;
	margin-right:auto;
}

.info-item .info-title{
	margin:0.5rem 0;
	font-size:1.5rem;
	line-height:2rem;
}
.product-item .item-title{
	margin:0;
	padding:6px 0;
	border-top:solid 1px;
	border-bottom:solid 1px;
	text-align:center;
	font-weight:normal;
	font-size:1rem;
	line-height:calc( 1rem + 4px );
}
.info-title span{
	margin-right:10px;
}
.info-img.imgwrap,
.info-img.imgwrap > img,
.item-img.imgwrap,
.item-img.imgwrap > img{
	display:block;
	width:100%;
	margin:0 auto;
}
.info-item .info-article{
	margin:0.5rem 0;
	line-height:1.5rem;
	text-align:left;
}
.product-item .item-article{
	font-size:calc( 1rem - 2px) ;
	line-height:calc( 1rem + 2px );
}
.gmapbtn{
	position:absolute;
	bottom:0;
	width:calc( 100% - 20px );
	margin:0;
	text-align:center;
}
.gmapbtn a{
	display:block;
	width:100%;
	padding:0.5rem;
	font-size:calc( 1.5rem - 4px );
	line-height:1.5rem;
	text-decoration:none;
	color:white;
	background-color:var(--sub);
}
.gmapbtn a:hover{
	color:var(--sub);
	background-color:white;
}
.product-item .shopbtn a{
	display:block;
	width:100%;
	margin:0;
	padding:5px 12px;
	border:solid 1px;
	color:var(--key);
	font-size:1rem;
	line-height:calc( 1rem + 4px );
	text-align:center;
	text-decoration:none;
}
.product-item .shopbtn a:hover{
	color:white;
	background-color:var(--key);
}
@media screen and ( min-width:768px ){
	#point_list.flx > .cel{
		flex-basis:25%;
	}
	#point_info.flx > .cel,
	#product_info.flx > .cel{
		width:auto;
		flex-basis:min( calc( 100% / 3 ), 320px );
		align-self:stretch;
	}
}


/*** go-hightaka ****/
#hightaka-booking{
	display:block;
	position:fixed;
	top:3rem; right:-0.5rem;
	width:8rem;
	height:8rem;
}
#hightaka-booking a,
#hightaka-booking a img{
	display:block;
	margin:0;
	padding:0;
	border:0;
	width:100%;
}
#hightaka-img.double > .cel{
	margin:0.5rem;
	flex-basis:calc( 50% - 1rem );
}
.set{
	margin:0 1rem 2rem 1rem;
}
.settitle{
	margin:0;
	font-size:1.25rem;
	line-height:1.5rem;
	padding:0.875rem;
}
.gallery > .cel{
	padding:1px;
}
.photo > a,
.photo > a > img{
	display:block;
	margin:0;
	padding:0;
	border:0;
}
table.chart,
table.bookin{
	text-align:left;
	width:100%;
	line-height:calc( 1rem + 4px );
}
td.price{
	text-align:right;
}
table.chart tr,
table.bookin tr{
	border:solid 1px #666;
}
table.chart tr:nth-child(odd),
table.bookin tr:nth-child(odd){
	background-color:var(--bg);
}
table.chart th,
table.chart td,
table.bookin th,
table.bookin td{
	padding:0.5rem;
}
table.chart th,
table.bookin th{
	font-weight:normal;
}
table.bookin th{
	min-width:7rem;
}
table.chart td,
table.bookin td.value{
	width:25%;
}


/*** Lightbox ***/
.lb-outerContainer{
	width:100%;
}
/*** 予約フォーム ***/
table.bookin input[type="number"]{
	width:5rem;
}
input#checkin,
input#checkout{
	width:12rem;
}

@media screen and ( min-width:768px ){
	#hightaka-booking{
		top:45%;
		right:8%;
		width:10rem;
		height:10rem;
	}
}




/****　footer　*****/
#sitefooter{
	text-align:center;
}
#copyright{
	padding:2rem;
}




/****　footer　*****/
#sitefooter{
	text-align:center;
}
#copyright{
	padding:2rem;
}




/***** Form *****/

label,
input,select,textarea{
	font-family:var(--gothic);
	font-size:inherit;
	font-weight:normal;
	line-height:1.25em;
}
input,select,textarea{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	box-sizing:border-box;
	border:solid 1px;
	background-color:#fff;
}
input[type="button"],input[type="submit"]{
	border:0;
	font-size:calc( 1rem + 2px );
}
input[type="text"],input[type="email"],input[type="password"],
input[type="number"],
input[type="button"],input[type="submit"]{
	width:100%;
	padding:0.125rem 0.25rem;
}
textarea{
	width:90%;
	max-width:100%;
	padding:0.125rem 0.25rem;
}
input[type="text"]#name1,
input[type="text"]#name2,
input[type="text"]#name3,
input[type="text"]#name4{
	width:40%;
}
input[type="radio"],
input[type="checkbox"]{
	display:none;
}
label > input[type="radio"] + span:before,
input[type="radio"] + label > span:before{
	background-image:url('css/parts_radio.svg');
}
label > input[type="checkbox"] + span:before,
input[type="checkbox"] + label > span:before{
	background-image:url('css/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('css/parts_select.svg');
	background-position:100% 50%;
	background-size:2em;
	background-repeat:no-repeat;
	line-height:2em;
}
button{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	font-size:1rem;
	color:var(--key);
	border:0;
	background:none;
}
/*
button:hover{
	color:var(--sub);
}
*/
input[type="text"] + [type="button"],
select + [type="button"]{
	margin:0 0 0 0.5em;
}
.mwform-zip-field{
	display:block;
	margin-bottom:0.5em;
}




/** margin **/
.center{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.m0{ margin:0; }
.m05em{ margin:0.5em; }
.m1em{ margin:1rem; }
.m15em{ margin:1.5rem; }
.m2em{ margin:2rem; }
.m25em{ margin:2.5rem; }
.m3em{ margin:3rem; }
.m35em{ margin:3.5rem; }
.m4em{ margin:4rem; }
.m45em{ margin:4.5rem; }
.m5em{ margin:5rem; }
.m55em{ margin:5.5rem; }

.mtb05em{ margin-top:0.5rem; margin-bottom:0.5rem; }
.mtb1em{ margin-top:1rem; margin-bottom:1rem; }
.mtb15em{ margin-top:1.5rem; margin-bottom:1.5rem; }
.mtb2em{ margin-top:2rem; margin-bottom:2rem; }
.mtb25em{ margin-top:2.5rem; margin-bottom:2.5rem; }
.mtb3em{ margin-top:3rem; margin-bottom:3rem; }
.mtb35em{ margin-top:3.5rem; margin-bottom:3.5rem; }
.mtb4em{ margin-top:4rem; margin-bottom:4rem; }
.mtb45em{ margin-top:4.5rem; margin-bottom:4.5rem; }
.mtb5em{ margin-top:5rem; margin-bottom:5rem; }
.mtb55em{ margin-top:5.5rem; margin-bottom:5.5rem; }

.mlr{	 margin-left:auto; margin-right:auto; }
.mlr05em{ margin-left:0.5rem; margin-right:0.5rem; }
.mlr1em{ margin-left:1rem; margin-right:1rem; }
.mlr15em{ margin-left:1.5rem; margin-right:1.5rem; }
.mlr2em{ margin-left:2rem; margin-right:2rem; }
.mlr25em{ margin-left:2.5rem; margin-right:2.5rem; }
.mlr3em{ margin-left:3rem; margin-right:3rem; }
.mlr35em{ margin-left:3.5rem; margin-right:3.5rem; }
.mlr4em{ margin-left:4rem; margin-right:4rem; }
.mlr45em{ margin-left:4.5rem; margin-right:4.5rem; }
.mlr5em{ margin-left:5rem; margin-right:5rem; }
.mlr55em{ margin-left:5.5rem; margin-right:5.5rem; }

.mt0{ margin-top:0; }
.mt05em{ margin-top:0.5rem; }
.mt1em{ margin-top:1rem; }
.mt15em{ margin-top:1.5rem; }
.mt2em{ margin-top:2rem; }
.mt25em{ margin-top:2.5rem; }
.mt3em{ margin-top:3rem; }
.mt35em{ margin-top:3.5rem; }
.mt4em{ margin-top:4rem; }
.mt45em{ margin-top:4.5rem; }
.mt5em{ margin-top:5rem; }
.mt55em{ margin-top:5.5rem; }

.mb0{ margin-bottom:0; }
.mb05em{ margin-bottom:0.5rem; }
.mb1em{ margin-bottom:1rem; }
.mb15em{ margin-bottom:1.5rem; }
.mb2em{ margin-bottom:2rem; }
.mb25em{ margin-bottom:2.5rem; }
.mb3em{ margin-bottom:3rem; }
.mb35em{ margin-bottom:3.5rem; }
.mb4em{ margin-bottom:4rem; }
.mb45em{ margin-bottom:4.5rem; }
.mb5em{ margin-bottom:5rem; }
.mb55em{ margin-bottom:5.5rem; }

.ml0{ margin-left:0; }
.ml05em{ margin-left:0.5rem; }
.ml1em{ margin-left:1rem; }
.ml15em{ margin-left:1.5rem; }
.ml2em{ margin-left:2rem; }
.ml25em{ margin-left:2.5rem; }
.ml3em{ margin-left:3rem; }
.ml35em{ margin-left:3.5rem; }
.ml4em{ margin-left:4rem; }
.ml45em{ margin-left:4.5rem; }
.ml5em{ margin-left:5rem; }
.ml55em{ margin-left:5.5rem; }

.mr0{ margin-right:0; }
.mr05em{ margin-right:0.5rem; }
.mr1em{ margin-right:1rem; }
.mr15em{ margin-right:1.5rem; }
.mr2em{ margin-right:2rem; }
.mr25em{ margin-right:2.5rem; }
.mr3em{ margin-right:3rem; }
.mr35em{ margin-right:3.5rem; }
.mr4em{ margin-right:4rem; }
.mr45em{ margin-right:4.5rem; }
.mr5em{ margin-right:5rem; }
.mr55em{ margin-right:5.5rem; }

/** padding **/
.p0{ padding:0; }
.p05em{ padding:0.5rem; }
.p1em{ padding:1rem; }
.p15em{ padding:1.5rem; }
.p2em{ padding:2rem; }
.p25em{ padding:2.5rem; }
.p3em{ padding:3rem; }
.p35em{ padding:3.5rem; }
.p4em{ padding:4rem; }
.p45em{ padding:4.5rem; }
.p5em{ padding:5rem; }
.p55em{ padding:5.5rem; }

.ptb05em{ padding-top:0.5rem; padding-bottom:0.5rem; }
.ptb1em{ padding-top:1rem; padding-bottom:1rem; }
.ptb15em{ padding-top:1.5rem; padding-bottom:1.5rem; }
.ptb2em{ padding-top:2rem; padding-bottom:2rem; }
.ptb25em{ padding-top:2.5rem; padding-bottom:2.5rem; }
.ptb3em{ padding-top:3rem; padding-bottom:3rem; }
.ptb35em{ padding-top:3.5rem; padding-bottom:3.5rem; }
.ptb4em{ padding-top:4rem; padding-bottom:4rem; }
.ptb45em{ padding-top:4.5rem; padding-bottom:4.5rem; }
.ptb5em{ padding-top:5rem; padding-bottom:5rem; }
.ptb55em{ padding-top:5.5rem; padding-bottom:5.5rem; }

.plr{	 padding-left:auto;  padding-right:auto;}
.plr05em{ padding-left:0.5rem; padding-right:0.5rem; }
.plr1em{ padding-left:1rem; padding-right:1rem; }
.plr15em{ padding-left:1.5rem; padding-right:1.5rem; }
.plr2em{ padding-left:2rem; padding-right:2rem; }
.plr25em{ padding-left:2.5rem; padding-right:2.5rem; }
.plr3em{ padding-left:3rem; padding-right:3rem; }
.plr35em{ padding-left:3.5rem; padding-right:3.5rem; }
.plr4em{ padding-left:4rem; padding-right:4rem; }
.plr45em{ padding-left:4.5rem; padding-right:4.5rem; }
.plr5em{ padding-left:5rem; padding-right:5rem; }
.plr55em{ padding-left:5.5rem; padding-right:5.5rem; }

.pt0{ padding-top:0; }
.pt05em{ padding-top:0.5rem; }
.pt1em{ padding-top:1rem; }
.pt15em{ padding-top:1.5rem; }
.pt2em{ padding-top:2rem; }
.pt25em{ padding-top:2.5rem; }
.pt3em{ padding-top:3rem; }
.pt35em{ padding-top:3.5rem; }
.pt4em{ padding-top:4rem; }
.pt45em{ padding-top:4.5rem; }
.pt5em{ padding-top:5rem; }
.pt55em{ padding-top:5.5rem; }

.pb0{ padding-bottom:0; }
.pb05em{ padding-bottom:0.5rem; }
.pb1em{ padding-bottom:1rem; }
.pb15em{ padding-bottom:1.5rem; }
.pb2em{ padding-bottom:2rem; }
.pb25em{ padding-bottom:2.5rem; }
.pb3em{ padding-bottom:3rem; }
.pb35em{ padding-bottom:3.5rem; }
.pb4em{ padding-bottom:4rem; }
.pb45em{ padding-bottom:4.5rem; }
.pb5em{ padding-bottom:5rem; }
.pb55em{ padding-bottom:5.5rem; }

.pl0{ padding-left:0; }
.pl05em{ padding-left:0.5rem; }
.pl1em{ padding-left:1rem; }
.pl15em{ padding-left:1.5rem; }
.pl2em{ padding-left:2rem; }
.pl25em{ padding-left:2.5rem; }
.pl3em{ padding-left:3rem; }
.pl35em{ padding-left:3.5rem; }
.pl4em{ padding-left:4rem; }
.pl45em{ padding-left:4.5rem; }
.pl5em{ padding-left:5rem; }
.pl55em{ padding-left:5.5rem; }

.pr0{ padding-right:0; }
.pr05em{ padding-right:0.5rem; }
.pr1em{ padding-right:1rem; }
.pr15em{ padding-right:1.5rem; }
.pr2em{ padding-right:2rem; }
.pr25em{ padding-right:2.5rem; }
.pr3em{ padding-right:3rem; }
.pr35em{ padding-right:3.5rem; }
.pr4em{ padding-right:4rem; }
.pr45em{ padding-right:4.5rem; }
.pr5em{ padding-right:5rem; }
.pr55em{ padding-right:5.5rem; }




/****: 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;
}
.clf{
	overflow:hidden;
	zoom:1;
}
.clf:after{
	content:"";
	display:block;
	clear:both;
}

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

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

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


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


/***** 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;
}