@charset "utf-8";
/*
	https://www.rentalbusters.net
	PC用CSS
*/

/* SHORTENING
------------------------------------- */
/* font-size */
.pt7 {font-size: 7pt;}
.pt8 {font-size: 8pt;}
.pt9 {font-size: 9pt;}
.pt10 {font-size: 10pt;}
.pt11 {font-size: 11pt;}
.pt12 {font-size: 12pt;}
.pt13 {font-size: 13pt;}
.pt14 {font-size: 14pt;}
.pt15 {font-size: 15pt;}
.pt20 {font-size: 20pt;}
.pt25 {font-size: 25pt;}
.pt30 {font-size: 30pt;}
.pt35 {font-size: 35pt;}

.px8 {font-size: 8px;}
.px9 {font-size: 9px;}
.px10 {font-size: 10px;}
.px11 {font-size: 11px;}
.px12 {font-size: 12px;}
.px13 {font-size: 13px;}
.px14 {font-size: 14px;}
.px15 {font-size: 15px;}
.px16 {font-size: 16px;}
.px17 {font-size: 17px;}
.px18 {font-size: 18px;}
.px19 {font-size: 19px;}
.px20 {font-size: 20px;}
.px21 {font-size: 21px;}
.px22 {font-size: 22px;}
.px23 {font-size: 23px;}
.px24,.leadTxt {font-size: 24px;}
.px25 {font-size: 25px;}
.px26 {font-size: 26px;}
.px27 {font-size: 27px;}
.px28 {font-size: 28px;}
.px29 {font-size: 29px;}
.px30 {font-size: 30px;}

.size-small{font-size: small;}
.size-xsmall{font-size: x-small;}

.lh10 {line-height: 10px !important;}
.lh11 {line-height: 11px !important;}
.lh12 {line-height: 12px !important;}
.lh13 {line-height: 13px !important;}
.lh14 {line-height: 14px !important;}
.lh15 {line-height: 15px !important;}
.lh16 {line-height: 16px !important;}
.lh17 {line-height: 17px !important;}
.lh20 {line-height: 20px !important;}
.lh25 {line-height: 25px !important;}

/* font-weight */
.bold {font-weight: bold;}
.normal{font-weight: normal;}

/* margin-left */
.ml05 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml50 {margin-left: 50px;}
.ml70 {margin-left: 70px;}

/* margin-right */
.mr05 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}
.mr50 {margin-right: 50px;}
.mr150 {margin-right: 150px !important;}

/* margin-top */
.mt5,.mt05 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}

/* margin-bottom */
.mb3,.mb03 {margin-bottom: 3px;}
.mb5,.mb05 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}
.mb80 {margin-bottom: 80px;}
.mb100 {margin-bottom: 100px;}
.mb120 {margin-bottom: 120px;}
.mb140 {margin-bottom: 140px;}
.mb-30{margin-bottom:-30px;}

/* padding */
.pd3,.pd03 {padding: 3px;}
.pd5,.pd05 {padding: 5px;}
.pd10 {padding: 10px;}
.pd15 {padding: 15px;}
.pd20 {padding: 20px;}
.pd25 {padding: 25px;}
.pd30 {padding: 30px;}
.pd35 {padding: 35px;}
.pd40 {padding: 40px;}

.pdt05 {padding-top: 5px;}
.pdt10,.patt10 {padding-top: 10px;}
.pdt15 {padding-top: 15px;}
.pdt20,.pat20 {padding-top: 20px;}
.pdt30 {padding-top: 30px;}
.pdt40 {padding-top: 40px;}
.pdt50 {padding-top: 50px;}

.pdb05,.pb {padding-bottom: 5px;}
.pdb10,.pb10 {padding-bottom: 10px;}
.pdb15 {padding-bottom: 15px;}
.pdb20 {padding-bottom: 20px;}
.pdb30 {padding-bottom: 30px;}
.pdb40 {padding-bottom: 40px;}
.pdb50 {padding-bottom: 50px;}

.red {color: #f00;}
.rbgreen,.rb_color,.cg{color: #6aa33c;}
[class*="bg_"] {position: relative;}
[class*="bg_"]::before {
	border-radius: inherit;
	content: "";
	width: 100%;
	height: 100%;
	z-index: -1;
	position: absolute;
}
.bg_blue {background: #e9f4ff;}
.bg_red {background: #f9eded;}
.bg_green {background: #eff4d7;}
.bg_gray {background: #f0f0f0;}
.bg_lightgray::before {background: #f4f4f4;}
.bg_grayblue::before {background: #eef0f1;}
.bg_graygreen::before {background: #ecf0e9;}
.bg_lightpink::before {background: #f9f4f5;}
.transparent {background: transparent;}
.antiquewhite { background: antiquewhite; }

.bordernone,.noborder {border:none;}
.b_no {border-style: none;}
.underline {text-decoration: underline;}
.namisen {text-decoration: 1px wavy underline #666;}
.namisen.red {text-decoration: 1px wavy underline #f00;}
.namisen.white {text-decoration: 1px wavy underline #fff;}
.namisen2 {text-decoration: 2px wavy underline #666;}
.namisen2.red {text-decoration: 2px wavy underline #f00;}
.namisen2.white {text-decoration: 2px wavy underline #fff;}

.marker {
	position: relative;
	z-index: 0;
}
.marker::before {
	content: "";
	position: absolute;
	background: #fbeb02;
	display: inline-block;
	width: 100%;
	height: 10px;
	z-index: -1;
	bottom: 2px;
	padding: 0 2px;
	left: -2px;
	border-radius: 1px 0 40% 1px;
}

/* 上付き文字、下付き文字 */
.upper,.super {vertical-align: super;}
sup {font-size: 10px;}
.lower,.sub {vertical-align: sub;}

.fr {float: right;}
.fl {float: left;}

.left {text-align: left;}
.right {text-align: right;}
.center,.tc{text-align: center;}
.vtop {vertical-align: top !important;}
.vmiddle {vertical-align: middle;}
.vcenter {
	display: flex !important;
	flex-direction: column;
	justify-content: center;
}

.w50 {width: 50px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w80 {width: 80px;}
.w90 {width: 90px;}
.w100 {width: 100px;}
.w120 {width: 120px;}
.w130 {width: 130px;}
.w150 {width: 150px;}
.w180 {width: 180px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
/* two column */
.col2 {width: 365px;}
.w580 {width: 580px;}

.clearfix:after {
 	content: "";
 	clear: both;
	display: block;
	height: 0;
}
.micro_clearfix:after {
	content:'';
	display:table;
	clear:both;
}

.input-must {
	background: #fdfdd7;
	border: 1px solid #8f8f9d;
}

.cont {
	width: 750px;
}

/* flexbox */
.flexbox_wrap {
	display: flex;
}
/* 端寄せ */
.flexbox_wrap.between {
	flex-direction: row;
	justify-content: space-between;
}


/* BASIC
------------------------------------- */
html {overflow-y: scroll;}
body {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: 9pt;
	margin: 0;
	padding: 0;
	line-height: 1.6;
	letter-spacing: 1px;
	display: flex;
	flex-direction: column;
}

#contents {
	width: 980px;
	margin: 20px auto;
	padding: 0;
	display: inline-flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
/* floatからflexboxに変更したことで、clearfixが不要に */
#contents.clearfix::before,
#contents.clearfix::after {
	content: none;
}
main {
	display: inline-flex;
	justify-content: flex-start;
	flex-direction: column;
	width: 750px;
	/*float: right;*/
}
aside {
	display: inline-flex;
	justify-content: flex-start;
	flex-direction: column;
	height: 100%;
	width: 200px;
	/*float: left;*/
}

footer {
	color: #fff;
	font-size: 9pt;
	background: #2e2e2e;
	height: 380px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	gap: 10px;
}
footer a {
	color: #fff;
	text-decoration: none;
}
footer a:hover {
	color: #c94c00;
	text-decoration: none;
}

.footer-company-group {
	background: #fff;
	font-family: "BIZ UDPGothic",sans-serif;
	display: inline-grid;
	height: 70px;
	font-size: 11px;
	grid-template-rows: 1fr;
	justify-content: center;
	align-content: center;
	gap: 10px;
	grid-template-columns: 130px auto;
	padding: 20px 0;
	margin: auto;
	max-width: 100%;
	width: 100%;
	color: #000;
}
.footer-company-group a {
	text-decoration: underline;
	color: #000;
	line-height: 20px;
	margin: 0 5px 0 0;
	font-weight: bold;
}


h1,h2,h3,h4,h5,h6 {margin: 0;}

br {letter-spacing: normal;}
/* SPの場合は改行、PCの場合は無視 */
br.spbr {display: none;}

a {color: #33a;}
a:hover {
	color: #c94c00;
	text-decoration: none;
}

figure {
	margin: auto;
}
figure.logo img {
	width: 150px;
	aspect-ratio: 25/8;
}
a:hover figure img,
a:active figure img {
	opacity: .8;
}
figcaption {
	font-size: 13px;
	/* width: inherit; */
	width: 100%;
}

img {
	border: 0;
	vertical-align: bottom;
}
img .frame {
	margin: 0;
	padding: 5px;
	border: 1px solid #ccc;
}

/* 画像切り取り */
img.object-fit {
	background: #eee;
	object-fit: cover;
	height: revert-layer;
}
img.object-fit.of-top,
img.object-fit.of_top {
	object-position: top;
}
img.object-fit.of-bottom,
img.object-fit.of_bottom {
	object-position: bottom;
}


/* グリッドレイアウト
------------------------------------- */
.grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr;
}
.grid.col1 {grid-template-columns: repeat(1, 1fr);}
.grid.col2 {grid-template-columns: repeat(2, 1fr);}
.grid.col3 {grid-template-columns: repeat(3, 1fr);}
.grid.col4 {grid-template-columns: repeat(4, 1fr);}
.grid.col5 {grid-template-columns: repeat(5, 1fr);}
.grid.col6 {grid-template-columns: repeat(6, 1fr);}
.gap1 {gap: 1px;}
.gap2 {gap: 2px;}
.gap3 {gap: 3px;}
.gap4 {gap: 4px;}
.gap5 {gap: 5px;}
.gap6 {gap: 6px;}
.gap7 {gap: 7px;}
.gap8 {gap: 8px;}
.gap9 {gap: 9px;}
.gap10 {gap: 10px;}
.grid .grid_inline,
.grid .inline {display: inline-grid;}
.grid .grid_inline.center,
.grid .inline.center {
	justify-items: center;
	align-content: center;
}
.grid .jcenter {
	justify-items: center;
}
.grid .acenter {
	align-content: center;
}


/* リストタグ
------------------------------------- */
ul, li{
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  outline: 0;
}
li {list-style-type: none;}


ol.primary {
	counter-reset: primary;
	margin: 0;
}
ol.primary > li {
	padding-left: 2em;
}
ol.primary > li::before {
	border: none;
	border-radius: 0;
	counter-increment: primary;
	content: counter(primary)'.';
	color: #4c4c4c;
	font-size: 16px;
	line-height: 22px;
	top: 0;
}
ol.primary > li h4 {
	font-weight: bold;
	font-size: 16px;
	line-height: 28px;
	top: -3px;
	position: relative;
	margin-top: 3px;
}
ol.primary dl {
	margin: 2px 0 10px;
}
ol.primary dt {
	font-weight: bold;
	font-size: 15px;
	position: relative;
	display: inline-block;
}
ol.primary dt::after {
	content: "";
	background: #595959;
	width: 100%;
	display: inline-block;
	position: absolute;
	bottom: 0;
	height: 1px;
	left: 0;
}
ol.primary dd {
	margin: 5px 0;
}
ol.primary dd ul {
	list-style: disc;
	margin-left: 0;
}
ol.primary p:not(:last-child) {
	margin: 0;
}
ol.primary address {
	font-style: normal;
	line-height: 1.2em;
	margin: 1em 0;
	font-size: 13px;
}
ol.primary address a {
	font-size: 13px;
}

ol.secondary {
	counter-reset: secondary;
	margin: 5px 1em;
}
ol.secondary > li {}
ol.secondary > li::before {
	counter-increment: secondary;
	content: counter(secondary)'.';
	background: #fff;
	border: none;
	border-radius: 0;
	font-size: 14px;
}

ol.circle {
	counter-reset: circle;
	padding: 0;
}
ol.circle > li {
	list-style: none;
	position: relative;
	padding-left: 1.3em;
}
ol.circle > li::before {
	counter-increment: circle;
	content: counter(circle);
	background: #fff;
	border: 1px solid #000;
	color: #4c4c4c;
	border-radius: 50%;
	font-size: 11px;
	text-align: center;
	height: 1.2em;
	position: absolute;
	left: 0;
	top: 3.5px;
	margin-right: 0.5em;
	line-height: 1.3;
	width: 1.2em;
}

ul.discs {
	padding-left: 20px;
}
ul.discs li {
	list-style: disc outside;
	display: list-item;
}


/* ルビ
------------------------------------- */
ruby rt {
	position: relative;
	top: 0.5em;
	transform: translateY(-.5em);
}



/* アコーディオン
------------------------------------- */
details {
	font-size: 12px;
	width: 100%;
	display: block;
	position: relative;
}
summary {
	background: #eee;
	border-radius: 12px;
	border: 1px solid transparent;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 11px;
	margin: 0 auto 5px;
	position: relative;
	padding-left: 10px;
	min-height: 20px;
	width: 55px;
	letter-spacing: 0;
}
details summary::before {
	content: "";
	width: 4px;
	height: 4px;
	border-top: 0 solid transparent;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	border-left: 0 solid transparent;
	transform: rotate(-45deg);
	border-radius: 1px;
	position: absolute;
	top: -1px;
	left: 8px;
	margin: auto;
	transition: all .3s ease-in;
	bottom: 0;
}
details[open] summary {
	border: 1px solid #9d9d9d;
}
details[open] summary::before {
	transform: rotate(45deg);
}
details[open] div.notes {
	position: absolute;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 221px;
	background: #fff;
	padding: 10px;
	border: 1px solid #606060;
	top: 32px;
	z-index: 1;
	line-height: 17px;
}
details[open] div.notes::before {
	left: 53px;
	top: -5px;
	cursor: pointer;
	transform: rotate(-45deg);
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	margin: 0 auto;
	transition: all .3s ease-in;
	background: #fff;
	box-shadow: 1px -1px 0 0 #000;
}
details[open] div.notes .title {
	width: 100%;
	font-weight: bold;
}

summary.readmore::after {
	content: "もっと詳しく";
	position: absolute;
	right: 5px;
	font-size: 11px;
	font-weight: normal;
	border-radius: 25px;
	padding: 3px 10px;
	letter-spacing: 0;
	width: 70px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #fff;
	border: 1px solid #2b5f79;
	color: #2b5f79;
}
details[open] summary.readmore::after {
	content: '表示を減らす';
}

/* 文章拡張 */
details.expand_show {
	text-align: right;
}
details.expand_show summary {
	border-radius: 25px;
	display: inline-flex;
	padding: 0 5px 0 15px;
	margin: 0 0 5px;
	width: 80px;
	height: 30px;
}
details.expand_show p.expand_text {
	text-align: left;
}


/* レンコちゃん吹き出し
------------------------------------- */
.renko-baloon .renko::before {
	content: "";
	vertical-align: middle;
	height: 80px;
	position: relative;
	width: 80px;
	display: inline-block;
	background: url(/images/common/renko04.png) 0 0 no-repeat;
	background-size: cover;
	margin: 0 20px 0 0;
}
.renko-baloon .renko span.baloon {
	background: #eeeeba;
	display: inline-block;
	line-height: 20px;
	font-size: 20px;
	width: auto;
	vertical-align: middle;
	padding: 15px 20px;
	border-radius: 5px;
	color: #475739;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	position: relative;
}
.renko-baloon .renko span.baloon::before {
	content: "";
	position: absolute;
	border-top: 0 solid transparent;
	border-right: 10px solid #eeeeba;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	left: -19px;
}

/* トップニュース レンコちゃん */
#topnews .renko-baloon {
	margin-bottom: -15px;
}
#topnews .renko-baloon .renko::before {
	content: "";
	background: url(/images/common/renko04.png) 0 -5px no-repeat;
	background-size: 85px;
	filter: hue-rotate(-10deg);
	margin: 0 5px 0 0;
	height: 50px;
	width: 90px;
}
#topnews .renko-baloon a {
	background: linear-gradient(135deg, #aac638 0%, #c3db61 100%);
	text-decoration: none;
	display: block;
}
#topnews .renko-baloon a:hover {
	opacity: .8;
}
#topnews .renko-baloon .renko span.baloon {
	background: #fff;
	color: #295b00;
	font-size: 13px;
	letter-spacing: 0.5px;
	line-height: 17px;
	padding: 7px 5px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	width: calc(100% - 150px);
	text-decoration: underline;
}
#topnews .renko-baloon .renko span.baloon::before {
	content: "";
	border-right: 10px solid #fff;
}


/* header
------------------------------------- */
header {
	width: 980px;
	height: 90px;
	margin: 0 auto;
}
header h1 {
	font-size: 11px;
	margin: 0;
	font-weight: normal;
	float: left;
	position:absolute;
}
header #logo {
	height: 50px;
	margin: 30px 0 10px 0;
	float: left;
}
header #logo2 {
	height: 80px;
	margin: 20px 0 0;
	float: left;
}
header #phone {
	height: 53px;
	margin: 27px 0 10px 20px;
	float: left;
}
header #phone a:hover{
	opacity: 0.8;
}

#basket_right {
	position: relative;
  top: 27px;
  float: left;
}
#basket_number {
	position: absolute;
	top: -5px;
	border-radius: 12px;
	background: #f00;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	/* box-shadow: 0 2px 1px -1px #a20000; */
	padding: 2px 7px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	font-family: "Lucida Sans Unicode";
	height: 20px;
	min-width: 11px;
	letter-spacing: 0;
	left: -5px;
}
#mddNav #basket_number {
	top: -4px;
	border-radius: 11px;
	font-size: 12px;
	padding: 2px 5px;
	height: 12px;
	min-width: 10px;
	left: -4px;
	z-index: 1;
}
.coupon_apply {
	position: absolute;
	top: -25px;
	right: 0;
	background: #f00;
	border-radius: 10px;
	color: #fff;
	padding: 0 10px;
}

#mddNav .coupon_apply {
	top: auto;
	font-size: 10px;
	bottom: -20px;
	padding: 0 3px;
	right: 0;
	border-radius: 3px;
}

nav {
	width: 100%;
	background: #6aa33c;
/*	background: url(../../images/gnavi_background.jpg) 0 0 repeat-x;	*/
	margin: 0 auto;
	overflow:hidden;
}
nav ul {
	width: 980px;
	margin: 0 auto;
	padding: 0;
}
nav li {
	float: left;
	list-style-type: none;
}
nav ul li .list-border a {
	display: block;
	height: 50px;
	overflow: hidden;
	background: transparent url(/images/nav.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0;
	padding: 0;
}

nav ul li[class^="nav"] .list-border a {
	width: 100%;
	height: 50px;
}
nav ul li.nav1 .list-border a {
	background-position: 0 0;
}
nav ul li.nav1 .list-border a:hover {
	background-position: 0 -50px;
}
nav ul li.nav2 .list-border a {
	background-position: -166px 0;
}
nav ul li.nav2 .list-border a:hover {
	background-position: -166px -50px;
}
nav ul li.nav3 .list-border a {
	background-position: -328px 0;
}
nav ul li.nav3 .list-border a:hover {
	background-position: -328px -50px;
}
nav ul li.nav4 .list-border a {
	background-position: -494px 0;
}
nav ul li.nav4 .list-border a:hover {
	background-position: -494px -50px;
}
nav ul li.nav5 .list-border a {
	background-position: -647px 0;
}
nav ul li.nav5 .list-border a:hover {
	background-position: -647px -50px;
}
nav ul li.nav6 .list-border a {
	background-position: -820px 0;
}
nav ul li.nav6 .list-border a:hover {
	background-position: -820px -50px;
}
nav ul li.nav7,
nav ul li.gnav-estimate_Btn{
	display: none;
}

nav.fixed ul li[class^="nav"] .list-border a {
	/*background: transparent url(/images/nav.png) no-repeat 0 0/810px;*/
	background: transparent;
	width: 100%;
}
nav.fixed ul li[class^="nav"] .list-border a::before {
	content: "";
	background: #6aa33c url(/images/nav.png) no-repeat top/980px;
	width: 90px;
	height: 30px;
	display: block;
	margin: 10px auto;
}
nav.fixed ul li[class^="nav"] .list-border a:hover {
	background-color: #81bc52;
}
nav.fixed ul li[class^="nav"] .list-border a:hover::before {
	height: 40px;
	margin: 5px auto;
}
nav.fixed ul li.nav1 .list-border a::before {
	background-position: -44px -11px;
	height: 30px;
	width: 95px;
}
nav.fixed ul li.nav1 .list-border a:hover::before {
	background-position: -44px -56px;
}
nav.fixed ul li.nav2 .list-border a::before {
	background-position: -221px -11px;
	width: 75px;
}
nav.fixed ul li.nav2 .list-border a:hover::before {
	background-position: -221px -56px;
}
nav.fixed ul li.nav3 .list-border a::before {
	background-position: -381px -11px;
	width: 82px;
}
nav.fixed ul li.nav3 .list-border a:hover::before {
	background-position: -381px -56px;
}
nav.fixed ul li.nav4 .list-border a::before {
	background-position: -552px -11px;
	width: 70px;
}
nav.fixed ul li.nav4 .list-border a:hover::before {
	background-position: -552px -56px;
}
nav.fixed ul li.nav5 .list-border a::before {
	background-position: -709px -11px;
	width: 65px;
}
nav.fixed ul li.nav5 .list-border a:hover::before {
	background-position: -709px -56px;
}
nav.fixed ul li.nav6 .list-border a::before {
	background-position: -881px -11px;
	width: 65px;
}
nav.fixed ul li.nav6 .list-border a:hover::before {
	background-position: -881px -56px;
}
nav.fixed ul li.nav7,
nav.fixed ul li.nav8 {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;

	flex-direction: column;
	justify-content: center;
}
#mddNav.fixed ul li.nav7 a,
#mddNav.fixed ul li.nav8 a {
  text-indent: 0;
  font-size: 13px;
  color: #fff;
  text-decoration: none;
  width: 100%;
  min-width: 100%;
  border-radius: 5px;
  height: 40px;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(234, 234, 234, 0.3);
  line-height: 40px;
}
#mddNav.fixed ul li.nav7 a:hover,
#mddNav.fixed ul li.nav8 a:hover {
	filter: hue-rotate(-8deg);
}

#mddNav.fixed li.nav7.gnav-contact_Btn {
	margin: 0 2px 0 10px;
}
#mddNav.fixed li.nav8.gnav-estimate_Btn {
	margin: 0 10px 0 2px;
}
#mddNav.fixed li.nav8.gnav-estimate_Btn a {
	background: #f4971e;
	overflow: revert;
}
#mddNav.fixed li.nav7.gnav-contact_Btn a {
	background: #d3054f;
}
#mddNav.fixed li.nav8.gnav-estimate_Btn a::before,
#mddNav.fixed li.nav7.gnav-contact_Btn a::before {
	content: none;
}


/* mddNav（メガドロップダウンメニュー全体とナビボタン）
------------------------------------- */
#mddNav {
	background: #6aa33c;
	display: flex;
	/*padding: 0 max(calc(1vw),20px);*/
	justify-content: space-between;
	width: 100%;
	top: 0;
	z-index: 1000;
	height: 50px;
	min-width: calc(980px - max(calc(1vw),20px));
	transition: all 0.1s ease;
	position: static;
	overflow: visible;
}
#mddNav.fixed {
	background: #6aa33c;
	padding: 0;
	position: fixed;
	top: 0;
	height: 50px;
	width: 100%;
}
/*#mddNav.fixed::before {
	content: "";
	background: linear-gradient(45deg, #0051a2 0%, #0051a2 10%, #0058ae 10%, #0058ae 20%, #005db9 20%, #005db9 30%, #0061c1 30%, #0061c1 40%, #0268cc 40%, #0268cc 50%, #0070df 50%, #0070df 60%, #027bf2 60%, #027bf2 70%, #148bff 70%, #148bff 80%, #2994ff 80%, #2994ff 90%, #409ffd 90%, #409ffd 100%);
	height: 5px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}*/
#mddNav > ul {
	background: #6aa33c;
	height: 50px;
	text-align: center;
	max-width: 980px;
	margin: auto;
	width: 99%;
}
#mddNav.fixed > ul {
	max-width: 860px;
	margin: auto;
	padding-left: 120px;
}
#mddNav > ul > li.side{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
	font-size: 1.1em;
	font-weight: 600;
	transition: all 0.3s ease;
  width: 200px;
}
#mddNav > ul > li.main {
	width: 100%;
	height: 45px;
	box-sizing: border-box;
}
#mddNav > ul > li.main div{
	line-height: 45px;
	float:left;
	width: 16%;
	transition: all 0.3s ease;
}
#mddNav>ul>li.main div a{
	display:block;
	color: #333;
	font-weight: 600;
}
#mddNav>ul>li.main div:nth-child(1) a:hover,
#mddNav>ul>li.main div:nth-child(2) a:hover,
#mddNav>ul>li.main div:nth-child(3) a:hover,
#mddNav>ul>li.main div:nth-child(4) a:hover,
#mddNav>ul>li.main div:nth-child(5) a:hover {
	box-sizing:border-box;
	color: #fff;
	background: #666;
	border-radius: 6px 6px 0 0 / 6px 6px 0 0;
	width: 90%;
	height: 90%;
	margin:0 auto;
}

