/*
Theme Name: maruhideseishi2016
Theme URI: https://cms.1cloud.co.jp/
Version: 1.0
Description: 有限会社丸英製紙HP2020
Author: 株式会社ワンクラウド　電話:088-855-4800
*/

@charset "utf-8";

/* ress.css */
/*!
 * ress.css • v2.0.4
 * MIT License
 * github.com/filipelinhares/ress
 */
html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;tab-size:4}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}hr{overflow:visible;height:0}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[disabled]{cursor:default}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer;color:inherit}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type="button"]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;white-space:normal;max-width:100%}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}img{border-style:none}progress{vertical-align:baseline}svg:not([fill]){fill:currentColor}@media screen{[hidden~=screen]{display:inherit}[hidden~="screen"]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}
/* ress.css end */

html,body {
	height: 100%;
}
*{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	outline: 0;
}
img {
	-webkit-backface-visibility: hidden;
}
ul {
	list-style-type: none;
}
input,button,textarea,select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
a {
	text-decoration: none;
	color: #000;
}
p {
	margin-bottom: 2em;
	line-height: 1.7;
}
.cb {
	clear: both;
}
.tac {
	text-align: center;
}
.tar {
	text-align: right;
}
.tdu {
	text-decoration: underline;
}
.db {
	display: block;
}
.dib {
	display: inline-block;
}
.wsn {
	white-space: nowrap;
}
.w100 {
	width: 100%;
}
/* font */
.fwb{font-weight:bold}.fwn{font-weight:normal}.fs75{font-size:75%!important}.fs80{font-size:80%!important}.fs85{font-size:85%!important}.fs90{font-size:90%!important}.fs120{font-size:120%!important}.fs150{font-size:150%!important}.fs180{font-size:180%!important}.fs200{font-size:200%!important}
/* end */
h1,h2,h3,h4,h5,h6{font-size:15px;font-weight:normal;line-height:1.5;margin:0;padding:0}
/* margin */
.mt-15{margin-top:-15px!important}.mt30{margin-top:30px!important}.mt60{margin-top:60px!important}.mt100{margin-top:100px!important}.mb3{margin-bottom:3px!important}.mb6{margin-bottom:6px!important}.mb9{margin-bottom:9px!important}.mb12{margin-bottom:12px!important}.mb15{margin-bottom:15px!important}.mb30{margin-bottom:30px!important}.mb45{margin-bottom:45px!important}.mb60{margin-bottom:60px!important}.mb75{margin-bottom:75px!important}.mb90{margin-bottom:90px!important}.mb120{margin-bottom:120px!important}
/* end */

