@charset "utf-8";
div.editor {margin-top: 1rem; padding: 1.5rem 1rem}
div.editor img {width: auto !important; border: #999 1px solid; margin: 1rem; padding: .5rem}
div.editor img.left {float: left}
div.editor img.right {float: right}
div.editor::after {content:''; display:block; clear: both}
h1.title {
	border-bottom: #ddd 1px solid;
	font-size: 2.666666666666667rem;
	font-weight: 300;
	color: #f60;
	padding-bottom: 1rem
}

/*products*/
div.products {margin: 2rem 0 0}
dl.prod_nav {text-align: center; margin-bottom:  3rem}
dl.prod_nav>dd {display: inline-block}
dl.prod_nav>dd>a {
	border-right: #ddd 1px solid;
	padding: 1rem 1.5rem
}
dl.prod_nav>dd>a:hover, dl.prod_nav>dd>a[active] {background: #fc0}
dl.prod_nav>dd:last-child>a {border-right: none}

dl.prod_list {}
dl.prod_list>dd {text-align: center}
dl.prod_list>dd>p {font-size: 1.2rem; font-weight: 500}
dl.prod_list>dd>figure {position: relative}
dl.prod_list>dd>figure>img {border: #ccc 1px solid}
dl.prod_list>dd>figure>figcaption {
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(255, 199, 43, 0.8);
	text-align: center;
	mix-blend-mode: multiply;
	position: absolute;
	cursor: pointer;
	padding-top: 38%
}
dl.prod_list>dd>figure>figcaption>img {width: initial; max-width: initial}
dl.prod_list>dd>figure:hover>figcaption {display: block}

div.m_nav_prod {display: none; margin-bottom: 2rem}
div.m_nav_prod .btn-secondary, .dropdown-menu {width: 100%}

/*product detail*/
dd.prod_info {}
dd.prod_info>dl {margin: 0}
dd.prod_info>dl>dt, dd.prod_info>dl>dd {margin-bottom: 1.5rem}
dd.prod_info>dl>dt {font-weight: 300; color: #666}
dd.prod_info>dl>dd {font-weight: 500}
dd.prod_info>dl>dt:nth-child(1) {
	font-size: 2.666666666666667rem;
	font-weight: 400;
	color: #000;
	margin-bottom: 2rem
}
h2.more_prod {
	border-bottom: #f60 1px solid;
	font-size: 2rem;
	color: #666;
	text-align: center;
	margin-bottom: 1.5rem;
	padding-bottom: 1rem
}


/*contact*/
div.contact {margin: 0}
dl.cinfo {}
dl.cinfo>dt {
	border-bottom: #ddd 1px solid;
	font-size: 1.25rem;
	margin: 1rem 0;
	padding-bottom: .5rem
}
dl.cform {}
dl.cform>dt {
	border-bottom: #ddd 1px solid;
	font-size: 1.25rem;
	margin: 1rem 0;
	padding-bottom: .5rem
}
dl.cform>dd {margin: 0 0 1rem}
dl.cform>dd>label {
	font-weight: 500;
	margin-bottom: 0;
	padding-top: .2rem
}
dl.cform>dd>input, dl.cform>dd>textarea {
	width: 100%;
	padding: .25rem .5rem
}
dl.cform>dd>textarea {height: 8rem}
dl.cform>dd:last-child {
	text-align: right
}

div.gmap {border: #ddd 1px solid; padding: .75rem .75rem .5rem}
div.gmap>iframe {width: 100% !important}

/*news*/
dl.news_list {margin: 2rem 0 0}
dl.news_list>dt, dl.news_list>dd {
	border-bottom: #ddd 1px dashed;
	margin-bottom: 1rem;
	padding-bottom: 1rem
}
dl.news_list>dt {}
dl.news_list>dd {
	width: 56rem;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
dl.news_list>dd:last-child {border-bottom: none}