#mddNav > ul > li.main div:nth-child(n+2):before{
	display: block;
	position: absolute;
	top: 50%;
	width: 1px;
	height: 20px;
	margin-top: -10px;
	background: #ccc;
	content: '';
}
header .header-wrap #logo.header-logo.fixed a {
	background: #6aa33c url(/images/footer_logo.png) no-repeat center left/117px;
	position: fixed;
	top: 0;
	z-index: 1001;
	width: 110px;
	padding: 0;
	margin: auto;
	height: 50px;
}
header .header-wrap #logo.header-logo.fixed a:hover {
	background-color: #81bc52;
}
header .header-wrap #logo.header-logo.fixed a::after {
	content: "";
	width: 0;
	display: inline-block;
	height: 30px;
	position: absolute;
	right: -5px;
	top: 0;
	pointer-events: none;
	bottom: 0;
	margin: auto;
	border-left: 1px solid #699247;
	border-right: 1px solid #92bc70;
}
.no_mddWrap .header-wrap .header-logo.fixed {
	position: static;
	width: inherit;
}
.header-wrap .header-logo.fixed img {
	display: none;
}

#mddNav > ul > li a {
	color: #333;
}
#mddNav > ul > li > a {
  display: block;
  height: 45px;
  line-height: 45px;
  text-align: center;
}
#mddNav > ul > li:hover > a {
	background:rgba(102,102,102,1.0);
	color: #fff;
}
#mddNav li .active a {
	color: #fff !important;
	background: #0367ca;
	background: linear-gradient(45deg, #0367ca 0%, #52c8ec 100%);
	box-sizing: border-box;
	border-radius: 6px 6px 0 0;
	width: 90%;
	height: 90%;
	margin: 0 auto;
}

#mddNav .btn-yellow a,
.btn-y a {/*黄色いボタン*/
  border: #fdcd25 1px solid;
  background: #fdcd25;
  border-radius: 6px;
  bottom: 10px;
  color: #fff;
  display: block;
  font-size: 1.2em !important;
  font-weight: bold;
  height: 45px;
  line-height: 50px;
  position: relative;/*ラインを非表示にするため*/
  text-align: center;
  text-decoration: none;
  /*	margin-right: 10px;*/
	min-width: 145px;
  right:-55px;
}

#mddNav > ul > li:not(.gnav-estimate_Btn) .list-border a span::after {
	content: "";
	width: 8px;
	height: 8px;
	border-top: 0 solid transparent;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 0 solid transparent;
	transform: rotate(45deg);
	border-radius: 1px;
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	margin: 0 auto;
	transition: all .3s ease-in;
}
#mddNav > ul > li:hover:not(.gnav-estimate_Btn) .list-border a span::after {
	bottom: -15px;
	z-index: 1000;
}

#mddNav > ul > li .list-border a i {
	bottom: 3px;
	font-size: 11px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	transition: all .3s ease-in;
}
#mddNav > ul > li:hover .list-border a i {
	bottom: -10px;
	z-index: 1000;
	font-size: 20px;
}

#mddNav p {
  font-size: 20px;
  font-weight:bold;
}

.btn-y a svg {
	width: 25px;
	margin-right: 4px;
	fill: #000;
	vertical-align: middle;
  transition: all 0.1s ease;
}
.btn-y a:hover svg {
	fill: #c83a0e;
}
.btn-y a svg + span {
	vertical-align: middle;
	font-size: 19px;
	line-height: 20px;
	height: 100%;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
}
#mddNav.fixed a {
/*	height: 40px;
	bottom: 3px;
	line-height: 44px;
	min-width: 130px;*/
}



/*見積ボタン*/
.btn-y-estimate{
	max-width: 200px;
}
.btn-blue a, a .btn-blue {
	border-radius: 6px;
	color: #fff;
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	height: 45px;
	line-height: 46px;
	bottom: 10px;
	font-size: 1.4em;
	margin: 0 auto;
	box-shadow: 0 1px 1px 0 #243d66;
	border: 1px solid transparent;
	letter-spacing: 1px;
	background: #2558aa;
}

.btn-blue a:hover,
a:hover .btn-blue,
.header-search-btn:hover,
.search_submit:hover {
	background: #0d4bae;
}
.btn-y a,
.btn-yellow a,
input.btn-yellow,
button.btn-yellow,
.div_link .btn{
	background: #fdcd25;
	border: 1px solid #fdcd25;
	border-radius: 5px !important;
	box-sizing: unset;
	box-shadow: 0 2px 1px -1px #a47e00;
  color: #222;
	cursor:pointer;
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	height: 45px;
	line-height: 48px;
	font-size: 1.4em;
	margin: 0 auto;
	vertical-align: middle;
}

.btn-yellow a:hover,
.btn-y a:hover,
input.btn-yellow:hover,
button.btn-yellow:hover,
.item-wrap_center-info a:hover,
.mail-fast-wrap-in input.btn-y-submit:hover,
.btn-gray:hover,
.div_link .btn:hover {
	filter: hue-rotate(-8deg);
}

input.btn-yellow,
button.btn-yellow {
	display:inline-block
}

.itemArticleWrap .btn-yellow a {
	max-width: 200px;
	font-size: 18px;
}

.div_link .btn {
	border-radius: 5px !important;
	color: #fff;
	box-shadow: 0 2px 1px -1px #032c51;
	border: 1px solid #3084d0;
	background: #3084d0;
}


.product-lst-mainSub .btn-yellow a,
.product-lst-mainSub .btn-blue a {
	height: 40px;
	line-height: 42px;
	padding:0.2em;
	font-size: 1.3em;
}

.product-lst-mainSub2 .btn-yellow a,
.product-lst-mainSub2 .btn-blue a {
	height: 40px;
	line-height: 40px;
	padding: 0.2em;
	font-size: 1.3em;
	width: calc(100% - 10px);
	margin-top: 10px;
}

form#form_1 input[type="submit"] {
	background: #679d3d;
	border: 0;
	border-radius: 3px;
	box-shadow: 0 4px 1px -2px #10572f;
	color: #fff;
	cursor: pointer;
	font-size: 20px;
	line-height: 20px;
	height: 50px;
	width: 300px;
}
form#form_1 input[type="submit"]:hover {
	opacity: .8;
}

.circleLink {
	margin: 7px 1px;
}
.circleLink a {
	border: 1px solid #558e27;
	border-radius: 15px;
	padding: 2px 15px;
	background: #fff;
	line-height: 20px;
	transition: all 0.3s ease;
	color: #4a841c;
	text-decoration: none;
	display: inline-block;
	min-height: 20px;
	font-size: 12px;
	position: relative;
}
.circleLink a:hover {
	background: #6aa33c;
	background: linear-gradient(90deg, #6aa33c 0%, #adcc67 100%);
	background-origin: border-box;
	border: 1px solid transparent;
	color: #fff;
}
.circleLink a span {
	vertical-align: middle;
	font-size: 12px;
	padding-right: 5px;
}
.circleLink a::after {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-top: 0 solid transparent;
	border-right: 1px solid #4a841c;
	border-bottom: 1px solid #4a841c;
	border-left: 0 solid transparent;
	transform: rotate(-45deg);
	right: 10px;
	margin: auto;
	transition: all .3s ease-in;
	top: 0;
	bottom: 0;
}
/* ページ内リンク */
.circleLink.inpageLink a::after {
	transform: rotate(45deg);
	border-right: 2px solid #4a841c;
	border-bottom: 2px solid #4a841c;
}
.circleLink.inpageLink a::before {
	content: "";
	position: absolute;
	width: 2px;
	height: 10px;
	background: #4a841c;
	right: 13px;
	margin: auto;
	transition: all .3s ease-in;
	top: 0;
	bottom: 3px;
}
.circleLink a:hover::after {
	content: "";
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.circleLink.inpageLink a:hover::after {
	content: "";
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
.circleLink.inpageLink a:hover::before {
	content: "";
	background: #fff;
}

/* 横長 */
.circleLink.rectangular a {
	padding: 0 30px;
	border-radius: 5px;
	height: 40px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-size: 15px;
}
.circleLink.rectangular a span {
	font-size: inherit;
}


/* NEWメガドロップメニュー
------------------------------------- */
.gnav-wrapper {
	background: #fff;
	position: relative;
	margin: 0 auto;
}
.gnav {
	display: flex;
	justify-content: space-between;
}
.gnav > li {
	text-align: center;
	/*width: calc((100% / 6) - 10px);*/
	width: calc(100% / 6);
	margin: 0 5px;
}
.gnav > li:first-child {
	margin: 0 5px 0 0;
}
nav#mddNav.fixed .gnav > li {
	width: calc(100% / 9);
}


/* 各リンクの境界線 */
.gnav > li div.list-border {
	position: relative;
}
.gnav > li div.list-border::after {
	content: "";
	width: 0;
	display: inline-block;
	height: 30px;
	position: absolute;
	right: -6px;
	top: 0;
	pointer-events: none;
	bottom: 0;
	margin: auto;
	border-left: 1px solid #699247;
	border-right: 1px solid #92bc70;
}

/*.gnav > li:first-child div.list-border::after,
.gnav > li:nth-last-child(3) div.list-border::after,*/
.gnav > li.search-tab div.list-border::after,
nav:not(.fixed) .gnav > li:nth-child(6) div.list-border::after,
.gnav > li:nth-child(7) div.list-border::after,
.gnav > li:last-child div.list-border::after,
.gnav > li:last-child::after {
	background: none;
	content: none;
	width: 0;
}


/* カテゴリから探す */
/*.gnav.main-wrapper > li:first-child,
.gnav.main-wrapper > li.gnav-estimate_Btn {
	transition: all .3s ease-in-out;
	width: calc(100% * 3 / 22);
	margin: 0;
}
.gnav.main-wrapper > li:first-child {
	margin: 0 10px 0 0;
}
.gnav.main-wrapper > li:first-child a {
	width: 100%;
}
.gnav.main-wrapper > li:first-child .list-border a::before {
	font-family: "Font Awesome 5 Free";
	content: "\f063";
	color: #fdcd25;
	font-size: 22px;
	margin: 0 5px 0 -5px;
	font-weight: bold;
	vertical-align: middle;
}
#mddNav.fixed .gnav.main-wrapper > li:first-child .list-border a::before {
	font-family: "Font Awesome 5 Free";
	content: "\f063";
	font-size: 15px;
	position: absolute;
	top: 37px;
	left: 0;
	right: 0;
	margin: auto;
}
.gnav.main-wrapper > li:first-child:hover .list-border a::before {
	color: #ffd954;
}*/
/*.gnav.main-wrapper > li:first-child .list-border::after,*/
/*.gnav.main-wrapper li:last-child .list-border::after {
	content: none;
}*/

.gnav a,
.gnav li.search-tab span {
	border-radius: 0;
	padding: 0;
	text-align: center;
	width: 100%;
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin: 0 auto;
	height: 50px;
	line-height: 50px;
}
 

/* グローバルナビゲーションメニュー・展開 */
.gnav > li:hover .megamenu {
	max-height: 9999px;
	opacity: 1;
	padding: 25px 0;
	z-index: 99;
	box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.15);
}
.megamenu {
	background: #5b9b27;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	width: 100%;
	position: absolute;
	top: auto;
	left: 0;
	transition: all .1s ease-in .2s;
	z-index: 9;
	margin: auto;
}

.megamenu section {
	margin-bottom: 1em;
}
.megamenu section:last-child {
	margin-bottom: 0;
}

.megamenu-title {
	max-width: 980px;
	margin: 0 auto;
	text-align: left;
}
.megamenu-title a {
	color: #fff !important;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	margin-left: 0;
	width: 195px;
	border-radius: 5px;
	padding: 0 10px;
	height: 35px;
	line-height: 35px;
	background: rgba(0, 0, 0, 0.2);
}
.megamenu-title a:hover {
	background: #000;
}
.megamenu-title .description {
	display: block;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	margin: 5px;
	position: relative;
	padding-left: 25px;
	text-align: left;
	width: auto;
}
.megamenu-title .description::before {
	border: 3px solid #fff;
	border-radius: 50%;
	content: "";
	left: 5px;
	top: 0;
	bottom: 3px;
	position: absolute;
	margin: auto;
	width: 8px;
	height: 8px;
}
.megamenu-inner {
	display: flex;
	flex-wrap: wrap;
	max-width: 1050px;
	margin: 0 auto;
	font-size: 0;
}

.megamenu-inner li {
	width: calc(100% / 5) !important;
	padding: 0;
	margin: 0;
	position: relative;
}

.megamenu-inner.megamenu-col4 li { /* 4カラム用 */
	width: calc(100% / 4) !important;
}
.megamenu-inner.megamenu-col3 li { /* 3カラム用 */
	width: calc(100% / 3) !important;
}
.megamenu-inner:not(.megamenu-col3):not(.megamenu-col4) li:nth-child(5n)::after,
.megamenu-inner.megamenu-col4 li:nth-child(4n)::after,
.megamenu-inner.megamenu-col3 li:nth-child(3n)::after,
.megamenu-inner li:last-child::after {
	content: "";
	width: 0;
	background: none;
}
.megamenu-inner a {
	background: #eef0f1;
	border-left: none;
	border-radius: 0;
	font-size: 0;
	padding: 7px 5px;
	margin: 3px 0;
	width: calc(100% - 20px) !important;
	text-decoration: none;
}
.megamenu-inner a:hover {
	background: #c3db61;
}
.megamenu-inner a > div {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
}
.megamenu-inner-img {
	background: url(/images/items_background.png) 0 0;
	position: absolute;
	right: 18px;
	top: 0;
	bottom: 0;
	margin: auto !important;
	padding: 2px 0;
	font-size: 15px;
	width: 50px;
	height: 50px;
}
.megamenu-col3 .megamenu-inner-img {
	width: 100px;
	height: 60px;
}

li[class*="nav"]:not(.nav2) .megamenu-inner-img {
	background: none;
}

/* グロナビ商品カテゴリ */
.megamenu-inner li.items01 .megamenu-inner-img {
	background-position: 55px 0;
}
.megamenu-inner li.items02 .megamenu-inner-img {
	background-position: 55px -60px;
}
.megamenu-inner li.items03 .megamenu-inner-img {
	background-position: 55px -120px;
}
.megamenu-inner li.items04 .megamenu-inner-img {
	background-position: 55px -180px;
}
.megamenu-inner li.items06 .megamenu-inner-img {
	background-position: 55px -300px;
}
.megamenu-inner li.items07 .megamenu-inner-img {
	background-position: 55px -360px;
}
.megamenu-inner li.items08 .megamenu-inner-img {
	background-position: 55px -420px;
}
.megamenu-inner li.items10 .megamenu-inner-img {
	background-position: 55px -1080px;
}
.megamenu-inner li.items11 .megamenu-inner-img {
	background-position: 55px -600px;
}
.megamenu-inner li.items12 .megamenu-inner-img {
	background-position: 55px -660px;
}
.megamenu-inner li.items13 .megamenu-inner-img {
	background-position: 55px -720px;
}
.megamenu-inner li.items14 .megamenu-inner-img {
	background-position: 55px -780px;
}
.megamenu-inner li.items15 .megamenu-inner-img {
	background-position: 55px -840px;
}
.megamenu-inner li.items16 .megamenu-inner-img {
	background-position: 55px -900px;
}
.megamenu-inner li.items17 .megamenu-inner-img {
	background-position: 55px -960px;
}
.megamenu-inner li.items18 .megamenu-inner-img {
	background-position: 55px -1020px;
}
.megamenu-inner li.items19 .megamenu-inner-img {
	background-position: 55px -1140px;
}
.megamenu-inner li.items20 .megamenu-inner-img {
	background-position: 55px -1200px;
}
.megamenu-inner li.items21 .megamenu-inner-img {
	background-position: 55px -1260px;
}
.megamenu-inner li.items22 .megamenu-inner-img {
	background-position: 55px -1320px;
}
.megamenu-inner li.items24 .megamenu-inner-img {
	background-position: 55px -1380px;
}
.megamenu-inner li.items25 .megamenu-inner-img {
	background-position: 55px -1440px;
}
.megamenu-inner-img img {
	border-radius: 2px;
	object-fit: cover;
	height: 50px;
	width: 50px;
}
.megamenu-col3 .megamenu-inner-img img {
	width: 100px;
	height: 60px;
}
li.nav6 li:first-child .megamenu-inner-img img {
	object-fit: contain;
	background: #fff;
	padding: 3px;
	width: calc(50px - 6px);
}
.megamenu-inner-img.fit-img img {
	width: 100%;
	object-fit: cover;
	font-size: 10px;
	line-height: 11px;
	font-weight: normal;
}
.megamenu-inner-img i {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 50px;
	font-size: 30px;
	line-height: 30px;
}

/* 強化中 */
.reinforce {
	position: relative;
}
.megamenu-inner-img.reinforce {
	position: absolute;
}
.reinforce::after {
	background: #dc165e;
	content: "強化中";
	font-size: 10px;
	font-weight: normal;
	position: absolute;
	bottom: 0;
	height: 16px;
	width: auto;
	color: #fff;
	border-radius: 3px;
	line-height: 16px;
	padding: 0 0 0 4px;
	text-align: center;
	right: 0;
	left: 0;
	margin: auto;
}

.megamenu-inner-text {
	box-sizing: border-box;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 15px;
	line-height: 20px;
	height: 50px;
	width: calc(100% - 18px);
	z-index: 1;
	position: relative;
}
.megamenu-col3 .megamenu-inner-text {
	font-size: 9px;
}
.megamenu-inner-text span {
	display: contents;
}
.megamenu-inner-text img {
	margin: 0 5px 0 0;
}


/* 文字の縁取り */
.stroke {
	width: 100%;
	height: auto;
	overflow: visible;
}
.megamenu-inner-text svg.stroke {
	width: 100%;
	height: auto;
	overflow: visible;
}
.megamenu-inner-text svg.stroke text {
	stroke-width: 4;
	stroke: #eef0f1;
	fill: #333;
	paint-order: stroke;
	stroke-linejoin: round;
}
a:hover .megamenu-inner-text svg.stroke text {
	stroke: #c3db61;
}
.gnav-contact_Btn text,
.gnav-estimate_Btn text {
	fill: #fff;
	letter-spacing: 0;
	stroke-width: 4;
	paint-order: stroke;
	stroke-linejoin: round;
}
.gnav-contact_Btn text {
	stroke: #d3054f;
}
.gnav-estimate_Btn text {
	stroke: #f4971e;
}


.gnav li.search-tab {
	/*width: calc(100% * 1 / 22);*/
	margin: 0;
	width: 55px;
}
.gnav li.search-tab span {
	background: #ddd;
	cursor: pointer;
}
.gnav li.search-tab span i {
	font-size: 22px;
	line-height: 22px;
	top: 2px;
	position: relative;
	width: 22px;
	height: 22px;
}


/* パンくずリスト
------------------------------------- */
#Breadcrumb {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #c3db61;
}
#Breadcrumb .BreadcrumbList {
	width: 980px;
	margin: 0 auto;
	padding: 5px;
}
#Breadcrumb .BreadcrumbList a,
#topnews .newscontens a,
#topnews .officemaker a {
	color: #000;
	text-decoration: none;
}
#Breadcrumb .BreadcrumbList a:hover {
	color: #c94c00;
	text-decoration: none;
}
#topnews {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
}
#topnews .newscontens {
	padding: 7px 0 3px 0;
	position: relative;
}
#topnews .newscontens a:hover {
	color: #c94c00;
	text-decoration: none;
	opacity: 0.8;
}

#topnews .officemaker {
	position: absolute;
	right: 5px;
	margin-top: -4px;
}
#topnews .officemaker a:hover {
	color: #c94c00;
	text-decoration: none;
}


/* 
------------------------------------- */
.pagetop {
	position: fixed;
	right: 75px;
	width: 45px;
	text-align: center;
	height: 45px;
	bottom: 5px;
	z-index: 9999;
}
.pagetop a {
	display: block;
	background: #fff;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	transition: all 0.5s ease;
}
.pagetop a:hover {
	background: rgb(218, 238, 201);
}
.pagetop i {
	background: linear-gradient(90deg, #87bd5b 0%, #87bd5b 49%, #6aa33c 49%, #6aa33c 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-size: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 45px;
}
/* ========TOPPAGE======== */

#icatch {
	width: 750px;
	margin-bottom: 10px;
	padding: 0;
}





/* おすすめキャンペーン */
#special {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	font-size: 0;
}
#special .nth-child {
	display: inline-block;
	float: none;
	text-align: center;
	margin: 0 18px 20px 0;
	width: calc(50% - 10px);
}
#special .nth-child:nth-child(even) {
	/*margin: 0;*/
	margin: 0 0 20px 0;
}
#special .nth-child a {
	color: #fff;
	text-decoration: none;
}
#special a:hover {
	opacity: 0.8;
}
#special h2 {
	background: none;
	border-radius: 0;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	flex-direction: revert;
	align-items: center;
	padding: 5px;
	text-align: center;
	margin: 0;
	width: 100%;
	box-sizing: border-box;
}
#special .nth-child h2::before {
	content: none;
}


/* 簡単見積もり
------------------------------------- */
#kantan {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
#kantan2,
#kantan3 {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}
#kantan #scroll {
	background: linear-gradient(180deg, #f2f2f2 0%, #eaeaea 100%);
	border-radius: 3px 3px 0 0;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 270px;
}
#kantan #scroll .step {
	display: block;
	width: 100%;
	height: auto;
	padding: 20px 0 20px 15px;
	box-sizing: border-box;
}
#kantan #scroll .step[name="1"]::after,
#kantan #scroll .step[name="2"]::after {
	content: "";
	background: url(/images/common/kantan_background.png) center top no-repeat;
	position: absolute;
	right: 5px;
	width: 307px;
	aspect-ratio: 307/213;
	bottom: 5px;
	display: block;
	background-size: auto auto;
	z-index: 0;
}
#kantan #scroll .step[name="2"]::after {
	bottom: -265px;
}
#kantan .space select {
	min-height: 30px;
}
#kantan .space .form3,
#kantan .space .form8,
#kantan .space .form9 {
	z-index: 1;
}
#kantan .space table {
	border: none;
	box-sizing: border-box;
	text-align: left;
	max-width: 420px;
	display: table;
	position: absolute;
	top: 20px;
	left: 15px;
	min-width: 400px;
}
#kantan .space table.step-page2 {
	top: 290px;
}
#kantan .space table thead th {
	font-size: 15px;
	color: #6aa33c;
	line-height: 25px;
	padding-bottom: 5px;
	width: 100%;
	background: transparent;
	border: none;
}
#kantan .space table thead th i {
	margin-right: 5px;
	font-size: 20px;
	vertical-align: -2px;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#kantan .space table th,
#kantan .space table td {
	background: transparent;
	border: none;
	box-sizing: border-box;
	padding: 5px;
	vertical-align: middle;
}
#kantan .space table th {
	font-family: "BIZ UDPGothic",sans-serif;
	font-size: 13px;
	line-height: 35px;
	width: auto;
	min-width: 130px;
}
#kantan .space table td {
	width: auto;
	min-width: 55px;
	height: auto !important;
}
#kantan .space [class^="form"] {
	background: #fff;
	border: 1px solid #a4a4a4;
	border-radius: 2px;
	padding: 5px;
	position: static;
}
.step-progress {
	position: absolute;
	right: 5px;
	width: 300px;
	text-align: center;
	height: 60px;
	display: table;
}
.step-progress::before {
	content: "";
	height: 10px;
	width: 85%;
	background: #6aa33c;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 5px;
	right: 0;
	left: 0;
	z-index: 0;
}
.step-progress [class^="progress"] {
	background: #6aa33c;
	border-radius: 50%;
	color: #fff;
	font-family: 'Century Gothic';
	font-size: 19px;
	font-weight: bold;
	display: inline-table;
	margin: 15px 25px;
	position: relative;
	text-align: center;
	line-height: 30px;
	height: 30px;
	width: 30px;
	vertical-align: middle;
	z-index: 1;
}
.step-progress [class^="progress"].current {
	background: #ffd800;
	color: #6aa33c;
}


#kantan .space,
#kantan .space2,
#kantan .space3 {
	position:relative;
	margin: 0;
	padding: 0;
	width: 750px;
	height: 270px;
}
#kantan .space2,
#kantan .space3 {
	height: 193px;
}
#kantan table.step-page1 tr + tr td {
	height: 55px;
	position: relative;
}
#kantan table.step-page1 .note {
	text-align: left;
	font-size: 10px;
	color: #888;
	margin: 2px 0 5px;
	letter-spacing: 1px;
	font-weight: bold;
	position: absolute;
	left: 5px;
	width: 245px;
}
#kantan .space .form1,
#kantan .space .form2,
#kantan .space .form3,
#kantan .space .form2-02,/*優先順位*/
#kantan .space .form4,/*会社名*/
#kantan .space .form5,/*ご担当者*/
#kantan .space .form6,/*メールアドレス*/
#kantan .space .form7/*電話番号*/{
	width: 200px;
	padding: 5px;
}
#kantan .space .form3 {/*お見積りスタート*/
	position: absolute;
	top: 200px;
	left: 182px;
	padding: 0;
	background: #f4971e;
	box-shadow: 0 2px 1px -1px #bd6e07;
	height: 35px;
	border-radius: 2px;
	line-height: 37px;
	font-weight: bold;
	font-size: 15px;
}
#kantan .space .form8 {/*入力完了*/
	position: absolute;
	top: 480px;
	left: 182px;
	width: 150px;
	padding: 0;
	background: #f4971e;
	box-shadow: 0 2px 1px -1px #bd6e07;
	border-radius: 2px;
	height: 35px;
	line-height: 37px;
	font-size: 15px;
	font-weight: bold;
}
#kantan .space .form9 {/*戻る*/
	position: absolute;
	top: 480px;
	left: 345px;
	width: 50px;
	padding: 5px;
	background: #bdbdbd;
	border-radius: 2px;
	box-shadow: 0 2px 1px -1px #888;
}