body {
	font-family : "Sawarabi Mincho", YuMincho, '游明朝', 'Noto Serif Japanese', serif, 'メイリオ';
	line-height: 1.5;
	font-size: 15px;
}
.to-top {
	display:table;
	margin: auto;
	padding: 60px;
}
.to-top a {
	display: table-cell;
	width: 80px;
	height: 80px;
	margin: auto;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #eee;
	border-radius: 50%;
	box-sizing: border-box;
  transition-property: background;
  transition-duration: 0.4s;
}
.to-top a:hover {
	background-color: #eee;
}
/* header */
header {
}
.header-outer {
	position: fixed;
	top: 0;
	z-index: 10;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	background-color: #fff;
	border-bottom: 1px solid #eee;
}
.header {
	display: inline-block;
	vertical-align: bottom; 
}
.logo {
	display: block;
	float: left;
	width: 270px;
	height: 60px;
	margin: 0 5px 0 15px;
}
.logo img {
	width: 48px;
	height: auto;
	margin-top: -15px;
	vertical-align: middle;
}
.logo h1 {
	display: inline-block;
	padding-top: 12px;
	margin-left: 20px;
	font-size: 24px;
	font-weight: bold;
}
.logo span {
	display: inline-block;
	padding-top: 12px;
	margin-left: 20px;
	font-size: 24px;
	font-weight: bold;
}
.menu {
	display: block;
	float: left;
	width: auto;
	height: 60px;
	margin: 0 15px;
	cursor: pointer;
}
.menu img {
	width: auto;
	height: 48px;
	margin-top: 6px;
	border: 1px solid #eee;
	border-radius: 3px;
	transition: all 0.4s;
}
.menu img:hover {
	border: 1px solid #1f1e1e;
}
#mobile-nav {
	display: none;
}
.front-page-header {
}
.header-navL, .header-navR {
	float: left;
	width: 180px;
	margin-top: 20px;
}
.header-navR {
}
.header-navL li {
	float: right;
	font-size: 14px;
	line-height: 20px;
}
.header-navR li {
	float: left;
	font-size: 14px;
	line-height: 20px;
}
.header-navL li a, .header-navR li a {
	position: relative;
	display: inline-block;
	padding: 0 5px;
	transition: .3s;
}
.header-navL li a::after, .header-navR li a::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0;
	height: 1px;
	background-color: #666;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.header-navL li a:hover::after, .header-navR li a:hover::after {
	width: 100%;
}
/* end */
/* modal */
.modal-logo {
	display: block;
	float: left;
	width: 270px;
	height: 60px;
	margin: 0 0 30px 0;
	color: #fff;
}
.modal-logo img {
	max-height: 100%;
	vertical-align: top;
}
.modal-logo span {
	display: inline-block;
	padding-top: 12px;
	margin-left: 20px;
	font-size: 24px;
	font-weight: bold;
}
#modalmenu {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: left;
	background: rgba(07,06,06,0.9);
	z-index: 1000;
	transition: all .3s ease-in;
	visibility: hidden;
	opacity: 0;
	overflow: auto;
}
.open-menu #modalmenu {
	visibility: visible;
	opacity: 1;
}
#modalmenu-position {
	width: 270px;
	margin: 60px auto;
	padding: 30px 30px 0;
	border: 6px solid #fff;
	box-sizing: initial;
}
.modalmenu-list {
	padding: 30px 0;
}
.modalmenu-list li a {
	position: relative;
	display: block;
	line-height: 2.2;
	font-size: 15px;
	color: #fff;
}
.modalmenu-list li a::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0;
	height: 1px;
	background-color: #aaa;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.modalmenu-list li a:hover::after {
	width: 100%;
}
.close-modalmenu {
	margin-bottom: 60px;
	font-size: 48px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
/* end */
main {
	display: block;
	padding-top: 80px;
}
/* end */
/* フッター */
footer {
	padding: 30px 0 6px;
	text-align: center;
	background-color: #eee;
	overflow: auto;
}
.footer-contact {
	display: inline-block;
	width: 600px;
}
.footer-contactL {
	float: left;
	width: calc(50% - 3px);
}
.footer-contactR {
	float: right;
	width: calc(50% - 3px);
}
.footer-contact .tel {
	font-size: 30px;
	line-height: 1.6;
	letter-spacing: 0.08em;
}
.footer-content {
	max-width: 1080px;
	margin: auto;
	height: 240px;
}
.footer-nav {
	max-width: 1080px;
	margin: 0 auto 15px;
}
.footer-nav ul {
	font-size: 0px;
}
.footer-nav li {
	display: inline-block;
	margin: 0 0 6px -1px;
}
.footer-nav li a {
	padding: 0px 12px;
	font-size: 13px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}
.footer-logo {
	margin-bottom: 15px;
}
.footer-logo img {
	width: 80px;
	height: auto;
}
.footer-name {
	margin-bottom: 15px;
	font-weight: bold;
}
address {
	font-size: 13px;
	font-style: normal;
	line-height: 1.4;
}
.copyright {
	font-size: 12px;
	font-family : Arial;
	font-weight: bold;
	color: #aaa;
}
/* end */
/* お問い合わせ */
.common {
	background: url(images/bg-content.png) repeat-x left top #fff;
}
.breadcrumbs {
	max-width: 1080px;
	margin: 0 auto;
	padding: 15px 0 3px 0;
	font-size: 12px;
	line-height: 1.3;
	text-align: center;
}
.corner-titlebox {
	padding: 30px 0;
	text-align: center;
}
.corner-title h1 {
	font-size: 27px;
}
.corner-title-sub {
	font-size: 18px;
}
.cornertitleh2 {
	margin-bottom: 12px;
	font-size: 21px;
	font-weight: bold;
}
.mainbox {
	max-width: 1200px;
	margin: auto;
}
.contactL {
	float: left;
	width: calc(50% - 3px);
	padding: 45px 45px;
	color: #000;
	background-color: #fff;
	border: 1px solid #f3f3f3;
	box-sizing: border-box;
}
.contactR-outer {
	position: relative;
	float: right;
	width: calc(50% - 3px);
}
.tab-area {
	position: absolute;
	top: 1px;
	left: 1px;
	width: calc(100% - 1px);
}
.tab {
	float: left;
	width: 50%;
	padding: 0;
	line-height: 30px;
	color: #000;
	text-align: center;
	background-color: #fff;
	border-bottom: 1px solid #f3f3f3;
	cursor: pointer;
}
.tab01 {
}
.tab02 {
	margin-left: -1px;
}
.tab.active {
	color: #fff;
	background-color: #433d3c;
	cursor: initial;
}
.tab-change-arrow {
	display: block;
	position: absolute;
	top: 36px;
	left: 50%;
	width: 30px;
	margin-left: -15px;
	height: auto;
}
.contactR.show {
	display: block;
}
.contactR {
	display: none;
	padding: 60px 45px 45px;
	color: #000;
	background-color: #fff;
	border: 1px solid #f3f3f3;
	box-sizing: border-box;
}
.contactL .fa {
	vertical-align: 1px;
}
.contactR .fa {
	vertical-align: -4px;
}
.mainbox .tel {
	font-size: 36px;
	line-height: 1.6;
	letter-spacing: 0.08em;
}
.contactform-title {
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: bold;
}
.contactitembox {
	margin-bottom: 18px;
	box-sizing: border-box;
}
.contactitemL {
	margin-bottom: 3px;
	line-height: 18px;
}
.contactitemR {
	width: 100%;
	box-sizing: border-box;
}
img.optional, img.required {
	display: block;
	float: left;
	width: 32px;
	height: auto;
	margin: 3px 4px 0 0;
}
textarea, input, select {
	width: 100%;
	padding: 6px;
	font-size: 18px;
	font-family : YuMincho, '游明朝', serif, 'メイリオ';
	color: #000;
	border: 1px solid #ddd;
	border-radius: 3px;
	box-sizing: border-box;
}
textarea:focus, input:focus {
}
.contactform-caution-title {
	font-size: 13px;
}
.contactform-caution {
	font-size: 13px;
}
.contactform-submit {
	padding: 0 0 15px 0;
}
.contactform-submit input {
	width: 270px;
	padding: 10px 0 10px 19px;
	background-color: #008899;
	transition: all 0.4s;
	font-family : YuMincho, '游明朝', serif;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 18px;
	border: none;
	box-sizing: border-box;
}
.contactform-submit input:hover {
	cursor: pointer;
	background-color: #007180;
}
.contactform input[type="number"] { 
	-moz-appearance: textfield; 
}
.contactform input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.contactform .zipcode {
	display: inline-block;
	width: 120px;
}
.contactform .shozaichi {
	height: 120px;
}
.contactform .cf-tel {
	width: 240px;
}
/* end */
/* staff */
.staffbox {
	margin-left: -6px;
}
.staff {
	float: left;
	width: calc(33.33% - 6px);
	height: 396px;
	margin: 0 0 6px 6px;
	padding: 30px;
	background-color: #fff;
	border: 1px solid #f3f3f3;
}
.staff-image {
	display: block;
	width: 180px;
	height: 180px;
	margin: 0 auto 18px;
}
.staff-name {
	margin-bottom: 9px;
	font-size: 18px;
}
/* end */
/* voice */
.voicebox {
	margin-left: -6px;
}
.voice {
	float: left;
	width: calc(50% - 6px);
	min-height: 360px;
	margin: 0 0 6px 6px;
	padding: 45px 45px;
	background-color: #fff;
	border: 1px solid #f3f3f3;
}
.voice-photo {
	float: right;
	width: 240px;
	height: auto;
	margin: 0 0 15px 15px;
}
/* end */
/* novelty */
.layer03 {
	margin-bottom: 60px;
	padding: 60px 0;
	background-color: #f3f3f3;
}
.threeboxes-v2 {
	display: table;
	max-width: 1080px;
	margin: 0 auto 60px;
}
.boxL-v2, .boxC-v2, .boxR-v2 {
	display: table-cell;
	width: 33.33%;
	padding: 0;
}
.boxL-v2 img, .boxC-v2 img, .boxR-v2 img {
	max-width: 100%;
	transition: all 0.4s;
}
.boxL-v2 img:hover, .boxC-v2 img:hover, .boxR-v2 img:hover {
	opacity: 0.6;
}
.novelty-textbox {
	padding: 0 30px;
}
.novelty-textbox p {
	margin-bottom: 1em;
}
.novelty-pr {
	max-width: 360px;
	margin: 0 auto 45px;
	text-align: left;
}
.novelty-pr ul li {
	margin-bottom: 6px;
	list-style-type: disc;
	font-size: 18px;
}
.novelty-threeboxes img {
	width: 33.33%;
}
/* end */
/* qa */
/* end */
/* online meeting */
.img-online-meeting {
	float: right;
	width: 100%;
	height: auto;
	margin: 0 0 15px 0;
}
.online-meeting-flowbox {
}
.online-meeting-flow {
	margin-bottom: 18px;
}
.online-meeting-flowL {
	float: left;
	width: 60px;
}
.online-meeting-flow-number {
	display: block;
	width: 48px;
	height: 48px;
	font-size: 24px;
	font-weight: bold;
	line-height: 48px;
	color: #fff;
	text-align: center;
	background-color: #ba2636;
	border-radius: 24px;
}
.online-meeting-flowR {
	float: right;
	width: calc(100% - 60px);
}
.online-meeting-flow-title {
	display: inline-block;
	font-weight: bold;
	font-size: 13px;
}
/* end */
/* media */
.media {
	max-width: 720px;
	margin: 0 auto 12px;
	padding: 27px 0;
	background-color: #fff;
	border: 3px solid #f3f3f3;
}
.mediaT {
	padding: 0 57px;
	border-bottom: 1px solid #f3f3f3;
}
.mediaB {
	padding: 18px 57px;
}
.media-content img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}
/* end */
/* access */
.gmap {
	width: 100%;
	height: 420px;
	overflow: hidden;
	margin-bottom: 18px;
}
.gmap iframe {
	width: 100%;
	height: 720px;
	margin-top: -180px;
}
.access-bybox {
	padding: 30px 0;
	text-align: center;
}
.access-byL, .access-byR {
	float: left;
	width: calc(50% - 3px);
	padding: 45px 45px;
	border: 1px solid #f3f3f3;
}
.access-byR {
	float: right;
}
.access-by-title {
	margin-bottom: 15px;
	font-size: 18px;
}
.access-by-text {
}
.access-by {
	padding: 18px 15px;
	font-size: 24px;
	border: 1px solid #eee;
	border-radius: 3px;
}
.access-by-to {
}
.access-by-text li {
	list-style-type: disc;
}
.to-googlemaps {
	display: block;
	width: 180px;
	margin: 0 auto;
	line-height: 30px;
	color: #fff;
	text-align: center;
	background-color: #433d3c;
	border-radius: 15px;
}
/* end */
/* 10 year */
.product-main-imagebox {
	max-width: 960px;
	margin: 0 auto;
}
.product-textbox {
	max-width: 1200px;
	margin: 0 auto 60px;
	text-align: center;
}
.product-textbox p {
	font-size: 21px;
}
.prL {
	display: inline-block;
	font-weight: bold;
	font-size: 39px;
}
.prM {
	display: inline-block;
	font-weight: bold;
	font-size: 27px;
}
.prS {
	font-size: 21px;
}
.illustbox {
	max-width: 360px;
	height: auto;
	margin: 0 auto;
	text-align: center;
}
.calculation {
	margin-bottom: 30px;
	background: url(images/1pxeee.png) repeat-y left 50% top #fafafa;
	border: 1px solid #eee;
}
.calculation-title {
	margin-bottom: 12px;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.5;
}
.calculationL, .calculationR {
	float: left;
	width: 50%;
	padding: 30px 45px;
}
.calculation-content {
	margin-bottom: 6px;
}
.calculation-content select {
	display: inline-block;
	width: 150px;
	text-align: right;
	background-color: #fff;
	cursor: pointer;
}
.calculation-button input {
	display: block;
	width: 240px;
	margin: 0 auto;
	padding: 8px 0 8px 12px;
	background-color: #008899;
	transition: all 0.4s;
	font-family : YuMincho, '游明朝', serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 8px;
	border: none;
	box-sizing: border-box;
}
.calculation-button input:hover {
	cursor: pointer;
	background-color: #007180;
}
#calculation-resultsbox {
	padding-top: 30px;
}
.calculation-resultsbox {
}
.appearance {
	display: block;
}
.numberbox input {
	width: 120px;
	font-size: 36px;
	text-align: right;
	border: none;
}
.saigaibox {
	max-width: 1200px;
	margin: 0 auto 30px;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.shoplist {
	padding-left: 18px;
}
.shoplist li {
	list-style-type: disc !important;
}
.shoplist a {
	display: inline-block;
	padding: 6px 0;
	font-size: 18px;
}
.shoplist a:hover {
	text-decoration: underline;
}
.dataL {
	float: left;
	width: calc(50% - 6px);
}
.dataR {
	float: right;
	width: calc(50% - 6px);
}
.dataL img, .dataR img {
	border: 1px solid #333;
}
.layer01 {
	margin-bottom: 60px;
	padding: 60px 10px;
	background-color: #f3f3f3;
}
.threeboxes {
	margin-left: -12px;
	font-size: 15px;
}
.boxL, .boxC, .boxR {
	float: left;
	width: calc(33.33% - 12px);
	height: 360px;
	margin-left: 12px;
	padding: 30px;
	background-color: #fff;
}
.threeboxes h3 {
	margin-bottom: 6px;
	font-weight: bold;
	font-size: 24px;
}
.layer02 {
	margin-bottom: 90px;
	padding: 15px 10px;
}
.story-layer {
	position: relative;
	max-width: 720px;
	margin: 0 auto;
	padding: 15px 180px 60px;
	border: 1px solid #aaa;
	box-sizing: initial;
}
.pin {
	position: absolute;
	top: -30px;
	left: 50%;
	width: 60px;
	height: auto;
	margin-left: -30px;
}
.storytitleh3 {
	margin-bottom: 6px;
	font-weight: bold;
	font-size: 18px;
}
.detailbox {
	margin-bottom: 60px;
}
.detail-usebox {
	margin: 0 0 12px -3px;
}
.detail-usebox:after {
	content: "";
	clear: both;
	display: block;
}
.detail-useboxli {
	padding: 3px 9px;
	margin-left: 3px;
	float: left;
	font-size: 13px;
	font-weight: bold;
	font-family: Yu Gothic;
	color: #fff;
	border-radius: 6px;
}
.clr-purple {
	background-color: #796baf;
}
.clr-green {
	background-color: #6fba2c;
}
.clr-blue {
	background-color: #005bac;
}
.clr-red {
	background-color: #e60033;
}
.clr-pink {
	background-color: #ee87b4;
}
.clr-orange {
	background-color: #f08300;
}
.detail-titlebox {
	margin-bottom: 15px;
	border-bottom: 2px solid #333;
}
.detail-titleh2 {
	float: left;
	font-weight: bold;
	font-size: 24px;
}
.detail-modelnumber {
	float: right;
	font-weight: bold;
}
.detail-contentbox {
}
.dcL {
	float: left;
	width: 50%;
}
.detail-image {
	display: block;
	width: 100%;
	background-color: #f3f3f3;
	border: 1px solid #333;
}
.detail-table {
}
.dtitem {
	margin-top: -1px;
	font-weight: bold;
	font-size: 12px;
	background: url(images/1px333.png) repeat-y left 90px top;
	border: 1px solid #333;
}
.dtitemL, .dtitemR {
	float: left;
	padding: 3px 6px;
}
.dtitemL {
	width: 90px;
}
.dtitemR {
	width: calc(100% - 90px);
}
.dcR {
	float: right;
	width: calc(50% - 9px);
}
.detail-titleh3 {
	margin-bottom: 6px;
	padding: 3px 9px;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 0.2em;
	color: #fff;
	background-color: #555;
}
.dcRul {
	list-style-type: disc;
	margin-left: 1.5em;
}
/* end */
/* wp-pagenavi */
.wp-pagenavi {
	border: none;
}
.wp-pagenavi {
}
.wp-pagenavi a, .wp-pagenavi span, .wp-pagenavi span.current {
	display: inline-block;
	width: 36px;
	height: 36px;
	margin: 0 4px 4px 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	color: #555;
	text-align: center;
	line-height: 36px;
	background-color: #eee;
	border: none;
	border-radius: 100%;
	transition-proterty: background;
	transition-duration: 0.2s;
}
.wp-pagenavi a:hover {
	color: #fff;
	background-color: #008899;
}
.wp-pagenavi span.current {
	color: #fff;
	background-color: #008899;
}
.wp-pagenavi span.extend {
	border: none;
}
.wp-pagenavi a.last {
	font-size: 12px;
}
/* end */
/* 商品紹介 */
.product-category-title {
	padding-top: 45px;
	padding-bottom: 15px;
	border-top: 15px solid #eee;
}
.product-category-title h2 {
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}
.product-category {
	max-width: 1098px;
	margin: auto;
	margin-bottom: 0px;
}
.productbox {
	margin-left: -9px;
}
.product {
	float: left;
	width: 360px;
	height: 660px;
	margin: 0 0 9px 9px;
	padding: 50px 30px;
	background: url(images/1pxeee.png) repeat-x left top, url(images/1pxeee.png) repeat-x left bottom, url(images/1pxeee.png) repeat-y left top, url(images/1pxeee.png) repeat-y right top;
	border: 0px solid #eee;
	box-sizing: border-box; 
}
.product-image {
	margin-bottom: 20px;
}
.product img {
	width: 300px;
	height: auto;
}
.product-name {
	margin-bottom: 15px;
}
.product-name h3 {
	font-size: 20px;
	font-weight: normal;
}
.product-text {
}
figure {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
/* end */
/* front page */
.fp-mainbox {
	max-width: 1080px;
	margin: 0 auto;
}
.fp-mainL, .fp-mainR {
	float: left;
	height: 360px;
	width: 180px;
	padding-top: 20px;
	display: flex;
	writing-mode: vertical-rl;	align-items: end;
}
.fp-mainR {	align-items: start;
}
.fp-mainboxh1 {
	font-weight: bold;
	font-size: 18px;
	line-height: 1.6;
}
.fp-slider {
	float: left;
	max-width: 720px;
	height: auto;
}
#mobile-front-page {
	display: none;
}
#front-page {
	height: 100%;
	min-height: 1000px;
	background-image: url(images/test-nikobuchi5.jpg);
	background-position: center;
	background-size: cover;
}
#top-message {
	min-height: 1000px;
	padding-top: 150px;
	text-align: center;
}
#top-message img {
	max-height: 100%;
}
#access {
	padding: 140px 0;
}
.to-next {
	display:table;
	margin: auto;
	padding: 0px;
}
.to-next a {
	display: table-cell;
	width: 80px;
	height: 80px;
	margin: auto;
	vertical-align: middle;
	color: #fff;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 50%;
	box-sizing: border-box;
  transition-property: background;
  transition-duration: 0.4s;
	opacity: 0.5;
}
.to-next a:hover {
	opacity: 1;
	background-color: rgba(255,255,255,0.5);
}
.newsbox {
	max-width: 660px;
	margin: auto;
	padding: 15px 0;
	border: 0px solid #eee;
	box-sizing: border-box;
}
.newsitembox {
	margin-bottom: 30px;
}
.newsitem {
	width: 100%;
	padding: 0.5em 0;
	line-height: 1.3;
	margin-bottom: 9px;
}
.newsitemL {
	float: left;
	width: 30%;
}
.newsitemR {
	float: left;
	width: 70%;
}
.to-news {
	text-align: right;
}
.newscontent img {
	max-width: 100%;
	height: auto;
}
#disaster {
	background-color: #fafafa;
}
.disasterbox {
	max-width: 680px;
	margin: auto;
}
.disaster {
	display: table;
}
.disasterL, .disasterR {
	display: table-cell;
	width: 50%;
	padding: 10px;
	box-sizing: border-box;
}
.disasterL img, .disasterR img {
	width:; 100%;
	max-width: 100%
}
.disaster p {
	padding-top: 20px;
}
#message {
	padding: 120px 0;
	color: #fff;
	background-image: url(images/bg-line.png),url(images/bg-messagebox.jpg);
	background-position: center,center;
	background-size: auto,cover;
}
.messagebox {
}
.message {
	max-width: 600px;
	margin: auto;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	line-height: 2;
	text-shadow: 1px 1px 2px #000;
}
.to-company {
	text-align: center;
}
.to-company a {
	display: inline-block;
	padding: 10px 50px;
	color: #fff;
 	transition-property: background;
	transition-duration: 0.4s;
	border: 1px solid #fff;
	box-sizing: border-box;
}
.to-company a:hover {
	background-color: rgba(255,255,255,0.8);
}
.twitter-fbbox {
	padding: 45px 0;
	text-align: center;
	border-top: 1px solid #eee;
}
.twitter-fbbox img {
	width: 60px;
	height: auto;
	padding: 0 10px;
}
/* end */
/* 共通設定 */
.container-w240 {
	max-width: 240px;
	margin: 0 auto;
}
.container-w600 {
	max-width: 600px;
	margin: 0 auto;
}
.container-w720 {
	max-width: 720px;
	margin: 0 auto;
}
.container-w780 {
	max-width: 780px;
	margin: 0 auto;
}
.container-w960 {
	max-width: 960px;
	margin: 0 auto;
}
.container-w1200 {
	max-width: 1200px;
	margin: auto;
}
.p30-0 {
	padding: 30px 0;
}
.page-navi {
	max-width: 600px;
	margin: 0 auto;
	padding-top: 60px;
}
/* end */
/* プライバシーポリシー */
.privacy li {
	margin-bottom: 1em;
	margin-left: 1em;
	list-style-type: decimal;
}
/* end */
/* company */
.img-president {
	display: block;
	float: left;
	margin: 10px 18px 18px 10px;
	width: 240px;
	height: auto;
	border-radius: 100%;
	shape-outside: circle();
	box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
}
.corner-subtitle {
	margin-bottom: 1em;
	border-bottom: 1px solid #eee;
}
.corner-subtitle h2 {
	font-size: 18px;
	font-weight: normal;
}
.company-table dt, .history-table dt {
	float: left;
	width: 30%;
}
.company-table dd,.history-table dd {
	float: left;
	width: 70%;
	margin-bottom: 1em;
}
.company-table dd:last-child::after {
	content: '';
	display: block;
	clear: both;
	margin-bottom: 60px;
}
/* end */
/* よくあるご質問 */
.qabox {
}
.question {
	margin-bottom: 6px;
	font-size: 20px;
}
.questionL {
	float: left;
	width: 40px;
	line-height: 30px;
}
.questionL img {
	width: 30px;
	height: 30px;
}
.questionR {
	float: left;
	width: calc(100% - 40px);
	line-height: 1.3;
}
.answer {
	margin-bottom: 45px;
	font-size: 15px;
}
.answerL {
	float: left;
	width: 40px;
}
.answerL img {
	width: 30px;
	height: 30px;
}
.answerR {
	float: left;
	width: calc(100% - 40px);
	line-height: 1.4;
}
/* end */
.hama-brand h2 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}
.news-list {
	max-width: 100%;
	margin-bottom: 30px;
	padding: 30px;
	box-sizing: border-box;
	background-color: #f3f3f3;
}
.news-list-last {
	margin-bottom: 0px;
}
.news-listbox h2 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.news-list img {
	max-width: 100%;
}
/* クリーンズファミリー */
.container-w800 {
	max-width: 800px;
	margin: auto;
}
.cleans-family h2 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}
.cleans-family-titleimage {
	margin-bottom: 30px;
}
.cleans-family-mainimage {
	margin-bottom: 45px;
}
.cleans-family img {
	max-width: 100%;
}
.cleans-family-youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.cleans-family-youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	border: none;
}
.cleans-family-descbox h3 {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
}
.cleans-family-descbox {
	margin-bottom: 45px;
}
.cleans-family-desc {
	margin-bottom: 30px;
}
.cleans-family-descL {
	float: left;
	width: 120px;
}
.cleans-family-descR {
	float: right;
	width: calc(100% - 120px);
}
.cleans-family-voice li {
	margin-bottom: 5px;
	padding: 15px 30px;
	box-sizing: border-box;
	border: 5px dotted #eee;
}
.to-specification {
	margin-bottom: 30px;
	text-align: center;
}
.to-specification a {
	display: inline-block;
	padding: 5px 15px;
	font-size: 16px;
	color: #fff;
	background-color: #333;
 	transition-property: background;
	transition-duration: 0.4s;
	box-sizing: border-box;
}
.to-specification a:hover {
	background-color: #999;
}
.to-contact {
	text-align: center;
}
.to-contact a {
	display: inline-block;
	width: 300px;
	padding: 18px 0px;
	font-weight: bold;
	font-size: 18px;
	color: #000;
 	transition-property: background;
	transition-duration: 0.4s;
	border: 1px solid #555;
}
.to-contact a:hover {
	background-color: rgba(0,0,0,0.05);
}
.specification {
	padding: 30px;
	box-sizing: border-box;
	background-color: #fafafa;
}
.specification li {
	margin-bottom: 1em;
	margin-left: 1em;
	list-style-type: decimal;
}
.specification li ul li{
	margin-bottom: 1em;
	margin-left: 1em;
	list-style-type: none;
}
.specification-liL {
	float: left;
	width: 120px;
}
.specification-liR {
	float: left;
	width: calc(100% - 120px);
}
/* end */
/* delivery record */
.delivery-record-map {
	width: 100%;
}
.irowakebox {
	margin: 30px auto 45px;
	text-align: center;
}
.irowake-yes, .irowake-no {
	display: inline-block;
	margin: 0 1px;
	padding: 3px 12px;
	font-size: 13px;
	color: #fff;
	background-color: #d7003a;
	border: 1px solid #555;
}
.irowake-no {
	color: #000;
	background-color: #fff;
}
.delivery-recordlayer {
	padding: 30px 0;
	border-top: 1px solid #333;
	border-bottom: 1px solid #eee;
}
.delivery-recordbox {
	max-width: 600px;
	margin: 0 auto;
}
.delivery-recordtitleh3 {
	margin-bottom: 6px;
	font-weight: bold;
	font-size: 18px;
	border-bottom: 1px solid #eee;
}
.delivery-record {
	margin-bottom: 30px;
}
.delivery-record-item {
	display: block;
	float: left;
	width: calc(50% - 15px);
	margin: 0 15px 3px 0;
}
/* end */
/* recomended stockpile */
.numberbox2 {
	display: inline;
	width: 150px;
	background-color: #fff;
}
.total-number {
	width: 180px!important;
}
/* end */
/* 製造工程 */
.process {
	background-color: #fafafa;
}
.process img {
	float: left;
	max-width: 50%;
}
.process-desc {
	float: right;
	width: 50%;
	padding: 30px;
	box-sizing: border-box;
}
.process-desc h2 {
	display: block;
	margin-bottom: 10px;
	font-size: 30px;
	color: #720;
	line-height: 1.3;
	border-bottom: 1px dotted #720;
}
.process2 {
	background-color: #fafafa;
}
.process2 img {
	float: right;
	max-width: 50%;
}
.process2 .process-desc {
	float: left;
	width: 50%;
	padding: 30px;
	box-sizing: border-box;
}
.next-process {
	padding: 45px 0;
	text-align: center;
}
.next-process img {
	max-width: 60px;
	height: auto;
}
.processbox {
	width: 800px;
}
.processL {
	float: left;
	width: 48%;
}
.processR {
	float: right;
	width: 48%;
}
.process-type2 {
	height: 480px;
	background-color: #fafafa;
}
.process-type2 img {
	max-width: 100%;
}
.process-type2-desc {
	padding: 30px;
}
.process-type2-desc h2 {
	display: block;
	margin-bottom: 10px;
	font-size: 24px;
	color: #720;
	line-height: 1.3;
	border-bottom: 1px dotted #720;
}
.product-process {
	text-align: center;
}
.product-process h2 {
	font-size: 24px;
	font-weight: bold;
}
/* end */
/* stp */
.stp-imgbox {
	margin-bottom: 40px;
}
.stp-imgL {
	float: left;
	width: 60%;
}
.stp-imgR {
	float: left;
	width: 40%;
}
.stp-pointbox {
	margin-bottom: 40px;
}
.stp-point {
	max-width: 800px;
	margin-bottom: 20px;
}
.stp-pointL {
	float: left;
	width: 100px;
	font-size: 20px;
	font-weight: normal;
	font-family: impact;
	color: #c00;
}
.stp-pointR {
	float: left;
	width: calc(100% - 100px);
	font-size: 18px;
	line-height: 1.4;
}
.stp-itembox {
	max-width: 800px;
	border: 1px solid #eee;
	margin-bottom: 80px;
}
.stp-item {
	display: table;
	width: 100%;
}
.stp-itemL {
	display: table-cell;
	width: 18%;
	padding: 8px;
	background-color: #fafafa;
	border: 1px solid #eee;
	box-sizing: border-box;
}
.stp-itemR {
	display: table-cell;
	width: 32%;
	padding: 8px;
	border: 1px solid #eee;
	box-sizing: border-box;
}
strong {
	font-weight: bold;
	color: #c00;
}
/* end */