#kantan .space .form3:hover,
#kantan .space .form8:hover,
#kantan .space .form9:hover {
	opacity: .8;
}

#kantan .input-requirements {
	border-radius: 2px;
	margin-left: 10px;
	padding: 2px 5px;
	font-size: 12px;
	font-weight: bold;
	background-color: transparent;
}
#kantan .input-requirements-must {
	border: 1px solid #ea5a5a;
	color: #ea5a5a;
}
#kantan .input-requirements-any {
	border: 1px solid #2874a8;
	color: #2874a8;
}
#kantan label {
	display: flex;
	justify-content: space-between;
	line-height: 18px;
	align-items: center;
}

#kantan2 .space2 .form10 {/*mini-期間*/
	position:absolute;
	top: 33px;
	left: 160px;
	width: 167px;
	padding: 5px;
}
#kantan2 .space2 .form11 {/*mini-商品数*/
	position:absolute;
	top: 65px;
	left: 160px;
	width: 167px;
	padding: 5px;
}
#kantan2 .space2 .form12 {/*mini-優先事項*/
	position:absolute;
	top: 97px;
	left: 160px;
	width: 167px;
	padding: 5px;
}
#kantan2 .space2 .form13 {/*mini-お見積りスタート*/
	position:absolute;
	top: 135px;
	left: 160px;
	width: 167px;
	padding: 5px;
}
#kantan2 .space2 .form14 {/*mini-会社名*/
	position:absolute;
	top: 223px;
	left: 160px;
	width: 167px;
	padding: 5px;
}
#kantan2 .space2 .form15 {/*mini-ご担当者*/
	position:absolute;
	top: 255px;
	left: 160px;
	width: 167px;
	padding: 5px;
}
#kantan2 .space2 .form16 {/*mini-メールアドレス*/
	position:absolute;
	top: 287px;
	left: 160px;
	width: 167px;
	padding: 5px;
}
#kantan2 .space2 .form17 {/*mini-電話番号*/
	position:absolute;
	top: 319px;
	left: 160px;
	width: 167px;
	padding: 5px;
}
#kantan2 .space2 .form18 {/*mini-入力完了*/
	position:absolute;
	top: 353px;
	left: 160px;
	width: 130px;
	padding: 5px;
}
#kantan2 .space2 .form19 {/*mini-戻る*/
	position:absolute;
	top: 353px;
	left: 305px;
	width: 130px;
	padding: 5px;
}

#kantan3 .space3 .form20 {/*copy-レンタル期間*/
	position:absolute;
	top: 55px;
	left: 160px;
	width: 167px;
	padding: 5px;
}

#kantan3 .space3 .form21 {/*copy-月間印刷枚数*/
	position:absolute;
	top: 95px;
	left: 160px;
	width: 167px;
	padding: 5px;
}

#kantan3 .space3 .form22 {/*copy-最優先事項*/
	position: absolute;
	top: 160px;
	left: 160px;
	width: 167px;
	padding: 5px;
}

#kantan3 .space3 .form23 {/*copy-お見積りスタート*/
	position: absolute;
	top: 200px;
	left: 160px;
	width: 167px;
	padding: 5px;
}

#kantan3 .space3 .form24 {/*copy-会社名*/
	position: absolute;
	top: 325px;
	left: 160px;
	width: 167px;
	padding: 5px;
}

#kantan3 .space3 .form25 {/*copy-担当者名*/
	position: absolute;
	top: 362px;
	left: 160px;
	width: 167px;
	padding: 5px;
}

#kantan3 .space3 .form26 {/*copy-メールアドレス*/
	position: absolute;
	top: 400px;
	left: 160px;
	width: 167px;
	padding: 5px;
}

#kantan3 .space3 .form27 {/*copy-電話番号*/
	position: absolute;
	top: 438px;
	left: 160px;
	width: 167px;
	padding: 5px;
}

#kantan3 .space3 .form28 {/*copy-入力完了*/
	position: absolute;
	top: 480px;
	left: 160px;
	width: 130px;
	padding: 5px;
}

#kantan3 .space3 .form29 {/*copy-戻る*/
	position: absolute;
	top: 480px;
	left: 305px;
	width: 130px;
	padding: 5px;
}

#kantan .hdl_kantan,
#kantan2 .hdl_kantan,
#kantan3 .hdl_kantan {
	margin-bottom: 10px;
}

main #kantan h2,
main #topic h2 {
  margin-bottom: 10px;
/* 
  font-size: 14px;
	line-height: 18px;
  padding: 5px 10px 5px 30px;
  height: 20px;
*/
}

#kantan h3,
#kantan #scroll + p,
#kantan3 h3 {
	background: #2e2e2e;
	border-radius: 0 0 3px 3px;
	box-sizing: border-box;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	padding: 5px 10px;
	text-align: left;
	width: 100%;
}
main #recommend,
main #case {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
#case .space {
	position:relative;
	margin: 0;
	padding: 0;
	width: 750px;
	height: 220px;
}
#case .space .text {
	position:absolute;
	top: 50px;
	left: 0;
	width: 340px;
	margin: 0;
	padding: 0;
	font-size: 11px;
}

#description {
	margin: 0;
	margin-bottom: 20px;
	font-size: 11px;
	background: #eef0f1;
	padding: 10px;
}

/* ========TEMPLATE======== */
#footcontact {
	margin: 30px 0;
	background: url(/images/bn_footcontact_over.png) no-repeat;
}
#footcontact2 {
	margin: 30px 0;
	background: url(/images/bn_footcontact_over2.png) no-repeat;
}
#footcontact img,
#footcontact2 img {
	border-style:none;
}
#footcontact a,
#footcontact2 a {
	display: inline-block;
}
#footcontact a:hover img,
#footcontact2 a:hover img {
	visibility: hidden;
}


#foot_phone {
	position:relative;
	margin-bottom: 20px;
}
#foot_phone .add {
	position:absolute;
	top: 62px;
	left: 30px;
}
#foot_phone span {
	font-size: 11px;
	margin: 0 5px 0 0;
	padding: 1px 10px;
	color: #fff;
	background-color: #5a5957;
}
#foot_phone .button {
	position:absolute;
	top: 90px;
	left: 385px;
}
#foot_phone .button a {
	display: block;
	height: 30px;
	overflow: hidden;
	background: url(/images/foot_phone_button.png) 0 0;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	width: 334px;
	background-position: 0 0;
}
#foot_phone .button a:hover {
	background-position: 0 -30px;
	width: 334px;
}

aside #search {
	margin-bottom: 20px;
}
aside * h2 {
	background: #6aa33c;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: normal;
	position: relative;
	margin: 0;
	line-height: 20px;
	padding: 5px 10px 5px 30px;
	word-break: break-all;
	width: 160px;
	height: 20px;
}
aside h2::before {
	content: "";
	left: 10px;
	width: 8px;
	height: 8px;
	border: 3px solid #fff;
	border-radius: 50%;
	top: 0;
	position: absolute;
	bottom: 0;
	margin: auto;
}

aside #case,
aside #items,
aside #pickup-items {
	margin-bottom: 20px;
}
aside #case h2,
aside #cn h2 {
	margin-bottom: 0;
}
aside #case ul,
aside #items ul,
aside #pickup-items ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
aside #case li,
aside #items li,
aside #pickup-items li {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px dotted #996;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
}
aside #case li a {
	display: block;
	background-color: #eef0f1;
	margin: 0;
	padding: 12px 0 11px 10px;
	text-decoration: none;
}
aside #case li a:hover {
	display: block;
	background-color: #c3db61;
	margin: 0;
	padding: 12px 0 11px 10px;
	text-decoration: none;
	color: #000fff;
}
aside #search .inputsize {
	box-sizing: revert;
	border: revert;
	border-radius: revert;
	padding: revert;
	outline: revert;
	height: 25px;
}
aside #search .inputsize:focus-visible {
	outline: auto;
}
aside #search .space {
	background-color: #c3db61;
	padding: 10px;
	text-align: center;
	position: relative;
}
aside #search .search_btn {
	position: absolute;
	top: 3px;
	right: 5px;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
aside #search .search_btn:disabled {
	cursor: initial;
}

#aside-search-form {
	position: relative;
}

aside .reinforce::after {
	content: none;
}
aside .reinforce a {
	position: relative;
}
aside .reinforce a::after {
	background: #dc165e;
	border-radius: 3px;
	content: "強化中";
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	line-height: 17px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	padding: 0 0 0 3px;
	margin: auto;
	position: absolute;
	bottom: 2px;
	right: 10px;
	height: 16px;
	width: 35px;
}

aside #items li a,
aside #pickup-items li a {
	background: url(/images/items_background.png) 0 0;
	background-color: #eef0f1;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 20px;
	height: 59px;
	width: 180px;
}
aside #items li a:hover,
aside #pickup-items li a:hover {
	background-color: #c3db61; /* 画像情報も読んでいるので-colorは必須 */
	color: #444;
	margin: 0;
	padding: 0 0 0 20px;
	text-decoration: none;
}

aside #items img,
aside #pickup-items img {
	padding: 0 0 3px 3px;
}
aside #items li.items01 a,
aside #pickup-items li.items01 a {
	background-position: 0 0;
}
aside #items li.items02 a,
aside #pickup-items li.items02 a {
	background-position: 0 -60px;
}
aside #items li.items03 a,
aside #pickup-items li.items03 a {
	background-position: 0 -120px;
}
aside #items li.items04 a,
aside #pickup-items li.items04 a {
	background-position: 0 -180px;
}
aside #items li.items05 a,
aside #pickup-items li.items05 a {
	background-position: 0 -240px;
}
aside #items li.items06 a,
aside #pickup-items li.items06 a {
	background-position: 0 -300px;
}
aside #items li.items07 a,
aside #pickup-items li.items07 a {
	background-position: 0 -360px;
}
aside #items li.items08 a,
aside #pickup-items li.items08 a {
	background-position: 0 -420px;
}
aside #items li.items09 a,
aside #pickup-items li.items09 a {
	background-position: 0 -480px;
}
aside #items li.items10 a,
aside #pickup-items li.items10 a {
	background-position: 0 -1080px;
}
aside #items li.items11 a,
aside #pickup-items li.items11 a {
	background-position: 0 -600px;
}
aside #items li.items12 a,
aside #pickup-items li.items12 a {
	background-position: 0 -660px;
}
aside #items li.items13 a,
aside #pickup-items li.items13 a {
	background-position: 0 -720px;
}
aside #items li.items14 a,
aside #pickup-items li.items14 a {
	background-position: 0 -780px;
}
aside #items li.items15 a,
aside #pickup-items li.items15 a {
	background-position: 0 -840px;
}
aside #items li.items16 a,
aside #pickup-items li.items16 a {
	background-position: 0 -900px;
}
aside #items li.items17 a,
aside #pickup-items li.items17 a {
	background-position: 0 -960px;
}
aside #items li.items18 a,
aside #pickup-items li.items18 a {
	background-position: 0 -1020px;
}
aside #items li.items19 a,
aside #pickup-items li.items19 a {
	background-position: 0 -1140px;
}
aside #items li.items20 a,
aside #pickup-items li.items20 a {
	background-position: 0 -1200px;
}
aside #items li.items21 a,
aside #pickup-items li.items21 a {
	background-position: 0 -1260px;
}
aside #items li.items22 a,
aside #pickup-items li.items22 a {
	background-position: 0 -1320px;
}
aside #items li.items23 a,
aside #pickup-items li.items23 a {
	background-position: 0 -1380px;
}
aside #items li.items24 a,
aside #pickup-items li.items24 a {
	background-position: 0 -1380px;
}
aside #items li.items25 a,
aside #pickup-items li.items25 a {
	background-position: 0 -1440px;
}

main h2 {
	background: #6aa33c;
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: normal;
	min-height: 20px;
	margin: 0 0 20px 0;
	position: relative;
	line-height: 20px;
	padding: 10px 5px 10px 35px;
	word-break: break-all;
}
main #recommend h2 {
  margin-bottom: 20px;
}
main h2::before {
	content: "";
	left: 12px;
	width: 8px;
	height: 8px;
	border: 3px solid #fff;
	border-radius: 50%;
	top: 0;
	position: absolute;
	bottom: 0;
	margin: auto;
}
main h3.blue,
main h3.red,
main h3.green {
	background: #e4f2f5;
	border-width: 0 0 0 5px;
	border-color: #3b91a0;
	border-style: solid;
	color: #333;
	line-height: 140%;
	font-weight:bold;
	font-size: 14px;
	min-height: 40px;
	padding: 6px 10px 4px 12px;
}
main h3.red {
	border-color: #a03b40;
	background: #f5e4e5;
}
main h3.green {
	background: #eef6e8;
	border-color: #6aa33c;
	border-radius: 0 !important;
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
}
main h4.blue,
main h4.red,
main h4.green {
	color: #333;
	background: #fff;
	font-size: 14px;
	line-height: 1;
	margin: 0;
	padding: 6px 10px 4px 6px;
	border-bottom: 2px solid #3b91a0;
}
main h4.red {
	border-bottom: 2px solid #a03b40;
}
main h4.green {
	border-bottom: 2px solid #6aa33c;
}

main h5 {
	font-size: 14px;
	font-weight: bold;
	padding: 0 0;
	line-height: 1.3;
}

section h2.gr {
	background: linear-gradient(160deg, transparent 0%, transparent 30%, rgba(255, 255, 255, 0.1) 30%, rgba(255, 255, 255, 0.1) calc(100% - 25%), transparent calc(100% - 25%), transparent 100%),linear-gradient(60deg, transparent 0%, transparent 25%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.1) calc(100% - 25%), transparent calc(100% - 25%), transparent 100%),linear-gradient(20deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent calc(100% - 25%), rgba(0, 0, 0, 0.05) calc(100% - 25%), rgba(225, 225, 225, 0.05) 100%),linear-gradient(170deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 35%, transparent 35%, transparent calc(100% - 35%), rgba(255, 255, 255, 0.05) calc(100% - 35%), rgba(255, 255, 255, 0.05) 100%);
	font-family: "BIZ UDPGothic",sans-serif;
	font-weight: bold;
	text-shadow: 0 2px 1px hsla(0, 0%, 0%, 0.1);
	min-height: 30px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
section h2.gr::after {
	content: "";
	background: #619934;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

section.section_wrap {
	margin-bottom: 30px;
	border-radius: 3px;
}
section.section_wrap h2,
section.section_wrap h3 {
	margin: 0 0 10px;
	border-radius: 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	line-height: revert;
	width: 100%;
	box-sizing: border-box;
}
section.section_wrap h2.gr,
section.section_wrap h3.gr {
	border-radius: 3px 3px 0 0;
}
section.section_wrap section.section_inner {
	background: #f7f7f7;
	padding: 5px 10px 20px;
	border-radius: 4px;
	display: flex;
	flex-direction: column;
}
section.section_wrap section.section_inner.whiteback {
	background: #fff;
	padding: 0;
}
section.section_wrap section.section_inner h3 {
	border-bottom: 2px solid;
	/* font-family: "UD Digi Kyokasho NP-B"; */
	font-family: "BIZ UDPGothic",sans-serif;
	font-size: 18px;
	align-items: center;
	margin: 20px auto;
	padding: 0 10px;
	width: auto;
}
section.section_wrap h3.gr {
	background: linear-gradient(140deg, transparent 0%, transparent 35%, rgba(255, 255, 255, 0.1) 35%, rgba(255, 255, 255, 0.1) calc(100% - 37%), transparent calc(100% - 37%), transparent 100%), linear-gradient(35deg, transparent 0%, transparent 38%, rgba(255, 255, 255, 0.1) 38%, rgba(255, 255, 255, 0.1) calc(100% - 36%), transparent calc(100% - 36%), transparent 100%), linear-gradient(120deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 38%, rgba(255, 255, 255, 0.2) 34%, rgba(255, 255, 255, 0.2) calc(100% - 34%), rgba(255, 255, 255, 0.1) calc(100% - 40%), rgba(255, 255, 255, 0.1) 100%), linear-gradient(20deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 35%, rgba(255, 255, 255, 0.2) 35%, rgba(255, 255, 255, 0.2) calc(100% - 33%), rgba(255, 255, 255, 0.1) calc(100% - 33%), rgba(255, 255, 255, 0.1) 100%), linear-gradient(10deg, transparent 0%, transparent 30%, rgba(255, 255, 255, 0.1) 30%, rgba(255, 255, 255, 0.1) calc(100% - 30%), transparent calc(100% - 30%), transparent 100%);
	color: #fff;
	font-size: 16px;
	font-family: "BIZ UDPGothic",sans-serif;
	font-weight: bold;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	text-shadow: 0 2px 1px hsla(0, 0%, 0%, 0.1);
	padding: 5px 15px;
	position: relative;
	width: 100%;
	min-height: 40px;
}
section.section_wrap h3.gr::after {
	background: #79a220;
	/*border-radius: 3px;*/
	content: "";
	top: 0;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	z-index: -1;
}
section.section_wrap[class*="bg_"] h2.gr::after,
section.section_wrap[class*="bg_"] h3.gr::after {
	border-radius: inherit;
}
section.section_wrap h3.gr span {
	vertical-align: middle;
}
section.section_wrap h4 {
	background: #fff;
	border: 1px solid #c5dbb0;
	font-size: 16px;
	padding: 5px 10px;
	color: #90bc6f;
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-start;
	width: calc(100% - 20px);
}
section.section_wrap h4 span {
	justify-content: center;
	display: inline-flex;
	flex-direction: column;
}
section.section_wrap section.section_inner .row img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.row.img_lss {
	display: flex;
	flex-direction: row;
	justify-content: center;
	background: #fff;
	padding: 10px;
}
.row.img_lss span {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	width: calc(70% - 10px);
}
.row.img_lss span:first-child {
	margin-right: 10px;
}
.row.img_lss span + span {
	width: 30%;
	display: inline-flex;
	flex-direction: column;
	justify-content: flex-start;
}
.row.img_lss span + span img {
	object-fit: cover;
	object-position: center center;
}
.row.img_lss span + span img:first-child {
	margin-bottom: 10px;
}



main table {
	border-top: 1px solid #ccc;
	margin: 0 -1px 0 0;
	text-align: left;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
main table th, main table td {
	border: 1px solid #ccc;
	padding: 10px 10px 8px 10px;
	vertical-align: top;
}
main table th {
	background: #f1f1f1;
	/*text-indent: 1em;*/
}

table.summary {
	margin: 0 0 20px;
	width: 100%;
}
table.summary thead th {
/*	background: #c9d1d5;
	background: linear-gradient(45deg, #c4c9ce 0%, #c4c9ce 15%, #c9d1d5 15%, #c9d1d5 85%, #cfd6db 85%, #cfd6db 100%);
	border: 1px solid #c4c9ce;*/
	background: #e7e7e8;
	border: 1px solid #d7d7d7;
}
table.summary th,
table.summary td {
	text-indent: 0;
}
table.summary th {
  border: 1px solid #d7d7d7;
  padding: 10px;
  background: #ececec;
  text-align: left;
}
table.summary td {
  border: 1px solid #d7d7d7;
  padding: 10px;
  text-align: left;
}
table.summary td.center {
	text-align: center;
}

table.summary.table_noborder,
table.summary.table_noborder th,
table.summary.table_noborder td {
	border: 0;
}

/* シンプルデザインテーブル（会社概要等で使用）*/
table.simple-table {
	background: #fff;
	border: none;
	border-radius: 5px;
	border-collapse: collapse;
	table-layout: fixed;
	margin: 1em auto;
	width: 100%;
}
table.simple-table tr:first-child th,
table.simple-table tr:first-child td {
	border-top: none;
}
table.simple-table tr:last-child th,
table.simple-table tr:last-child td {
	border-bottom: none;
}
table.simple-table th + td {
	background: #fff;
	padding: clamp(5px, 1%, 15px);
	text-align: left;
}
table.simple-table th,
table.simple-table td {
	border: none;
	border-top: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	background: #fff;
	text-align: left;
	vertical-align: middle;
}
table.simple-table th {
	background: transparent;
	box-sizing: border-box;
	font-size: 16px;
	padding: 1.3em 0.1em 1.3em 1em;
	width: 240px;
}
table.simple-table th[rowspan].hub {
	font-size: 16px;
	padding: 2em 0 1.3em 1em;
	vertical-align: top;
	width: 120px;
}
table.simple-table th.hub {
	font-size: 15px;
	padding: 1.3em 0 1.3em 1em;
	min-width: inherit;
	width: 120px;
}
table.simple-table li a,
table.simple-table li span {
	width: 100%;
}

/* 罫線下線 */
table.keisen {
	border: none;
}
table.keisen th,
table.keisen td {
	border: 0;
	border-bottom: 1px solid #aaa;
	padding: 15px 10px;
	vertical-align: top;
}
table.keisen th {
	background: revert;
	color: #666;
	font-size: 15px;
	font-weight: bold;
	width: 150px;
	text-align: left;
}
table.keisen td {
	font-size: 14px;
	width: calc(100% - 170px);
}
table.keisen tr:last-child th,
table.keisen tr:last-child td {
	border: 0;
}

.kakaku {
	text-align: center;
}
.kakaku th, .kakaku td {
	padding: 10px 5px;
	text-indent: unset;
	vertical-align: middle;
}
.kakaku th {
	/* background: linear-gradient(to top right, #f4f4f4 49%, #f0f0e8 51%); */
}
.kakaku th.period {
	/*background: #f0f0e8;*/
}
.kakaku th.unit {
	/*background: #f4f4f4;
	text-align: right;*/
}
.kakaku td {
	font-size: 13px;
}
.kakaku td[rowspan] {
	text-align: left;
	font-size: 12px;
}
.kakaku_link a {
	display: block;
	background: #fff;
	color: #333;
	text-decoration: none;
	line-height: 12px;
	padding: 4px 4px 4px 5px;
	border-radius: 1px;
	border: 1px solid #404040;
	/* font-weight: bold; */
	text-align: left;
	width: 50px;
	margin: auto;
	font-size: 11px;
}
.kakaku_link a:hover {
	background: #f2f2f2;
}


/* 商品詳細　商品概要 */
#explanation .item_exp p {
	white-space: pre-wrap;
	width: 100%;
}
.section-title {
  text-align: center;
  font-size: 23px;
  font-weight: bold;
  padding: 5px clamp(5px,1%,15px);
}
table.spec-table {
	width: calc(50% - 15px);
	display: inline-table;
	vertical-align: top;
	margin-right: 20px;
}
table.spec-table.spec-table_main + table.spec-table.spec-table_detail {
	width: calc(50% - 15px);
}
table.spec-table:last-child {
	margin: 0;
}
table.spec-table th, table.spec-table td {
	padding: 15px clamp(5px, 1%, 15px);
	vertical-align: middle;
	border-top: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	line-height: 21px;
	background: transparent;
	border-left: none;
	border-right: none;
}
table.spec-table th {
	width: clamp(70px, 11vw, 160px);
	font-weight: bold;
	text-align: left;
}
table.spec-table td {
	width: calc(40vw - 10px);
	font-weight: normal;
}


.main_kv {
	background: #f8faff;
	font-size: 0;
	text-align: center;
}

main p,
main dl,
main dd {
	margin: 0;
	padding: 0;
}
main dt {
	color: #900;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
main dl.faq dt {
	color: #679d3d;
	font-weight: bold;
	font-size: 13pt;
	margin-bottom: 5px;
	background: url(/images/icn_question.png) left top no-repeat;
	padding-left: 30px;
	border: none;
	height: 26px;
}
main dl.faq dd {
	margin-bottom: 25px;
}
main .flow dl {
	overflow: hidden;
	zoom: 1;
}
main .flow dl {
	margin-bottom: 20px;
	display: block;
	overflow: hidden;
	background: url(/images/arrow_down.png) center bottom no-repeat;
}
main .flow dl:last-child {
	background: url() center bottom no-repeat;
}
main .flow dt {
	background: #6aa33c;
	width: 130px;
	height: 80px;
	float: left;
	clear: both;
	color: #fff;
	margin: 0;
	padding: 10px;
}
main .flow dd {
	height: 80px;
	background: #eee;
	padding: 10px 10px 10px 170px;
	margin-bottom: 40px;
}


main a[class*="btn"],
main input[class*="btn"],
main input[class*="imgbtn"]/*,
main a.btn,
main input.btn,
main input.imgbtn,
main a.btn2,
main input.btn2,
main input.imgbtn2,
main a.btn3,
main input.btn3,
main input.imgbtn3,
main a.btn4,
main input.btn4,
main input.imgbtn4,
main a.btncopy,
main a.btnmini,
main input.btnmini*/ {
	box-shadow: 0 2px 1px -1px #2b4f10;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 10px 20px 7px 20px;
	color: #fff;
	background: #679d3d;
	border-radius: 4px;
	border-style: none;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	cursor: pointer;
}

main a.btn:hover, main input.btn:hover,
main a.btn3:hover, main input.btn3:hover,
main a.btn4:hover, main input.btn4:hover  {
	background: #4d762d;
}
main a.btn2,
main input.btn2,
main input.imgbtn2 {
	background: #f3971d;
	box-shadow: 0 2px 1px -1px rgb(166, 94, 0);
}
main a.btn2:hover, main input.btn2:hover,
a.basketbtn:hover, input.basketbtn:hover {
	background: #e78400;
}
a.basketbtn, input.basketbtn, input.imgbasketbtn{
	/* display: inline-block; */
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #fff;
	background: #f3971d;
	border-radius: 4px;
	border-style: none;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	cursor: pointer;
	width: 200px;
	height: 60px;
	font-size: 16px;
	vertical-align:middle;
	display:table-cell; /* middleの下に設定する */
}

main a.btn4,
main input.btn4,
main input.imgbtn4,
main input.btnmini {
	padding: 7px 20px 7px 20px;
}
a.basketbtn span:before {
	content: url(cart.png);
	margin: 5px;
	position: relative;
	top: 2px;
}
main .center,
main .c {
	text-align: center
}
main .left,
main .l {
	text-align: left
}
main .right,
main .r {
	text-align: right
}
main .leadTxt {font-size: 24px;}


/* もっと見る */
.readmore {
	display: block;
	text-align: right;
	margin: 10px 0;
}

a .readmore span,
.readmore a {
	background: #67ae37;
	border-radius: 2px;
	box-shadow: 0 3px 1px -2px #417319;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	text-align: right;
	padding: 0 20px 0 10px;
	position: relative;
	margin-right: 10px;
	min-height: 35px;
	line-height: 35px;
	text-decoration: none;
}
 a .readmore span:hover,
.readmore a:hover {
	filter: hue-rotate(-8deg);
}
a .readmore span::after,
.readmore a::after {
	content: "";
	border-top: 0 solid transparent;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 0 solid transparent;
	margin: auto;
	position: absolute;
	transform: rotate(-45deg);
	top: 0;
	right: 10px;
	bottom: 0;
	width: 6px;
	height: 6px;
}


/*アイコン的な利用に*/
.kadomaru {
	border-radius: 3px;
	background-color: #6aa33c;
	padding: 2px 7px;
	line-height: 2em;
	margin-right: 5px;
	color: #fff;
}
main .searchfrm {
	border-bottom: 1px dotted #ccc;
	display: inline-block;
	margin: 0 15px 10px 0;
	min-height: 250px;
	/*padding-bottom: 20px;*/
	text-align: center;
	vertical-align: top;
	width: calc((100% / 3) - 14px);
	position: relative;
}
main .searchfrm:nth-child(3n){
	margin-right: 0;
}
main .searchfrm a {
	text-decoration: none;
	display: block;
	margin-bottom: 30px;
}
main .height183{
	height: 183px;
}
main .searchfrm3 {
	border-bottom: 1px dotted #ccc;
	float: left;
	margin: 0 7px 10px;
	overflow: hidden;
	padding-bottom: 20px;
	text-align: center;
	height: 213px;
	width: 240px;
}
main .searchimg {
	width: 150px;
	height: 150px;
	padding: 0;
	margin: 0 auto;
}
main a:hover .searchimg img {
	opacity: .8;
}
main .searchtxtimg{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
main a.searchtxt,
main a.serchtxt {
	text-decoration: none;
}
main .searchtxt {
	width: 230px;
	padding: 0;
}
main .searchtxt .appeal,
main .searchtxt_area .appeal_area,
main .searchtxt2 .appeal {
	color: #d3044e;
}
.searchtxt_ti,
.serchtxt_ti{
	padding-bottom: 8px;
	letter-spacing: .5px;
}
.searchtxt_ti2,
.searchtxt_ti_area,
.serchtxt_ti2,
.serchtxt_ti_area {
	float: left;
}
.searchtxt_cha,
.searchtxt_cha2,
.searchtxt_cha_area,
.serchtxt_cha,
.serchtxt_cha2,
.serchtxt_cha_area {
	float: right;
}
.searchtxt_cha p,
.serchtxt_cha p {
	float: right;
	padding: 0 10px;
	border-radius: 10px;
	background-color: #ffd6d6;
	line-height: 2em;
	margin: 0 0 5px 5px;
	color: #d3044e;
}

/* 小カテページレイアウト変更 */
main .searchfrm2 {
	border-bottom: 1px dotted #ccc;
	display: flex;
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
main .searchimg2 {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 20px 0 0;
	padding: 0;
	width: 150px;
}
main .searchtxt2 {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: 580px;
}
main .searchtxt2 table th,
main .serchtxt2 table th {
	font-size: 9pt;
}
.searchtxt_cha2 p,
.serchtxt_cha2 p {
	float: right;
	padding: 0 10px;
	border-radius: 10px;
	background-color: #ffd6d6;
	line-height: 2em;
	margin: 0 0 5px 5px;
	color: #d3044e;
}
/* 小カテページレイアウト変更　ここまで */

.searchtxt_cha3 p,
.serchtxt_cha3 p {
	padding: 0 10px;
	border-radius: 12px;
	background-color: #ffd6d6; 
	line-height: 2em;
	margin: 0 0 5px;
	color: #d3044e;
	float: left;
}

/* 小カテゴリ一覧 */
/* 見積もりに追加ボタン */
.view_btn_wrap.col2 {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin: auto;
	width: calc(100% - 20px);
	position: absolute;
	bottom: 10px;
	left: 10px;
}
a .detail_btn .btn_inner,
li.search_item .add_cart {
	background: #64ae30;
  border: 3px solid #64ae30;
	box-shadow: 0 3px 0 -2px #67910a;
	color: #fff;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	min-width: 100px;
	position: relative;
}
a .detail_btn.item_btn .btn_inner {
	background: #8cb82b;
	border: 3px solid #8cb82b;
}
li.search_item .add_cart {
	background: #f4971e;
	border: 3px solid #f4971e;
	box-shadow: 0 3px 0 -2px #bf6c00;
	color: #f4971e;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.section_wrap[class*="bg_"] /*li.search_item */.view_btn_wrap:not(.col2) {
	width: 100%;
	max-width: 150px;
}
.section_wrap[class*="bg_"] .view_btn_wrap:not(.col2) .detail_btn {
	width: inherit;
}
.section_wrap[class*="bg_"] .view_btn_wrap:not(.col2) .detail_btn .btn_inner {
	width: inherit;
	box-sizing: border-box;
	height: 35px;
}
.section_wrap[class*="bg_"] ul:not(.col3) li.search_item .add_cart {
	box-sizing: border-box;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: auto;
	height: 35px;
	max-width: 150px;
	width: calc(100% - 10px);
}

.section_wrap[class*="bg_"] /*li.search_item */.view_btn_wrap:not(.col2) {
	width: 100%;
}
.section_wrap[class*="bg_"] .view_btn_wrap:not(.col2) .detail_btn {
	width: inherit;
}
.section_wrap[class*="bg_"] .view_btn_wrap:not(.col2) .detail_btn .btn_inner {
	width: inherit;
	box-sizing: border-box;
	height: 35px;
}
.section_wrap[class*="bg_"] .view_btn_wrap:not(.col2) .add_cart {
	bottom: 10px;
	width: calc(100% - 10px);
	left: 0;
	right: 0;
	margin: auto;
	height: 35px;
	box-sizing: border-box;
}



li.search_item .add_cart a {
	color: #fff;
	padding: 0;
	margin: 0;
	display: flex;
	box-shadow: none;
}
a .detail_btn .btn_inner::after,
li.search_item .add_cart a::after {
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
	width: 0;
	left: 0;
	background: #fff;
	transition: all .125s ease-in;
}
a:hover .detail_btn .btn_inner::after,
li.search_item .add_cart a:hover::after {
	width: 100%;
}
li.search_item .add_cart a:hover {
	background: revert;
	border-radius: revert;
}
a:hover .detail_btn .btn_inner span,
li.search_item .add_cart a:hover span {
	color: #64ae30;
	position: relative;
	z-index: 1;
}
a:hover .detail_btn.item_btn .btn_inner span {
	color: #6aa33c;
}
li.search_item .add_cart a:hover span {
	color: #f4971e;
}
a .detail_btn .btn_inner span {
	position: relative;
	padding: 0 10px 0 5px;
}
a .detail_btn .btn_inner span::after {
	content: "";
	width: 5px;
	height: 5px;
	border-top: 0 solid transparent;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 0 solid transparent;
	transform: rotate(-45deg);
	border-radius: 1px;
	position: absolute;
	bottom: 0;
	left: auto;
	right: 7px;
	margin: auto;
	transition: all .3s ease-in;
	top: 0;
}
a:hover .detail_btn .btn_inner span::after {
	border-right: 2px solid #64ae30;
	border-bottom: 2px solid #64ae30;
}
a:hover .detail_btn.item_btn .btn_inner span::after {
	border-right: 2px solid #8cb82b;
	border-bottom: 2px solid #8cb82b;
}
.view_btn_wrap div a > span {
	padding: 0 3px;
	background: revert;
	box-shadow: revert;
	margin: revert;
	font-size: 12px;
}


/* エリアページの商品一覧 */
main .searchfrm_area { 
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}
main .searchimg_area { 
	float: left;
	width: 150px;
	padding: 0;
	margin: 0 20px 0 0;
}
main .searchtxt_area { 
	float: right;
	width: 580px;
	padding: 0;
	margin: 0;
}
.searchtxt_cha_area p,
.serchtxt_cha_area p {
	float: right;
	padding: 0 10px;
	border-radius: 10px;
	background-color: #ffd6d6;
	line-height: 2em;
	margin: 0 0 5px 5px;
	color: #d3044e;
}
/* エリアページの商品一覧　ここまで */

/* 商品詳細 */
main .itemsfrm {
	overflow: hidden;
	margin-bottom: 10px;
	padding: 0;
}
main .itemsimg {
	float: left;
	width: 300px;
	padding: 0;
	margin: 0 20px 0 0;
}
main .itemsimg div {
	background: #eee;
	text-align: center;
	width: 300px;
	height: 300px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
main .itemsimg .thumb{
	border: 1px solid #8c8c8c;
}
main .itemstxt {
	float: right;
	width: 430px;
	padding: 0;
	margin: 0;
}
main .price {
	font-size: 9pt;
	padding-bottom: 5px;
}
main .price span.lprice{
	font-size: 12pt;
	color: #bd3347;
	font-weight: bold;
}
main .price span.yen{
	font-size: 10pt;
	color: #bd3347;
}
main .price span.lprice2{
	font-size: 17pt;
	color: #bd3347;
	font-weight: bold;
}
main .maker{
	margin-top: -10px;
	margin-bottom: 10px;
}
#footer {
	font-size: 8pt;
	width: 980px;
	margin: 0 auto;
	padding-top: 20px;
}
#footer .space1 {
	float: left;
	width: 250px;
	margin: 0;
	padding: 0;
}
#footer .space1 img {
	padding: 7px 0;
}
#footer .space2 {
	float: left;
	width: 140px;
	margin: 0;
	padding: 0;
/*	background-color: #5a5900;*/
}
#footer .space3,
#footer .space5 {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
}
#footer .space4,
#footer .space6,
#footer .space7 {
	float: left;
	width: 190px;
	margin: 0;
	padding: 0;
}
#footer .space7 {
	margin: 0 0 0 20px;
}
#pagination {
	margin: 30px 0;
	text-align: center;
	font-family: "BIZ UDPGothic";
	font-size: 0;
	font-weight: bold;
}
#pagination .active {
	background: linear-gradient(0deg, #646464 0%, #646464 10%, #6c6c6c 10%, #6c6c6c 100%);
	border-radius: 2px;
	border: 1px solid #6c6c6c;
	color: #fff;
	cursor: default;
	padding: 10px 13px;
	font-size: 15px;
}
#pagination a.page {
	background: #fff;
	border: 1px solid #2e2e2e;
	border-radius: 2px;
	color: #2e2e2e;
	padding: 10px 13px;
	text-decoration: none;
	line-height: 50px;
	transition: all .1s ease-in;
	font-size: 15px;
	letter-spacing: 0;
}
.section_wrap #pagination {
	background: transparent;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 10px 0;
	height: 50px;
	width: 100%;
}
[class*="bg_"] #pagination a.page,
[class*="bg_"] #pagination span {
	border: 1px solid transparent;
	box-shadow: 1px 2px 2px -2px #b9b9b9;
	margin: 0 1px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 40px;
	padding: 0 12px;
}
#pagination a:hover.page {
	background: linear-gradient(0deg, #6aa33c 0%, #6aa33c 10%, #9ec481 10%, #9ec481 100%);
	color: #fff;
	padding: 2px 12px;
	transition: all .1s ease-in;
}

[class*="bg_"] table.summary td {
	background: #FFF;
}

.search-pagination-block {
	background: #fff;
	padding: 20px 0;
	margin-top: 20px;
}
.search-pagination {
	display: flex;
	flex-wrap: nowrap;
}
.search-pagination .page-item  {
	text-align: center;
	background-color: #fff;
	margin: 0 2px 0 0;
}
.search-pagination .page-item .page-link {
	display: block;
	width: 35px;
	aspect-ratio: 1;
	padding: 0;
	line-height: 34px;
	color: #2e2e2e;
	text-decoration: none;
	transition: all 0.1s;
	border: solid 1px #dee2e6;
}
.search-pagination .page-item:not(.search-pagination-disable,.search-pagination-active) a.page-link:hover {
	color: #a5a5a5;
	background: #d2d6d9;
}
.search-pagination .page-item.search-pagination-active .page-link {
	color: #fff;
	background: #6E6E6E;
}
.search-pagination .page-item.search-pagination-disable .page-link {
	color: #a5a5a5;
}


/*form
------------------------------------- */
form .must,
form .any {
	background: #b0b0b0;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size:0.9em;
	font-weight:normal;
	font-style:normal;
	padding-top: 2px;
	margin-left: 4px;
	text-align: center;
	line-height: 1.3;
	vertical-align: middle;
	width: 3.5em;
}
form .any {
	background: #b0b0b0;
}
form .must {
  background: #ea0e2d;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #666;
	font-size: 1em;
}
::placeholder{ /* Others */
	color: #666;
	font-size: 1em;
}
input[type=text],
input[type=search].header-search,
input[type=tel],
input[type=email],
textarea {
  outline: none;
  border: #ccc 1px solid;
  padding: 0.5em;
  border-radius: 2px;
  box-sizing: border-box;
}

input[type=text].width100,
input[type=tel].width100,
input[type=email].width100,
textarea.width100{
  width: 100%
}
input[type=text].width80,
input[type=tel].width80,
input[type=email].width80,
textarea.width80 {
  width: 80%
}
textarea {
	resize: vertical;
	min-height: 50px;
}

form .notes {
	font-size: 10px;
	color: #848484;
	background: #fff;
	line-height: 17px;
	display: inline-block;
	margin: 0 2px 3px 0;
	border-radius: 2px;
	height: 17px;
}

/* ========個別設定======== */
.formTable th {
	padding: 15px 10px;
}
.formTable input, .formTable select, textarea {
	font-size: 12pt;
	padding: 5px;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
.formTable .w200 {
	width: 200px;
}
.formTable .w210 {
	width: 210px;
}
.formTable .w300 {
	width: 300px;
}
.formTable .w400 {
	width: 400px;
}
.formTable .w500 {
	width: 500px;
}
.formTable .w750 {
	width: 750px;
}
#custompc {
	position: relative;
	padding: 0;
	margin: 0 0 20px 0;
	background-image: url(/images/icatch_custompc.jpg);
	width: 750px;
	height: auto;
	overflow: hidden;
	max-width: none;
	aspect-ratio: 750/280;
}
#custompc .desktop {
	position:absolute;
	top: 290px;
	left: 130px;
	width: 300px;
	height: 100px;
	display: none;
}
#custompc .note {
	position:absolute;
	top: 290px;
	left: 440px;
	width: 300px;
	height: 100px;
	display: none;
}
#custompc .desktop {
	background: url(/images/custompc_desktop2.jpg) no-repeat;
	width: 300px;
	height: 100px;
}
#custompc .desktop a{
	display: block;
}
#custompc .desktop a:hover img{
	visibility: hidden;
}
#custompc .note {
	background: url(/images/custompc_note2.jpg) no-repeat;
	width: 300px;
	height: 100px;
}
#custompc .note a{
	display: block;
}
#custompc .note a:hover img{
	visibility: hidden;
}
#case .space1 {
	position:relative;
	margin: 0;
	padding: 0;
	width: 750px;
	height: 530px;
}
#case .space1 .text {
	position:absolute;
	top: 0;
	left: 0;
	width: 340px;
	margin: 0;
	padding: 0;
	font-size: 11px;
}
#case .space2 {
	position:relative;
	margin: 0;
	padding: 0;
	width: 750px;
}
#case .space2 .text {
	position:absolute;
	top: 0;
	left: 0;
	width: 340px;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
/* ======== category item ======== */
.tile_item_cell{
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	width: 100px;
	height: 150px;
	margin-bottom: 10px;
	margin-right: 5px;
}
.tile_item_cell:hover{
	background-color: #eee;
}


.tile_item_cell .image_box{
	padding: 10px 0 0;
	margin: 0 auto;
	text-align: center;
	height: 80px;
	width: 80px;
}
.tile_item_cell .maker_name{
	text-align: center;
	height: 20px;
	vertical-align: middle;
	overflow: hidden;
}
.tile_item_cell .item_name{
	text-align: center;
	height: 56px;
}
/* ======== be_found ======== */
#be_found{
	widows: 748px;
	height: 85px;
	background-color: #f1f4f6;
	border: 1px solid #c9c9c9;
	position: relative;
	margin-bottom: 22px;
}
#n_be_found{
	width: 230px;
	height: 58px;
	padding: 13px 16px;
	color: #218823;
	font-size: 22px;
	line-height: 30px;
	float: left;
}
#n_be_found span{
	font-size: 31px;
}
#be_found_txt{
	width: 294px;
	height: 65px;
	padding: 10px 0;
	font-size: 13px;
	line-height: 17px;
	float: left;
}
.conf_btn{
	position: absolute;
	top: 22px;
	left: 568px;
}


/* ======== be_found2 ======== */
#be_found2{
	margin: 10px 0 22px;
}

/* ======== area_txt ======== */
#area_txt{
	margin-bottom: 30px;
}
#area_txt_l{
	width: 580px;
	padding-right: 20px;
}
#area_txt_r{
	width: 150px;
}



/* カテゴリ一覧　ブロック表示 */
.search_sortbox_wrap {}
.search_sortbox {
	padding: 10px 0px;
	line-height: 25px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#search_wrap {
	background: #fff;
}
section p {
	width: calc(100% - 10px);
	margin: auto;
	word-break: break-all;
}
.section_search h3 {
	font-size: 16px;
	border-left: 5px solid #6aa33c;
	padding: 5px 2px 5px 10px;
	background: #eef6e8;
	width: auto;
	font-weight: bold;
}
.section_search h3 .title {
	display: inline-block;
}
ul.search_ul {
	font-size: 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr;
	width: 100%;
}
li.search_item {
	background: #fff;
	border: 0;
	text-align: center;
	margin: 0;
	width: 100%;
	min-height: 100%;
	display: inline-grid;
	position: relative;
	letter-spacing: 0.5px;
	justify-items: center;
	align-content: stretch;
	grid-template-columns: repeat(auto-fit, 100%);
	box-sizing: border-box;
	border-radius: 3px;
}
li.search_item a {
	padding: 5px;
	text-decoration: unset;
	margin-bottom: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	padding-bottom: 50px;
}
.section_wrap li.search_item > a {
	box-shadow: 0 3px 1px -2px #d0d0d0;
}
li.search_item a:hover {
	background: #f7f7f7;
	border-radius: inherit;
}
li.search_item a .search_image {
	min-height: 190px;
	position: relative;
}
li.search_item a:hover img {
	opacity: .8;
}

/* おすすめ商品ラベル */
li.search_item.osusume_item > a {
	position: relative;
	overflow: hidden;
}
li.search_item.osusume_item > a::after {
	content: "おすすめ";
	background: linear-gradient(-30deg, #df5684 0%, #df5685 7%, #f46091 40%, #f45e90 100%);
	border-radius: 12px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 8px;
	position: absolute;
	top: 2px;
	left: 2px;
}
li.search_item.osusume_item > a::before {
	content: "";
	border-top: 0 solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #df5684;
	border-left: 5px solid transparent;
	position: absolute;
	top: 24px;
	left: 45px;
	transform: rotate(45deg);
	z-index: 1;
}

/* 商品への遷移ボタン */
.view_btn_wrap a,
.view_btn span {
	background: linear-gradient(to bottom, #9dce2c 5%,#8cb82b 100%);
	border-radius: 5px;
	border: 1px solid #83c41a;
	box-shadow: inset 1px 1px 0 0 #c1ed9c;
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	margin: 5px auto;
	min-height: 30px;
	line-height: 30px;
	min-width: 100px;
	max-width: calc(125px - 12px);
}

.view_btn .add_cart a {
	background: #9dce2c;
	border: 0;
	border-radius: 2px;
	box-shadow: 0 4px 1px -2px #603600;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	text-decoration: none;
	padding: 0 10px;
	cursor: pointer;
	max-width: calc(100% - 20px);
	margin: 5px 0 10px;
}

.view_btn.col2 {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
.view_btn.col2 > div {
	display: inline-flex;
	width: calc(50% - 10px);
}
li.search_item .view_btn div a {
	background: #8cb82b;
}
li.search_item .view_btn div a,
li.search_item .view_btn div a > span {
	padding: 0;
	margin-left: auto;
	text-align: center;
	margin-right: auto;
	max-width: 100%;
}
li.search_item .view_btn div a > span {
	padding: 0 3px;
	background: revert;
	box-shadow: revert;
	margin: revert;
	font-size: 12px;
}
li.search_item .view_btn div.add_cart a {
	background: linear-gradient(to bottom, #f4971e 5%,#f4971e 100%);
	box-shadow: 0 4px 1px -2px #d07500;
}

/* 中カテ一覧グリッド表示 */
/*#search_wrap.category_grid li.search_item {
	min-height: 280px;
}*/

li.search_item .txt {
	font-size: 13px;
	line-height: 18px;
	padding: 5px 0;
	width: 100%;
	height: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
li.search_item .price {
	color: #000;
	font-size: 12px;
	height: auto;
	margin: 5px 0;
	padding: 0;
	letter-spacing: 0;
}
li.search_item img {
	background: #f4f4f4;
	display: block;
	font-size: 12px;
	padding: 0;
	margin: 0 auto;
	height: 150px;
	width: 150px;
}


.listview_wrap {
	font-size: 10px;
	text-align: center;
	color: #000;
	display: flex;
}
.listview_wrap .listview_left {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	margin: auto;
}
.listview_wrap .listview_left img {
/* listview_rightがある時は120px
	width: 120px;
	height: 120px;*/
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	width: 150px;
	height: 150px;
}
	
.listview_wrap .listview_right {
	width: 100%;
}
.listview_wrap .listview_right table {
	border: none;
	background: #fff;
	display: inline-table;
	vertical-align: middle;
}
.listview_wrap .listview_right table tr:nth-child(2n+1) {
	background: #f7f7f7;
}
.listview_wrap .listview_right table th,
.listview_wrap .listview_right table td {
  padding: 1px 5px;
	border: none;
	background: transparent;
}
.listview_wrap .listview_right table th {
	font-weight: normal;
}
.listview_wrap .listview_right table th.title {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	background: #eee;
}
.listview_wrap .listview_right table td {
	text-align: right;
}


/* ======== .item_category ======== */

/* 人気レンタル商品カテゴリ */
.item_category {
	width: 100%;
}
.item_category li {
	width: 100%;
	height: 100%;
}
.item_category a {
	background: #eef0f1;
	border-radius: 1px;
	/*box-shadow: 0 1px 2px -1px #939395;*/
	color: #333;
	position: relative;
	text-decoration: none;
	display: inherit;
	height: 60px;
	width: 100%;
}
.item_category a .txt {
	/* font-family: "BIZ UDPGothic",sans-serif; */
	font-size: 16px;
	font-weight: bold;
	margin: auto 0 auto 25px;
	height: inherit;
	display: inline-grid;
	align-content: center;
	justify-content: flex-start;
	text-align: left;
	position: relative;
	z-index: 1;
}
.item_category a::after {
	content: "";
	background: url(/images/items_background.png) 0 0;
	background-position-x: 0px;
	background-position-y: 0px;
	font-size: 12px;
	margin: auto !important;
	padding: 2px 0;
	position: absolute;
	transform: scale(0.8);
	top: 0;
	right: 5%;
	bottom: 0;
	height: 50px;
	width: 50px;
}
.item_category a:hover {
	opacity: 0.8;
}


.item_category .chair a::after {
	background-position: 55px -123px;
}
.item_category .desk a::after {
	background-position: 55px -4px;
}
.item_category .table a::after {
	background-position: 55px -182px;
}
.item_category .sidedesk a::after {
	background-position: 54px -420px;
}
.item_category .cabinet a::after {
	background-position: 55px -364px;
}
.item_category .locker a::after {
	background-position: 55px -63px;
}
.item_category .whiteboard a::after {
	background-position: 55px 898px;
}
.item_category .partition a::after {
	background-position: 55px -304px;
}




/* ======== area #mitem_category ======== */

#mitem_category {
	width: 90%;
	min-width: 640px;
	margin: 0 auto;
	background-color: #fff;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: -ms-box;
	box-pack: justify;
	-moz-box-pack: justify;
	-webkit-box-pack: justify;
	-o-box-pack: justify;
	-ms-box-pack: justify; 
}
.elements {
	width: 80px;
	height: 80px;
	background-color: #eee;
	display: block;

}
#mitem_category a:hover {
	opacity: 0.6;
}



#mitem_category {
	width: 100%;
	display: inline-block;
	font-size: 0;
}
#mitem_category .elements {
	background: #fff;
	text-align: center;
	vertical-align: top;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	height: auto;
	width: calc((100% / 5) - 1px);
}
#mitem_category .elements a {
	display: block;
	height: 100%;
	max-height: 130px;
	min-height: 120px;
	padding: 10px 2px;
	text-decoration: none;
}
#mitem_category .elements img {
	display: block;
	margin: auto;
}
#mitem_category .elements span {
	line-height: 18px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 13px;
	min-height: 50px;
}




/* ======== ipadcampaign ======== */
#ipadimgarea{
	margin-bottom: 20px;
	width: 750px;
	height: 510px;
}
.ipadimg{
	float: left;
	width: 243px;
	height: 250px;
	margin: 0 10px 10px 0;
}
.ipadimg:nth-child(3n){
	margin-right: 0;
}
.ipadimg p{
	width: 233px;
	margin-top: 5px;
	height: 60px;
	padding: 5px;
	background-color: #f0f0f0;
}
.ipadform input{
	position:relative;
	top: 3px;
}


	/* 利用シーンから探す */