@media (max-width: 1080px) {
/* front page */
.fp-mainbox {
	padding: 0 10px;
}
.fp-mainL, .fp-mainR {
	float: none;
	height: auto;
	width: 100%;
	margin-bottom: 15px;
	display: block;
	writing-mode: initial;	align-items: initial;
	text-align: center;
}
.fp-mainboxh1 {
	font-weight: bold;
	font-size: 16px;
	line-height: 1.6;
}
.fp-slider {
	float: none;
	max-width: initial;
	width: 100%;
	height: auto;
}
/* novelty */
.threeboxes-v2 {
	display: block;
}
.boxL-v2, .boxC-v2, .boxR-v2 {
	display: block;
	width: 100%;
	margin-bottom: 45px;
}
.boxL-v2 img, .boxC-v2 img, .boxR-v2 img {
	display: block;
	margin: 0 auto;
}
/* end */





































}
@media (max-width: 960px) {

/* フロントページ */
#front-page {
	display: none;
}
#mobile-front-page {
	display: block;
}
#mobile-front-page img {
	max-width: 100%;
}
.mobile-front-page-header {
	border-bottom: 1px solid #eee;
}
.header-navL, .header-navR {
	display: none;
}
.header-nav {
	float: none;
	width: 100%;
	margin-top: 20px;
}
.header-nav li {
	float: left;
	line-height: 1.8;
}
.newsbox {
	padding: 0 10px;
}
.message {
	padding: 0 10px;
}
/* end */
/* お問い合わせ */
.contactL {
	float: none;
	width: 100%;
	margin-bottom: 15px;
	padding: 45px 30px;
	box-sizing: border-box;
}
.contactR-outer {
	width: 100%;
	padding: 0;
	box-sizing: border-box;
}
.contactR {
	padding: 60px 30px 45px;
	color: #000;
}
.contactitemL {
	float: none;
	width: 100%;
	padding: 10px 0;
	box-sizing: border-box;
}
.contactitemR {
	float: none;
	width: 100%;
}
/* end */
.common {
	padding: 0 10px;
}
#page {
	display: block;
	position: static;
	z-index: 10;
	border-bottom: 1px solid #eee;
}
/* mobile-nav */
.header-nav {
	display: none;
}
#mobile-nav {
	display: block;
	border-bottom: 1px solid #eee;
}
.mobile-nav {
	text-align: center;
}
.mobile-nav dt {
	padding: 10px 0;
	font-size: 16px;
}
.mobile-nav dt:hover {
	cursor: pointer;
}
.mobile-nav dd {
	display: none;
}
.mobile-nav li a {
	display: block;
	margin: 1px 0px 1px 0px;
	padding: 10px;
	background-color: #f7f7f7;
}
.en {
	display: inline;
	margin-left: 10px;
	font-size: 14px;
}
/* end */
/* 商品紹介 */
.product {
	height: auto;
}
/* end */
/* 10 year */
.threeboxes {
	margin-left: 0;
}
.boxL, .boxC, .boxR {
	float: none;
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}
.layer02 {
	margin-bottom: 60px;
	padding: 15px 0;
}
.story-layer {
	padding: 15px 30px 30px;
	box-sizing: initial;
}
/* end */
/* access */
.access-bybox {
	padding: 30px 0;
	text-align: center;
}
.access-byL, .access-byR {
	float: none;
	width: 100%;
	margin-bottom: 15px;
	padding: 30px;
}
.access-by {
	font-size: 21px;
}
/* end */
/* voice */
.voicebox {
	margin-left: 0px;
}
.voice {
	float: none;
	width: 100%;
	min-height: initial;
	margin: 0 0 6px 0;
	padding: 30px;
}
/* end */






























































}
@media (max-width: 720px) {

.logo {
	width: 240px;
	margin: 0 0px 0 7px;
}
.logo img, .modal-logo img {
	width: 36px;
}
.logo span, .modal-logo span {
	font-size: 21px;
}
.modal-logo {
	width: 240px;
	margin: 0;
}
.modal-logo span {
	margin-top: -6px;
	font-size: 21px;
}
.menu {
	height: 60px;
}
.menu img {
	height: 36px;
	margin-top: 8px;
}
#modalmenu-position {
	padding: 15px 15px 0;
	border: 3px solid #fff;
}
.footer-contact {
	width: 100%;
}
.footer-contactL, .footer-contactR {
	float: none;
	margin: 0 auto;
	width: 100%;
}
/* 10 year */
.corner-title h1 {
	font-size: 21px;
}
.corner-title-sub {
	font-size: 15px;
}
.cornertitleh2 {
	margin-bottom: 12px;
	font-size: 18px;
	font-weight: bold;
}
.product-textbox p {
	font-size: 18px;
}
.prL {
	display: inline-block;
	font-weight: bold;
	font-size: 30px;
}
.prM {
	display: inline-block;
	font-weight: bold;
	font-size: 21px;
}
.prS {
	font-size: 18px;
}
.calculation {
	margin-bottom: 30px;
	background: #fafafa;
}
.calculationL, .calculationR {
	float: none;
	width: 100%;
}
.shoplist a {
	font-size: 16px;
}
/* end */
/* media */
.mediaT {
	padding: 0 27px;
}
.mediaB {
	padding: 18px 27px;
}
/* end */
/* contact */
.contactL {
	padding: 45px 10px;
}
.contactR {
	padding: 60px 10px 45px;
}
/* end */
/* voice */
.voice {
	padding: 30px 10px;
}
.voice-photo {
	float: none;
	width: 100%;
	max-width: 240px;
	margin: 0 0 15px 0;
}
/* end */
/* company */
.img-president {
	float: none;
	margin: 30px auto 18px auto;
	width: 240px;
	height: auto;
}
/* end */









}
@media (max-width: 480px) {

.dcL {
	float: none;
	width: 100%;
	margin-bottom: 9px;
}
.dcR {
	float: none;
	width: 100%;
}

.product {
	float: none;
	width: 100%;
}
.product img {
	width: 100%;
	height: auto;
}









}
@media (max-width: 360px) {

.delivery-record-item {
	float: none;
	width: 100%;
	margin: 0 0 3px 0;
}









}