.case_cont h3 {
	background: transparent;
	border: none;
}
.casecatalog .maker6 {
	display: inline-flex;
	justify-content: flex-start;
	flex-direction: column;
	float: none;
	width: 100%;
	margin: 0;
}
.casecatalog .maker6 ul {
	width: 100%;
	display: inline-flex;
	justify-content: space-between;
	flex-direction: row;
}
.casecatalog .maker6 ul li {
	display: inline-flex;
	justify-content: flex-start;
	flex-direction: column;
}
.casecatalog .maker6 ul li a {
	position: relative;
}
.casecatalog .maker6 ul li a .reinforce_flag {
	position: absolute;
	top: 0;
	left: 0;
}
.casecatalog .maker6 p {
	padding: 5px 0;
	font-size: 12px;
	text-align: left;
	width: 170px;
}

.casecatalog i.fa-chevron-circle-right {
	color: #4a5390;
}

/* オフィス家具をレンタルで導入するメリット */
/* 弊社のレンタルは下記のような動機でご利用されています */
.case_conts .maker6 {
	width: auto;
	float: none;
}
.case_conts .maker6 ul li {
	width: calc((100% / 4) - 4px);
	display: inline-block;
	text-align: center;
	vertical-align: top;
}
.case_conts .top-info-content {
	text-align: left;
}


/* ======== realestate_space ======== */
.real_space a img:hover{
	opacity: 0.7;
}

/* ======== #area ======== */
#area .area_link{
	color: #fff;
	border: 1px solid #dc165e;
	width: 178px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	padding: 5px 0;
	background: #dc165e url(/images/arrow_s.png) no-repeat 20px 11px;
	font-weight: bold;
	font-size: 14px;
}
#area .area_link_mini,
#area .area_link_mini2 {
	color: #fff;
	border: 1px solid #dc165e;
	width: 82px;
	height: 20px;
	margin-right: 5px;
	margin-bottom: 7px;
	text-align: center;
	padding: 10px 3px;
	background: #dc165e;
	font-weight: bold;
	font-size: 12px;
}
#area .area_link_mini2{
	width: 80px;
}

#area .area_point{
	color: #6aa33c;
	width: 108px;
	height: 15px;
	/* text-align: center; */
	padding: 3px 1px 13px 3px;
	background-color: #fbfbfb;
	border: 3px solid #dee0da;
	border-radius: 5px;
	margin-right: 2px;
	font-size: 17px;
	font-weight: 600;
}

#area .area_link_n{
	color: #fff;
	border: 1px solid #dc165e;
	width: 140px;
	margin-right: 10px;
	text-align: center;
	padding: 5px 0;
	background: #dc165e url(/images/arrow_s.png) no-repeat 13px 11px;
	font-weight: bold;
	font-size: 14px;
}
#area .area_link_l{
	color: #fff;
	border: 1px solid #dc165e;
	width: 177px;
	margin-right: 0;
	text-align: center;
	padding: 5px 0;
	background: #dc165e url(/images/arrow_s.png) no-repeat 20px 11px;
	font-weight: bold;
	font-size: 14px;
}

#area .area_link_pc{
	color: #fff;
	border: 1px solid #454be1;
	width: 177px;
	margin-right: 0;
	text-align: center;
	padding: 5px 0;
	background: #454be1 url(/images/arrow_s.png) no-repeat 20px 11px;
	font-weight: bold;
	font-size: 13px;
}

#area .area_link2{
	color: #fff;
	border: 1px solid #dc165e;
	width: 140px;
	margin-right: 10px;
	text-align: center;
	padding: 5px 0;
	background: #dc165e;
	font-weight: bold;
	font-size: 14px;
}
#area .area_link:hover,
#area .area_link_l:hover {
	background: #ffdbd1 url(/images/arrow_s_hv.png) no-repeat 20px 11px;
	color: #dc165e;
}
#area .area_link_mini:hover{
	background: #ffdbd1;
	color: #dc165e;
}
#area .area_link_n:hover{
	background: #ffdbd1 url(/images/arrow_s_hv.png) no-repeat 13px 11px;
	color: #dc165e;
}

#area .area_link_pc:hover{
	background: #e2e2f9 url(/images/arrow_pc_hv.png) no-repeat 20px 11px;
	color: #454be1;
}

/* ======== #partition ======== */
#partition_type table{
	border-style: none;
	width: 160px;
}
#partition_type td{
	border-style: none;
	padding-top: 0;
	padding-bottom: 7px;
}
#partition_type .parti_title1{
	font-weight: bold;
	padding-right: 0;
}
#partition_type .parti_title{
	font-weight: bold;
}

/* ======== #leftbaner ======== */
#leftbaner {
    overflow: hidden;
    position: fixed;
    bottom: 10px;
}
#slide {
/*    padding-left: 550px;*/
}
#slide-in {
	position: relative;
}
#slide-in a:hover {
	opacity: 0.9;
}
#close{
	position: absolute;
	top: 0;
}

/* ======== #casecont ======== */
.case_conts{
	margin-top: 10px;
	margin-bottom: 20px;
}
.case_img{
	float: left;
}

.case_img2{
	float: right;
}

.case_cont{
	position: relative;
	float: right;
	width: 530px;
	height: 150px;
}

.case_cont2{
	position: relative;
	float: right;
	width: 100%;
}

.case_cont3{
	position: relative;
	float: right;
	width: 550px;
}

.case_more_btn a{
	position: absolute;
	right: 0;
	bottom: 0;
	text-decoration: none !important;
	text-align: center;
	margin: 0;
	padding: 1em 2em;
	color: #fff !important;
	background-color: #679d3d;
	border-radius: 6px;
	border-style: none;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	cursor: pointer;
	display: inherit;
	box-shadow: 0 2px 1px -1px #2b4f10;
}
.case_more_btn:hover{
	opacity:0.7;
}
.case_customer{
	position: relative;
	margin-top: 10px;
	
}
.case_customer .text{
	font-size: 11px;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 340px;
}
.case_table{
	margin-top: 20px;
	width: 350px;
}
.case_table table.type11 {
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5;
}
.case_table table.type11 th {
	padding: 4px;
	font-weight: bold;
	vertical-align: top;
	background: #eee;
	text-align: center;
}
.case_table table.type11 td {
	padding: 5px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #fff;
	text-align: right;
}
.case_table table.type11 td.total{
	font-weight: bold;
}
.case_table table.type11 td.new{
	background-color: #fafafa;
}
.case_table table.type11 td.used{
	background-color: #eef6e8;
}
.case_table table.type11 td.rental{
	background-color: #fff2f5;
}

/* ======== #relocation ======== */

#case_of_use span{
	font-size: 18px;
	color: #1d409a;
}
#case_of_use #description h3{
	background: #f9f1b3;
	background: linear-gradient(to right,  #f9f1b3 0%,#f7f7f7 51%,#f9f1b3 100%);
	background-image: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #5a482b;
	text-align: center;
	padding-top: 10px;
	line-height: 30px;
	font-size: 26px;
}
#case_of_use #description{
	border: 1px solid #a6a6a6;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin: 0 0 20px;
	width: 670px;
}
#case_of_use .situation {
	text-align: center;
	font-size: 35px;
	font-weight: bold;
	padding: 0 20px 0;
	margin: 20px 0 10px;
	color: #2571df;
	line-height: 35px;
}
.situation span{
	font-size: 25px;
	font-weight: bold;
	color: #5a482b;
	line-height: 50px;
}
#case_of_use img {
	margin: 0 0 0 310px;
}

#recommend span{
	font-size: 18px;
	color: #1d409a;
}
/*#recommend h3 {
	background-image: none;
	display: inline;
	font-size: 30px;
	font-weight: bold;
}*/
#recommend #reason {
	height: 170px;
	margin-bottom: 20px;	
}	
#recommend #reason .reasons,
#chair-point #reasonpoint .reasonpoint {	
	width: 650px;
	background-color: #fff;
	margin-left: 0;
	margin-top: 20px;
	padding: 15px 0;
}
#recommend #reason b {
	font-size: 36px;
	color: #2367ca;
	text-shadow:
	-1px -1px #fff,
	1px -1px #fff,
	-1px 1px #fff,
	1px 1px #fff,
}
#recommend #reason img {
	width: 150px;
	height: 112px;
	margin: 0 0;
}
#recommend #reason .motive {
	line-height: 24px;
	padding: 6px 46px 6px 47px;
	background-color: #6aa33c;
	color: #fff;
}
#recommend #reason .motive2 {
	line-height: 24px;
	padding: 6px 27px 6px 28px;
	background-color: #6aa33c;
	color: #fff;
}
#recommend #reason .pretext {
	font-size: 20px;
	border-bottom: none;
	padding-left: 10px;
}
#recommend #reason p {
	width: 590px;
	float: right;
}

/* ランキング */
/*#recommend h2.rankingh2 {
	color: #000;
	font-weight: bold;
	padding: 5px 0;
	background: #fff;
}*/
#recommend h2.rankingh2 {
	background: #6aa33c;
	color: #fff !important;
	font-size: 18px;
	text-align: left;
	width: auto;
	height: auto;
	padding: 10px 5px 10px 35px;
	line-height: 20px;
	position: relative;
}
#recommend h2.rankingh2::before,
main h2.rankingh2::before{
	content: none;
}
#recommend h2.rankingh2 img,
#recommend h3.rankingh2 img {
	margin-right: 10px;
	vertical-align: -1px;
	height: 16px;
	width: 16px;
}
#recommend h2.rankingh2 img {
	position: absolute;
	filter: brightness(4);
	margin: auto;
	top: 0;
	bottom: 0;
	left: 8px;
}

#recommend .slick-box .rank-badge {
	width: 40px;
	height: 29px;
	position: absolute;
}
#recommend .slick-box a {
	text-decoration: none;
}
#recommend .slick-box .itemimage {
	height: 80px;
	text-align: center;
}
#recommend .slick-box .itemimage img {
	width: 80px;
	height: 80px;
}
#recommend .slick-box .itemtext {
	padding: 0 10px;
	height: 40px;
}
#recommend .slick-box a .itemtext {
	text-decoration: none;
	color: black;
	background: transparent;
	font-size: 12px;
	width: calc(100% - 20px);
	line-height: 17px;
}
#recommend .slick-box .itemprice {
	background: #fff;
	font-size: 15px;
	color: #f00;
	font-weight: bold;
	text-align: center;
}

section.ranking #slick_container {
	height: 174px;
	overflow: hidden;
}



/* おすすめ商品ランキング */
.cate_rank {
	background: #ecf0e9;
	border-radius: 3px;
	padding: 10px 10px 13px;
	position: relative;
}
.cate_rank:last-child {
	border: none;
	margin: 0;
}
.cate_rank h3,
.cate_rank h4 {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	height: 30px;
}
.cate_rank h3::before,
.cate_rank h4::before {
	content: '\f521';
	color: #CCC08B;
	font-family: 'Font Awesome 6 Free';
	font-weight: bold;
	font-size: 30px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 30px;
}
.cate_rank h3 span,
.cate_rank h4 span {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	color: #444;
	font-size: 16px;
	padding: 0 5px;
	align-items: center;
}
.cate_rank h3 span.icon,
.cate_rank h4 span.icon {
	display: none;
}
.cate_rank #slick_container .ranking_slider {
	height: 150px;
	font-size: 0;
	text-align: center;
}
.cate_rank #slick_container .ranking_slider.slick-slider {
	margin: 0;
}
.cate_rank #slick_container .ranking_slider .slick-list {
	width: 100%;
}
.cate_rank #slick_container .cell {
	border-radius: 3px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	float: none;
	height: 100%;
	min-width: 140px;
	min-height: 150px;
	margin: 0 5px 0 0;
}
.cate_rank #slick_container .cell:last-child {
	margin: 0;
}
.cate_rank #slick_container .cell a {
	background: #fff;
	border-radius: inherit;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	min-width: 136px;
	min-height: 150px;
	position: relative;
	box-shadow: 0 -1px 0 0 #e7ece3 inset;
}
.cate_rank #slick_container .cell a:hover {
	opacity: .8;
}
.cell .rank_badge {
	position: absolute;
	top: 3px;
	left: 0;
}
.cate_rank #slick_container .cell .itemimage {
	height: 90px;
	width: 100%;
	margin: auto;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
}
.cate_rank #slick_container .cell .itemimage img {
	margin: auto;
}
.cate_rank #slick_container .cell .itemname {
	display: block;
	height: 30px;
	font-size: 12px;
	line-height: 15px;
	overflow: clip;
	text-align: center;
	text-decoration: underline;
	padding: 0 2px;
}
.cate_rank #slick_container .cell .price {
	background: inherit;
	color: #393939;
	font-size: 14px;
	text-align: center;
	padding: 0;
	height: 30px;
	width: 100%;
	position: relative;
	z-index: 1;
	font-weight: bold;
	letter-spacing: 0.5px;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	gap: 2px;
}
.cate_rank #slick_container .cell .price span {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	font-size: 15px;
}
.cate_rank #slick_container .cell .price span.lprice {
	color: #bd3347;
}
.cate_rank #slick_container .cell .price span.yen {
	font-size: 12px;
}
.cate_rank #slick_container .slick-track {
	display: flex;
	flex-direction: row;
}
.cate_rank a.list_link {
	position: relative;
	margin-left: auto;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    font-size: 13px;
    height: 29px;
    padding-right: 15px;
	text-decoration: none;
}
.cate_rank a.list_link::after {
    content: "";
    position: absolute;
    right: 5px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
    margin: auto;
}
.cate_rank #slick_container .cell .price .amount {
	font-size: 11px;
	font-weight: normal;
}



/* 人気商品ランキング */
/* 4大メーカー */
.major-manufacturers > img {
	margin-bottom: 10px;
}
.major-manufacturers ul {
	font-size: 0;
}
.major-manufacturers li {
	display: inline-block;
}
.major-manufacturers li a img {
	margin-bottom: 10px;
	margin-right: 10px;
	vertical-align: top;
}
.major-manufacturers li:nth-child(2n) a img {
	margin: 0;
}



caption {
	font-size: 20px;
	text-align: left;
}
table .relocation {
	background-color: #fff;
}
.relocation th {
	font-size: 16px;
	text-align: center;
}
.relocation td {
	font-size: 20px;
	vertical-align: middle;
	height: 25px;
}
.relocation b {
	font-size: 20px;
	text-shadow:
	-1px -1px #fff,
	1px -1px #fff,
	-1px 1px #fff,
	1px 1px #fff,
}
.first_priority{
	width: 205px;
}
/* 撮影事例のstyle */
dt.shotdate{        
  padding-top : 10px;    
  padding-bottom : 10px;
  padding-left : 10px;
  width : 120px;
/* 左寄せ */
  float : left;
/* float解除 */
  clear : both;
/*  border-bottom: 1px solid #3b91a0;*/
  border-bottom: 1px solid #bbb;
}
dd.shotdate2{    
  padding : 10px;
  width : 600px;
/* dtの幅分の設定 */
  margin-left : 130px;
  border-bottom: 1px solid #bbb;
}

/* パソコンfaqの設定 */
.faq_box {
	overflow: hidden;
	clear: both;
	margin-bottom: 1.5em;
}

.lt_box {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

.lt_txt {
	float: right;
	width: 62%;
	padding-left: 2%;
}

.lt_txt .lt_ttl, .sct_latest {
	font-size: 18px;
	letter-spacing: 2px;
	font-weight: bold;
}

.lt_txt .lt_ttl_2,
.sct_latest,
.lt_ttl_2 {
	font-size: 16px;
	letter-spacing: 2px;
	font-weight: bold;
	color: #679d3d;
}
.lt_txt .lt_ttl a, .lt_txt .lt_ttl ins {
	text-decoration: none;
}

.lt_txt .lt_ttl a:link { color: #679d3d; }
.lt_txt .lt_ttl a:visited { color: #679d3d; }
.lt_txt .lt_ttl a:hover { color: #679d3d; text-decoration: underline; }
.lt_txt .lt_ttl a:active { color: #679d3d; }


.article-list-summary {
	width: 100%;
	font-size: 11px;
	line-height: 2;
	letter-spacing: 0;
}

.article-list-summary_2 {
	margin-bottom: 20px;
}

.article-list-summary_2 {
	width: 100%;
	font-size: 14px;
	line-height: 2;
	letter-spacing: 0;
}

.article-list-summary {
	margin-bottom: 10px;
}

.lt_img {
	float: left;
	position: relative;
	overflow: hidden;
}

/* 即行！お問い合わせ */
.ez_box {
	display: flex;
	position: relative;
	width: 100%;
	border-radius: 3px;
	border: 10px solid #e8e7de;
	background: #f0efe6;
	padding: 10px;
	margin-top: 5px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/* box-shadow: 0 4px 2px -3px #d7d6cc; */
	box-sizing: border-box;
}
.ez_box > div {
	width: 100%;
}
.ez_box + div{
	margin-bottom: 5px;
}
#ez_mail2 .input_column {
	margin: 3px 0;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}
#ez_mail2 .input_column + .input_column {
	align-items: flex-start;
}
#ez_mail2 [class*="ez_"] {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 0 5px;
}
#ez_mail2 .ez_tel {
	margin-right: 0;
}
#ez_mail2 [class*="ez_"] label {
	padding: 3px 2px;
	margin-right: 5px;
}
#ez_mail2 [class*="ez_"] input[type="text"] {
	width: 160px;
	padding: 3px;
}
#ez_mail2 .ez_message {
	justify-content: flex-start;
	width: calc(100% - 300px);
	max-width: 450px;
	min-width: 400px;
	margin: 0;
}
#ez_mail2 .ez_message textarea {
  width: 100%;
  margin-top: 5px;
  resize: none;
  font-size: 13px;
}
#ez_mail2 .ez_tit {
	color: #ff4b22;
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	font-weight: bold;
	font-size: 16px;
	height: 30px;
	padding: 0 10px 5px;
	width: 100%;
	border-bottom: 1px solid #dfded5;
	margin: 3px 0 10px;
	box-sizing: border-box;
	text-indent: 5px;
}
#ez_mail2 .ez_tit::before {
	content: "\f658";
	color: #228dff;
	font-size: 22px;
	font-family: "Font Awesome 6 Free";
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-indent: 0;
	width: 30px;
	height: 30px;
}
#ez_mail2 .detail_easy_mail_send {
	background: #d3054f;
	box-shadow: 0 4px 1px -3px rgb(125, 2, 46);
	border-radius: 3px;
	font-family: "BIZ UDPGothic",sans-serif;
	font-weight: bold;
	height: 40px;
	padding: 0;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 200px;
	font-size: 16px;
}
#ez_mail2 .detail_easy_mail_send:hover {
	opacity: .8;
}
.text-send {
	display: block;
	width: 100%;
}
.rating{
	margin-top: 1em;
	margin-right: 5em;
	text-align: right;
}
#popup_message{
	display:none;
	font-size: 18px;
	color: #fff;
	background:rgba(0,0,0,0.65);
	position:fixed;
	z-index: 9999;
	padding: 10px;
	text-align:center;
	border-radius: 10px;
}
#loading{
	position:fixed;
	top: 300px;
	left: 400px;
	background: #fff;
	display:none;
	border-radius: 20px;
}

.send_btn_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-width: 250px;
	min-height: 60px;
}
.appeal_comment {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	letter-spacing: 0;
	padding: 5px 0;
	font-size: 11px;
	color: #484848;
}

/* ======== #よくある質問 ======== */
.faq h3{
	color: #679d3d;
	font-weight: bold;
	font-size: 13pt;
	margin-top: 20px;
	margin-bottom: 5px;
	background: url(/images/icn_question.png) left top no-repeat;
	padding-left: 30px;
	border: none;
	height: 26px;
}
.faq a{
	text-decoration: none;	
}

.faq li{
	font-size: 1.1em;
	line-height: 1.4;
	color: #323232;
}


/* ======== #選ぶポイント ======== */
section.section_m_text .section_contents {
	width: 100%;
	background: #fff;
}
section.section_m_text .section_contents p {
	width: 100%;
	margin: 10px auto 20px;
}
section.section_m_text .section_contents h3 {
	margin: 0 0 20px;
}
section.section_m_text .section_contents h4 {
	width: calc(100% - 10px);
	margin: 10px auto;
	font-weight: bold;
	border-bottom: none;
	background: #eee;
	padding: 7px 0 7px 10px;
	font-size: 14px;
	line-height: 14px;
}
section.section_m_text .section_contents h4 + .mt10.mb20 {
	width: calc(100% - 5%);
	margin: 10px auto 20px;
}

/* ======== #レンタルの流れ ======== */
.flow-kv{
	background:url(/images/flow-kv.jpg) no-repeat;
	height: 250px;
	width: 750px;
	padding-top: 50px;
	box-sizing: border-box;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo,-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, sans-serif;
	}
.flow-kv-ttl{
	color: #dc165e;
	font-size: 2.5em;
	text-align:center;
	line-height: 1.1;
	margin-bottom:0.2em;
	font-weight:bold;
	}
.flow-kv-txt{
	width: 510px;
	margin:auto;
	padding-top: 1em;
	font-size: 1.3em;	
	line-height: 1.5;
	}
	
.icon-triangle{
	margin: 15px auto;
	text-align:center;
}
.flow-step-box-wrap01,
.flow-step-box-wrap02,
.flow-step-box-wrap03,
.flow-step-box-wrap04,
.flow-step-box-wrap05,
.flow-step-box-wrap00 {
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo,-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, sans-serif;
	}
	
.flow-step-box-wrap01 .flow-step-box01,/*1/3のSTEP1～*/
.flow-step-box-wrap02 .flow-step-box01,
.flow-step-box-wrap03 .flow-step-box01,
.flow-step-box-wrap04 .flow-step-box01,
.flow-step-box-wrap05 .flow-step-box01,
.flow-step-box-wrap00 .flow-step-box01 {
	display:table-cell;
	width: 100px;
	position:relative;
}

.flow-step-box-wrap01 .flow-step-box01{
	background: #6aa33c url(/images/flow-step01.png) no-repeat 50% 38%;
	}		
.flow-step-box-wrap02 .flow-step-box01{
	background: #6aa33c url(/images/flow-step02.png) no-repeat 50% 38%;
	}	
.flow-step-box-wrap03 .flow-step-box01{
	background: #6aa33c url(/images/flow-step03.png) no-repeat 50% 25%;
	}
.flow-step-box-wrap04 .flow-step-box01{
	background: #6aa33c url(/images/flow-step04.png) no-repeat 50% 38%;
	}
.flow-step-box-wrap05 .flow-step-box01{
	background: #6aa33c url(/images/flow-step05.png) no-repeat 50% 38%;
	}
.flow-step-box-wrap00 .flow-step-box01{
	background: #6aa33c  no-repeat 50% 38%;
	}

.flow-step-box-wrap01 .flow-step-box01 p{
	position:absolute;
	text-align:center;
	width: 100px;
	top: 170px;
	color: #fff;
	font-size: 2em;
	font-weight:bold;
	line-height: 1.1;
	}
.flow-step-box-wrap02 .flow-step-box01 p,
.flow-step-box-wrap04 .flow-step-box01 p,
.flow-step-box-wrap05 .flow-step-box01 p{
	position:absolute;
	text-align:center;
	width: 100px;
	top: 160px;
	color: #fff;
	font-size: 2em;
	font-weight:bold;
	line-height: 1.1;
	}
.flow-step-box-wrap00 .flow-step-box01 p{
	position:absolute;
	text-align:center;
	width: 100px;
	top: 100px;
	color: #fff;
	font-size: 2em;
	font-weight:bold;
	line-height: 1.1;
	}
.flow-step-box-wrap03 .flow-step-box01 p{
	position:absolute;
	text-align:center;
	width: 100px;
	top: 140px;
	color: #fff;
	font-size: 2em;
	font-weight:bold;
	line-height: 1.1;
	}
	
.flow-step-box-wrap01 .flow-step-box02,
.flow-step-box-wrap02 .flow-step-box02,
.flow-step-box-wrap03 .flow-step-box02,
.flow-step-box-wrap04 .flow-step-box02,
.flow-step-box-wrap05 .flow-step-box02,
.flow-step-box-wrap00 .flow-step-box02 {
	display:table-cell;
	padding: 20px;
	width: 380px;
	box-sizing: border-box;
	background: #eee;
	vertical-align:middle;
	font-size: 1.3em;
}

.flow-step-box-wrap01 .flow-step-box03,
.flow-step-box-wrap02 .flow-step-box03,
.flow-step-box-wrap03 .flow-step-box03,
.flow-step-box-wrap04 .flow-step-box03,
.flow-step-box-wrap05 .flow-step-box03,
.flow-step-box-wrap00 .flow-step-box03{
	display:table-cell;
	width: 270px;
	padding: 0;
	box-sizing: border-box;
	background: #eee;
}

.flow-step-box-wrap01 dl dt,
.flow-step-box-wrap02 dl dt,
.flow-step-box-wrap03 dl dt,
.flow-step-box-wrap04 dl dt,
.flow-step-box-wrap05 dl dt,
.flow-step-box-wrap00 dl dt{
	font-size: 1em; 
	line-height: 1.5;
	color: #333!important;
}
.flow-step-box-wrap01 dl,
.flow-step-box-wrap02 dl,
.flow-step-box-wrap03 dl,
.flow-step-box-wrap04 dl,
.flow-step-box-wrap05 dl,
.flow-step-box-wrap00 dl{
	margin-bottom:0.5em;

}
.flow-step-box-wrap01 dl:last-child,
.flow-step-box-wrap02 dl:last-child,
.flow-step-box-wrap03 dl:last-child,
.flow-step-box-wrap04 dl:last-child,
.flow-step-box-wrap05 dl:last-child,
.flow-step-box-wrap00 dl:last-child {
	margin-bottom:0;

}
.flow-step-box-wrap01 dl dt dd,
.flow-step-box-wrap02 dl dt dd,
.flow-step-box-wrap03 dl dt dd,
.flow-step-box-wrap04 dl dt dd,
.flow-step-box-wrap05 dl dt dd,
.flow-step-box-wrap00 dl dt dd {
	font-size: 1em; 
	line-height: 1.5;
}

.flow-step-box-wrap02 .flow-step-box03 img,
.flow-step-box-wrap03 .flow-step-box03 img,
.flow-step-box-wrap04 .flow-step-box03 img,
.flow-step-box-wrap05 .flow-step-box03 img,
.flow-step-box-wrap00 .flow-step-box03 img {
  width: 250px;
  height: 220px;
  object-fit: cover;
}

.video{
  position:relative;
  width: 100%;
  padding-top: 56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width: 100%;
  height: 100%;
}
.view_btn a,
.view_btn span,
li.search_item .view_btn a,
button.mshosai {
	background: #8cb82b;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 4px 1px -2px #65861d;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	text-decoration: none;
	padding: 0 10px;
	cursor: pointer;
	max-width: calc(100% - 20px);
	margin: 5px 0 10px;
}
.view_btn a:hover,
.view_btn span:hover,
li.search_item .view_btn a:hover,
button.mshosai:hover {
	opacity: .8;
}
/*
button.mshosai {
	font-size: 12px;
	font-family:Arial;
	font-weight:normal;
	border-radius: 5px;
	border: 1px solid #83c41a;
	padding: 10px 30px;
	text-decoration:none;
	background: #9dce2c;
	background: linear-gradient(to bottom,  #9dce2c 5%,#8cb82b 100%);
	color: #fff;
	display:inline-block;
 	box-shadow:inset 1px 1px 0 0 #c1ed9c;
}
button.mshosai:hover {
	background: #8cb82b;
	background: linear-gradient(to bottom,  #8cb82b 5%,#9dce2c 100%);
	cursor:  pointer;
}
button.mshosai:active {
	position:relative;
	top: 1px;
}
*/

button.mshosai2 {
	font-size: 12px;
	font-family:Arial;
	font-weight:normal;
	border-radius: 5px;
	border: 1px solid #74b807;
	padding: 10px 30px;
	text-decoration:none;
	background: #74a600;
	background: linear-gradient(to bottom,  #74a600 5%,#5e8209 100%);
	color: #fff;
	display:inline-block;
	box-shadow:inset 1px 1px 0 0 #a4e271;
}
button.mshosai2:hover {
	background: #5e8209;
	background: linear-gradient(to bottom,  #5e8209 5%,#74a600 100%);
	cursor:  pointer;
}
button.mshosai2:active {
	position:relative;
	top: 1px;
}



.ps {
	font-size: 1.3rem;
	font-weight: bold;
	padding: 40px 50px;
	margin-top: 10px;
	background: #eee;
	line-height: 1.3;
}

.box_01{
	margin: 20px 0;
	margin-top: 10px;
	padding: 25px;
	border: 1px solid #d2d7dc;
}

.box_01.list_order{
	margin: 20px 0 0 20px;
}

.bcblue{
	background-color: #007dc5!important;
}


/*送料見積*/
#delivery_contact .title,#delivery_form .title{
  font-size: 20px;
  color: #ff7c00;
  font-weight: bold;
}
#delivery_contact .info,#delivery_for, .info{
  font-size: 14px;
  color: #1a3e8f;
  font-weight: bold;
}
#delivery_contact .info span,#delivery_for, .info span{
  font-size: 12px;
  color: #333;
}
#delivery_contact .post_code .de_post{
	border: 3px solid #c8c8c8;
	border-radius: 6px;
	padding: 10px ;
	width: 150px; margin-right: 15px;
	font-size: 16px;
}
#delivery_contact .post_code{
  margin: 20px 0;
}
#delivery_contact .post_code img{
  display: inline-block;
  vertical-align: middle;
}
#delivery_contact .post_code span{
  font-size: 14px;
}
#delivery_contact #address{
  border: none;
}
#delivery_contact .select_item {
	border: 2px solid #c8c8c8;
	border-radius: 4px;
	padding: 10px;
	margin: 10px 0;
}
#delivery_contact .select_item .img{
  display: inline-block;
  vertical-align: middle;
/*  width: 100px;*/
  height: 80px;
}
#delivery_contact .select_item .img img{
    max-width: 100%;
    max-height: 100%;
}
#delivery_contact .select_item .tit{
  display: inline-block;
  vertical-align: middle;
  width: 300px;
  font-size: 14px;
}
#delivery_contact .select_item .amount{
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  font-size: 0;
}
#delivery_contact .amount .minus,
#delivery_contact .amount .plus{
	height: 22px;
	width: 25px;
	background: url(/images/btn_amount.png) no-repeat;
	display: inline-block;
	border: none;
	cursor: pointer;
	background-size: 200% 100%;
}
#delivery_contact .amount .minus{background-position:0 0;}
#delivery_contact .amount .plus {
	background-position: -25px 0;
}
#delivery_contact .amount .minus:hover,
#delivery_contact .amount .plus:hover{opacity:0.6;}
#delivery_contact .amount .num {
	width: 40px;
	height: 22px;
	padding: 3px;
	border-radius: 0;
	vertical-align: top;
	text-align: center;
	font-size: 14px;
}
input[type="number"]{
	-moz-appearance:textfield;
	-webkit-appearance:none;
	margin:0;
}

#delivery_contact #more_items hr{
  margin: 15px 20px;
}
#delivery_contact .item_tc{
  display: inline-block;
  width: 170px;
  height: 70px;
  font-size: 10px;
}
#delivery_contact .item_tc img{
  display: inline-block;
  vertical-align: middle;
  width: 60px;
}
#delivery_contact .item_tc .amount_box{
  display: inline-block;
  vertical-align: middle;
  width: 105px;
}

#delivery_contact .select_item #add_items{
	background-color: #1a3e8f;
	color: #fff;
	font-weight: bold;
	align-content: center;
	border-radius: 6px;
	width: 230px;
	padding: 5px 0;
	margin: 0 auto;
	font-size: 14px;
	text-align: center;
}
#delivery_contact .select_item #add_items:hover{
  background-color: #388ecf;
  cursor: pointer;
}
#delivery_contact .select_item #add_items img{
  vertical-align: middle;
  margin: 0 5px 0 0;
}

#delivery_form {
  display: none;
}

#delivery_form .label {
  width: 100px;
  display: inline-block;
  font-weight: bold
}

#delivery_form .must, #delivery_form .optional {
  width: 42px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  display: inline-block;
  margin-right: 15px
}

#delivery_form .must {
  background: #f44a4a
}

#delivery_form .optional {
  background: #6bbccc
}

#delivery_form input[type="text"],
#delivery_form input[type="email"],
#delivery_form input[type="tel"],
#delivery_form textarea {
  border: solid 1px #ccc;
  font-size: 14px;
  padding: 7px 10px;
  border-radius: 3px;
  vertical-align: middle;
  margin: 5px 0;
  width: 250px
}

#delivery_form input[type="text"]:focus,
#delivery_form input[type="email"]:focus,
#delivery_form input[type="tel"]:focus {
  border: 1px solid #3678d2
}
#loading{
	position:fixed;
	z-index: 99999;
	top: 300px;
	left: 400px;
	background-color: #fff;
	display:none;
	border-radius: 20px;
}



.box-set {
  height: 470px;
  position: relative;
  width: 750px;
  margin:0 auto;
}
.box-set2 {
  height: 470px;
  position: relative;
  width: 750px;
  margin:-50px auto 0;
}

.block-1 {
  position: absolute;
  width: 200px;
  height: 200px;
  top: 10px;
  left: 10px;
  z-index: 1;
}
.block-1-t {
  position: absolute;
  width: 300px;
  top: 30px;
  left: 377px;
  z-index: 1;
  padding: 20px;
  border: 1px solid #eee;
}
.inner-block {
  position: relative;
  width: 300px;
  height: 100px;
  margin: 20px;
  z-index: 100;
  left: 200px;
}

.block-2 {
  position: absolute;
  width: 200px;
  height: 200px;
  top: 180px;
  left: 370px;
  z-index: 2;
}
.block-3 {
  position: absolute;
  width: 300px;
  height: 200px;
  top: 400px;
  left: 10px;
  z-index: 100;
}
.block-4 {
  position: absolute;
  width: 200px;
  height: 200px;
  top: 10px;
  left: 10px;
  z-index: 1;
}
.block-4-t {
  position: absolute;
  width: 350px;
  height: 200px;
  top: 30px;
  left: 380px;
  z-index: 1;
}
.block-5 {
  position: absolute;
  width: 200px;
  height: 200px;
  top: 200px;
  left: 400px;
  z-index: 2;
}
.block-5-t {
  position: absolute;
  width: 350px;
  height: 200px;
  top: 250px;
  left: 40px;
  z-index: 100;
}

h6.plan-tit {
	margin-bottom: 10px;
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: .1em;
	color: #111;
	text-align: left;
}

.senkyoyohin td{
	border: none;
	padding: 5px 10px 5px;
}

#senkyo_cv {
	background: #fff;
	margin: 0 0 40px;
	position: relative;
	height: 140px;
	width: 750px;
}
#senkyo_cv a {
	background: #f36;
	border-radius: 4px;
	border-style: none;
	box-shadow: 0 2px 1px -1px #b5002d;
	color: #fff;
	cursor: pointer;
	font-size: 24px;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 10px 20px 7px 20px;
	height: 40px;
	width: 306px;
}
#senkyo_cv a.btn:hover {
	background: #f36;
	opacity: .8;
}

#senkyo_cv img[src*="cv1.png"] + .btn {
	position: absolute;
	top: 37px;
	left: 392px;
}

/* ======== case/kamisu ======== */
.gallery-kv{
	background:url(/images/case-kamisu/kamisu-kv.jpg) no-repeat;
	width: 750px;
	height: 250px;
	padding-top: 16px;
	}

.gallery-kv--catch {
  position: relative;
  padding: .75em 1em .75em 1.5em;
  background: rgba(255,255,255,0.8);
  display: inline-block;
  }
.gallery-kv--catch::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background: #6ba2ca;
}

.gallery-wrap{
	display:table;
  width: 750px;
}
.gallery{
  width: 500px;
  height: 375px;
  display:table-cell;
  vertical-align: top;

}
.gallery img{
  width: 500px;
  height: 375px;
  object-fit: cover; 
}

.gallery2{
  width: 500px;
  height: 275px;
  display:table-cell;
  vertical-align: top;

}
.gallery2 img{
  width: 500px;
  height: 350px;
  object-fit: cover; 
}

.gallery-wrap--txt{
	display:table-cell;
	width: 250px;
	padding-left: 20px;
	vertical-align: top;
	box-sizing:border-box;
}
.ribbon-ttl {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: left;
	padding: 0 30px 0 1em;/*文字の左右の余白*/
	font-size: 1.2em;
	background: #333;
	color: #fff;
	box-sizing: border-box;
}

.ribbon-ttl2 {
	display: inline-block;
	position: relative;
	width: 100%;
	line-height: 20px;
	vertical-align: middle;
	text-align: left;
	font-size: 1.2em;
	box-sizing: border-box;
	font-weight: bold;
}

.ribbon-ttl:after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	z-index: 1;
}
.ribbon-ttl:after {
	top: 0;
	right: 0;
	border-width: 30px 15px 15px 0;
	border-color: transparent #fff transparent transparent;
	border-style: solid;
}

.letter {
	width: 230px;
	box-sizing: border-box;
}
.letter p {
	line-height: 1.5em;
	display:block;
	border-bottom: 1px #999 solid;
	color: #333;
	padding:0.5em 1em 0.25em 1em; 
	box-sizing:border-box;
	word-break: break-all;
}
.letter02{
  width: 100%;
}
.letter02 p{
  background: url(/images/case-kamisu/line-gray.png) bottom;
  line-height: 30px;
  margin: 0 0 20px;
  padding: 0 1em;
  box-sizing: border-box;
}

.gallery-pic {
  position: relative;
}

.gallery-pic p{
	position:absolute;
	top: 345px;
	padding-left: 1.5em;
	background: rgba(0,0,0,0.7);
	color: #fff;
	width: 500px;
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;
}
.gallery02{
  width: 360px;
  float:left;
  box-sizing:border-box;
  position:relative;
}
.gallery02 img{
  width: 360px;
  height: 220px;
  object-fit: cover; 
}

.gallery02 p{
	position:absolute;
	bottom:0;
	padding-left: 1.5em;
	background: rgba(0,0,0,0.7);
	color: #fff;
	width: 360px;
	height: 30px;
	line-height: 30px;
	box-sizing:border-box;
}



/* case cd */
.jirei_list a {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height: 100%;
	width: 100%;
}
.jirei_list a:link{color: #000;}
.jirei_list a:hover{color: #000;}
.jirei_list a:visited{color: #000;}
.jirei_list a:active{color: #000;}

.jirei_list.fst_big li:nth-child(3n+1) {
	margin-right: 0;
}
.jirei_list.fst_big li:first-child {
	border: 1px solid #c4c3c3;
	position: relative;
	width: 750px;
	float: left;
	margin-right: 0;
	display: block;
	height: 331px;
}
.jirei_list.fst_big li:first-child .img {
	height: auto;
	max-width: calc(100% - 300px);
	object-fit: cover;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	float: none;
}
.jirei_list.fst_big.central_office li:first-child .img {
	max-width: calc(100% - 306px);
}
.jirei_list.fst_big li:first-child .right {
	padding: 30px;
	float: none;
	width: 300px;
	box-sizing: border-box;
	text-align: left;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
}
.jirei_list.fst_big li:first-child .right .catch {
	font-size: 14px;
	display: block;
	margin-bottom: 15px;
}
.jirei_list.fst_big li:first-child .right h3 {
	font-size: 21px;
	line-height: 1.4;
	color: #413d3c;
	font-weight: bold;
	margin-bottom: 27px;
}
.jirei_list.fst_big li:first-child .right p {
	font-size: 12px;
	line-height: 180%;
	padding-bottom: 0;
}
.jirei_list.fst_big li:first-child .right p.frame-box-001 {
	padding: 10px;
	width: auto;
}
.jirei_list.fst_big li:first-child .right .detail_link {
/*	position: absolute;
	bottom: 30px;
	right: 35px;*/
	text-align: right;
}
.jirei_list.fst_big li:first-child .right .detail_link::after {
	content: "";
	position: absolute;
	right: -10px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	width: 5px;
	height: 5px;
	transform: rotate(45deg);
	top: 0;
	bottom: 0;
	margin: auto;
}
.jirei_list li:first-child .main_catch{
	display: none;
}



.jirei_list.sml {
	padding: 38px 0 24px;
	background: #d4e9d7;
}
.jirei_list.sml.slide {
	background: #beddc1 repeat;
}
.jirei_list.sml ul {
	width: 300px;
	margin: 0 auto;
	list-style-type: none;
}
.jirei_list.sml li:nth-child(3n) {
	margin-right: 0;
}
.jirei_list.sml.slide ul {
	width: 100%;
	margin: 0 auto;
	overflow-x: hidden;
}
.jirei_list.sml.slide li:nth-child(3n) {
	margin-right: 25px;
}
.jirei_list.sml h2 {
	color: #413d3c;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 30px;
	width: 750px;
	margin: 0 auto 30px;
}
.jirei_list li {
	border: 1px solid #c4c3c3;
	position: relative;
	margin-bottom: 22px;
	background: #fff;
	width: 232px;
	float: left;
	box-sizing: border-box;
	margin-right: 26px;
}
.jirei_list.sml.slide li{
	width: 215px;
	margin-right: 30px;
	border: none;
	background: none;
	margin-bottom: 0;
}


.jirei_list li a:hover img,
.jirei_list li a:hover div,
.jirei_list li a:hover .tag{
	opacity: 0.7;
}

.jirei_list li a:hover{
	color: #413d3c;
}
.jirei_list li .img {
	float: left;
	width: 100%;
}

.jirei_list li .right {
	padding: 20px;
	float: left;
	box-sizing: border-box;
	text-align: left;
}
.jirei_list.sml.slide li .right {
	padding: 5px 0;
	float: left;
	box-sizing: border-box;
}

.jirei_list li .right .catch {
	display: none;
}
.jirei_list li .right h3 {
	font-size: 18px;
	color: #413d3c;
	font-weight: bold;
	margin-bottom: 5px;
}
.jirei_list li .right p {
	font-size: 14px;
	line-height: 180%;
	padding-bottom: 0;
}


.jirei_list.sml.slide li .right h3 {
	font-size: 14px;
	color: #000;
	/*font-weight: normal;*/
	margin-bottom: 2px;
	font-weight: bold;
}
.jirei_list.sml.slide li .right p {
	font-size: 12px;
	line-height: 180%;
	padding-bottom: 40px;
	color: #000;
}
.jirei_list.sml.slide li .right p {
	padding-bottom: 0;
}

.jirei_list li .right .detail_link {
	position: absolute;
	bottom: 15px;
	right: 30px;
}
.jirei_list .tag {
	position: absolute;
	left: 0;
	padding: 0 17px 0;
	top: 0;
	background: #6ba2ca;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	line-height: 22px;
	height: 22px;
}
.jirei_list .tag.gov {
	background: #6ba2ca;
}
.jirei_list .tag.office{
	background: #59a8b1;
}


.jirei_list .more {
	background: #a8a9aa;
	text-align: center;
	margin-top: 30px;
	vertical-align: middle;
	padding: 10px 0 5px;
}
.jirei_list .more img {
	vertical-align: -2px;
	padding-right: 5px;
}
.jirei_list .more a {
	color: #fff;
	font-size: 19.5px;
	font-weight: bold;
	text-decoration: none;
	line-height: 100%;
	display: block;
	padding: 0 0 7px;
}

/* 導入事例などで使用するKVバナー（左側がタイトル文字、右側が画像のバナー） */
.textkv_wrap {
	background: linear-gradient(160deg, rgba(221, 221, 221, 0.2) 0%,rgba(221, 221, 221, 0.2) 70px, rgba(244, 244, 244, 0.2) 70px),linear-gradient(102deg, rgba(221, 221, 221, 0.2) 0%,rgba(221, 221, 221, 0.2) 50px, rgba(244, 244, 244, 0.2) 50px),linear-gradient(10deg, rgba(221, 221, 221, 0.2) 0%,rgba(221, 221, 221, 0.2) 60px, rgba(244, 244, 244, 0.2) 60px),linear-gradient(-120deg, rgba(221, 221, 221, 0.2) 0%,rgba(221, 221, 221, 0.2) calc(100% - 330px), rgba(244, 244, 244, 0.2) calc(100% - 330px));
	border-radius: 3px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
}
.textkv_wrap__left {
	justify-content: center;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	padding: 0 15px;
	width: 100%;
	height: 250px;
}
.textkv_wrap__left .title {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.textkv_wrap__left .title div {
	line-height: 17px;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	word-break: break-all;
	width: 100%;
}
.textkv_wrap__left.left div > div {
	justify-content: flex-start;
}
.textkv_wrap__left .title div.campany_name {
	align-items: center;
	height: 30%;
	line-height: 24px;
	text-align: center;
}
.textkv_wrap__left .title div.motive {
	height: 30%;
	align-items: center;
}
.textkv_wrap__right {
	position: relative;
	width: 100%;
	height: 100%;
}
.textkv_wrap__right_in {
	transform: skew(-5deg);
	overflow: hidden;
	margin-right: -15px;
}
.textkv_wrap__right img {
	border-radius: 0 3px 3px 0;
	object-fit: cover;
	margin: 0 15px 0 -15px;
	transform: skew(5deg);
	width: 450px;
	height: 250px;
}



li.search_item.bt_page_wrap {
	display: inline-flex;
	flex-direction: row;
	justify-content: space-evenly;
}
li.search_item.bt_page_wrap div {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%;
}
a[class*="bt_page"],
li.search_item a[class*="bt_page"] {
	/*background: #f4f4f4;*/
	border-radius: 5px;
	color: #696969;
	font-size: 15px;
	font-weight: bold;
	padding: 30px 10px;
	text-decoration: none;
	display: inline-flex;
	cursor: pointer;
	flex-direction: column;
	justify-content: center;
	margin: 0;
}
a[class*="bt_page"]:hover {
	color: #696969;
	background: #e9e9e9;
	text-decoration: none;
}
.bt_page_prev {
	margin-right: 10px;
}
li.search_item a[class*="bt_page"] img {
	aspect-ratio: 80/57;
	background: transparent;
	width: 80px;
	height: auto;
}

/* leaseplan */
.divTable{
	display: table;
	width: 100%;
	margin-bottom: 20px;
}
.divTableRow,
.leaseplanRow {
	display: table-row;
}
.divTableHeading,
.leaseplanHeading {
	background-color: #eee;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	/*border: 1px solid #999999;*/
	display: table-cell;
	/*padding: 3px 10px;*/
}
.divTableHeading,
.leaseplanHeading {
	background-color: #eee;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot,
.leaseplanFoot {
	background-color: #eee;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody,
.leaseplanBody {
	display: table-row-group;
}

.leaseplan{
	display: table;
	width: 100%;
}
.leaseplanCell, .leaseplanHead {
	border-top: 1px solid #999;
	display: table-cell;
	padding: 15px 20px;
}
.leaseplanCellimg, .leaseplanHead2 {
	display: table-cell;
	padding: 3px 10px;
	text-align: center;
}
.leaseplanCell2, .leaseplanHead2 {
	/*border: 1px solid #999;*/
	display: table-cell;
	padding: 3px 10px;
}
.leaseplanCell2 p {
	color: #09c;
	word-break: break-all;
}


.recLabel {
	background: #eee;
	font-size: 12px;
	text-align: center;
	color: #444;
	padding: 0 2px 0 0;
	margin: 0;
}
.recLabel font {
	font-size: 19px;
	font-weight: bold;
	line-height: 28px;
}

.spectit{
	height: 30px;	
}


/*高機能チェアページ*/

.item-name{
	overflow:hidden;
	width: 140px;
	height: 70px;
}

.flexbox-container-2column li {
  display: inline-block;
	box-sizing: border-box;
	padding: 20px 20px 30px 20px;
	border: 1px #d9d9d9 solid;
}
.flexbox-container-2column li .pic {
	text-align: center;
	height: 130px;
	display: table;
}
.flexbox-container-2column li .pic img {
	text-align: center;
	display:table-cell;
	vertical-align: middle;
	margin: auto;
}


.case_img2{
	float: right;
	width: 200px;
	height: 200px;
}
.case_img3{
	float: left;
	width: 200px;
	height: 200px;
}
.case_img4{
	float: left;
	width: 200px;
	height: 270px;
}


/*高機能チェアページボタン*/
.btn-blue a, a .btn-blue {
	background: #2e8ae5;
	background: linear-gradient(to bottom, #2e8ae5 0%,#003a99 100%);
	border: #003a99 1px solid;
	border-radius: 6px;
	color: #fff;
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	height: 45px;
	line-height: 46px;
	bottom: 10px;
	font-size: 1.4em;
	margin: 0 auto;
}
.btn-blue a:hover,
a:hover .btn-blue,
.header-search-btn:hover{
	background: #042762;
}

/*高機能チェア1~4ページ*/

.mb35 {
	margin-bottom: 35px;
}

.case_contsize{
	position: relative;
	float: right;
	width: 530px;
	height: 200px;
}
.case_contsize2{
	position: relative;
	float: left;
	width: 530px;
	height: 200px;
}
.case_contsize3{
	position: relative;
	float: right;
	width: 530px;
	height: 420px;
}
.case_contsize4{
	position: relative;
	float: left;
	width: 530px;
	height: 600px;
}


#chair-point span{
	font-size: 18.5px;
}
#chair-point h3 {
	background-image: none;
	display: inline;
	font-size: 30px;
	font-weight: bold;
}
#chair-point #reasonpoint {
	height: 180px;
	margin-bottom: 20px;	
}	
#chair-point #reasonpoint b {
	font-size: 36px;
	color: #2367ca;
	text-shadow:
	-1px -1px #fff,
	1px -1px #fff,
	-1px 1px #fff,
	1px 1px #fff,
}
#chair-point #reasonpoint img {
	width: 150px;
	height: 150px;
	margin: 0 0;
}
#chair-point #reasonpoint .pointsub {
	line-height: 24px;
	padding: 6px 46px 6px 47px;
	background-color: #6aa33c;
	color: #fff;
}
               /*ポイントタイトル四角*/
#chair-point #reasonpoint .pointsub {
	line-height: 24px;
	padding: 6px 27px 6px 28px;
	background-color: #2e8ae5;
	color: #fff;
}
#chair-point #reasonpoint p {
	width: 590px;
	float: right;
}

#cpf ul{font-weight:bold;}



/*サービスコンテンツ*/
.service-img{
	width: 750px;
	height: 150px;
}
.service-box{
	width: 750px;
	height: 650px;
}
.service-box2{
	width: 750px;
	height: 210px;
}
.service-box3{
	width: 750px;
	height: 350px;
}
.service-box4{
	width: 750px;
	height: 550px;
}
.service-box5{
	width: 750px;
	height: 450px;
}
.service-box6{
	width: 900px;
	height: 450px;
}

.case_customer .textlayout{
	font-size: 11px;
	right: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 420px;
}



/*サービスコンテンツ　拠点開設*/

.case_contssurvice{
	margin-top: 10px;
}
.case_customer .textlayout{
	font-size: 11px;
	right: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 420px;
}


/*システム開発*/
.clear30,
.clear60{
  display: block;
  clear: both;
}
.clear30{
  height: 30px;
}
.clear60{
  height: 60px;
}

/*レンタル流れ　ボタン*/
.square_btnfaq {
	width: 150px;
	position: relative;
	display: inline-block;
	padding: 0.25em 0.5em;
	text-decoration: none;
	left: 270px;
	color: #fff;
	background: #679d3d;/*背景色*/
	border-radius: 4px;/*角の丸み*/
	/*font-weight: bold;*/
	font-size: 15px;
	text-align: center;
	bottom: 5px;
}
.square_btnfaq:hover {
	opacity: 0.5;
	color: #fff;
	text-decoration:none;
}


/*マンガシステム開発*/

.btn_system,
.btn2_system {
	background: #d3054f;/*ボタン色*/
	border-style: none;
	border-bottom: solid 3px #5a083e;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 25px;
	text-decoration: none;
	margin: 0;
	padding: 15px 15px 15px;
	text-align: center;
	width: 620px;
	height: 40px;
}
.btn2_system {
	padding: 10px 20px 15px;
	height: 45px;
}
.btn_system:hover,
.btn2_system:hover {/*ボタンを押したとき*/
	background: #bf0045;
	color: #fff;
}


.sysol{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0.3em 0.em;
  /*border: solid 2px #679d3d;*/
  width: 600px;
  position: center;
}
.sysol li{
  position: relative;
  padding: 1em 1em 1em 30px;
  /*line-height:0.5em;*/
  color: #679d3d;
  font-weight:bold;
  line-height:0.8;
  font-size: 20px;
  width: 610px;
}
.sysol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #679d3d;
  color: #fff;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  /*以下 上下中央寄せのため*/
	top: 50%;
	transform: translateY(-50%);
}


.ribbon1 {
	display: inline-block;
	position: relative;
	height: 50px;/*リボンの高さ*/
	line-height: 50px;/*リボンの高さ*/
	vertical-align: middle;
	text-align: center;
	padding: 0 30px;/*横の大きさ*/
	font-size: 18px;/*文字の大きさ*/
	background: #679d3d;/*塗りつぶし色*/
	color: #fff;/*文字色*/
	box-sizing: border-box;
	width: 660px;
}
.ribbon1:before, .ribbon1:after{
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	z-index: 1;
}
.ribbon1:before{
	top: 0;
	left: 0;
	border-width: 25px 0 25px 15px;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
}
.ribbon1:after{
	top: 0;
	right: 0;
	border-width: 25px 15px 25px 0;
	border-color: transparent #fff transparent transparent;
	border-style: solid;
}

/* カテゴリページのお知らせ */
/* 強化中 最大8000台！ホワイトデスク「大量揃い」でご用意！等*/
section.news {
	/* background: #eef0f1; */
	/* padding: 5px; */
	margin-bottom: 10px;
	overflow: hidden;
}
section.news a {
	background: #eef0f1;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 5px;
	text-decoration: none;
}
section.news a:hover {
	opacity: 0.85;
}
section.news a > div {
	align-items: center;
	display:flex;
}
section.news .title a,
section.news .title img,
section.news .title span {
	vertical-align: middle;
}
section.news .pred {
	max-width: 330px;
	line-height: 18px;
	position: relative;
}
section.news .pred::after {
	content: "";
	position: absolute;
	border-top: 0 solid transparent;
	border-right: 6px solid #0000;
	border-bottom: 6px solid currentColor;
	border-left: 6px solid #0000;
	width: 0;
	height: 0;
	margin: auto;
	transform: rotate(90deg);
	top: 0;
	bottom: 0;
	right: -15px;
}
section.news .subtitle span {
	font-size: 12px;
	padding: 3px 5px;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 2px;
	margin: 0 2px;
	display: inline-block;
	/*border: 1px solid currentColor;*/
}
section.news .subtitle span i {
	color: inherit;
	filter: brightness(0.6);
	width: 19px;
	height: 15px;
	vertical-align: middle;
	line-height: 15px;
}
section.news .billing {
	color: darkcyan;
}
section.news .period {
	color: forestgreen;
}
section.news .delivery {
	color: saddlebrown;
}



/* お知らせ・スタッフブログ */
/* #topicはフロントページ用、無印はお知らせページ用 */
#topic .information {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
}
#topic .info_section {
	background: #eef0f1;
	font-size: 11px;
	padding: 0;
	margin-right: 10px;
	width: 100%;
	height: 200px;
}
#topic .info_section:last-child {
	margin: 0;
}
#topic .information h2 {
	background: #2e2e2e;
	margin-bottom: 0;
	width: auto;
}
#topic .information ul {
	width: auto;
	overflow-y: auto;
	height: 150px;
	margin: 7px 5px;
}
.info_section li {
	margin: 2px auto;
}
#topic .information ul li:first-child {
	margin: 0 auto 2px;
}
.info_section a,
.info_section .nolink {
	display: flex;
	padding: 2px 3px;
	text-decoration: none;
	font-size: 0;
	flex-direction: row;
	justify-content: space-between;
	align-items: baseline;
}
#topic .info_section a,
#topic .info_section .nolink {
	flex-direction: column;
	align-items: flex-start;
	padding: 2px 5px;
}
.info_section .nolink .title {
	display: inline-block;
}
.info_section .nolink .title a {
	font-size: 13px;
	display: inline-block;
	text-decoration: underline;
}
.info_section a:hover,
.info_section a:active {
	background: #f4f4f4;
}
#topic .info_section a:hover,
#topic .info_section a:active {
	background: #f7f7f7;
}
.info_section .news_head {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.info_section .date,
.info_section .time {
	display: inline-flex;
	width: 125px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.2px;
	margin: 0 5px 0 0;
	text-align: center;
	color: #900;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#topic .info_section .date,
#topic .info_section .time {
	width: 110px;
	font-size: 11px;
	align-items: flex-start;
}
#topic .info_section.blog .news_head time,
#topic .info_section.blog .news_head span {
	width: auto;
}
.info_section .category {
	background: #eee;
	border-radius: 2px;
	color: #fff;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	height: 20px;
	padding: 2px 5px;
	margin-right: 5px;
	min-width: 70px;
}
#topic .info_section .category {
	font-size: 11px;
	height: 15px;
	padding: 2px;
}
.info_section .title {
	display: inline-flex;
	width: calc(100% - 200px);
	font-size: 13px;
	padding-left: 0;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	text-align: left;
}
.info_section .title.separater {
	align-items: center;
	font-size: 15px;
}
#topic .info_section .title {
	width: 100%;
	font-size: 11px;
}
.info_section a .title {
	text-decoration: underline;
}
.category.news {
	background: #3c7ca3;
}
.category.service {
	background: #3ca35b;
}
.category.maintenance {
	background: #b94444;
}
.category.media {
	background: #a38e3c;
}
.category.seminar {
	background: #6c4c00;
}
.category.product {
	background: #5c3ca3;
}
.category.uncategorized {
	background: #e6e6e6;
	color: #353535;
}




.news_border{
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 10px;
}


.scroll-list {
  max-height: 220px;
  overflow-y: auto;
  margin-bottom: 10px;
  list-style-type: none;
}
.scroll-list .scroll-item a {
  display: block;
  padding: 10px 15px;
  color: #333;
  font-size: 0;
  transition: background-color 0.1s;
}
.scroll-list .date {
	display: inline-block;
	width: 13.5%;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.2px;
	padding-left: 10px;
}
.scroll-list .category {
  display: inline-block;
  width: 12%;
  border-radius: 5px;
  background-color: #40517a;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  font-size: 1.0rem;
  padding: 5px;
  line-height: 16px;
}
.scroll-list .category.news {
  background-color: #f90;
}

/* NEWS コンテンツ */
.scroll-list .title {
	display: inline-block;
	width: 70%;
	/*font-size: 1.0rem;*/
	font-size: 0.83rem;
	padding-left: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
}


/* デスク・ロッカー上部PR宣伝文 */
.news .cont {
  width: 100%;
  margin: auto;
  font-weight: 900;
  text-transform: uppercase;
}
.news .animate {
	font-size: 1.2em;
	line-height: 1.2em;
}
.news a.anime_pr:hover {
  opacity: 0.7;
}

.news .animate span {
	transform: translate(-300px, 0) scale(0);
	animation: sideSlide .5s forwards;
	animation-duration: 5s;
	color: #16499d;
  display: inline-block;
	font-weight: bold;
	line-height: 21px;
	opacity: 0;
	vertical-align: middle;
}
.news .animate span:nth-of-type(2) {
  animation-delay: .05s;
}
.news .animate span:nth-of-type(3) {
  animation-delay: .1s;
}
.news .animate span:nth-of-type(4) {
  animation-delay: .15s;
}
.news .animate span:nth-of-type(5) {
  animation-delay: .2s;
}
.news .animate span:nth-of-type(6) {
  animation-delay: .25s;
}
.news .animate span:nth-of-type(7) {
  animation-delay: .3s;
}
.news .animate span:nth-of-type(8) {
  animation-delay: .35s;
}
.news .animate span:nth-of-type(9) {
  animation-delay: .4s;
}
.news .animate span:nth-of-type(10) {
  animation-delay: .45s;
}
.news .animate span:nth-of-type(11) {
  animation-delay: .5s;
}
.news .animate span:nth-of-type(12) {
  animation-delay: .55s;
}
.news .animate span:nth-of-type(13) {
  animation-delay: .6s;
}
.news .animate span:nth-of-type(14) {
  animation-delay: .65s;
}
.news .animate span:nth-of-type(15) {
  animation-delay: .7s;
}
.news .animate span:nth-of-type(16) {
  animation-delay: .75s;
}
.news .animate span:nth-of-type(17) {
  animation-delay: .8s;
}
.news .animate span:nth-of-type(18) {
  animation-delay: .85s;
}
.news .animate span:nth-of-type(19) {
  animation-delay: .9s;
}
.news .animate span:nth-of-type(20) {
  animation-delay: .95s;
}

/* Animation Three */

@keyframes sideSlide {
  60% {
    transform: translate(20px, 0) scale(1);
    color: #16499d;
  }
  80% {
    transform: translate(20px, 0) scale(1);
    color: #16499d;
  }
  99% {
    transform: translate(0) scale(1.2);
    color: #9cff00;
  }
  100% {
    transform: translate(0) scale(1);
    opacity: 1;
    color: #16499d;
  }
}

.reinforce_flag {
	background: #16499d;
	color: #fff !important;
	display: inline-block;
	font-size: 11px;
	font-weight: normal;
	line-height: 21px;
	position: relative;
	text-align: right;
	margin-right: 17px;
	height: 20px;
	width: 43px;
}
.reinforce_flag::after {
	background: unset;
	border-top: 10px solid #16499d;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #16499d;
	border-left: 5px solid #16499d;
	border-radius: 0;
	content: "";
	right: -13px;
	left: auto;
	padding: 0;
	position: absolute;
	height: 0;
}



/*コピー機静的ページ*/
main .price-copy{
	font-size: 15pt;
	padding-bottom: 5px;
}


/*取引先企業*/

.company-td{
	border-right: 1px #ccc;
	border-left: 1px #ccc;
}

.company-tr{border-right: solid 1px #ccc;}


/* コラム一覧 */
section.column_list {
	width: 100%;
}
section.column_list ul.list_block {
	border-top: 3px solid #666;
	border-bottom: 3px solid #666;
	background: #fff;
	padding: 5px 0;
}
section.column_list ul.list_block li {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
section.column_list ul.list_block li::after {
	border-bottom: 1px solid #b3b3b3;
	content: "";
	width: 98%;
	margin: auto;
	display: block;
	bottom: -1px;
	position: absolute;
}
section.column_list ul.list_block li:last-child::after {
	content: none;
}
.column_list a em {
	background: #666;
	padding: 0 10px;
	border-radius: 0;
	color: #fff;
	font-size: 10px;
	width: 40px;
	display: flex;
	height: 18px;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-weight: normal;
	font-style: normal;
}
.column_list a {
	font-size: 12px;
	display: block;
	text-decoration: none;
	color: #333;
	background: transparent;
	padding: 5px;
	border-radius: 2px;
	min-height: auto;
	margin: 5px 0;
}
.column_list .title {
	padding: 3px 5px;
	position: relative;
	border: none;
	background: transparent;
	font-size: 17px;
	color: #464646;
	width: 100%;
}
.column_list a .body {
	padding: 3px 5px;
	position: relative;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}
.column_list a .body .txt {
	width: calc(100% - 150px);
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-start;
	padding: 0;
}
.column_list a .body .readmore {
	display: inline-flex;
	flex-direction: row;
	justify-content: right;
	margin: 0;
}
.column_list a .body .readmore span {
	background: transparent;
	color: #464646;
	border: none;
	border-radius: 0;
	box-shadow: none;
	min-height: 25px;
	line-height: 25px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	font-size: 12px;
	padding: 0 17px 0 5px;
}
.column_list a .readmore span::after {
	content: "";
	border: none;
	margin: auto;
	position: absolute;
	transform: skew(45deg);
	top: auto;
	right: 0;
	bottom: 5px;
	width: 90px;
	height: 8px;
	border-right: 1px solid #464646;
	border-bottom: 1px solid #464646;
	left: -15px;
	transition: all 0.1s ease-in;
}
.column_list a:hover .readmore span::after {
	left: -7px;
}

/*メンテナンス*/
.dotarea{}

.area-img{
background-color: #fffcd3;
margin: 0 0 0 10px;
float:left;
border-radius: 20px;
}
.area-img2{width: 500px;
background-color: #fffcd3;
margin: 0 10px 0 0;
float:left;
border-radius: 20px;
}

.area-1{
	font-size: 12px;
	width: 270px;
	height: 365px;
	/*background-color: #fffcd3;*/
	float:left;
	margin: 0 0 10px 0;
	padding: 10px 20px;
	line-height: 1.6;

	color: #5d627b;
	background: #fff;
	/*border-top: solid 5px #5d627b;*/
	border-top: solid 5px #5ec632;
}

.area-2{
	font-size: 11.2px;
	width: 200px;
	float:left;
	margin: 0 0 10px 0;
	padding: 10px 20px;
	line-height: 1.6;
	color: #5d627b;
	background: #fff;
	border-top: solid 5px #5ec632;
} 

.area-3{
	font-size: 11.5px;
	width: 200px;
	background-color: #fffcd3;
	float:left;
	margin: 0 9px 10px 9px;
	padding: 10px 20px;
	/*height: 365px;*/
	line-height: 1.6;

	color: #5d627b;
	background: #fff;
	border-top: solid 5px #5ec632;
} 

.area-4{
	font-size: 11.5px;
	width: 200px;
	background-color: #fffcd3;
	float:left;
	margin: 0 0 10px 0;
	padding: 10px 20px;
	/*height: 365px;*/
	line-height: 1.6;

	color: #5d627b;
	background: #fff;
	border-top: solid 5px #5ec632;
} 

.area-5{
	font-size: 11.5px;
	background-color: #fffcd3;
	float:left;
	margin: 0 0 10px 0;
	padding: 10px 20px;
	/*height: 365px;*/
	line-height: 1.6;
	height: 150px;
	color: #5d627b;
	background: #fff;
	border-top: solid 5px #5ec632;
} 


.area-height1{height: 300px;}
.area-height2{height: 265px; font-size: 11.5px;}
.area-height3{height: 210px; font-size: 11.5px;}

.area-text{text-align: center;
font-size: 20px;
margin: 10px 0;
padding: 3px 0;/*上下の余白*/
/*  border-top: solid 1px; 上線
  border-bottom: solid 1px ;下線*/
}


/*アイテムページメーカー*/
.maker4{
	margin: 15px 5px 15px 30px;
	width: 150px;
}
.maker4 a,
.maker6 a,
.maker7 a {
	text-decoration: none;
}
.maker4 dt a{
	font-weight: lighter;
	line-height: 1;
	margin: 0;
	padding: 0;
}
.maker4 dd{
	font-size: 11px;
	line-height: 1.7;
	padding: 0;
}

.section_manufacturer {
	font-size: 12px;
}

.section_manufacturer .maker4 {
	display: inline-block;
	width: calc(25% - 4px);
	margin: 0;
}
.section_manufacturer .maker4 h4 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 35px;
	text-align: left;
}
.section_manufacturer ul.m_cate li a {
	display: block;
	position: relative;
	padding: 1px 0 1px 15px;
}
.section_manufacturer ul.m_cate li a::before {
	content: "";
	border-top: 0 solid transparent;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	border-left: 0 solid transparent;
	border-radius: 1px;
	transform: rotate(-45deg);
	position: absolute;
	margin: auto;
	transition: all .3s ease-in;
	bottom: 0;
	left: 2px;
	top: 0;
	width: 5px;
	height: 5px;
}
.section_manufacturer ul.m_cate li a:hover::before {
	border-color: #c94c00;
}
.maker5{
	margin: 15px 5px 15px 30px;
	width: 350px;
}
.maker6{
	width: 170px;
	margin: 5px 5px 5px 10px;
}
.maker7 {
	margin: 5px 5px 5px 10px;
	width: 360px;
}

/* メーカー・シリーズからチェアを探す 2022/9/15 */
.maker4_wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
.maker4_wrap .maker4 {
	padding: 15px 5px;
	width: 160px;
	margin: 0;
}
.maker4_wrap a {
	display: block;
	font-size: 12px;
	text-align: left;
}
.maker4_wrap a:hover {
	opacity: .8;
}
.maker4_wrap a img + img {
	width: 160px;
	object-fit: cover;
	height: 100px;
	background: #eee;
}
.maker4_wrap ul a {
	width: calc(100% - 15px);
	text-align: left;
	padding: 2px 15px 2px 0;
	position: relative;
}
.maker4_wrap ul a::after {
	content: "";
	position: absolute;
	right: 5px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	width: 5px;
	height: 5px;
	transform: rotate(45deg);
	top: 0;
	bottom: 0;
	margin: auto;
}


/*電話問合わせ*/
.teltd {
	border-color: #ddd;
	color: #000;
	font-size: 17px;
	text-align: center;
	width: 355px;
}  

.tel1{
	font-size: 14px;
	line-height: 35px; 
	width: 320px;
	height: 100px;
	padding: 20px 0 0 20px;
	background-color: #e8eef6;
	float:left;
	border-radius: 10px;
	font-weight: bold;
	margin-left: 20px;
}

.tel2{
	font-size: 14px; 
	line-height: 35px;
	width: 320px;
	height: 100px;
	padding: 20px 0 0 20px;
	background-color: #e9f6e8;
	float:right;
	border-radius: 10px;
	font-weight: bold;
	margin-right: 20px;
}

.telephone_numbs .tel_area {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}
.telephone_numbs dl {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	text-align: center;
	background: #679d3d;
	padding: 10px;
	width: 300px;
	margin: 10px 5px;
	border: 5px solid #4b821f;
	color: #fff;
}
.telephone_numbs dt {
	border: 1px solid #fff;
	padding: 5px 0;
	font-size: 22px;
	margin: 5px auto;
	justify-content: center;
	display: inline-flex;
	flex-direction: column;
	line-height: 23px;
	min-width: 80px;
	color: currentColor;
}
.telephone_numbs dd {
	font-size: 25px;
	font-weight: bold;
	padding: 0 5px;
	color: currentColor;
	justify-content: center;
	display: inline-flex;
	flex-direction: column;
}
.telephone_numbs dl + dl {
	background: #3286c5;
	border: 5px solid #1a73b7;
}


/* 右サイド追従CVポイント */
.contact_mail,
.contact_tel {
	display: inline-block;
	border-radius: 25px;
	text-decoration: none;
	color: #fff;
	transition: .4s;
	position: fixed;
	width: 54px;
	height: auto;
	bottom: 0;
	margin: 8px;
	right: 0;
	z-index: 8;
	margin-bottom: 200px;
	writing-mode: tb-rl;
}
.contact_tel {
	margin: 8px;
}
.contact_mail a,
.contact_tel a {
	border-radius: 30px;
	color: #fff;
	display: block;
	font-size: 13px;
	text-decoration: none;
	height: auto;
	line-height: 1.1em;
	padding: 45px 20px 20px;
	transition: all 0.2s cubic-bezier(.18,.89,.32,1.28) 0s;
}
.contact_mail a {
	background: #d3054f no-repeat url(/images/mail03.png) 50% 15px;
	background-size: 23px;
}
.contact_tel a {
	background: #d19710 no-repeat url(/images/tel03.png) 50% 15px;
	background-size: 23px;
}
.contact_mail a:hover,
.contact_tel a:hover {
	transform: scale(1.05) translate(-0.2em,0);
}
.contact_mail a:hover {
	background-color: #bd0547;
}
.contact_tel a:hover {
	background-color: #bb870e;
}

/**/

.ribbon17-wrapper {
  display: block;
  position: relative;
  margin: 15px auto;
  padding: 10px 0;
  width: 200px;
  height: 150px;
  box-sizing: border-box;
 float:left;
}

.ribbon17-content {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 89px;
  height: 91px;
  overflow: hidden;
  }

.ribbon17 {
  display: inline-block;
  position: absolute;
  padding: 7px 0;
  left: -23px;
  top: 22px;
  width: 160px;
  text-align: center;
  font-size: 18px;
  line-height: 16px;
  background: #ffa520;
  color: #fff;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ribbon17:before, .ribbon17:after {
  position: absolute;
  border-top: 4px solid #b2751b;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  bottom: -4px;
}

.ribbon17:before {
  left: 14px;
}

.ribbon17:after {
  right: 18px;
}



main .price-back {
	font-size: 9pt;
	padding-bottom: 5px;
	background-color: #eef6e8;
	border-radius: 10px;
	width: 140px;
	margin-left: 30px;
	padding: 5px;
}
main .price-back span.lprice-back{
	font-size: 12pt;
	color: #eef6e8;
	font-weight: bold;
}

.fright{
	float: right;
	margin-top: 45px;
}
/**/

.workbtn{
	width: 150px;
	border-radius: 10px;
	color: #fff;
	background-color: yellowgreen;
	padding: 6px;
	margin: 5px;
	font-weight: bold;
}
.inline-block1 {
  text-align: center;
}

.inline-block1 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.inline-block1 li {
  display: inline-block;
  font-size: 15px;
  padding-left: 20px;
}

.frame-box-001 {
	padding: 10px;
	position: relative;
	text-align: center;
	margin: 10px;
}

.frame-box-001::before, .frame-box-001::after {
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
}

.frame-box-001::before {
	border-left: solid 2px #c3db61;
	border-top: solid 2px #c3db61;
	top: 0;
	left: 0;
}

.frame-box-001::after {
	border-right: solid 2px #c3db61;
	border-bottom: solid 2px #c3db61;
	bottom: 0;
	right: 0;
}

.balloon1 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 15px 15px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #eee;
  border-radius: 15px;
}
.balloon1:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -25px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #eee;
  z-index: 0;
}
.balloon1 p {
	margin: 0;
	padding: 0;
	width: 100%;
}


.makerstyle{margin-right: 50px;}
.makerstyle2 a{margin-left: 10px;}

.maker_box {
	width: auto;
	border: none;
	background: none;
	box-shadow: none;
	display: flex;
	margin-bottom: 26px;
}
.maker_items {
	/*margin: 0 auto;
	float: none;
	display: table;
	width: 128px;
	height: 70px;
	margin: 0 auto;
	background-color: #eee;
	border-radius: 4px;
	border: 1px solid #ddd;*/
	float: left;
	box-sizing: border-box;
	margin-right: 26px;
	width: 140px;
	height: 165px;
	position: relative;
	overflow: hidden;
}
.maker_phot{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-70%, -45%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.maker_iteminfo {
	margin: 15px 0 15px 0;
	position: relative;
}

.maker_items a,
.series_name a{	
	text-decoration: none;
	color: black;
}
.maker4 dt{margin-bottom: 5px;}


/*価格表*/

.Comparison {
	width: 700px;
	text-indent: none;
	margin-left: 20px;
}
.Comparison1 td {
	font-size: 15px;
	text-align: center;
	background: #fff;
	height: 50px;
	padding: 15px 10px 8px 10px;
}
.Comparison2 {
	font-size: 14px;
	width: 220px;
	text-align: center;
	background: #fff;
	font-weight: 500;
	padding: 10px 7px 8px 7px;
}

.plan1{
	background: #4caf50;
	width: 121px;
	text-align: center;
	color: #fff;
	vertical-align : middle;
}
.plan1_i{
  color: #4caf50;
}
.plan4{
  background: #a39391;
  width: 121px;
  text-align: center;
  color: #fff;
  vertical-align : middle;
}
.plan4_i{
  color: #a39391;
}
.plan3{
  background: #667572;
  width: 121px;
  text-align: center;
  color: #fff;
  vertical-align : middle;
}
.plan3_i{
  color: #667572;
}
.plan2{
  background: #716e77;
  width: 121px;
  text-align: center;
  color: #fff;
  vertical-align : middle;
}
.plan2_i{
  color: #716e77;
}

.noborder {
	background: #ececec;
	background-image: linear-gradient(to top right, transparent, transparent 49%, #ccc 49%, #ccc 51%, transparent 51%, transparent);
}

.planname{background: antiquewhite;}


.measure-support{
	position: relative;
}

.measure-support2{
	position: absolute; 
	left: 750px; 
	z-index: 30;
}

.pred{
	font-size: 11pt;
	color: #bd3347;
	font-weight: bold;
}

.categorylink{
	color: #000;
	text-decoration: none;
}

.rankingh2{
	background: none;
	color: #000 !important;
	font-size: 13px;
	padding: none;
	padding: 5px;
	margin-bottom: 3px;
}


.online-btn{
	background: #faf3c7;
	background: linear-gradient(#ffc800 0%, #ffd743 100%);
	border-radius: 5px;
	color: #f9a9ae;
	display: inline-block;
	font-weight: bold;
	float: left;
	position: relative;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
	padding: 10px 8px;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 350px;
}

.online-btn2{
	background: #faf3c7;
	background: linear-gradient(#004986 0%, #1d2088 100%);
	border-radius: 5px;
	color: #f9a9ae;
	font-weight: bold;
	float: left;
	display: inline-block;
	position: relative;
	text-decoration: none;
	/* width: 120px; */
	/* height: 50px; */
	/* line-height: 50px; */
	text-align: center;
	overflow: hidden;
	padding: 10px 8px;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 350px;
}

.online-btn3{
	margin-bottom: 10px;
	padding: 0 4px 0 0;
	float: right;
	display: inline-block;
	position: relative;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
}

.chair-name{
	width: 180px; 
	margin-top: 30px; 
}


/*TOPKVスライダー*/
.mainkv {
  width: 750px;
  height: 250px;
  position: relative;
}

.kvslider {
  margin: 0 auto;
  max-width: 750px;
}

.kvslide {
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
}

.kvslide a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.kvslide:first-child {
  display: block;
}

.kvslide:nth-of-type(1) {
  /*background: #d7a151;*/
}

.kvslide:nth-of-type(2) {
  /*background: #f4e4cd;*/
}

.kvslide:nth-of-type(3) {
  /*background: #c75534;*/
}

.kvslide:nth-of-type(4) {
  /*background: #d1d1d4;*/
}
.kvslide:hover img {
	opacity: 0.8;
}

.slide_buttonskv {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  margin-top: -8px;
}

a.slide_btnkv {
  color: #474544;
  font-size: 25px;
  margin: 0 0.175em;
  transition: all 0.4s ease-in-out;
}

.slide_btnkv.active, .slide_btnkv:hover {
  color: #6aa33c;
  cursor: pointer;
}

.previous_btn, .next_btn {
  cursor: pointer;
  height: 70px;
  opacity: 0.5;
  transition: opacity 0.4s ease-in-out;
  width: 70px;
  z-index: 2;
}

.top-info{
	padding: 1px 15px; 
	background-color: #ffece6; 
	font-size: 12px;
	margin-bottom: 10px;
}
.top-info-box{
	margin: 5px; 
	font-size: 12px;
}
.top-info-content {
	padding: 5px 5px 5px 26px;
}
.top-info-title {
	line-height: 22px;
	font-weight: bold;
	color: #f44336;
	font-size: 14px;
}

.point-1 img{
	width: 170px;
}

.basket_btn{
	margin-right: 20px;
	width: 220px;
	/*padding: 0.7em 0;*/
	font-size: 10pt;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 10px 20px 7px 20px;
	color: #fff;
	background-color: #679d3d;
	border-radius: 4px;
	border-style: none;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	cursor: pointer;
}

.formTable img{
	width: 50px;
	float: right;
	margin-right: 10px;
}
.formTable textarea {
	resize: vertical;
	width: 450px;
	max-height: 500px;
	min-height: 100px;
}

.total{
	color: #d83c3c;
	font-weight: 600;
}

.category_wrapper li{
	display: inline-block;
	padding: 3px 11px;
	margin: 4px 2px;
	font-weight: bold;
	color: #474747;
	border-radius: 3em;
	border: 1px solid #777;
	background-color: #fff;
}

.check li{
	margin-bottom: 10px;
	list-style-type:none;
	background:url(/images/subscbusters/icon-check.png) left no-repeat;
	text-indent: 35px;
	background-size: 18px;
}


#CDT,
#CDT01 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 45px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	width: 100%;
}

.ttl {
	color: #fff;
	font-size: 25px;
	font-weight: 600;
	text-align: center;
	margin: 0;
	line-height: 1.5;
}

.timer {
	background: #bf3525;
	margin: 5px auto;
	padding: 5px;
}




/*--------------------------------- 
 *　オフィス作成ぜんぶレンタルでおまかせ！まるごとオフィスキャンペーン
　　アイテム個数変動フォーム
 --------------------------------- */

table.item-quantity-table {
	border-collapse: collapse;
	border-spacing: 0;
}
table.item-quantity-table thead th {
	height: 45px;
	background: #f2f2f2;
}
table.item-quantity-table thead th.item-price {
	width: 90px;
}
table.item-quantity-table thead th.item-quantity-count {
	width: 160px;
}
table.item-quantity-table tfoot td {
	background: #f2f2f2;
}
table.item-quantity-table tfoot td.grandtotal-title {
	font-size: 18px;
	text-align: right;
}
table.item-quantity-table th,
table.item-quantity-table td {
	border: 1px solid #ccc;
	padding: 10px;
	vertical-align: middle;
}
table.item-quantity-table .item-name {
	min-width: 250px;
}
table.item-quantity-table tbody .item-name {
	width: 90px;
	padding: 0;
}
table.item-quantity-table tbody .item-name a {
	display: block;
	padding: 10px;
	text-decoration: none;
}
table.item-quantity-table tbody .item-name img {
	max-width: 50px;
	max-height: 50px;
	vertical-align: middle;
	margin-right: 3px;
	display: inline-block;
}
table.item-quantity-table tbody .item-name .item-name_title {
	display: inline-block;
	width: calc(100% - 60px);
	vertical-align: middle;
	word-break: break-all;
}
table.item-quantity-table .item-price {
	text-align: left;
}
table.item-quantity-table tbody .item-price {
	text-align: right;
	width: 90px;
}
table.item-quantity-table .quantity {
	font-size: 0;
	text-align: center;
	margin: auto;
	width: 150px;
	letter-spacing: 0;
}

table.item-quantity-table td[class^="item-price"],
table.item-quantity-table td[class^="subtotal-item"] {
	font-size: 14px;
	max-width: 150px;
}
table.item-quantity-table td[class^="item-price"] {
	max-width: 120px;
}

table.item-quantity-table td.grandtotal {
	font-size: 21px;
}

/* WebKit ブラウザで、input type="number" のスピンボタンを非表示にする。 */
table.item-quantity-table input[type="number"]::-webkit-outer-spin-button,
table.item-quantity-table input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
/* Firefox で、input type="number" のスピンボタンを非表示にする。また、入力欄の値表示を中央寄せにし、高さをボタンのサイズに合わせる。 */
table.item-quantity-table input[type="number"] {
	text-align: center;
	height: 40px;
	border: 3px solid #e3e3e8;
	border-radius: 0;
	box-shadow: 0 1px 0 0 #ccc,0 1px 0 0 #ccc inset;
	font-size: 19px;
	padding: 0;
	width: 70px;
	-webkit-appearance: none;
	-moz-appearance: textfield;
	vertical-align: middle;
	box-sizing: border-box;
}
table.item-quantity-table input[type="number"]:focus-visible {
	outline: none;
}
.quantity button.btn-number {
	background: #e3e3e8;
	box-shadow: 0 1px 0 0 #ccc;
	border: none;
	cursor: pointer;
	vertical-align: middle;
	font-size: 0;
	font-weight: bold;
	position: relative;
	padding: 0;
	width: 40px;
	height: 40px;
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.quantity button.btn-number:hover {
	filter: brightness(90%);
}
.quantity .quantity-btn {
	display: inline-block;
	font-size: 24px;
	line-height: 24px;
	margin: auto;
	font-weight: bold;
	vertical-align: middle;
}
.quantity .quantity-add button.btn-number {
	border-radius: 0 5px 5px 0;
}

.quantity .quantity-add button::after,
.quantity .quantity-sub button::after,
.quantity .quantity-add button::before {
	background: #2f2f2f;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
}
.quantity .quantity-add button::before {
	content: "";
	width: 4px;
	height: 16px;
}
.quantity .quantity-add button::after,
.quantity .quantity-sub button::after {
	content: "";
	width: 16px;
	height: 4px;
}
.quantity .quantity-sub button.btn-number {
	border-radius: 5px 0 0 5px;
}

.lh1{
	line-height: 1.5;
}

.top-info_g{
	padding: 15px 15px 3px 15px;
	background-color: #fbfbfb;
	border: 3px solid #eef6e8;
	border-radius: 5px;
	font-size: 12px;
	margin-bottom: 10px;
}

/* Youtube/動画 */
.centervd{
	text-align: center;
	margin: 10px 10px 10px 200px;
}

.yt { /* 動画をレスポンシブ表示、無駄な余白出さないようにパディング設定 */
	position: relative;
	width: 320px;
	height: 180px;
}

.yt2{ /* 動画をレスポンシブ表示、無駄な余白出さないようにパディング設定 */
  position: relative;
  width: 170px;
  height: 108px;
}

.yt iframe ,
.yt2 iframe { /* 親要素内100%で動画を表示する */
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.yt_video ,
.yt2_video { /* 親要素内100%でサムネイル画像を表示する */
  position: absolute;
  width: 100%;
  height:auto;
  top:0;
}
.yt_video img { /* 親要素内100%でサムネイル画像を表示する */
  width: 100%;
  height:auto;
}

.yt_video::before { /* FontAwesomeで再生ボタンを画像上に。あっても無くても可 */
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: "\f04b";
  font-weight: 900;
  color: #6aa33c;
  font-size: 30px;
  top: 50%;
  left: 50%;
  transform : translate(-50%,-50%);
  opacity: .90;
  transition:.5s;
}

.yt_video img:hover{ /* ホバー時にカーソル変える */
  cursor: pointer;
  width: 100%;
  height: auto;
  box-sizing: border-box;
}

.yt_video:hover::before { /* ホバー時アイコンの色変える */
  color: #fc0d1c;
  transition:.5s;
}


/* ========news migration======== */
main .news-migration h2 span {
	font-size: 14px;
}
main .news-migration h3.green {
	margin: 0 0 10px 0;
}
.news-migration .img {
	width: 100%;
}
.news-migration .img img {
	max-width: 100%;
	width: auto;
}
.news-migration .flex {
	display: flex;
	margin: 50px 0 20px;
}
.news-migration .flex .img {
	width: auto;
	margin: 0 20px 0 0;
}
.news-migration .flex.last-contents {
	margin: 50px 0;
}
.news-migration .flex.last-contents .img {
	min-width: 327px;
	margin: 0 0 0 20px;
}

.event-img,
.event-img img {
	width: 100%;
}
.edit-img img {
	width: 298px;
	height: 55px;
}
.flex {
	display: flex;
}
.event01 {
	margin-bottom: 30px;
}
.event01 .img {
	width: 386px;
}
.event01 .img img {
	width: 100%;
}
.event01 .text-area {
	width: calc(100% - 400px);
	margin: 0 14px 0 0;
}
.event02 .img {
	width: 208px;
}
.event02 .img img {
	width: 100%;
}
.event02 .text-area {
	width: calc(100% - 220px);
	margin: 0 0 0 12px;
}
.event03 {
	margin-bottom: 30px;
}
.event03 .text-area {
	margin-left: 20px;
}
.reviews .reviews_conts {
	display: flex;
	align-items: center;
}



/* コンテンツ新カラム */
.column-wrap {
	display: flex;
	justify-content: space-between;
	position: relative;
}
.column-wrap span.bold {
	display: contents;
}
.column-wrap span.bold.upper-dot {
	display: inline;
}
.column-wrap [class*="column-"] {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.column-wrap [class*="column-"].top,
.column-wrap [class*="column-"].vtop {
	justify-content: flex-start;
}
.column-wrap [class*="column-"] div.img {
	max-height: 100%;
	max-width: 100%;
	position: relative;
}
.column-wrap img {
	border-radius: 3px;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.column-wrap .column-left a {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.column-wrap a img:hover {
	opacity: .8;
}

.column-wrap .column-title {
	clear: both;
	position: absolute;
	top: -20px;
	font-weight: bold;
	text-align: left;
	width: 50%;
}

.column-wrap .column-1-1,
.column-wrap .column-1-1-1,
.column-wrap .column-1-1-1-1,
.column-wrap .column-1x4,
.column-wrap .column-1x5,
.column-wrap .column-2-1-2,
.column-wrap .column-2-1,
.column-wrap .column-1-2,
.column-wrap .column-3-1,
.column-wrap .column-1-3,
.column-wrap .column-4-1,
.column-wrap .column-1-4 {
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	width: 100%;
}

/* 1:1 */
.column-1-1 > .column-left,
.column-1-1 > .column-right {
	max-width: 50%;
	position: relative;
}

/* 1:1:1 */
.column-1-1-1 > [class*="column-"] {
	max-width: calc(100% / 3);
	text-align: center;
}
.column-1-1-1 > [class*="column-"] img {
	margin: auto;
}

/* 1:1:1:1 */
.column-1-1-1-1 > [class*="column-"],
.column-1x4 > [class*="column-"] {
	max-width: calc(100% / 4);
	text-align: center;
}
.column-1-1-1-1 > [class*="column-"] img,
.column-1x4 > [class*="column-"] img {
	margin: auto;
}

/* 1:1:1:1:1 */
.column-1x5 > [class*="column-"] {
	max-width: calc(100% / 5);
	text-align: center;
}
.column-1x5 > [class*="column-"] img {
	margin: auto;
}
.column-wrap [class*="column-"].dis_b {
	display: block;
}
		
/* 2:1:2 */
.column-2-1-2 > .column-left,
.column-2-1-2 > .column-right {
	max-width: calc((100% / 5) * 2);
}
.column-2-1-2 > .column-center {
	max-width: calc(100% / 5);
}

/* 2:1 */
/* 1:2 */
.column-2-1 > .column-left,
.column-1-2 > .column-right {
	width: 65%;
	/*max-width: 65%;*/
}
.column-2-1 > .column-right,
.column-1-2 > .column-left {
	width: 35%;
	/*max-width: 35%;*/
}

/* 3:1 */
/* 1:3 */
.column-3-1 > .column-left,
.column-1-3 > .column-right {
	width: calc((100% / 4) * 3);
}
.column-3-1 > .column-right,
.column-1-3 > .column-left {
	width: calc(100% / 4);
}

/* 4:1 */
/* 1:4 */
.column-4-1 > .column-left,
.column-1-4 > .column-right {
	width: calc((100% / 5) * 4);
}
.column-4-1 > .column-right,
.column-1-4 > .column-left {
	width: calc(100% / 5);
}

.column-wrap.center div {
	margin: auto;
}
.column-wrap .h150 {
	height: 150px;
}
.column-wrap .h200 {
	height: 200px;
}
.column-wrap .h250 {
	height: 250px;
}


/* 横並び・一列・列配置 */
.row_placement {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	margin: auto;
}
.row_placement div {
	background: #f7f7f7;
	border-radius: 5px;
	display: inline-flex;
	flex-direction: column;
	text-align: center;
	justify-content: center;
	margin: auto;
	height: 180px;
	width: 220px;
}
.row_placement div span {
	display: block;
}
.row_placement .txt {
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
	margin: 5px auto;
}
.row_placement img {
	aspect-ratio: 1/1;
}
.row_placement.wrap {
	flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

/* リスト内コンテンツ・1列 */
.list_row_column li {
	display: flex;
	margin-bottom: 5px;
}
.list_row_column li div:first-child {
    flex-basis: 15%;
    max-width: 15%;
}
.list_row_column li div:last-child {
    flex-basis: 85%;
    max-width: 85%;
}


/* ヒント・説明 */
.hint {
	background: #f9f9f9;
	border-radius: 2px;
	color: #7d7d7d;
	display: inline-block;
	line-height: 20px;
	font-size: 11px;
	font-style: italic;
	padding: 2px 10px 2px 5px;
	margin: 10px 0;
	width: auto;
}
.hint::before {
	content: "\f059";
	display: inline-block;
	font-size: 13px;
	font-style: normal;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	text-align: center;
	line-height: 25px;
	vertical-align: middle;
	height: 25px;
	width: 25px;
}

.description {
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	color: #999;
	font-size: 11px;
	text-align: center;
	padding: 0;
	width: auto;
}


/* LPのシンプル系sectionデザイン */
section.lp_section_header,
section.lp_section {
	margin-bottom: 100px;
}
section.lp_section h3 {
	letter-spacing: 3px;
	text-align: center;
}
section.lp_section .lp_section_inner {
	margin-left: auto;
	margin-right: auto;
}
section.lp_section .image_section {
	text-align: center;
}
section.lp_section .body_section {
	margin: 20px auto;
	width: calc(100% - 5%);
}

.movie_section {
	text-align: center;
	margin-bottom: 20px;
}
.movie_section iframe {
	background: url(/images/no_image.png);
}



/* レンタルバスターズは全国対応 */
.area_select {
	background: #efeeee;
	border-radius: 10px;
	color: #000;
	font-weight: bold;
	text-align: center;
	padding: 6px;
	width: 350px;
}
.area_select .bold {
	font-size: 15px;
}
.area_select ul {
	display: inline-block;
	text-align: left;
	margin-left: 20px;
	vertical-align: top;
	width: calc(40% - 24px);
}
.area_select li {
	list-style: disc;
}
.area_select ul a {
	display: block;
	margin: 0 0 0 -20px;
	padding: 0 0 0 20px;
	position: relative;
	text-align: left;
	width: calc(100% - 30px);
	z-index: 0;
}

/* 大量に揃う 在庫数10,000点 関西倉庫1,000坪 関東倉庫1,500坪 */
.zaiko_wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: calc(100% - 10px);
	margin: auto;
}
.zaiko_wrap a {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}
.zaiko_wrap .zaiko_block {
	background: #f2f2bc;
	border-radius: 3px;
	padding: 0 10px;
}
.zaiko_wrap span {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 0;
}
.zaiko_wrap .title {
	color: #478416;
	justify-content: center;
	flex-direction: column;
	font-size: 18px;
}
.zaiko_wrap .count {
	font-size: 30px;
	letter-spacing: -1px;
	color: #f0533e;
	font-weight: bold;
	padding: 0 5px;
}

/* 入札資格あり */
.prom_brick {
	font-size: 14px;
	margin-right: 0;
	position: relative;
	display: flex;
}
.prom_brick a {
	text-decoration: none;
}
.prom_brick > div {
	width: 100%;
}
.prom_brick .brick {
	background: #fff;
	font-weight: bold;
	color: #5d9332;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 90px;
	width: auto;
	position: relative;
	border: 1px solid #8fc31f;
	margin: 10px 12px 10px 0;
	text-align: center;
	letter-spacing: 0.5px;
}
.prom_brick > div:last-child .brick {
	margin-right: 0;
}
.prom_brick .upside {
	background: #fbe1e2;
	width: 90%;
	margin: 0 auto 5px;
	padding: 2px 0;
	display: block;
	line-height: 22px;
	height: 24px;
	font-size: 14px;
	font-weight: normal;
}
.prom_brick .upside > span {
	font-size: 13px;
}
.prom_brick .downside {
	font-size: 19px;
	line-height: 30px;
	height: 30px;
	letter-spacing: 0.2px;
}


/**************************
 アコーディオン表示
・landscape　横長・縦列表示
・portrait　縦長・横列表示
中カテ「選ばれ続ける理由」などで使用
**************************/
.accord_container.landscape {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.accord_container.portrait {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}
.accord_wrap.simple {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	flex: auto;
	margin: 2px 0;
}
.accord_wrap.btntype {
	display: inline-flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	width: calc(100% - 20px);
	flex: 1;
	position: relative;
	margin: 10px;
}
.accord_container.portrait .accord_wrap.simple {
	margin: 2px 4px 2px 0;
	flex: 1;
}
.accord_wrap.simple > *,
.accord_wrap.btntype > * {
	box-sizing: border-box;
	margin: 0;
	width: 100%;
}
.accord_wrap.simple > * {
	padding: 5px 10px 5px 25px;
}
.accord_wrap.btntype > * {
	padding: 5px 10px 10px;
}
.accord_wrap.simple dt,
.accord_wrap.btntype dt {
	font-size: 16px;
	line-height: 20px;
	padding: 15px 10px 10px;
}
.accord_wrap.simple > dd,
.accord_wrap.btntype > dd {
	height: 100%;
	display: inline-flex;
	font-size: 11px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.accord_wrap.simple details,
.accord_wrap.btntype details {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: flex-end;
	flex-wrap: wrap;
	box-sizing: border-box;
	position: static;
}
.accord_wrap.simple summary {
	background: #FFF;
	border-radius: 3px;
	border: none;
	color: #900;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 5px 40px 5px 25px;
	position: relative;
	margin: 0;
	height: 35px;
	width: auto;
	letter-spacing: 1px;
	text-align: left;
	line-height: 14px;
	word-break: break-all;
}
.accord_wrap.btntype summary {
	background: #FFF;
	border: 1px solid transparent;
	border-radius: 20px;
	box-shadow: 0 3px 1px -3px #d5d7d9;
	color: #444;
	cursor: pointer;
	font-size: 12px;
	font-weight: normal;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 12px 0 25px;
	position: absolute;
	margin: 0 15px;
	min-width: calc(100px - 37px);
	height: 35px;
	width: auto;
	right: 0;
	top: 0;
	word-break: break-all;
}
.accord_container.portrait .accord_wrap.simple summary {
	justify-content: flex-start;
	padding: 10px 5px 10px 25px;
	height: auto;
	min-height: 100px;
}
details[open].accord_wrap.simple summary {
	border: none;
	border-radius: 3px 3px 0 0;
}
.accord_container.portrait .accord_wrap summary::before {
	content: "";
	width: 6px;
	height: 6px;
	border-top: 0 solid transparent;
	border-right: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	border-left: 0 solid transparent;
	transform: rotate(45deg);
	top: auto;
	left: 0;
	bottom: 10px;
	right: 0;
}
.accord_container.portrait .accord_wrap summary.readmore::after {
	content: "";
	background: #fff;
	border: 1px solid #2b5f79;
	border-radius: 25px;
	color: #2b5f79;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 3px 10px;
	margin: auto;
	left: 0;
	bottom: 5px;
	right: 0;
	width: 70px;
}
.accord_body {
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: flex-end;
	width: 100%;
}
.accord_wrap.simple .accord_body {
	background: #FFF;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.accord_wrap.simple .accord_body p {
	width: 100%;
}
.accord_wrap.simple .accord_body p:first-child {
	margin: 0 0 10px;
}
.accord_wrap.simple .accord_body p:only-child {
	margin: 0;
}
.accord_wrap.simple .accord_body .detail {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.accord_wrap.simple .accord_body .detail figure {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 10px 0 0;
}
.accord_wrap.simple .accord_body .detail img {
	border-radius: 3px;
}




/**************************
 ブロックグリッドの追加表示
 カテゴリを5つだけ表示して、残りがある場合はもっと表示ボタンを押下すると表示される
**************************/
.content_wrap {
	border-radius: 3px;
	position: relative;
}

.grid_wrap {
	background: transparent;
	border-radius: 3px;
	display: flex;
	font-size: 0;
	/* gap: 0; */
	/* grid-template-columns: repeat(auto-fit,minmax(min(calc(100% / 5), 100%),calc(100% / 5))); */
	/* grid-template-rows: masonry; */
	position: relative;
	padding: 10px;
	max-width: 730px;
	transition: all .3s ease-in;
	flex-wrap: wrap;
}
.grid_wrap [class*="block_grid"] {
	background: #FFF;
	border-radius: 3px;
	box-shadow: 0 3px 1px -3px #d5d7d9;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 2px;
	aspect-ratio: 1/1;
	min-height: 120px;
	width: 100%;
	max-width: 140px;
}
.grid_wrap [class*="block_grid"] a {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	width: 100%;
	height: 100%;
}
.grid_wrap [class*="block_grid"] a > * {
	display: inline-flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
	height: auto;
	width: 100%;
	max-width: 100px;
}
.grid_wrap [class*="block_grid"] a .itemtext {
	font-size: 11px;
	width: 100%;
	text-align: center;
	max-width: calc(100% - 10px);
	line-height: 15px;
}

.grid_wrap [class*="block_grid"][class*="extend_grid"] {
	opacity: 0;
	display: none;
	min-height: 0;
	aspect-ratio: auto;
	width: 0;
  pointer-events: none;
	transition: all .3s ease-in;
}
.grid_wrap [class*="block_grid"][class*="extend_grid"] a {
	height: 0;
	width: 0;
}
/* 拡張型 */
.grid_wrap .extensible.block_grid9 {
	max-width: calc(120px - 3px);
}
/* 小カテ表示などの縦長 */
.large_block [class*="block_grid"] {
	min-height: 250px;
	max-width: calc((100% / 4) - 4px);
}
.large_block [class*="block_grid"] a > * {
	max-width: 150px;
	margin: auto;
}



/* もっと表示ボタン */
[class*="rbtn_wrap"] {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: flex-end;
	flex-wrap: wrap;
	width: 100%;
	box-sizing: border-box;
}
[class*="rbtn_wrap"].hide {
	display: none;
}
[class*="extend_button"] {
	background: #FFF;
	border: none;
	border-radius: 20px;
	box-shadow: 0 3px 1px -3px #d5d7d9;
	color: #444;
	cursor: pointer;
	font-size: 12px;
	font-weight: normal;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 12px 0 25px;
	position: relative;
	margin: 10px 15px;
	min-width: 120px;
	height: 35px;
	width: auto;
}
.grid_wrap + [class*="rbtn_wrap extend_button"] {
	margin: 0 15px 10px;
}
[class*="extend_button"]::before {
	content: '';
	border-radius: 2px;
	transition: all .3s ease-in;
	position: absolute;
	margin: auto;
	top: 0;
	left: 10px;
	bottom: 0;
	width: 10px;
	height: 2px;
	background: #444;
}
[class*="extend_button"]::after {
	content: '';
	border-radius: 2px;
	transition: all .3s ease-in;
	position: absolute;
	margin: auto;
	top: 0;
	left: 14px;
	bottom: 0;
	width: 2px;
	height: 10px;
	background: #444;
}
[class*="extend_button"].extended_arrw::after {
	left: 20px;
	width: 8px;
	height: 0;
}

@media screen and (max-width: 768px) {
	.grid_wrap [class*="block_grid"] {
		background: #FFF;
		border-radius: 3px;
		box-shadow: 0 3px 1px -3px #d5d7d9;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 2px;
		aspect-ratio: 1/1;
		min-height: 140px;
		width: 100%;
		max-width: calc((100% / 3) - 4px);
	}
}