simple/* CSS Document */

/*-------------------プライバシー-------------------*/

.maincontent{
	width: 720px;
	line-height:1.6;
	font-size: 1.1em;
	margin: 0 0 50px;
	}
	
.maincontent h3 {
	font-size: 1.3em;
	margin-bottom: 20px;
	color: #5b5b5b;
	}	
.maincontent p {
	color: #5b5b5b;
	}
	
.bd {
	font-weight: bold;
	margin: 30px 0 20px;
	}
.maincontent dl {
	margin: 20px 0;
	color: #5b5b5b;
	}
.maincontent dt {
	margin: 0 0 10px;
}
.maincontent dd {
	margin: 0 0 10px 1em;
		
}

/*------------google map--------*/

.ggmap {
    width: 100%;	
    position: relative;
    padding: 64% 0 0;
    height: 0;
    overflow: hidden;
	border: 1px #CCCCCC solid;
	margin: 20px 0;
    }
	
.ggmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    }
		
/*-----------会社案内--------------------*/

table.prof_t{
	width: 720px;
	}

table.prof_t td{
	text-align: left;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	line-height: 1.8;
	vertical-align: top;
	}

table.prof_t td a:hover {
	background:url(../img/dotarrow.svg) no-repeat left center;
	filter:glow(Color=green,Strength=255);
}


table.prof_t td a:not(.atel) {
	background:url(../img/dotarrow.svg) no-repeat 5px center;
	padding: 0 0 0 15px;
	display: block;
	transition: .3s ease-in-out;
	}
table.prof_t td a:hover {
	background:url(../img/dotarrow_g.svg) no-repeat 5px center;
	background-color: #fbe8ae;
	color: #220b02 !important;
}
	
/*------------------リフォーム張替え----------------------*/

.reform_wrap {
	width:720px;
	font-size: 1.1em;
	margin: 0 0 30px;
	}
.reform_wrap p {
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
	}
	
.reform_recommend {
	border: 3px dotted #CC6666;
	background: #FEF4E4;
	padding: 20px;
	border-radius: 6px;
}

.reform_recommend li {
	margin: 0 0 5px;
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}

/*------------------------*/

.refo-how{
	width:720px;
	margin: 0 0 40px;
	color: #747474;
	border-collapse: collapse;
	}
.refo-how th{
	width: 100px;
	padding: 10px;
	vertical-align:top;
	text-align: left;
	border: solid 1px #CCCCCC;
	font-weight: normal;
	background: #f7f7f7;
	}
.refo-how td{
	padding: 10px; 
	border: solid 1px #CCCCCC;
	}

/*------------------------*/	
	
.harikae_logo {
	width: 360px;
	margin: 40px auto 30px;
	
}
.harikae_logo a {
	padding: 10px;
	border-radius: 6px;
	border: 1px solid #60b99a;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	transition: .3s ease-in-out;
	display: flex;
	justify-content: center;
	align-items: center;
	
}
.harikae_logo a p:first-of-type {
	margin: 0 10px 0 0;
}
.harikae_logo a:hover {
	opacity: .7;
	color: #73b053;
	border: 1px solid #ccc;
	
}
/*------------------------*/

.kiziT{
	font-size:18px;
	}
	
/*------------------------*/
	
#sincol {
	display: flex;
	justify-content: space-between;
	margin: 0 0 20px;
}
#sincol div{
	width: 31%;
	text-align: center;
	box-sizing: border-box;
	}
#sincol div img {
	margin: 0 0 10px;
	width: 180px;
	height: 180px;
}
#sincol div a {
	display: block;
	transition: .3s ease-in-out;
	padding: 10px;
}
#sincol div a:hover {
	opacity: .7;
	}
	
/*------------------------*/
	
.daizi{
	color:#453f45;
	font-size:120%;
	font-weight:bold;
	}
	
/*-------------------オーダー-------------------*/

.o-bun{
	border-bottom:dotted 1px #ccc;
	clear:both;
	line-height:2;
	padding:0 0 10px 0;
	margin:20px 0 20px 30px;	
	}
	
.o-bun ul li{
	background:url(../img/mark02.gif) no-repeat center left;
	padding:0 0 0 16px;color:#333333;
	}
	
#order-main{
	width:750px;
	margin:0 auto 40px auto;
	}
	
.order-image-box{
	width:730px;
	margin:0 auto;
	}
	
.order-image-box img{
	margin-right:10px;
	}
	
/*-------------------ガイド-------------------*/

#sppu-main{
	width: 100% !important;
	margin: -20px auto 20px;
	background: #f7f7f7;
	padding: 20px 30px 0;
	box-sizing: border-box;
	text-align: justify;
  word-break: break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
	}


.sppu-tit {
	display: flex;
  justify-content: center;
  align-items: center;
	margin: 0 0 20px;
	border-bottom: 1px solid #6aaa47;	
}

.sppu-tit h2 {
	color: #339900;
	font-size: 1.8em;
	margin-right: 30px;
	padding: 0 0 5px;
}
.sppu-tit h2:before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 0 5px;
	background-image: url(../img/wakaba.svg);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	filter: drop-shadow(0px 1px 1px #0ec108);
}

/*----------インデックス-------------*/

.guide_index {
	font-size: 1.1em;
	margin: 0 auto 30px;
}
.guide_index li {
	line-height: 1.8;
}
.guide_index li a {
	background-image: url(../img/dotarrow.svg);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 8px 0 6px 8px;
	display: block;
	border-bottom: 1px dotted #ccc;
	text-decoration:none;
	transition: .3s ease-in-out;
}
.guide_index li a:hover{
	background-image: url(../img/dotarrow_g.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #fbf2d8;
	color: #220b02 !important;
	filter:glow(Color=green,Strength=255);
	}

.guide_index p {
	font-size: 1.1em;
	font-weight: 700;
	margin: 0 0 10px;
}	
.guide_index p:last-of-type {
	margin: 20px 0 0;
	font-size: 1.1em;
	font-weight: normal;
}

#sppu-main .Tit {
}
	
/*----------ご注文の流れ-------------*/

.step-zero {
	margin: 0 auto 30px;
}

.step-zero ul{
	list-style-type:none;
	}
	
.step-zero li {
	line-height:1.6;
	font-size: 1.1em;
	margin: 10px 0 15px;
	}
.step-zero li:first-of-type {
	margin: 30px 0 15px;
	}
.step-zero li:last-child {
	margin: 0 0 30px;
	}

.m_mark {
	width: 12px;
	height: 12px;
	display: inline-block;
	margin: 0 6px 0 0;
	border-radius: 50%;
	background-color: #FFE53B;
	background-image: linear-gradient(147deg, #FFE53B 0%, #ff5f25 74%);	
}
.sppu-main-con{
	margin:10px auto 50px;
	}
.flow_mark {
	display: inline-block;
	background-image: linear-gradient( 135deg, #FFE985 10%, #FA742B 100%);
	border-radius: 50%;
	margin: 10px 10px 0 0;
	color: #d52e17;
	font-size: 1.8em;
	font-weight: bold;
	padding: 2px 12px;
}
.flow_title {
	color: #5b5b5b;
	font-size: 1.3em;
	font-weight: bold;
	}
.sppu-main-con p {
	font-size: 1.1em;
	margin: 5px 0 20px;
	line-height: 1.6;
	}
.flow_sample {
	font-size: 1.0em;
	font-weight: 500;
	}
.flow_sample p {
	line-height: 1.1;
	margin: 0 0 5px;
	
}
.flow_sample img {
	margin: 20px auto 0;
	display: block;
	padding: 20px 40px;
	box-sizing: border-box;
	background: #fff;
	width: 620px;
	height: auto;
	border-radius: 6px;
	}
	
.midasi{/*緑玉*/
	border-bottom: dotted 1px #5b5b5b;
	margin: 40px 0 10px;
	padding: 0 0 6px;
	color: #5b5b5b;
	font-size: 1.5em;
	}
.midasi:before {
	content:'';
	background-color: #FFE53B;
	background-image: linear-gradient(147deg, #FFE53B 0%, #ff5f25 74%);
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin: 0 5px 2px 0;
	border-radius: 50%;
	}
	
.m2{
	padding:10px 0;
	font-weight: bold;
	font-size: 1.3em;
	color: #5b5b5b;
	}

.s_green{
	color:#548739;
	font-size: 1.1em;
	margin: 0 5px 0 0;
}

/*----------支払方法-------------*/	

.payment {
	/*background: #f1f1f1;*/
	background: #fff;
	padding: 20px 50px;
	margin: 0 0 40px;
	border-radius: 6px;
	/*box-shadow: 0 0 2px 1px rgb(0,0,0,.2);*/
}
	
.b-box1{
	width: 100%;
	padding: 20px 20px 10px;
	margin: 20px 0;
	border-radius: 6px;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #999;
	/*box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px inset;*/
	}
.b-box1 p:nth-child(2) {
	margin: 20px 0;
	color: #5b5b5b;
	font-weight: bold;
	}

.b-box1 img {
	width: 100%;
	height: auto;
	margin: 0 0 -10px;
}

.b-box2{
	background: #fff;
	padding: 20px 20px 10px;
	margin: 0 0 40px;
	border-radius: 6px;
	box-sizing: border-box;
	border: 1px solid #999;
	}

/*-----------送料テーブル----------*/
			
table.supo-pri{
	border-collapse:collapse;
	margin: 0;
	text-align: center;
	background: #fff;
	width: 100%;
	}
table.supo-pri caption{
	color: #5b5b5b;
	text-align: left;
	font-size: 1.1em;
	font-weight: 500;
	margin: 0 0 5px;
	
	}
table.supo-pri td{
	border: solid 1px #999;
	padding: 5px;
	font-size: 1.1em;
	}
	
/*----------保障について------------*/
	
.hosyou {
	font-size: 1.1em;
	padding: 5px;
	color: #747474;
	border-collapse: collapse;
	width: 100%;
	background: #fff;
}
.hosyou tr {
}
.hosyou tr td {
	border: 1px solid #999;
	padding: 5px 10px;
	vertical-align: top;
}

/*------------------------*/

.support_pdf_btn {
	margin: 10px auto 30px;
}

.support_pdf_btn a {
	border: 1px #39b0c1 solid;
	padding: 6px 8px 6px 12px;
	background: #fff;
	display: block;
	margin: 0 auto;
	width: 300px;
	text-align: center;
	border-radius: 6px;
	transition: .3s ease-in-out;
	box-sizing: border-box;
	font-size: 1.1em;
}

.support_pdf_btn a::before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url(../img/mark02.svg);
	background-size: contain;
	vertical-align: middle;
	margin: 0 2px 1px 0;
}

.support_pdf_btn a:hover {
	background: #39b0c1;
	color: #fff !important;
}

/*-------------------サイトマップ-------------------*/

.sitemap_container {
	width: 720px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
	
.site-box {
	width: 32%;
	box-sizing: border-box;
	padding: 0 8px 10px;
	background: #f8f8f8;
	}
	
.site-box .ht{
	font-weight:bold;
	margin: 20px 0;
	color: #545454;
	font-size: 1.15em;
	border-left: 6px solid #73b053;
	padding: 0 0 0 8px;
	line-height: 1.2;
	}
.site-box .ht a:link { 
	text-decoration:none;
	}
.ht a:visited {
	text-decoration:none;
	color:#bebebd;
	}

.site-box1 ul {
	margin:0 0 20px;
	}
	
.site-box ul li {
	line-height:1.8;
	}

.site-box ul li:last-of-type {
	margin: 0 0 40px;
	}
		
.site-box ul li a {
	background: url(../img/dotarrow.svg) no-repeat center left;
	color: #545454;
	display: block;
	border-bottom: 1px dotted #9e9e9e;
	padding: 8px 2px 8px 10px;
	}
.site-box ul li a:hover {
	background: url(../img/dotarrow.svg) no-repeat center left,#fbf2d8;
	color: #73b053;
	}
	
.sitemap_sub {
	font-weight:bold;
	margin: 10px 0 10px 10px;
	color: #545454;
	font-size: 1.1em;
}

/*--------------catalogフォルダ-------------------*/

.catalog_headtext {
	background: #73b053;
	padding:10px 0 10px 10px;
	margin: 0 0 20px;
	color: #f1f1f1;
	}
#cabox{
	width:720px;
	margin: 0 auto 30px;
	}
#cabox ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
}

#cabox ul::after {
	content:"";
	width: 32%;
	height: 0;
	display: block;
}

#cabox ul::before {
	content:"";
	width: 32%;
	height: 0;
	display: block;
	order: 1;
}
#cabox ul li {
	width: 32%;
	padding: 0 15px 20px;
	margin: 0 0 20px;
	background: #f1f1f1;
	box-sizing: border-box;
	}
	
#cabox ul li a img,
#cabox ul li img {
	width: 128px;
	height: 162px;
	object-fit: cover;
	transition: .3s ease-in-out;
	margin: 20px 0 0;
	box-shadow: 0 1px 1px rgba(0,0,0,0.12), 
			0 2px 2px rgba(0,0,0,0.12), 
			0 4px 4px rgba(0,0,0,0.12) ;
	}
#cabox ul li a img:hover{
	opacity: .7;
	}
#cabox ul li p.cabox_button_wrap {
	width: 132px;
	height: 36px;
	margin: 0 auto;
}

#cabox ul li span.cabox_button {
  display: inline-block;
  margin: 10px 0 15px;
  padding: 5px 5px;
  text-decoration: none;
  border-radius: 6px;
  white-space: nowrap;
  /*color: #f6fdec;*/
  color: #41636c;
  font-weight: bold;
  font-size: .9em;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, .1);
  
  /*background: #3bbd00;
  border-bottom: solid 2px rgba(180, 180, 179, 1);*/
  
  background: rgba(65,99,108,.2);
  border: 1px solid #41636c;
  
  box-shadow: 0 1px 1px rgba(0, 0, 0, .29);
  transition: .3s ease-in-out;    
}
#cabox ul li span.cabox_button:hover {
  /*background: #08ac2e;*/
  background: #41636c;
  color: #f7f7f7;
}	

#cabox ul li span.cabox_button:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0 0 1px rgba(0, 0, 0, .2);
  border-bottom: none;
}		
.no_link {
	padding: 0 0 15px;
}
.no_link .cabox_txt {
	margin: 15px 0 0;
}
.cabox_txt {
	display: block;
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}

/*----------------c-tab/club/index---------------*/

.column3_thumb {
	overflow:hidden;
	width:720px;
	margin: 0 0 20px;
	}

.column3_thumb ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.column3_thumb ul::after {
	content: "";
	display: block;
	width: 32%;
	height: 0;
}
	
.column3_thumb ul li{
	width: 32%;
	box-sizing: border-box;
	margin: 0 0 20px;
	position: relative;
	/*padding: 0 0 10px;*/
	}
.osusume_mark{
	position: absolute;
	background: #47ad47;
	color: white;
	padding: 10px 15px;
	border-radius: 50%;
	font-weight: bold !important;
	font-size: 14px;
	top: 120px;
	left: 110px;
}

.column3_thumb ul li a {
	height: 100%;
	padding: 10px;
	display: flex;
	flex-direction: column;
	border:solid 1px #ccc;
	box-sizing: border-box;
	transition: .3s ease-in-out;
	}
.column3_thumb ul li a:hover {
	opacity: .7;
	border:solid 1px #36f;
	}
.column3_thumb ul li a img{
	width: 100%;
	max-width: 220px;
	/*height: auto;*/
	max-height: 162px;
	margin: 0 auto 5px;
	display: block;
	object-fit: contain;
	}
.column3_thumb ul li a p {
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
	}
.column3_thumb ul li a p:nth-of-type(1) {
	margin: 0 0 10px;
	}

.column3_thumb ul li a p:last-of-type {
	/*text-align: right;*/
	margin-top: auto;
	margin-bottom: 10px;
	}
	
/*----------------scene--------------------------*/
	
.scenebox1{
	border-bottom:dotted 1px #999;
	width:720px;
	background:url(../scene/img/01bg.jpg) no-repeat left top;
	height:296px;
	position:relative;
	}
.scenebox2{
	border-bottom:dotted 1px #999;
	width:720px;
	background:url(../scene/img/02bg.jpg) no-repeat left top;
	height:296px;
	position:relative;
	}
.scenebox3{
	border-bottom:dotted 1px #999;
	width:720px;
	background:url(../scene/img/03bg.jpg) no-repeat left top;
	height:296px;
	position:relative;
	}
.scenebox4{
	border-bottom:dotted 1px #999;
	width:720px;
	background:url(../scene/img/04bg.jpg) no-repeat left top;
	height:296px;
	position:relative;
	}

h3.scenelist{
	font-size:25px;
	position:absolute;
	top:25px;
	left:110px;
	}

.m-scenelist{
	display:none;
	}	
.scene-text{
	position:absolute;
	top:90px;
	left:40px;
	width:300px;
	letter-spacing:0.1em;
	line-height:1.5;
	}
	
.scene-btn{
	font-weight:bold;
	font-size:14px;
	letter-spacing: 0.1em;
	width: 295px;
	position:absolute;
	top:180px;
	left:40px;
	}
	
.scene-btn a{
	display: block;
	text-decoration: none;
	border:solid 1px #999999;
	background: #F7F3DF;
	text-align: center;
	padding: 8px 0;
	}
	
.scene-btn a:hover{
	background:#FBF9F0;
	color: #5b5b5b !important;
	}
.piup {
	color: #933;
	font-weight: bold;
	border-top: 2px solid #933;
	border-bottom: 2px solid #933;
	display: block;
	padding: 5px;
}

.scene_header {
	display: flex;
}
.scene_header p {
	font-size: 1.1em;
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}
.scene_header p:last-of-type {
	padding: 0 0 0 10px;
}

.scene_subtit{
	overflow:hidden;
	margin: 30px 0 20px;
	border-top: 1px dotted #933;
	padding: 30px 10px 0;
	font-size: 1.1em;
	}
.scene_subtit img{
	float:left;

	}	
.scene_subtit span{
	padding-top:6px;
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
	
	}	
		
.sub_titimage{
	width:720px;
	height:300px;
	position:relative;
	clear:both;
	margin-bottom:20px;
	}
	
.sub_titimage span{
	position:absolute;
	top:160px;
	left:460px;
	width:260px;
	}
	
.scene_button {
	border: 1px #933 solid;
	background-image: url(../scene/img/title_bg_color.jpg);
	background-repeat: repeat;
	padding: 10px 20px;
	margin: 15px 0 10px;
	display: inline-block;
	width: 340px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	border-radius: 6px;
	transition: .3s ease-in-out;
	box-sizing: border-box;
	color: #f1f1f1 !important;
}
.scene_button::before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url(../img/mark02.svg);
	background-size: contain;
	vertical-align: middle;
	margin: 0 2px 1px 0;
}
.scene_button:hover {
	background: #f1f1f1;
	color: #933 !important;
}

.scene_button_wrap {
	display: flex;
	justify-content: space-between;
}

/*----------------showroom------------------------*/

/*スライダー*/
#slider {
	position:relative;
	width: 720px;
	height: 300px;
	overflow: hidden;
	margin: 0 0 20px;
	padding: 0;
}

.tenjiopen {
	position:absolute;
	top: 10px;
	right: 10px;
	}
	
/*カテゴリ別ナビ バナー*/
		
#tenjinavi{
	width: 720px;
	height: 64px;
	margin: 0 0 30px;
	}
	
#tenjinavi li{
	float:left;
	margin-right: 6px;
	}
#tenjinavi li:last-of-type {
	margin-left: -1px;
	margin-right:0;
	}

#tenjinavi li a {
	transition: .3s ease-in-out;
	}
#tenjinavi li a:hover {
	opacity: .7;
	}
	
/*展示場 説明*/	

.tenji-coment {
	border: 2px solid #89d3e0;
	background-color: #F1FAFA;
	border-radius: 6px;
	width: 720px;
	padding: 25px 20px 20px;
	margin: 0 0 30px;
	box-sizing: border-box;
}
.tenji-coment h3 {
	text-align: center;
	font-size: 1.3em;
	line-height: 1.8;
	color: #5b5b5b;
	margin: 0 0 10px;
}
.tenji-coment p {
	text-align: center;
	font-size: 1.1em;
	line-height: 1.8;
	color: #5b5b5b;
}
.tenji-coment p:nth-of-type(2) {
	margin: 0 0 20px;
}

.tenji-coment .time {
	box-sizing: border-box;
	background: #fff;
	line-height: 1.8;
	padding: 20px;
	border-radius: 6px;
	text-align: center;
	font-size: 1.1em;
	color: #5b5b5b;
}

/*カテゴリ別*/

.main-tit {
	font-size: 1.6em;
	font-weight: bold;
	color: #5b5b5b;
	background-color: #F1FAFA;
	margin: 0 0 20px;
	padding: 5px 0 5px 15px;
	border-bottom: 1px dotted #64cdcc;
	border-left: 8px solid #64cdcc;
	}
	
.room-tit {
	border-left: 6px solid #64cdcc;
	background-color: #F1FAFA;
	font-size: 18px;
	border-bottom: 1px dotted #64cdcc;
	padding: 8px 0 8px 8px;
	color: #5b5b5b;
	margin: 0 0 10px;
	clear: both;
}
.room-tit + p{
	font-size: 1.0em;
	line-height: 1.6;
	padding: 10px !important;
	text-align: justify;
	text-justify: inter-ideograph;
}

.tenjiroom{
	line-height:1.6;
	margin: 0 0 30px;
	padding: 10px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-bottom: 1px dotted #5b5b5b;
	}
.tenjiroom::after{
	content: "";
	width: 31.5%;
	height: 0;
	margin: 0;
	}
	
.tenjiphoto {
	width: 31.5%;
	text-align: center;
	margin: 0 0 20px;
	}
	
.tenjiphoto a {
	display: block;
	text-decoration: none;
	padding: 10px 5px;
	border: solid 1px #CCC;
	transition: .3s ease-in-out;
}
.tenjiphoto a:hover {
	opacity: .7;
	border: solid 1px #64cdcc;
}
.tenjiphoto dt {
	font-weight: bold;
}

.tenjiphoto img {
	margin-bottom:2px;
	width: 215px;
	height: 160px;
	object-fit: contain;
	}

.link_right {
	margin: 0 0 30px;
	text-align: right;
}
.link_right a {
	margin: 0 20px 0 0;
}
.link_right a:last-of-type {
	margin: 0;
}
.link_right a img {
	border: 1px solid #ccc;
	transition: .3s ease-in-out
}
.link_right a img:hover {
	border: 1px solid #64cdcc;
	opacity: .7;
}
	
/*メール等*/
		
#kagu-toi{
	position:relative;
	width:720px;
	height:180px;

	}
#kagu-toi p.mailform{
	position:absolute;
	top:42px;
	left:104px;
	line-height:1.8;
	font-size: 14px;
	}
	
#kagu-toi-m{
	display:none;
	}
	
/*------納品詳細（未使用？）------*/

#betulink{
	height:30px;
	margin:20px 0;
	}
#betulink li{
	float:left;
	padding:5px 0 0 12px;
	}
#betulink li a{
	background:url(../sitemap/img/dotarrow.gif) no-repeat center left;
	padding-left:10px;
	}
	
.n-text1{
	width:670px;
	margin:0 0 0 20px;
	}
	
	
.pro{
	float:right;
	}
	
.proimage{
	padding:2px;
	border:solid 1px #CCCCCC;
	float:left;
	margin:0 20px 0 0;
	}

/*------お問い合わせページ------*/

.toi_box_wrap {
}

.toi_header {
	margin: -20px 0 0;
}

#toiBox{
	width: 920px;
    box-sizing: border-box;
	text-align: justify;
	text-justify: inter-ideograph;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	}
.toiawaseBox {
	width: 32%;
	border: solid 1px #b7b7b7;
	margin: 0 0 30px;
	padding: 30px 20px;
	background: #fff;
	box-sizing: border-box;
	border-radius: 6px;
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
	}

.toiawase_img {
	margin: 10px auto 15px;
	display: block;
	width: 250px;
	box-sizing: border-box;
	
}
.toiawaseBox p {
	font-size: 1.1em;
}
.toiH {
	font-size: 1.3em;
	border-left: solid 5px #3bbd00;
	padding-left: 8px;
	display: block;
	margin: 0 auto 20px;
	width: 79%;
	letter-spacing: .08em;
}
  
.toiawase_footer {
	margin: 0 0 5px;
	/*padding: 30px;*/
	text-align: center;
	/*border: solid 1px #747474;*/
	background: #fff;
	/*border-radius: 6px;*/
}
.toiawase_footer p {
	font-size: 1.2em;
}

.toiawase_footer p:first-of-type {
	font-size: 1.4em;
	margin: 0 0 10px;
	font-weight: bold;

}
.toiawase_footer p:last-of-type {
	background: #f1f1f1;
	padding: 20px 20px 15px;
	border-radius: 6px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.03), 
              0 2px 2px rgba(0,0,0,0.03), 
              0 4px 4px rgba(0,0,0,0.03), 
              0 6px 8px rgba(0,0,0,0.03),
              0 8px 16px rgba(0,0,0,0.03);
}

/*----お問い合わせページTELボタン-----*/

.tel_button {
	border: 1px solid #7f9a7f;
	box-shadow: 0 1px 1px #CCC;
	padding: 0;
	border-radius: 6px;
	background: #FFF;
	width: 250px;
	box-sizing: border-box;
	display: block;
	margin: 10px auto 15px !important;
	text-align: center;
	
}
.tel_button_fax {
	border: 1px solid #41b306;
	border-radius: 6px;
	background: #FFF;
	width: 250px;
	box-sizing: border-box;
	display: block;
	margin: 10px auto 20px !important;
	text-align: center !important;
	
}
.tel_button a {
	display: block;
	cursor: default;
}
.contact_svg {
	width: 30px;
	padding: 0 0 0 6px;
	vertical-align: baseline;
}
.dial_button {
	line-height: 1.1;
	display: inline-block;
	padding: 8px 4px;
}
.dial_txt {
	font-size: 0.75em;
	color: #cd2a2b;
	padding: 4px;
	margin: 0 0 0 -55%;
}
.dial_txt_tel {
	font-size: 0.75em;
	color: #cd2a2b;
	padding: 4px;
	margin: 0 0 0 -85%;
}
.contact_tel {
	font-size: 1.65em;
	padding: 4px;
	color: #cd2a2b;
	font-weight: bold;
}

/*----お問い合わせフォームボタン-----*/

.form_button {
	padding: 10px 20px;
	display: block;
	border-radius: 6px;
	border: 2px #FFF solid;
	box-shadow: 1px 1px 1px 1px #B2B2B2;
	margin: 15px auto 20px;
	color: #FFF !important;
	text-shadow: 1px 1px #333;
	text-align: center;
	width: 250px;
	box-sizing: border-box;
	font-weight: bold;
	transition: .3s ease-in-out;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #42ff39), color-stop(1.00, #00a12d));
	background: -webkit-linear-gradient(#42ff39, #00a12d);
	background: -moz-linear-gradient(#42ff39, #00a12d);
	background: -o-linear-gradient(#42ff39, #00a12d);
	background: -ms-linear-gradient(#42ff39, #00a12d);
	background: linear-gradient(#42ff39, #00a12d);
	
}
.form_button:hover {
	opacity: .8;
	box-shadow: 1px 1px inset #3C0;
	
}
.form_button:activ {
	box-shadow: 2px 2px inset #3C0;
}

/*---------------------------*/

/*.form_button2 { ※transition を使うとホバー時backgroundが出ていない
	display: block;
	padding: 15px;
	border-radius: 6px;
	color: #fff !important;
	border: 2px #fff solid;
	margin: 10px auto 15px;
	text-shadow: 1px 1px #333;
	text-align: center;
	width: 216px;
	font-size: 1.1em;
	font-weight: bold;
	box-shadow: 0 0 1px 1px #B2B2B2;
	transition: .3s ease-in-out;	
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #42ff39), color-stop(1.00, #00a12d));
	background: -webkit-linear-gradient(#42ff39, #00a12d);
	background: -moz-linear-gradient(#42ff39, #00a12d);
	background: -o-linear-gradient(#42ff39, #00a12d);
	background: -ms-linear-gradient(#42ff39, #00a12d);
	background: linear-gradient(#42ff39, #00a12d);	
}

.form_button2:hover {
	color: #fff !important;
  	background: #52cc46 !important;
	box-shadow: 0 0 1px 1px inset #3C0;
	
}
.form_button2:activ {
	box-shadow: 2px 2px inset #3C0;
}*/

.form_button2 {
	display: block;
	padding: 15px;
	width: 216px;
	text-shadow: 1px 1px #333;
	border: 2px #fff solid;
	border-radius: 6px;
	color: #fff !important;
	margin: 10px auto 15px;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	box-shadow: 0 0 1px 1px #B2B2B2;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #42ff39), color-stop(1.00, #00a12d));
	background: -webkit-linear-gradient(#42ff39, #00a12d);
	background: -moz-linear-gradient(#42ff39, #00a12d);
	background: -o-linear-gradient(#42ff39, #00a12d);
	background: -ms-linear-gradient(#42ff39, #00a12d);
	background: linear-gradient(#42ff39, #00a12d);	
	
	/*transition: .3s ease-in-out;*/

}

/*.form_button2:activ {
	box-shadow: 2px 2px inset #3C0;
}*/

.form_button2:hover {
	color: #fff !important;
  	background: #52cc46 !important;
	box-shadow: 0 0 1px 1px inset #3C0;
	
}

	
/*-----------movie-----------*/

#youtube_movie {
	position:relative;
  	width:100%;
 	padding-top:56.25%;
}
#youtube_movie iframe{
	position:absolute;
  	top:0;
  	right:0;
  	width:100%;
  	height:100%;
	}
	
.move_size_wrap {
	display: flex;
	justify-content: space-between;	
}
	
.move_size {
	width: 48%;
	float: left;
	background:#ffffbc;
	padding: 10px;
	margin: 0;
	border-radius: 6px;
	box-sizing: border-box;
	box-shadow: 0 1px 1px rgba(0,0,0,0.03), 
              0 2px 2px rgba(0,0,0,0.03), 
              0 4px 4px rgba(0,0,0,0.03), 
              0 6px 8px rgba(0,0,0,0.03),
              0 8px 16px rgba(0,0,0,0.03);
}
.move_size h3 {
	margin: 10px 10px 5px !important;
	font-size: 1.3em;
	}
.move_size p {
	margin: 0 10px 5px;
	font-size: 1.1em;
	}
	
/*--------------picup一覧-------------*/

#toku-all h2{
	border-bottom:dotted 2px #333333;
	padding-bottom:5px;
	font-size:20px;
	margin-bottom:20px;
	margin-top:20px;
	}
#toku-all ul li{
	width:161px;
	float:left;
	padding-right:19px;
	margin-bottom:30px;
	}
	
	#toku-all ul li img{
		display:block;
		width:161px;
		margin-bottom:10px;
		}
		
/*-------搬入代行サービス-------------*/		
		
.daikou_top {
	width: 720px;
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}
.daikou_top h2 {
	font-size: 1.8em;
	text-align: center;
	color: #00660b;
	background-color: #f9f19e;
	margin: 0;
	padding: 5px 10px;
	border: 2px solid #ff6e7d;
	border-radius: 6px;
}		

.daikou_top p {
	font-size: 1.2em;
	margin: 0 auto;
	padding: 15px 40px;
	display: block;
}			

.daikou_top .top_text {
	font-size: 1.6em;
	color: #374c97;
	font-weight: bold;
	background-color: #fcf3ae;
}
			
.daikou_top img {
	display: block;
	margin: 0 auto;
}			
		
.daikou_top2 {
	width: 720px;
	background-color: rgba(229,158,183,.3);
	border-radius: 6px;
	margin: 25px 0 0 0;
}

.daikou_top2 h3 {
	color: #ed7522;
	font-size: 1.6em;
	font-weight: bold;
	padding: 15px 40px;
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}		

.daikou_top2 p {
	font-size: 1.2em;
	color: #5b5b5b;
	margin: 0 auto;
	padding: 0 40px 20px;
	display: block;
}
.daikou_top2 img {
	display: block;
	margin: 0 auto;
	padding: 10px;
	background: #fff;
	border-radius: 6px;
}	
		
.daikou_top2 .cyuui_jikou {
	font-size: 16px;
	color: #F30;
	padding-bottom: 16px;
}	
.daikou_riten {
	width:720px;
	padding: 20px 0;
}	
	
.daikou_riten h4 {
	color: #374c97;
	font-size: 1.6em;
	font-weight: bold;
	padding: 20px 40px;
	text-align: center;
	
}	
.riten_item  {
	margin-bottom: 10px;
	
}	
	
.riten_item h5 {
	color: #374c97;
	font-size: 1.4em;
	font-weight: bold;
	padding: 15px 15px 5px 0;
	border-bottom: 1px solid #374c97;
	margin: 0 30px;
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;	
}		
	
.riten_item img {
	vertical-align: bottom;
	margin: 0 10px 0 0;
	
}		
.riten_item p{
	font-size: 1.2em;
	color: #5b5b5b;
	padding: 10px 40px;
	
}
		
.daikou_price {
	margin: 0 0 40px;
}

.daikou_price h4 {
	font-size: 1.6em;
	text-align: center;
	color: #eef2fa;
	background-color: #d44c79;
	border-radius: 6px;
	margin: 0 0 40px;
	padding: 5px 10px;
}		

.daikou_price p {
	font-size: 1.2em;
	color: #5b5b5b;
	margin: 0 auto 10px;
	padding: 15px 40px;
	display: block;
}			
		
.daikou_price img {
	display: block;
	margin: 0 auto;
}	


/*=================================================================
▼北村add
===================================================================*/
		
/*---------ページトップへ--------*/

.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
	z-index: 100;
}
.pagetop a {
    display: block;
    background-color: #3bbd00;
    text-align: center;
    color: #f7f7f7;
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);
    font-size: 14px;
    text-decoration: none;
    padding: 12px 18px;
    opacity: .9;
	border-radius: 6px;
	transition: .3s ease-in-out;
	box-shadow: 0 1px 1px rgba(0,0,0,0.12), 
			0 2px 2px rgba(0,0,0,0.12), 
			0 4px 4px rgba(0,0,0,0.12) ;
}
.pagetop a:hover {
    display: block;
    background-color: #6ef468;
    text-align: center;
    color: #f7f7f7;
	text-shadow: 1px 1px 1px rgba(0,0,0,.8);
    font-size: 14px;
    text-decoration: none;
    padding:12px 18px;
    opacity: .7;
	border-radius: 6px;
}

/*-----限定商品・受注生産アイコン----*/

.limited {
	background: #13659e;
	color: white !important;
	font-weight: 700;
	font-size: 1.1em;
	padding: 5px 0;
	text-align: center !important;
	margin: 0 0 10px auto;
	width: 90px;
}
.limited_color {
	color: #13659e !important;
	margin: 0 0 10px;
}

.jucyu {
	background: #698d0f;
	color: white !important;
	padding: 4px;
	text-align: center !important;
	margin: 0 0 10px;
	width: 80px;
}
.jucyu_color {
	color: #698d0f;
}
.jucyu + p {
	color: #698d0f;
	font-weight: bold;
}

/*------クレス天板FTシリーズ----------*/

.sub_headding {
	border-bottom: #CCC solid 1px;
	padding-bottom: 3px;
	margin-bottom: 20px;
}

.ft_type_wrap {
	display: flex;
	margin: 10px 0 20px;
}
.ft_type {
	color: #cafdca;
	font-size: .9em;
	background-color: #609d51;
	padding: 10px 15px;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 20px -10px 0;
	width: 130px;
}

/*--------------------*/

.ft_color_wrap {
	width: 720px;
	margin: 0 0 40px;
}
.ft_color {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;	
}

.ft_color li {
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	padding: 10px 5px 20px;
	border: 1px solid #ccc;
    margin-right:-1px;
    margin-top:-1px;
	width: calc(20% + 1px);
}
.ft_color li img {
	transition: .3s ease-in-out;
}
.ft_color li img:hover {
	opacity: .6;
}
.number {
	background: #f1f1f1;
	padding: 10px;
	font-weight: bold;
	margin: 0 0 10px;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}

.ft_color::before {
	width: 20%;
	height: 0;
	padding: 0 5px;
	box-sizing: border-box;
	display: block;
	content: "";
	order: 1;
}
.ft_color::after {
	width: 20%;
	height: 0;
	padding: 0 5px;
	box-sizing: border-box;
	display: block;
	content: "";
}

/*======無料見積り・注文ボタン=======*/


/*-----------吹き出し----------------*/

.mitu_annai {/*------チェア用--------*/
  position: relative;
  display: inline-block;
  margin: 10px 0;
  width: 300px;
  max-width: 100%;
  border-radius: 6px;
  border-top: 2px solid rgba(234,168,35,1);/*本体ボーダーtop*/
  border-bottom: 2px solid #fdcf72;/*本体ボーダーbottom*/
  box-sizing: border-box;
  background: rgba(236,250,1,0.98);
  background: linear-gradient( 179.5deg, rgba(234,168,35,1) 3.3%, rgba(246,230,173,1) 96% );
      
}
.mitu_annai_t {/*------天板用-------*/
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.0em;
  width: 720px;
  max-width: 100%;
  border-radius: 6px;
  border-top: 2px solid rgba(234,168,35,1);/*本体ボーダーtop*/
  border-bottom: 2px solid #fdcf72;/*本体ボーダーbottom*/
  box-sizing: border-box;
  background: rgba(236,250,1,0.98);
  background: linear-gradient( 179.5deg, rgba(234,168,35,1) 3.3%, rgba(246,230,173,1) 96% );
}

.mitu_annai:before {
  content: "";
  position: absolute;
  bottom: -26px;
  left: 50%;
  margin-left: -16px;
  border: 14px solid transparent;
  border-top: 14px solid rgba(246,230,173,1);/*矢印カラー*/
  z-index: 2;
}

.mitu_annai_t:before {
  content: "";
  position: absolute;
  bottom: -26px;
  left: 50%;
  margin-left: -16px;
  border: 14px solid transparent;
  border-top: 14px solid rgba(246,230,173,1);/*矢印カラー*/
  z-index: 2;
}
.mitu_annai:after {
  content: "";
  position: absolute;
  bottom: -29px;
  left: 50%;
  margin-left: -16px;
  border: 14px solid transparent;
  border-top: 14px solid #fbd588;/*矢印ボーダー*/
  z-index: 1;
}
.mitu_annai_t:after {
  content: "";
  position: absolute;
  bottom: -29px;
  left: 50%;
  margin-left: -16px;
  border: 14px solid transparent;
  border-top: 14px solid #fbd588;/*矢印ボーダー*/
  z-index: 1;
}

/*--------------------------------------------*/

.mitu_annai .color_b {/*詳しい金額・納期は、無料お見積りから*/
	color: #9f4f3c;
}
.mitu_annai_t .color_b {/*詳しい金額・納期は、無料お見積りから*/
	color: #9f4f3c;
}

.mitu_text {
	font-size: 1.1em;
	font-weight: 700;
	color: #fe0f0f;
	padding: 6px 15px;
	text-align: center !important;
}
.mitu_annai_t {
	font-size: 1.1em;
	font-weight: 700;
	color: #fe0f0f;
	padding: 6px 15px;
	text-align: center;
}

/*-------左右ボタン-----*/

.mitumori_button .button_wrap {
}
.mitumori_button .button_wrap p {
}



.left_button {
	clear: both;
  position: relative;
  background: rgb(251,250,246);
  background: linear-gradient(0deg, rgba(251,250,246,1) 0%, rgba(107,197,0,1) 0%, rgba(75,136,3,1) 100%);
  width: 270px;
  height: 52px;
  margin: 0 auto 17px;
  border-radius: 4px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #568002;
}
.left_button a {
  display: block;
  line-height: 52px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-size: 1.4em;
  font-weight: bold;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease;
	
}
.left_button a:hover {
  color: #FFF !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 0 #729800; 
}
.left_button:active {
  top: 3px;
  box-shadow: none;
}

.right_button {
  position: relative;
  background: rgb(251,250,246);
  background: linear-gradient(0deg, rgba(251,250,246,1) 0%, rgba(246,238,198,1) 0%, rgba(214,175,50,1) 100%);
  margin: 0 auto 5px;
  width: 270px;
  height: 52px;
  border-radius: 4px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #907f06;
}
.right_button a {
  display: block;
  line-height: 52px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .7);
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-size: 1.4em;
  font-weight: bold;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease; 
	
}
.right_button a:hover {
  color: #FFF !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 0 #afa421;
}
.right_button:active {
  top: 3px;
  box-shadow: none;
}

/*---------見積りスペック（チェア）-----------*/

.mitumori_button {
	background: #f7f7f7;
	margin:20px 0 15px;
	width: 300px;
	border:solid 1px #CCC;
	padding: 20px 0;
	box-sizing: border-box;
	}
	
.mitumori_button dl {
	background: #FFF;
	box-shadow: 0 1px 1px 0 #ccc;
	width: 270px;
	margin: 0 auto 15px;
	border-radius: 6px;
	display: flex;
	padding: 10px 0 0;
	box-sizing: border-box;
}
	

/*-----スペックリストdl/dt/ddタグ------------*/

.mitumori_name {
	box-sizing: border-box;
	padding: 10px 15px;
	margin: -10px auto 0;
	width: 280px;
	color: #5b5b5b;
	 display: flex;
  flex-wrap: wrap;
	font-size: .975em !important;
}
.mitumori_name dt {
	padding: 5px 0;
	width: 60px;
	box-sizing: border-box;
	text-align: left;
}
.mitumori_name dt::after{
  content: ":";
	width: 1%;
  margin: 0 3px;
	box-sizing: border-box;
}

.mitumori_name dd {
	padding: 5px 0;
	width: calc(100% - 60px);
	box-sizing: border-box;
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}


/*------------注意チェアー----------*/

.tyui {
	width: 270px;
	box-sizing: border-box;
	margin: 25px auto 0;
	padding:15px 5px 0;
	border-top: dashed 1px #ccc;
	text-align: justify;
}

.tyui p {
	line-height: 1.8;
	font-size: 1.0em;
	margin: 0 0 5px;
	}	

/*---------説明リンク------------*/

.tyui ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.setumei_link {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}


/*.setumei_link {
	display: flex;
	justify-content: center;
}*/

/*.tyui li {
	background: url(../img/mark02.svg) no-repeat center left;
	background-size: 10px auto;
	padding-left: 12px;
	margin: 10px 8px 0 0;
	width: 105px;
	text-align: left;
	}*/

.tyui li,
.setumei_link li {
	background: url(../img/mark02.svg) no-repeat center left;
	background-size: 10px auto;
	padding-left: 12px;
	margin: 10px 15px 0 0;
	width: fit-contant;
	text-align: left;
	}


.tyui li a,
.setumei_link li a {
	color: #2b4f7d;
	display: block;
	transition: .3s ease-in-out;
}

.tyui li a:hover,
.setumei_link li a:hover {
	color: #5898ea;
}


/*----------注意テーブル天板--------*/

.tyui_t {
	box-sizing: border-box;
	margin: 25px auto 0;
	padding:15px 0 0;
	border-top: dashed 1px #747474;
	text-align: center;
	width: 610px;
}		
.tyui_t p {
	line-height: 1.8;
	font-size: 1.0em !important;
	margin: 0 0 5px;
	}

/*------------------------*/


.tyui .sanman,
.tyui_t .sanman {
	color: #F00;
	font-weight: bold;
	font-size: 1.2em !important;
	margin: 5px 0 0;
	display: inline-block;
	line-height: 1.6;
}

/*QUON 送料JS表記中*/

.sanman + p {
	color: red;
	font-size: 1.1em;
	margin: 0 0 10px;
	line-height: 1.6;
}

/*-------見積りボタン（天板）---------*/

.mitumori_button_t .button_wrap {
	display: flex;
	justify-content: space-between;
	margin: 0 28px;
}
.mitumori_button_t .button_wrap p {
	margin: 0;
}

.mitumori_button_t {
	background: #f1f1f1;
	margin:10px 0 40px;
	width: 720px;
	border:solid 1px #CCCCCC;
	padding: 30px 4% 25px;
	box-sizing: border-box;
	text-align: center;
	}

/*-------天板スペック商品名-----------*/

.mitumori_button_t dl {
	background: #FFF;
	box-shadow: 0 1px 1px 0 #ccc;
	width: 92%;
	margin: -5px auto 20px;
	border-radius: 6px;
	box-sizing: border-box;
}
	


.mitumori_name_t {
	padding: 10px 30px;
	color: #747474;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.mitumori_name_t dt {
	box-sizing: border-box;
	/*flex: 0 1 15%;*/
	width: 15%;
	padding: 5px 0;
	text-align: left;
}
.mitumori_name_t dt::after{
	content: ":";
	width: 1%;
  margin: 0 3px;
	box-sizing: border-box;
}

.mitumori_name_t dd {
	padding: 5px 0;
	width: 84%;
	
	box-sizing: border-box;
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
	
}

/*--------------FAXボタン-----------*/

.fax_button {
	border: 1px solid #c3c3c3;
	/*margin: 0 0 10px;*/
	transition: all .3s ease-in-out;
	box-sizing: border-box;
	font-size: 0 !important;
}	
.fax_button:hover {
	opacity: .7;
}
	
/*---↓こちらのカタログサイトもごらんください----*/

.section_title {
	font-weight: bold;
	font-size: 1.1em;
	color: #5b5b5b;
	margin: 10px 0 5px;
	display: inline-block;
}
.yajisita {
	vertical-align: middle;
	height: 14px;
	margin: 0 5px 0 0;
}

/*------------関連リンクカルーセル----------*/

.slick_wrap {
	width: 720px;
	padding: 10px 0;
	box-sizing: border-box;
	margin: 0 0 20px;
}

.kanren_slick {
	border-radius: 6px;
	padding: 15px 30px;
	background: #f1f1f1;
}
.kanren_slick li {
	text-align: center;
	background: #fff;
	font-size: .9em;
	transition: .3s ease-in-out;
	margin: 0 10px;
	padding: 0 0 10px;
	height: 100%;
	
}
.kanren_slick li a {
	box-sizing: border-box;
	display: block;
	padding: 10px 10px 0;
	transition: .3s ease-in-out;
	width: 146px;
	height: 100%;
	
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  
}

.kanren_slick li img {
	display: block;
	margin: 0 auto -10px;
	width: 100px;
	height: 100px;
	object-fit: cover;
}

/*------------ランキングカルーセル----------*/

.kanren_slick_fav {
	padding: 10px 30px 0;
	border-bottom: 1px dotted #5b5b5b;
}
.kanren_slick_fav li {
	text-align: center;
	background: #fff;
	font-size: .9em;
	transition: .3s ease-in-out;
	margin: 0 10px;
}
.kanren_slick_fav li a {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	padding: 10px 0;
	height: 100%;
	transition: .3s ease-in-out;
	position: relative;
	overflow:hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}

.kanren_slick_fav li img {
	display: block;
	margin: 0 auto -10px !important;
	width: 100px;
	height: 100px;
	object-fit: cover;
}

/*FireFox*/
@-moz-document url-prefix() {
    .kanren_slick_fav li img {
       margin: 0 auto 10px !important;
      }
}

/*Chrome Opera*/
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
    .kanren_slick_fav li img {
      }
}


/*Safari*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    _::-webkit-full-page-media, _:future, :root .kanren_slick_fav li img {
    }
}

/*-------------ランキング・関連リンク共通-------------------*/

.kanren_slick li a:hover,
.kanren_slick_fav li a:hover {
	opacity: .7;
}

.kanren_slick li a .price_list,
.kanren_slick_fav li a .price_list {
	/*margin-top: auto;*/
	padding: 0 0 0 2px;
}

.kanren_slick_fav li a .crown {
	position: absolute;
	top: 3px;
	left: 5px;
	width: 20px;
	height: 22px;
	filter: drop-shadow(3px 1px 2px rgba(0,0,0,0.2));	
}



/*------------商品ページ拡大カルーセル（ドットVer.）----------*/

/*.products_slick_wrap {
	width: 300px;
	box-sizing: border-box;
	margin: 10px auto 270px !important;
}*/

/*--スライダーの位置とサイズ調整--*/

/*.products_slick {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	margin: 0 auto !important;
}

.products_slick li a {
	transition: .3s ease-in-out;
}

.products_slick li a:hover {
	opacity: .8;
}*/

/*--------画像サイズ調整---------*/

/*.products_slick li a img {
        width:100%;
		margin: 0 0 -15px;
		display: block;
	
}*/
/*-----------height調整----------*/

/*.products_slick .slick-slide {
        height: auto!important;
}*/

/*----------ドット位置調整---------*/

/*.products_slick_wrap .products_slick .slick-dots {
    position: absolute;
    top: 100% !important;
	right: 0;
    display: block;
    width: 100%;
	max-width: 600px;
    margin: 10px auto;
	box-sizing: border-box;
    padding: 10px 0;
    list-style: none;
    text-align: center;
	height: 230px !important;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
}

.products_slick_wrap .products_slick .slick-dots li {
    width: 60px !important;
    height: 60px !important;
    margin: 5px 5px !important;
    box-sizing: border-box;
	border: 1px solid #666 !important;
	transition: .3s ease-in-out;
	opacity: .4;
	z-index: 2;
}

.products_slick-dots_empty {
	display: none !important;
}

.products_slick_wrap .products_slick .slick-dots li:hover {
	opacity: .7;

}

.products_slick_wrap .products_slick .slick-dots li button{	
    height: 100% !important;
	width: 100% !important;
}*/

/*----------ドット隠す---------*/

/*.products_slick_wrap .products_slick .slick-dots li button:before{
    content:""!important;
}*/

/*----------アクティブスライドに枠をつける---------*/

/*.products_slick_wrap .products_slick .slick-dots li.slick-active{
    border: 2px solid #666 !important;
	opacity: 1;
	pointer-events: none;
}*/



/*=======ギャラリー 商品拡大=========*/

.gallery_wrap_full {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	margin: 20px auto !important;
}

.gallery_wrap,
.gallery_wrap2,
.gallery_wrap3,
.gallery_wrap4 {
	width: 300px;
	box-sizing: border-box;
	margin: 20px auto !important;
}

.gallery_wrap_full br {
	display: block;
	height: 0;
	margin: 0 0 5px;
}

.gallery_wrap br,
.gallery_wrap2 br,
.gallery_wrap3 br,
.gallery_wrap4 br {
	display: block;
	height: 0;
}

.gallery_wrap_full .gallery_full img,
.gallery_wrap .gallery img,
.gallery_wrap2 .gallery2 img,
.gallery_wrap3 .gallery3 img,
.gallery_wrap4 .gallery4 img {
	margin: 0 auto 5px;
}

.gallery_wrap_full .gallery_full, 
.gallery_wrap .gallery, 
.gallery_wrap2 .gallery2, 
.gallery_wrap3 .gallery3, 
.gallery_wrap4 .gallery4 {
	margin: 0 0 15px;
	padding: 0 0 10px;
	border-bottom: 1px dashed #666;
}

/*--------ARROW ios矢印ズレ対策---------*/

_:lang(x)+_:-webkit-full-screen-document, .gallery_wrap .slick-prev:before {
	line-height: 1.175;
}
_:lang(x)+_:-webkit-full-screen-document, .gallery_wrap .slick-next:before {
	line-height: 1.175;
}


/*---------サムネイル部分---------------*/

.gallery_wrap_full ul.choice-btn_full li {
	cursor: pointer;
  	outline: none;
  	width: 12.5% !important;
	box-sizing: border-box;
	margin: 0 10px 10px 0;
}



.gallery_wrap ul.choice-btn li, 
.gallery_wrap2 ul.choice-btn2 li, 
.gallery_wrap3 ul.choice-btn3 li, 
.gallery_wrap4 ul.choice-btn4 li {
	cursor: pointer;
  	outline: none;
  	width: 22.5% !important;
	height: auto;
	box-sizing: border-box;
	margin: 0 10px 10px 0;
	border: 1px solid #ccc;
}

.gallery_wrap ul.choice-btn li:nth-of-type(4n),
.gallery_wrap2 ul.choice-btn2 li:nth-of-type(4n),
.gallery_wrap3 ul.choice-btn3 li:nth-of-type(4n) ,
.gallery_wrap4 ul.choice-btn4 li:nth-of-type(4n) {
	margin: 0 0 10px;
}

.gallery_wrap_full ul.choice-btn_full li img,
.gallery_wrap ul.choice-btn li img,
.gallery_wrap2 ul.choice-btn2 li img,
.gallery_wrap3 ul.choice-btn3 li img,
.gallery_wrap4 ul.choice-btn4 li img {
	width: 100%;
	height: auto;
	object-fit: cover;
    opacity: .7;
	transition: .3s ease-in-out;
	box-sizing: border-box;
	border: 1px solid #fff;
}

.gallery_wrap_full ul.choice-btn_full li img:hover,
.gallery_wrap ul.choice-btn li img:hover,
.gallery_wrap2 ul.choice-btn2 li img:hover,
.gallery_wrap3 ul.choice-btn3 li img:hover,
.gallery_wrap4 ul.choice-btn4 li img:hover {
  opacity: 1;
}

.gallery_wrap_full ul.choice-btn_full li.slick-current img,
.gallery_wrap ul.choice-btn li.slick-current img,
.gallery_wrap2 ul.choice-btn2 li.slick-current img,
.gallery_wrap3 ul.choice-btn3 li.slick-current img,
.gallery_wrap4 ul.choice-btn4 li.slick-current img {
  opacity: 1;
  border: 1px solid #5b5b5b;
  box-sizing: border-box;
}

/*画面幅サイズ変更に伴うサムネイル固定*/
.gallery_wrap_full ul.choice-btn_full .slick-track,
.gallery_wrap ul.choice-btn .slick-track,
.gallery_wrap2 ul.choice-btn2 .slick-track,
.gallery_wrap3 ul.choice-btn3 .slick-track,
.gallery_wrap4 ul.choice-btn4 .slick-track {
  transform: unset !important;
  width: 100% !important;
  height: auto;
}

/*=======ギャラリー 商品拡大ページEND=========*/

/*-------フッターカタログ----------*/

.footer_catalog_wrap {
	background: #f1f1f1;
	border: 1px solid #ccc;
	height: auto;
	padding: 20px 15px 0;
	margin: 0 0 30px;
}

.footer_catalog {
	display: flex;
  	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.footer_catalog li {
	width: 15%;
	text-align: center;
	font-size: .9em;
	transition: all .3s ease-in-out;
}
.footer_catalog li:hover {
	opacity: .7;
}
.footer_catalog li a {
	display: block;
	text-decoration: none;
	color: #5a5858;
	transition: all .3s ease-in-out;
	margin: 0 0 15px;
}
.footer_catalog li a img {
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	/*width: 60px;
	height: 76px;*/
	width: 76px;
	height: 96px;
	ofject-fit: cover;
}
.footer_catalog li a:hover {
	color: #f91a1a;
}
.catalog_empty {
	width: 15%;
	height: 0;
	margin: 0;
}

/*-------フッター一覧リンク--------*/

.ichiran_thumb {
	width: 720px;
	border: solid 1px #ccc;
	padding: 20px 20px 5px;
	box-sizing: border-box;
	margin: 0;
	background: #f1f1f1;
}

.footer_thumb {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.footer_item {
	background: #FFF;
	width: 18%;
	margin: 0 0 20px;
	text-align: center;
	font-size: .85em;
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	box-sizing: border-box;
	transition: all .3s ease-in-out;
}
.footer_empty {
	width: 18%;
	height: 0;
	margin: 0 !important;
}
.footer_item:hover {
	opacity: .7;
}
.footer_item a {
	color: #5b5b5b;
	text-decoration: none;
	transition: all .3s ease-in-out;
	display: block;
	padding: 10px 2px 5px;
}
.footer_empty {
	display: none;
}

/*--------モバイルフッター最下部に固定--------*/
.short_body_wrap {
	
}
/*----ボタン装飾 cres proメーカーからカタログサイトへ-----*/

.catalog_area {
	text-align: center;
	margin: 5px 0 30px;
	padding: 20px;
	border-radius: 10px;
}
.button1,
.button_small {
	position: relative;
	background: #3bbd00;
	border-radius: 6px;
	border: 4px #FFF solid;
	box-shadow: 0 0 2px 1px #CCC;
	display: inline-block;
	margin: 10px auto 0;
	font-weight: bold;
	color: white !important;
}
.button1 {
	width: 176px;
	padding: 10px 22px;
	transition: .3s ease-in-out;
}
.button_small {
	width: 120px;
	padding: 6px 22px;
	transition: .3s ease-in-out;
}
.button1:hover,
.button_small:hover {
	background: #6ef468;
	color: #3bbd00;
}

.button1::before,
.button_small::before {
	position: absolute;
	top: 50%;
	left: 0.9em;
	content: '';
	margin-top: -6px;
	padding-right: 12px;
	border: 7px solid transparent;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left-color: #ccc;
	transition: .3s ease-in-out;
}

.button1:hover::before,
.button_small:hover::before {
	border-left-color: #ff9;
}

/*------施設椅子ヘッダー詳細（クレプト他）最後の行下段揃え--------*/

.kinou_shousai {
	display: flex;
	justify-content: space-between;
	margin: 0 0 50px;
}
.shousai_item {
	box-sizing:border-box;
	padding: 15px;
	border: 1px solid #64cdcc;
	border-radius: 6px;
	width: 32%;
	display: flex;
	flex-direction: column;
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}
.shousai_item p:first-child {
	background: #64cdcc;
	color: #f1f1f1;
	margin: 0 0 5px;
	padding: 4px 2px 2px;
	text-align: center;
}
.shousai_item p img {
	display: block;
	margin: 5px auto;
}
.shousai_item p:last-of-type {
	display: block;
	margin: auto auto 0;
}

/*==================ユーティリティCSS================*/

.t_center {
	text-align: center !important;
}
.t_right {
	text-align: right !important;
}
.t_left {
	text-align:justify !important;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
	
}
.justify {/*left*/
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}

.tr_tc {/*モバイルセンター*/
	text-align: right;
}

.txt_ul {
	border-bottom: 1px solid #ccc;
	padding: 0 0 3px;
	margin: 0 0 5px !important;
}
.txt_ul2 {
	border-bottom: 1px dotted #747474;
	padding: 0 0 3px;
	margin: 0 0 5px !important;
}

/*---------utility class--------------------*/

.img_center {/*脚カット対応品有りimg*/
	margin: 0 auto !important;
	display: block;
	text-align: center;
}	

.img_left {/*特注家具FAXボタン*/
	margin: 10px auto 15px 0 !important;
	display: block;
}
.mb1 {/*各所調整*/
	margin: 0 0 20px !important;
}
.mb2 {/*各所調整*/
	margin: 0 0 10px !important;
}
.mt0 {/*各所調整*/
	margin-top: 0 !important;
}
.mt1 {/*各所調整*/
	margin-top: 10px !important;
}
.mt2 {/*各所調整*/
	margin-top: 20px !important;
}
.mt3 {/*各所調整*/
	margin-top: 30px !important;
}
.mla {/*要素右寄せ*/
	margin-left: auto !important;
}
.mbm_m {/*画像背景白透過*/
	mix-blend-mode: multiply;
}
.mh120 {/*scroll-hint 最低高さ確保*/
	min-height: 120px;
}
.radius50 {/*画像円*/
	border-radius: 50%;
	border:  1px solid #ccc;
}
/*------------------------------------------------*/

.b_shadow {/*通常*/
	box-shadow: 1px 1px 1px 1px #CCCCCC;
}

.b_shadow2 {/*深め*/
	 box-shadow: 0 1px 1px rgba(0,0,0,0.08), 
              0 2px 2px rgba(0,0,0,0.08), 
              0 4px 4px rgba(0,0,0,0.08), 
              0 8px 8px rgba(0,0,0,0.08),
              0 16px 16px rgba(0,0,0,0.08);			  
}
.b_shadow3 {/*デフォルト*/
	box-shadow: 0 1px 1px rgba(0,0,0,0.02), 
              0 2px 2px rgba(0,0,0,0.02), 
              0 4px 4px rgba(0,0,0,0.02), 
              0 6px 8px rgba(0,0,0,0.02),
              0 8px 16px rgba(0,0,0,0.02);
		
}

.border_shadow {
	box-shadow: 0 0 1px 1px #ccc;
}

.green_logo::before {
	content: '';
	display: inline-block;
	width: 60px;
	height: 30px;
	background-image: url(../product/img/green_mark.png);	
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin: 0 8px 0 0;
}
.green_logo {
	color: #388348 !important;
	font-weight: bold;
	font-size: 1.05em;
	margin: 10px 0;
}

/*------------------------------------------------*/

.verticl_b {
	vertical-align: bottom;
}
.verticl_m {
	vertical-align: middle;
}
.inline_b {
	display: inline-block;
}

.opa {
	transition: .3s ease-in-out !important;
}
.opa:hover {
	opacity: .7;
}
.opa2 {
	border: 1px solid #fff;
	transition: .3s ease-in-out;
}
.opa2:hover {
	opacity: .7;
	border: 1px solid #36f !important;
}

/*----------------------*/

.br_pc {/*PCのみ改行*/
}
.br_sp {/*SPのみ改行*/
	display: none;
}

.no_pc {/*PC不用*/
	display: none;
}
.no_sp {/*モバイル不用*/
}

.visib_hidd,
.visib_hidd_nosp {
	visibility: hidden;
}

.disp_no {
	display: none;
}

/*-------PRICE DOWN---------*/

.top_price_down {
	padding: 5px 5px 5px 10px;
	color: white !important;
	font-weight: bold;
	font-size: 1.0em;
	margin: -5px 0 5px;
	text-align: center !important;
	letter-spacing: .15em;
	
	background-color: #f81804;
  	/*background-image: radial-gradient(rgba(255, 153, 204, 0.28) 25%, transparent 27%),
					  radial-gradient(rgba(255, 153, 204, 0.28) 25%, transparent 27%);
 	background-position: 0 0, 19px 19px;
  	background-size: 34px 34px;*/
  	background-image: radial-gradient(rgba(255, 153, 204, 0.28) 25%, transparent 27%),
					  radial-gradient(rgba(255, 153, 204, 0.28) 25%, transparent 27%);
 	background-position: 0 0, 8px 8px;
  	background-size: 16px 16px;
	
}


/*=============FLEXBOX=============*/

/*f_column_s・・・・start*/
/*f_column_a・・・・around*/
/*f_column_b・・・・between*/
/*f_column_a_c・・・・モバイル414（374）縦*/
/*f_column_b_c・・・・モバイル414（374）縦*/

/*---------親要素 2カラム---------*/

.f_column2_s {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: 10px 0 0;
	line-height: 1.6;
	box-sizing: border-box;
}
.f_column2_s p {
	margin: 0 10px 10px 0;
	text-align: center;
	box-sizing: border-box;
}
.f_column2_s p img {
	box-sizing: border-box;
}


.f_column2_s_item {
	margin: 0 20px 10px 0;
	padding: 10px;
	text-align: left;
} 

.f_column2_s p:nth-of-type(2n) {
	margin: 0 0 10px;
}
.f_column2_s_item:nth-of-type(2n) {
	margin: 0 0 10px;
}
.f_column2_s_item p {
	display: block;
	margin: 0 auto 10px;
}

/*--------------------*/

.f_column2_a,
.f_column2_a_c {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	margin: 10px 0;
	text-align: center;
	line-height: 1.6;
}
.f_column2_b,
.f_column2_b_c {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin: 10px 0;
	text-align: center;
	line-height: 1.6;
}

.f_column2_a_item,
.f_column2_a_c_item,
.f_column2_b_item,
.f_column2_b_c_item {
	margin: 0;
	/*width: 48%;*/
	flex: 0 1 48%;
	/*padding: 10px;*/
	box-sizing: border-box;
	line-height: 1.6;
	
}
.f_column2_a p,
.f_column2_b p,
.f_column2_a_c p,
.f_column2_b_c p {
	margin: 0 0 10px;
	flex: 0 1 48%;
	text-align: center;
	
}
.f_column2_a_item p,
.f_column2_b_item p,
.f_column2_a_c_item p,
.f_column2_b_c_item p {
	margin: 0 0 10px;
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}
.f_column2_a_item p:last-of-type,
.f_column2_b_item p:last-of-type,
.f_column2_a_c_item p:last-of-type,
.f_column2_b_c_item p:last-of-type {
	margin: 0;
}


.f_column2_a p br,
.f_column2_a_c p br,
.f_column2_b p br,
.f_column2_b_c p br, 
.f_column2_a_item p br,
.f_column2_a_c_item p br,
.f_column2_b_item p br,
.f_column2_b_c_item p br {
	display: block;
	content: "";
	margin: 0;
}

.f_column2_a::after,
.f_column2_b::after,
.f_column2_a_c::after,
.f_column2_b_c:after {
	width: 48%;
	display: block;
	height: 0;
	content: "";
}
.f_column2_a::before,
.f_column2_b::before,
.f_column2_a_c::before,
.f_column2_b_c:before {
	width: 48%;
	display: block;
	height: 0;
	content: "";
	order: 1;
}
.f_column2_a p img,
.f_column2_a_c p img,
.f_column2_a_item p img,
.f_column2_a_c_item p img,
.f_column2_b p img, 
.f_column2_b_c p img, 
.f_column2_b_item p img,
.f_column2_b_c_item p img {
	display: block;
	margin: 0 auto 5px;
	max-width: 100%;
	height: auto;
	object-fit: cover;
	/*object-fit: contain;*/
}


/*---------親要素 3カラム---------*/

.f_column3_s {
	display: flex;
	flex-wrap: wrap;
	margin: 10px 0 0;
	line-height: 1.6; 
}
.f_column3_s p {
	margin: 0 10px 10px 0;
	text-align: center;
}
.f_column3_s_item {
	margin: 0 10px 10px 0;
	padding: 10px;
	text-align: left;
}
.f_column3_s p:last-of-type,
.f_column3_s_item:last-of-type  {
	margin: 0 0 10px;
}

/*-------------------------*/

.f_column3_a,
.f_column3_a_c {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	margin: 10px 0;
	line-height: 1.6;
}

.f_column3_b,
.f_column3_b_c {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin: 10px 0;
	line-height: 1.6;
}

.f_column3_a::after,
.f_column3_b::after,
.f_column3_a_c::after,
.f_column3_b_c::after {
	content: "";
	display: block;
	width: 32%;
	height: 0;
	
	}
.f_column3_a::before,
.f_column3_b::before,
.f_column3_a_c::before,
.f_column3_b_c::before {
	content: "";
	display: block;
	width: 32%;
	height: 0;
	order: 1;
	
	}

.f_column3_a p,
.f_column3_b p,
.f_column3_a_c p,
.f_column3_b_c p {
	margin: 0 0 10px;
	flex: 0 1 32%;
	/*width: 32%;*/
	text-align: center;
}

.f_column3_a p br,
.f_column3_b p br, 
.f_column3_a_c p br,
.f_column3_b_c p br,
.f_column3_a_item p br,
.f_column3_b_item p br,
.f_column3_a_c_item p br,
.f_column3_b_c_item p br {
	display: block;
	content: "";
	margin: 0;
}

.f_column3_a_item,
.f_column3_a_c_item {
	margin: 0 0 10px;
	box-sizing: border-box;
	width: 32%;
}
.f_column3_b_item, 
.f_column3_b_c_item {
	margin: 0 0 10px;
	box-sizing: border-box;
	width: 32%;
}

.f_column3_a_item p,
.f_column3_b_item p, 
.f_column3_a_c_item p,
.f_column3_b_c_item p {
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}

.f_column3_a_c p img,
.f_column3_b_c p img,
.f_column3_a_item a p img,
.f_column3_b_item a p img,
.f_column3_a_c_item p img,
.f_column3_b_c_item p img {
	margin: 0 auto 5px;
	display: block;
	/*width: 100%;
	height: auto;*/
}

/*---------親要素 4カラム---------*/

.f_column4_s {
	display: flex;
	flex-wrap: wrap;
	margin: 10px 0 0;
	line-height: 1.6;
}
.f_column4_s p {
	margin: 0 10px 10px 0;
	text-align: center;
}
.f_column4_s_item {
	margin: 0 10px 10px 0;
	padding: 10px;
	text-align: left;
}
.f_column4_s p:last-of-type,
.f_column4_s_item:last-of-type {
	margin: 0 0 10px;
} 
/*---------------------*/

.f_column4_a,
.f_column4_a_c {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	margin: 10px 0;
	line-height: 1.6;
	box-sizing: border-box;
}

.f_column4_b,
.f_column4_b_c {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin: 10px 0;
	box-sizing: border-box;
}

.f_column4_a::after,
.f_column4_a_c::after,
.f_column4_b::after,
.f_column4_b_c:after {
	width: 24%;
	margin: 0 0 10px;
	display: block;
	height: 0;
	content: "";
}
.f_column4_a::before,
.f_column4_a_c::before,
.f_column4_b::before,
.f_column4_b_c:before {
	width: 24%;
	margin: 0 0 10px;
	display: block;
	height: 0;
	content: "";
	order: 1;
}

.f_column4_a p,
.f_column4_b p, 
.f_column4_a_c p,
.f_column4_b_c p {
	margin: 0 0 10px;
	flex: 0 1 24%;/*モバイルimg伸長なし*/
	/*width: 24%;*/
	font-size: 1.0em;
	text-align: center;
}
.f_column4_a_item,
.f_column4_a_c_item {
	width: 24%;
	margin: 0 0 10px;
	padding: 10px;
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}
.f_column4_b_item,
.f_column4_b_c_item {
	width: 24%;
	margin: 0 0 10px;
	padding: 10px 0;
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}
.f_column4_a p br,
.f_column4_b p br, 
.f_column4_a_c p br,
.f_column4_b_c p br,
.f_column4_a_item p br,
.f_column4_b_item p br,
.f_column4_a_c_item p br,
.f_column4_b_c_item p br {
	display: block;
	content: "";
	margin: 0;
}
/*---------親要素 5カラム---------*/

.f_column5_s {
	display: flex;
	flex-flow: row wrap;
	margin: 10px 0 0;
	line-height: 1.6;
}

.f_column5_s p {
	margin: 0 10px 10px 0;
	text-align: center;
}
.f_column5_s_item {
	margin: 0 10px 10px 0;
	padding: 10px;
	text-align: left;
}
.f_column5_s p:last-of-type,
.f_column5_s_item:last-of-type  {
	margin: 0 0 10px;
}

/*-----------------------*/

.f_column5_a,
.f_column5_a_c {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	margin: 10px 0;
	line-height: 1.6;
	box-sizing: border-box;
}
.f_column5_b,
.f_column5_b_c {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin: 10px 0;
	line-height: 1.6;
	box-sizing: border-box;
}

.f_column5_a::before,
.f_column5_a_c::before,
.f_column5_b::before,
.f_column5_b_c::before {
	margin: 0 0 10px;
	content: "";
	height: 0;
	width: 19%;
	order: 1;
}
.f_column5_a::after,
.f_column5_a_c::after,
.f_column5_b::after,
.f_column5_b_c::after {
	margin: 0 0 10px;
	content: "";
	height: 0;
	width: 19%;
}

.f_column5_a p,
.f_column5_a_c p,
.f_column5_b p,
.f_column5_b_c p {
	flex: 0 1 19%;/*モバイルimg伸長なし*/
	/*width: 19%;*/
	margin: 0 0 10px;
	text-align: center;
}
.f_column5_a_item,
.f_column5_a_c_item {
	width: 19%;
	margin: 0 0 10px;
	/*padding: 10px;*/
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}
.f_column5_b_item,
.f_column5_b_c_item {
	width: 19%;
	margin: 0 0 10px;
	/*padding: 10px 0;*/
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}

.f_column5_a p br,
.f_column5_b p br, 
.f_column5_a_c p br,
.f_column5_b_c p br,
.f_column5_a_item p br,
.f_column5_b_item p br,
.f_column5_a_c_item p br,
.f_column5_b_c_item p br {
	display: block;
	content: "";
	margin: 0;
}	

/*-----シンプルな横並び（モバイルで縦）----*/

.flex,
.flex_column {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: flex-start;
}	
	
.flex p,
.flex_column p {
	margin: 0 10px 10px 0;
	text-align: center;
	line-height: 1.6;
}
.flex p:last-of-type,
.flex_column p:last-of-type {
	margin: 0 0 10px;
	text-align: center;
	line-height: 1.6;
}

/*---------超シンプル!????---------*/

/*.flex_color {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
}
.flex_color p {
	margin: 0 10px 10px 0;
	text-align: center;
	line-height: 1.6;
}

.flex_color p:last-of-type {
	margin: 0 0 10px;
	text-align: center;
	line-height: 1.6;
}*/







/*---------カラー選択に特化（2・3・4・5・6・7カラム）NEW!!!!------*/



.color_select2 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: flex-start;
	margin: 10px 0;
	
}
.color_select2 p {
	width: 48%;
	margin: 0 0 10px;
	box-sizing: border-box;
	text-align: center;
}

/*---------3---------*/

.color_select3 {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 10px 0;
	
}
.color_select3 p {
	width: 31%;
	margin: 0 10px 10px 0;
	box-sizing: border-box;
	text-align: center;
}

.color_select3 p:nth-of-type(3n) {
	margin: 0 0 10px;	
}

.color_select3 p img {
	width: 100%;
	height: auto;
}

/*---------4---------*/

.color_select4 {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 10px 0;	
}

.color_select4 p {
	width: 23%;
	margin: 0 10px 10px 0;
	box-sizing: border-box;
	text-align: center;
}

.color_select4 p:last-of-type {
	margin: 0 0 10px;
	
}

.color_select4 p img {
	width: 100%;
	height: auto;
}

/*---------5---------*/

.color_select5 {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 10px 0;	
}

.color_select5 p {
	width: 31%;
	margin: 0 0 10px;
	box-sizing: border-box;
	text-align: center;
}

/*---------6---------*/

.color_select6 {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 10px 0;	
}

.color_select6 p {
	/*width: calc(100% / 3);*/
	width: 31%;
	margin: 0 0 10px;
	box-sizing: border-box;
	text-align: center;
}

/*---------7---------*/

.color_select7 {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 10px 0;	
}

.color_select7 p {
	width: 23%;
	margin: 0 0 10px;
	box-sizing: border-box;
	text-align: center;
}
/*---------grid(FUJI天幕生地)------*/


.grid_column2 {
	display: grid;
  grid-template-columns: repeat(2, 1fr);
  /*gap: 1%;*/
  gap: 10px;
  width: 720px;
	margin: 0 auto 30px;
	
	margin-inline: auto;
  width: -moz-fit-content;
  width: fit-content;
	
}

.grid_column3 {
	display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1%;
  max-width: 720px;
	margin: 0 auto 30px;
	
	margin-inline: auto;
  width: -moz-fit-content;
  width: fit-content;
}

.grid_column4 {
	display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1%;
  max-width: 720px;
	margin: 0 auto 30px;
	
	margin-inline: auto;
  width: -moz-fit-content;
  width: fit-content;
}

.grid_column5 {
	display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1%;
  max-width: 720px;
	margin: 0 auto 30px;
	
	margin-inline: auto;
  width: -moz-fit-content;
  width: fit-content;	
}

.grid_column2 p,
.grid_column3 p,
.grid_column4 p,
.grid_column5 p {
	text-align: center;
	padding: 5px;	
}

.grid_column2 img,
.grid_column3 img,
.grid_column4 img,
.grid_column5 img {
	width: 100%;
	height: auto;
}

/*---------カラー選択２カラム（真ん中破線　プロシード）--------*/

.flex_select {
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	margin: 0 0 10px;
}
.flex_select_item {
	width: 48%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.flex_select_item:nth-of-type(1) {
	border-right: dashed 1px #333;
}
.flex_select_item p {
	text-align: center;
	margin: 0 0 10px;
}

/*---------MC-620使用（360px 横並び）----------------*/

.flex_360_wrap {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	width: 100%;
}
		
.flex_360 {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	width: 360px;
	border-top: 1px dotted #747474;
	padding: 5px 0 0;
}
.flex_360:nth-last-of-type(-n+2){
}
.flex_360 p:nth-of-type(1) {
	box-sizing: border-box;
	width: 100px;
}
.flex_360 p:nth-of-type(1) img {
	width: 100px;
	height: auto;
}

.flex_360 p:nth-of-type(2){
	width: 250px;
	box-sizing: border-box;
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}

/*============汎用テーブル（T13特長）==============*/

.free_list dl{
	width: 100%;
	overflow: hidden;
	border: 1px solid #ccc;
	border-top: none;
	background: #eee;
	color: #5b5b5b;
	margin: 20px 0;
	}
	
.free_list dt {
	width: 20%;
	float: left;
	padding: 10px;
	border-top: 1px solid #ccc;
	box-sizing: border-box;
	}

.free_list dd {
  margin-left: 20%;
  padding: 10px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background: #fff;
  text-align: left;
	}

/*===========================*/

/*----クレスレッグパーツ----*/

.lp_wrap {
	margin: -10px 0 0;
}

.lp_title {
	background: #73b053;
	color: #fefefe;
	font-weight:bold;
	padding: 5px 10px 5px 15px;
	margin: 0 0 10px;
	font-size: 1.3em;
}
.lp_wrap h3 {
	color: #8c8c8c;
	margin: 30px 0 10px;
	padding: 0 0 0 8px;
	font-size: 1.4em;
	border-left: 6px solid #6aaa47;
}
.lp_wrap h4 {
	font-size: 1.3em;
	color: #5b5b5b;
	padding: 0 0 5px;
	margin: 0 0 10px;
	font-weight: normal;
	border-bottom: 1px solid #5b5b5b;
}
.lp_wrap h4 span {
	font-size: .9em;
	color: #737373;
	padding: 0 0 0 15px;
	font-weight: normal;
}
.lp_wrap p {
	font-size: 1.1em;
	font-weight: normal;
}

.lp_wrap img {
	padding: 10px 0 0;
}

/*----------装飾系----------*/

.marker_p {
	background: linear-gradient(transparent 60%, rgba(255, 102, 255, .5) 20%);
}
.marker_y {
	background: linear-gradient(transparent 60%, rgba(255, 255, 0, .5) 40%);
}

.point {
	background: linear-gradient(transparent 60%, #aed9ac 40%);
	font-size: 1.3em;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 0 0 20px;
	letter-spacing: .1em;
}

.hr_style {
    border-top: 1px dotted #747474;
    height: 0;
	margin: 20px 0;
}

.hr_style2 {
    border-top: 1px solid #ccc;
    height: 0;
	margin: 10px 0;
}
.hr_style3 {
    border-top: 1px solid #0d9106;
    height: 0;
	margin: 10px 0;
}
.hr_style4 {
    border-top: 1px dotted #747474;
    height: 0;
	margin: 0 0 10px;
}

.sh_mark {
	background: #A82878;
	border-radius: 6px;
	padding: 5px 8px;
	margin: 10px 0;
	display: inline-block;
	color: #fff !important;
	font-weight: bold;
}

/*-------特価情報---------*/

.tokka_joho {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	margin: 0 0 20px;
	background: #fcc;
	padding: 5px 10px;
	color: #5b5b5b;
}
.tokka_joho span:first-of-type {
	padding: 10px;
	font-size: 1.25em;
	border-radius: 50%;
	color: #fff;
	background: #f00;
	margin: 0 5px 0 0;
}
.onebiki {
	font-size: 1.3em;
	color: #fff;
	margin: 0 5px;
	text-shadow:
	0 0 2px #f00,0 0 2px #f00,
	0 0 2px #f00,0 0 2px #f00,
	0 0 2px #fff,0 0 2px #fff,
	0 0 2px #fff,0 0 2px #fff,
	0 0 2px #fff,0 0 2px #fff,
	0 0 2px #fff,0 0 2px #fff,
	0 0 2px #fff,0 0 2px #fff,
	0 0 2px #fff,0 0 2px #fff;
}

/*セール対象商品・その他・即納*/


.red_zabu2 {
	padding: 5px 10px;
	margin: 0 0 10px;
	display: inline-block;
	font-weight: bold;
	text-align: center !important;
	width: 298px;
	font-size: 1.1em;
	box-sizing: border-box;
	background: red !important;
	color: #fff !important;
}

.red_zabu3 {
	padding: 5px 10px;
	font-weight: bold;
	text-align: center !important;
	width: 100%;
	font-size: .95em;
	box-sizing: border-box;
	margin: 0 0 10px;
	background: red !important;
	color: #fff !important;
}

.soku_zabu2 {
	padding: 5px 10px;
	margin: 0 0 10px;
	display: inline-block;
	font-weight: bold;
	text-align: center !important;
	width: 298px;
	font-size: 1.1em;
	box-sizing: border-box;
	background: #fff00d;
	color: #a41e26 !important;
	border: 1px solid #386dae;
	letter-spacing: .15em;
}

.soku_zabu3 {/*ヤマト脚*/
	padding: 5px 10px;
	font-weight: bold;
	text-align: center !important;
	width: 100%;
	font-size: 1.05em;
	box-sizing: border-box;
	margin: 0 0 10px;
	background: #fff00d;
	color: #a41e26 !important;
	border: 1px solid #386dae;
	letter-spacing: .15em;
}

.red_zabu2 + p,
.soku_zabu2 {
	margin: 0 0 10px;
}


.price_down {
	background: red;
	padding: 0 15px;
	color: white;
	margin: 0 7px;
	font-weight: bold;
	font-size: .9em;
	text-shadow: none;
}

/*---------座蒲団カラー---------*/

.zabu_color1,
.zabu_color2,
.zabu_color3,
.zabu_color4,
.zabu_color5,
.zabu_color_ta,
.order_size,
.red_zabu,
.soku_zabu {
	color: white !important;
	padding: 1px 4px!important;
	margin: 0 0 2px;
	font-size: .675rem !important;
	display: inline-block;
	width: 100% !important;
	text-align: center !important;
	border-right: 1px solid #fff !important;
	box-sizing: border-box;
}


.zabu_color1 {/*抗菌機能*/
	background: #2985f8;
}
.zabu_color2 {/*抗ウィルス機能*/
	background: #1eb4a9;
}
.zabu_color3 {/*グリーン 既製品*/
	background: #20ab58;
}
.zabu_color4 {/*オレンジ 別張品*/
	background: #f48d25;
}
.zabu_color5 {/*水色 屋外使用可*/
	background: #1eacfd;
}
.zabu_color_ta {/*たたみカーペット用*/
	background: #990;
}
.order_size {/*サイズオーダー用*/
	/*background: #908eda;*/
	background: #6f6ea6;
}
.red_zabu {/*赤*/
	background: #f00;
	font-weight: bold;
}
.soku_zabu {/*即納可能*/
	background: #fff00d;
	padding: 0 4px !important;
	color: #a41e26 !important;
	border: 1px solid #386dae !important;
	letter-spacing: .15em;
	box-sizing: border-box !important;
}



.zabu_color2_2 {/*別製対応ニシキ・・・*/
	color: white !important;
	border-radius: 6px;
	padding: 2px 5px;
	margin: 0 0 5px;
	font-size: 1.0em !important;
	display: inline-block;
	text-align: center !important;
	width: 100px;
	box-sizing: border-box;
	background: #1eb4a9;
}


/*------------------------------*/

.koukin {
	background: #2985f8;
	color: #fff;
	padding: 5px 10px;
	font-size: .9em;
	border-radius: 6px;
	display: inline-block;
}
.virus {
	background: #1eb4a9;
	color: #fff !important;
	padding: 4px 8px 2px;
	margin: 0 0 0 5px;
	font-size: .9em;
	border-radius: 4px;
	display: inline-block;
	vertical-align: middle;
}
.orange_zabu {
	background: #f48d25;
	color: #fff !important;
	padding: 2px 10px;
	font-size: .875em;
	margin: 0 10px;
	border-radius: 6px;
	display: inline-block;
}
.blue_zabu {
	background: #1eacfd;
	color: #fff !important;
	padding: 2px 10px;
	font-size: .875em;
	margin: 0 10px;
	border-radius: 6px;
	display: inline-block;
}

/*-----------------------------*/

.headline1,
.headline2,
.headline3,
.headline4,
.headline5,
.headline_ta {
	padding: 2px 5px 1px;
	text-align: center;
	margin: 0 0 5px;
}

.headline1 {/*抗菌機能*/
	color: #2985f8 !important;
	border: 1px solid #2985f8;
}
.headline2 {/*抗ウィルス機能*/
	color: #1eb4a9 !important;
	border: 1px solid #1eb4a9;
}
.headline3 {/*グリーン系*/
	color: #20ab58 !important;
	border: 1px solid #20ab58;
}
.headline4 {/*オレンジ系*/
	color: #f48d25 !important;
	border: 1px solid #f48d25;
}
.headline5 {/*ブルー・ガーデン系*/
	color: #1eacfd !important;
	border: 1px solid #1eacfd;
}
.headline_ta {/*たたみカーペット用*/
	color: #990 !important;
	border: 1px solid #990;
}

/*------yamato脚パイプ径--------------*/

.figure {
	padding: 1px 6px 0 4px;
	font-size: .85em;
	margin: 0 2px 4px 0;
	display: inline-block;
	border-radius: 4px;
	border: 1px solid #747474;
}

/*--------張地機能説明（MC-620）--------*/

.f_column_360 {
	/*width: 360px;*/
	box-sizing: border-box;
	border: 1px solid plum;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
.f_column_360 p {
	text-align: left;
	margin: 0 !important;
}

/*--------テキスト座蒲団?--------*/

.p_zabu {
	background: #f1f1f1;
	padding: 5px 10px;
	margin: 5px 0 20px;
	font-weight: bold;
}
.p_zabu_txt {
	background: #f1f1f1;
	padding: 5px 10px;
	margin: 5px 0 20px;
	text-align: justify;
	text-justify: inter-ideograph;
}

/*------------------------------*/

.order_size {/*オーダーサイズ可能 一覧ページ*/
	/*background: #908eda;
	color: #fff !important;
	padding: 2px 5px;
	font-size: .85em;
	font-weight: 500;
	width: 100%;
	text-align: center;
	box-sizing: border-box;*/
}
.order_size_page {/*オーダーサイズ可能 商品ページ*/
	/*background: #908eda;*/
	background: #6f6ea6;
	color: #fff !important;
	padding: 5px 10px;
	font-size: 1.1em;
	/*font-weight: bold;*/
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	margin: 0 0 5px !important;
}
.sale {/*一覧ページセール表記*/
	background: #F00;
	color: white;
	padding: 2px 4px;
	font-weight: bold;
	position:absolute;
	top:2px;
	left:4px;
}
.border_r {/*テキスト注意強調*/
	padding: 15px 20px;
	margin: 20px 0;
	box-sizing: border-box;
	border: 1px solid #f00;
	text-align: justify;
    word-break: break-all;
    text-justify: inter-ideograph;
    text-justify: inter-character;
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align-last: left;
	position: relative;
}
.border_r::before {
	  content: "";
	  position: absolute;
	  top: 3px;
	  bottom: 3px;
	  left: 3px;
	  right: 3px;
	  border: 1px solid #f00;
	  z-index: -1;
}
.border_blue {/*テキスト説明*/
	border: 1px solid #5fbcf7;
	border-radius: 6px;
	padding: 20px;
	box-shadow: 0 1px 1px #ccc;
	margin: 20px 0;
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}

.border_gray {/*テキスト説明*/
	margin: 10px 0;
	box-sizing: border-box;
	width: 100%;
	padding: 10px 20px;
	border: 1px solid #747474;
}
.border_grey {/*ガーデン チェアサイズ説明*/
	margin: 10px 0;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding: 20px;
	border: 1px solid #ccc;	
}


.border_brown {/*テキスト説明*/
	border: 1px solid #976c3f;
	padding: 20px;
	box-shadow: 0 1px 1px #ccc;
	margin: 10px 0 20px;
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}

.border_brown img {
	display: block;
	margin: 5px auto 10px;
}

.border_y {
	background: #fef5d4;
	padding: 10px 15px;
	margin: 10px 0 15px;
	border-radius: 6px;
	border: 3px solid #eedb97;
}

.border_orange {
	background: #fef5d4;
	padding: 10px 15px;
	margin: 10px 0 15px;
	border-radius: 6px;
	border: 1px solid #F60;
}
.border_garden {
	background: #eaf2fe;
	padding: 15px;
	margin: 0 0 30px;
	border-radius: 6px;
	border: 1px solid #7d9ac9;
	box-sizing: border-box;
}


.b_bottom {
	border-bottom: 1px dotted #747474;
	margin-bottom: 30px;
}
.recommend {/*おすすめ説明ピンク背景*/
	border: 3px dotted #CC6666;
	background: #FEF4E4;
	padding: 10px;
	font-size: 1.0em;
	border-radius: 10px;
	margin: 0 0 10px;
}
.nosale {
	border: 3px #f00 double;
	padding: 3px;
	color: red;
}
/*---------------------------------*/
.color1 {
	color:#f5a4a8 !important;/*ピンク*/
	}
.color2{
	color:#99CCFF !important;;/*水色*/
	}
.color3{
	color:#34ba00 !important;;/*グリーン*/
	}
.color4{
	color: #747474 !important;;/*灰色*/
	}
.color5{
	color: #a0793b !important;;/*ブラウン*/
	}
.color_enji{
	color: #983a3a !important;
	}
.strong_word {
	background: linear-gradient(transparent 50%, #fcb4b4 50%);
}

/*-----------------*/

.skyblue {
	color: #0099FF !important;
}
.light-green {
	color: #19b43a !important;
}
.orange {
	color: #ec8102 !important;
}





/*----シンプルボタン（特注家具他）---*/

/*.simple_button {
}
.simple_button::before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url(../img/mark02.svg);
	background-size: contain;
	vertical-align: middle;
	margin: 0 2px 1px 0;
}

.simple_button:hover {
	border: 1px #66CCCC solid;
}
*/
/*-------矢印下向き↓-------------*/

.simple_button_down {
	width: 100%;
	max-width: 300px;
	border: 1px #336600 solid;
	padding: 8px;
	margin: 10px 0;
	display: inline-block;
	text-align: center !important;
	background: #fff;
	box-sizing: border-box;
	transition: .3s ease-in-out;
	backface-visibility:hidden
}
.simple_button_down::before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url(../img/mark02.svg);
	background-size: contain;
	vertical-align: middle;
	margin: 0 2px 1px 0;
	transform: rotate( 90deg );
}
.simple_button_down:hover {
	border: 1px #66CCCC solid;
}

/*------シンプルボタン（サポート・ショールーム・フリー天板価格表）水色-----*/

/*.simple_button2 a {
	border: 1px #64cdcc solid;
	padding: 6px 8px 6px 12px;
	margin: 10px auto !important;
	display: block;
	width: 100%;
	max-width: 300px;
	text-align: center !important;
	border-radius: 6px;
	transition: .3s ease-in-out;
	box-sizing: border-box;
	background: #64cdcc;
	color: #fff;
}
.simple_button2 a::before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url(../img/mark02.svg);
	background-size: contain;
	vertical-align: middle;
	margin: 0 2px 1px 0;
}

.simple_button2 a:hover {
	color: #005dad !important;
	background: #f7f7f7;
	border: 1px #005dad solid;
}*/

/*--simple_button1～5--*/

.simple_button,
.simple_button2,
.simple_button3,
.simple_button4,
.simple_button5 {
	display: block;
	width: 100%;
	max-width: 300px;
	padding: 8px;
	margin: 10px auto !important;
	text-align: center !important;
	border-radius: 6px;
	transition: .3s ease-in-out;
	box-sizing: border-box;
}

.simple_button::before,
.simple_button2::before,
.simple_button3::before,
.simple_button5::before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url(../img/mark02.svg);
	background-size: contain;
	vertical-align: middle;
	margin: 0 2px 1px 0;
}

/*----simple_button（特注家具他）---*/

.simple_button {
	border: 1px #333 solid;
	background: #fff;
	color: #333 !important;
	border-radius: 0;
}

.simple_button:hover {
	border: 1px #6aaa47 solid;
	color: #333;
}

/*--simple_button2（サポート・ショールームリンク・フリー天板価格表）水色--*/

.simple_button2 {
	background: #f1fafa;
	border: 2px #89d3e0 solid;
	color: #5b5b5b !important;
}

.simple_button2:hover {
color: #64cdcc !important;
	background: #fff;
	border: 2px #64cdcc solid;
}

/*----simple_button3（ガーデン特集）シャドウ---*/

.simple_button3 {
	border: 1px #336600 solid;
	box-shadow: 0 1px 1px rgba(0,0,0,0.04), 
              0 2px 2px rgba(0,0,0,0.04), 
              0 4px 4px rgba(0,0,0,0.04);	
}

.simple_button3:hover {
	border: 1px #336600 solid;
	box-shadow: none;
}

/*----simple_button4（ニシキテーブル価格 T13）赤色---*/

.simple_button4 {
	/*background: #f82105;*/
	background: #ee0202;
	color:#f1f1f1 !important;
	box-shadow: 1px 1px 2px #ccc;
}

.simple_button4:hover {
	color:#fff !important;
	opacity: .7;
}

/*----simple_button5（table/top）ブラウン色---*/

.simple_button5 {
	
	background-image: linear-gradient(
  0deg,
  hsl(42deg 49% 51%) 0%,
  hsl(42deg 50% 48%) 3%,
  hsl(42deg 52% 46%) 5%,
  hsl(42deg 54% 44%) 9%,
  hsl(42deg 56% 42%) 14%,
  hsl(42deg 59% 40%) 19%,
  hsl(42deg 62% 38%) 28%,
  hsl(42deg 66% 35%) 41%,
  hsl(42deg 70% 33%) 62%,
  hsl(42deg 75% 31%) 100%
);
	color: #fff !important;
	/*font-weight: bold;*/
	border: 1px solid #424d32;
	
	width: 290px;
}

.simple_button5:hover {
	color:#453e34 !important;
	background: #f1f1f1;
	border: 1px solid #453e34;
	opacity: .7;
}


/*---------共通-------------*/

.top_hover {
	transition: .3s ease-in-out;
}
.top_hover:hover {
	opacity: .7;
}


.top_hover:hover + p a.simple_button2 {
	
color: #0abebc !important;
	background: #f7f7f7;
	border: 1px #64cdcc solid;

}
.top_hover:hover + p a.simple_button3 {
	
	color:#fff !important;
	opacity: .7;

}

.top_hover:hover + p a.simple_button4 {
	
	color:#fff !important;
	opacity: .7;

}

.top_hover:hover + p a.simple_button5 {
	
	color:#453e34 !important;
	background: #f1f1f1;
	border: 1px solid #453e34;
	opacity: .7;

}




/*-------組立式・完成品表記マーク------*/

.kumitate {
	border: 3px solid #F00;
	border-radius: 6px;
	padding: 2px 12px !important;
	font-size: 1.4em;
	display: inline-block;
	text-align: center;
	margin: 10px 0 15px;
	color: red !important;
	font-weight: bold;
}
.kumitate_s {
	border: 2px solid #F00;
	border-radius: 4px;
	padding: 0 10px;
	font-size: 1em;
	display: inline-block;
	text-align: center;
	margin: 5px 0;
	color: red !important;
	font-weight: bold;
}
.kansei {
	border: 3px solid #fff;
	background: #19b43a;
	box-shadow: 0 0 1px 1px #19b43a;
	border-radius: 6px;
	padding: 2px 12px !important;
	font-size: 18px;
	display: inline-block;
	text-align: center;
	margin: 10px 0 15px;
	color: #fefefe !important;
	font-weight: bold;
}

/*--------アドバイスマン--------*/

.advice {
	/*color: #247227 !important;*/
	margin: 10px 0;
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}
.advice2 {
	color: #247227 !important;
	margin: 0 0 10px;
	font-weight: bold;
	text-align: center;
}
.advice3 {
	margin: 10px 0;
}
.advice::before,
.advice2::before, 
.advice3::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 20px;
	background-image: url(../planning/img/advice_man.svg);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin: 0 5px 0 0;
}

/*-------注意事項（枠付き）-------*/

.caution {
	display: inline-block;
	width: 100%;
	font-size: 1.1em;
	font-weight: 500;
	margin: 0 0 15px;
	padding: 8px;
	text-align: center;
	border: 1px solid #fd2623;
	color: #fd2623;
	letter-spacing: .1em;
	box-sizing: border-box;
}
.caution::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px 0 0;
	background-image: url(../campaign/image/caution.svg);
	background-size: cover;
	vertical-align: top;
}

/*-------注意事項-------*/

.caution_mark::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 5px 0 0;
	background-image: url(../campaign/image/caution.svg);
	background-size: cover;
	vertical-align: top;
}
.caution_mark2 {
}
.caution_mark2::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 18px;
	margin: 0 5px 0 0;
	background-image: url(../campaign/image/caution2.svg);
	background-size: cover;
	vertical-align: middle;
}

/*--------施設系見出し-----*/

.shisetu_midashi {
	font-size: 1.3em;
	color: #428992;
	margin: 40px 0 20px;
	border-bottom: 1px solid #67bac4;
	padding: 6px 5px 5px 15px;
	background: rgba(103,186,196,.3);
}

/*--------下線 装飾--------*/

.line_yama {
	position: relative;
    display: inline-block;
    border-bottom: solid 1px #ccc;
    padding: 10px 0 10px 10px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	box-sizing: border-box;
	font-size: 1.1em;
	color: #424d32;
}

.line_yama img {
	margin: 0 0 -2px;
	width: auto;
	height: 24px;
}

.line_yama:before,
.line_yama:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 5%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.line_yama:before {
    border: solid 10px transparent;
    border-top: solid 19px #ccc;
}
.line_yama:after {
    border: solid 10px transparent;
    border-top: solid 19px #fff;
    margin-top: -3px;
}

/*--------カラム?--------*/

.column2 {
	columns: 2;
	column-rule: solid 1px #ccc;
}
/*--------遅延読み込み（Chromeのみ2021現在）--------*/

.content_v {
	content-visibility: auto;
  contain-intrinsic-size: 600px;
}

/*--------フォームズ記入例--------*/

.example {
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 6px;
	width: 960px;
	margin: 20px auto 0;
}
.example h2 {
	font-size: 1.4em;
	margin: 0 0 10px;
}
.example p {
	font-size: 1.2em;
}

/*--------クレス機能張地説明--------*/

.cres_fab_spec {
	font-size: 1.1em;
	/*background: #E9F1F5;*/
	padding: 10px 0;
	border-radius: 6px;
	margin: 0 0 20px;
}
.cres_fab_spec p {
	color: #5b5b5b;
}
.fab_spec_table {
	width: 100%;
	border-collapse:collapse;
	border:1px solid #ccc;
	margin: 0 0 20px;
	text-align: center;
}
.fab_spec_table img {
	width: 65px;
	height: 65px;
	object-fit: cover;
	transition: .3s ease-in-out;
	box-shadow: 0 0 1px 1px #fff;
}
.fab_spec_table img:hover {
	opacity: .7;
	box-shadow: 0 0 1px 1px #36C;
}
.fab_spec_table th {
	background:#fff !important;
	font-size: .9em;
	padding: 10px 0 5px;
}
.fab_spec_table th span {
	font-weight: 400;
}
.fab_spec_table td {
	text-align: center;
	background:#fff !important;
	padding:  4px 2px;
	border: 1px solid #ccc;
	font-size: .9em;
}
.link_banner {
	background: #fff;
	padding: 20px 40px;
	border: 1px solid #3399CC;
	border-radius: 6px;
}

/*--------------------------*/
.fab_spec_text {
	margin: 20px 0;
	padding: 20px 20px 5px;
	background: #E9F1F5;
	border-radius: 6px;
	box-sizing: border-box;
}
.fab_spec_text dt {
	padding: 5px 10px;
	border: 1px solid #ccc;
	font-size: .9em;
	width: 100px;
	text-align: center;
	display: table;
	background: #fff;
	float: left;
	vertical-align: middle;
	margin: 0 10px 20px 0;
	color: #5b5b5b;
}
.fab_spec_text dd::after {
  content: "";
  clear: both;
  display: block;
}
.fab_spec_text dd {
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
	color: #5b5b5b;
}

/*----------ガーデンメーカーロゴポジション-------------*/

.logo_posi,
.logo_posi2,
.logo_posi3 {
	display: flex;
	justify-content: space-between;	
	align-items: center;	
}
.logo_posi p,
.logo_posi2 p, 
.logo_posi3 p {
	text-align: right !important;
}
.logo_posi img {
	width: 100%;
	/*width: 120px;*/
	height: auto;
}
.logo_posi2 img {
	width: 90%;
	height: auto;
}

.logo_posi3 img {
	width: 80%;
	height: auto;
}

/*---------シンプルコンタクト　飲食店ソファ/アイアンウッド/gyosyu-------*/

.simple_contact {
	display: flex;
	margin: 0 0 20px;
	padding: 20px;
}
.simple_contact_item {
	padding: 20px;
	background: #fff;
	width:350px;
	border-radius: 6px 0 0 6px;
}
.simple_contact_item:last-of-type {
	border-radius: 0 6px 6px 0;
}
.simple_contact_item p {
	color: #5b5b5b;
	text-align: center;
	font-size: 1.0em;
	font-weight: bold;
}


/*----☆☆☆特集ページお問い合わせ（BGカラーは別）今後これに統一予定☆☆☆-------*/

.contact_form_wrap {
	border-radius: 6px;
	padding: 20px 30px 30px;
	margin: 0 0 30px;
}
.contact_form_wrap h3 {
	font-size: 1.2em;
	text-align: center;
	margin: 0 0 5px;
}
.contact_form_wrap p {
	text-align: center;
	margin: 0 0 15px;
	line-height: 1.8;
}


.contact_form {
	display: flex;
}
.contact_form_item {
	padding: 20px;
	background: #fff;
	width:350px;
	border-radius: 6px 0 0 6px;
}
.contact_form_item:last-of-type {
	border-radius: 0 6px 6px 0;
}
.contact_form_item p {
	color: #5b5b5b;
	text-align: center;
	font-size: 1.0em;
	font-weight: bold;
}







/*----FAXコンタクト（特注天板）-------*/

.fax_contact {
	margin: 0;
}
.fax_contact p img {
	display: block;
	margin: 0 auto 5px;
	border:1px solid #ccc;
	box-sizing: border-box;
	transition: .3s ease-in-out;
}
.fax_contact p img:hover {
	border: 1px solid #384596;
	opacity: .7;
}
.fax_contact p {
	font-size: .9em;
	text-align: center;
}

/*---------お問い合わせ（搬入代行サービス）------------*/

.all_contact_wrap {
	/*background-color: #f9f19e;*/
	padding: 20px 40px 10px;
}
.all_contact_wrap h4 {
	font-size: 1.8em;
	text-align: center;
	color: #00660b;
	margin: 0 0 10px;
}
.all_contact_wrap p {
	font-size: 1.2em;
	color: #5b5b5b;
	margin: 0 auto 20px;
}


.all_contact {
	display: flex;
	background: #fff;
	border-radius: 6px;
	margin: 0 0 30px;
	padding: 10px;
}
.all_contact_item {
	width:350px;
	padding: 20px 1% 5px;
}
.all_contact_item p {
	color: #5b5b5b;
	text-align: center;
	font-weight: bold;
	font-size: .8rem;
}

/*---------お問い合わせ（特注天板）テキストなし------------*/

.simple_contact_wrap {
	padding: 40px 40px 20px;
	margin: 0 0 40px;
}

.simple_contact_wrap .all_contact {
	display: flex;
	background: #fff;
	border-radius: 6px;
	margin: 0 0 30px;
	padding: 10px;
}
.simple_contact_wrap .all_contact_item {
	width:350px;
	padding: 20px 1% 5px;
}
.simple_contact_wrap .all_contact_item p {
	color: #5b5b5b;
	text-align: center;
	font-weight: bold;
	font-size: .8rem;
}

/*----コンタクト全画面　バリケード/プランニング/----*/

.contact_section {
	background: #efefef;
	border-radius: 6px;
	padding: 30px 40px 40px;
}
.contact_txt {
}
.contact_txt > p:first-of-type {
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	margin: 0 0 10px;
}
.contact_txt p {
	font-size: 1.1em;
	text-align: left;
}


.contact_wrap {
	display: flex;
	justify-content: space-around;
	margin: 20px 0;
	padding: 20px;
	background: #fff;
	border-radius: 6px;
}
.contact_item {
	width:350px;
}
.contact_item p {
	color: #5b5b5b;
	text-align: center;
	font-size: 1.0em;
	font-weight: bold;
}

/*=========BGカラー========*/

.bg_beige {
	background: #e7d6c2;
}
.bg_gy {
	background: #e5e1de;
}





/*good_price*/
.gp_bgcolor {
	/*background: #fcf1af;*/
	border: 1px solid #782020;
	background: rgb(252,235,59);
	background: linear-gradient(180deg, rgba(252,235,59,1) 0%, rgba(250,243,211,1) 100%, rgba(229,242,193,0.5676645658263305) 100%);
}
.contact_txt > p.gp_color{
	color: #782020;
	font-size: 1.4em;
}
.contact_txt > p.gp_color + p{
	color: #782020;
}


/*基本カラー*/
.bg_basic {
	background: #f1f1f1;
	border: 1px solid #ccc;
}

/*即納ページ*/
.bg_sokuno {
	background: #faf6b1;
	border: 1px solid #fefefe;
}


/*特注ソファ*/
.bg_color {
	background: #f1f1f1;
}


/*プランニング*/
.bg_planning {
	background: #e2ffe7;
	border: 1px solid #a2eaae;
}
/*飲食店ソファ*/

.bg_headding_color {
	background: #e1eeda;
	border: 1px solid #6aaa47;
}

/*アイアンウッド*/
.bg_ironwood {
	background: #edeee8;
}

/*gryosyu*/
.bg_gyosyu {
	background: #ebf5d3;
	border: 1px solid #b5d25b;
}

/*搬入代行サービス*/
.bg_cream {
	/*background: #f9f19e !important;*/
	background: #ffffcc !important;
}


/*チェアベッドカラー*/
.chair_bed_color {
	/*background: #f7f4eb !important;*/
	background: #faf889 !important;
	/*border: 1px solid #976c3f;*/
	border: 3px solid #c0bf86;
}




/*他ページウィンドウ parasol....*/

.other_page_wrap {
	padding: 20px 40px 40px;
}


/*---------------一覧ページネーション----------------------*/

.pagenation_wrap {
	margin: 30px 0 0;
}

.visuallyhidden {
  	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	white-space: nowrap;
	width: 1px;
}

.pagination {
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 0 0 20px;
}
.pagination a {
    display: inline-block;
    padding: .4rem .6rem;
    text-decoration: none;
    color: #5b5b5b;
	border: #5b5b5b solid 1px;
	background-color: #fff;
	min-width: 38px;
	box-sizing: border-box;
	transition: all .3s ease-in-out;
	
}

.pagination a:hover,
.pagination a:focus {
      background-color: #f2bcab;
}

.pagination__arrow {
	width: 27px;
	height: 35px;
	box-sizing: border-box;
}

_:lang(x)+_:-webkit-full-screen-document, .pagination__arrow {
	width: 27px;
	height: 37px;
	box-sizing: border-box;
}




nav.pagination a.pagination__prev::before {
    content: '<';
}



nav.pagination a.pagination__next::before {
    content: '>';
}

 
 
  
.pagination__items {
  padding: 0;
  display: flex;
  list-style: none;
  counter-reset: pagination;/* pagination の値を 1 つずつ増加させる　初期値に戻す */
  margin: 0 3px;
}
.pagination__items li {
    position: absolute;
    top: -100vh;
    counter-increment: pagination;/* pagination カウンターのこのインスタンスのみを加算 */
    /*margin: 0 3px;*/
    margin: 0 5px;
}
.pagination__items li:first-child,
.pagination__items li:last-child {
      position: static;
    }
.pagination__items li.is--active {
      position: static;
}

.pagination__items li.is--active:not(:nth-child(1)):not(:nth-child(2)):before {
          content: '...';
          display: inline-block;
    	　padding: .4rem .6rem;
          /*background-color: #eee;
		  border: #ccc solid 1px;*/
          background-color: #fff;
          /*margin-right: 6px;*/
          margin-right: 2px;
          margin-left: -8px;
		  min-width: 36px;
		  box-sizing: border-box;
        }


.pagination__items li.is--active + li,
.pagination__items li.is--active + li + li {
        position: static;
      }
	  
.pagination__items li.is--active + li + li:not(:last-child):not(:nth-last-child(2))::after {
          content: '...';
          display: inline-block;
    	　padding: .4rem .6rem;
          background-color: #fff;
          margin-left: 2px;
		  margin-right: -8px;
		width: 34px;
        box-sizing: border-box;
          /*background-color: #eee;
		  border: #ccc solid 1px;*/
          /*margin-left: 6px;*/
    /*min-width: 36px;*/
}

.pagination a::before {
		  content: counter(pagination);
    }
.is--active a {
		  background-color: #a84c2f;
		  color: white;
		  pointer-events: none;
  }

/*=========画像拡大（横幅720px 商品ページ用 和テーブル）========*/

#photo_container_page, 
#photo_container_page2 {
	margin: 0 0 40px;
}

/*-------メイン画像表示------------*/

#main_photo_page,
#main_photo_page2 {
	position: relative;
	/*border: solid 10px #fff;*/
	/*box-shadow: 0 1px 8px #ccc;*/
	margin: 0 auto;
	width: 100%;
	height: auto;
	max-width: 720px;
	box-sizing: border-box;
}
#main_photo_page img,
#main_photo_page2 img{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto;
	/*width: 100%;*/
	width: 600px;
	/*height: 540px;*/
	/*height: 460px;*/
	height: 400px;
	/*height: 360px;*/
	/*object-fit: cover;*/
	object-fit: contain;
	object-position: center center;
}	

#thumbnail_page,
#thumbnail_page2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	overflow: hidden;
	box-sizing: border-box;
	margin: 20px 0 0;
	padding: 15px !important;
	background: #f1f1f1;	
	
}
#thumbnail_page li,
#thumbnail_page2 li {
	margin: 0 5px 15px !important;
	list-style: none;
	width: 86px !important;
	height: 86px;
	/*border: 1px solid tomato;*/
	box-sizing: border-box;	
	
}

#thumbnail_page li img,
#thumbnail_page2 li img {
	/*opacity: .6;*/
	max-width: 86px;
	width: 100%;
	max-height: 86px;
	height: 100%;
	
	border: 1px solid #fff;
	background: #fff;
	object-fit: contain;
	box-sizing: border-box;	
	transition: .3s ease-in-out;
}



#thumbnail_page li.thumbnail_empty,
#thumbnail_page2 li.thumbnail_empty2 {
	content: "";
	display: block;
	margin: 0 5px 15px !important;
	width: 80px !important;	
	height: 0 !important;
}



#thumbnail_page li img:hover,
#thumbnail_page2 li img:hover {
	border: 1px solid #b07f77;
	opacity: 1;
}

#thumbnail_page li.current img, 
#thumbnail_page2 li.current img {
	border: 2px solid #b07f77;
	background: #fff;
	opacity: 1;
	height: 86px;
	/*object-fit: cover;*/
	object-fit: contain;
	object-position: center center;
	transition: .3s ease-in-out;
}

#caption_page,
#caption_page2 {
	padding: 10px 0;
	text-align: center;
	/*font-style: italic;*/
	font-size: 1.1em;
	font-weight: bold;
}


/*----------価格順ソート--------*/

.line_yama_wrap {/*ソートボタン右*/
	position: relative;
	box-sizing: border-box;
	/*border: 1px solid plum;*/
}

.line_yama_wrap img {
	width: auto;
	height: 24px;
}

/*line_yama_wrapが親要素*/
.sort_button_maker {
	position: absolute;
	right: 0;
	top: 20px;
	display: flex;
}
.sort_button_maker div {
	width: 80px;
	text-align: center;
}





.sort_button {
	display: flex;
	justify-content: flex-end;
	margin: 20px 0;
	padding: 0 0 15px;
	border-bottom: 1px solid #ccc;
}

.button_price,
.button_price2,
.button_price3, 
.button_price4, 
.button_price5, 
.button_price6, 
.button_price7, 
.button_price8 {
	background: #fff;
	color: #5b5b5b;
	padding: 2px 10px 3px;
	font-size: 1.0em;
	border-radius: 4px;
	cursor: pointer;
	border: 1px solid #747474;
	transition: .3s ease-in-out;
}
.button_price:hover,
.button_price2:hover,
.button_price3:hover, 
.button_price4:hover, 
.button_price5:hover, 
.button_price6:hover, 
.button_price7:hover, 
.button_price8:hover {
	background: #6ef468;
	box-shadow: 0px 0px rgba(0,0,0,.2);
}

.active_price,
.active_price2,
.active_price3,
.active_price4,
.active_price5,
.active_price6,
.active_price7,
.active_price8 {
  	background-color: #3bbd00;
	color: #f7f7f7;
}
.button_y,
.button_y2,
.button_y3,
.button_y4,
.button_y5,
.button_y6,
.button_y7,
.button_y8 {
	margin: 0 10px 0 0;
}
/*.button_t,
.button_t2,
.button_t3, 
.button_t4, 
.button_t5, 
.button_t6, 
.button_t7, 
.button_t8, {
	margin: 0 10px 0 0;
}*/

/*-------メーカー別一覧ソート-----*/

.sort_wrap,
.sort_wrap2,
.sort_wrap3,
.sort_wrap4,
.sort_wrap5,
.sort_wrap6,
.sort_wrap7,
.sort_wrap8 {
	margin: 0 0 30px;
}

.sort_wrap .imgthumb-wrap,
.sort_wrap2 .imgthumb-wrap,
.sort_wrap3 .imgthumb-wrap,
.sort_wrap4 .imgthumb-wrap,
.sort_wrap5 .imgthumb-wrap,
.sort_wrap6 .imgthumb-wrap,
.sort_wrap7 .imgthumb-wrap,
.sort_wrap8 .imgthumb-wrap {
	margin: 0 !important;
}




/*===========テスト↓==========*/








/*--------一覧ページソートテスト--------*/

.sort_thumb_container {
	border-top: 2px solid green;
	margin: 20px 0;
}

.sort_thumb_wrap {
	background: #f1f1f1;
	display: flex;
	flex-flow: wrap;
}


.sort_thumb {
	box-sizing: border-box;
	border: 1px solid tomato;
	padding: 15px 10px;
	width: 25%;
}

.sort_thumb img {
	display: block;
	margin: 0 auto;
}


/*==============ページネイションテスト=============================*/

/* ページャーのスタイル */

.paginathing-container {
	width: 100%;
	text-align: center;
	padding: 5px 0;
}
.paginathing-container ul {
}
.paginathing-container li {
	margin: 0 1%;
	display: inline-block;
	width: 30px;
	height: 30px;
}
.paginathing-container li a {
	display: block;
	padding: 4px 10px;
	border: 1px solid #5b5b5b !important;
	transition: .3s ease-in-out;
}

.paginathing-container li a:hover {
	background: #f2bcab;
}

.paginathing-container li:first-of-type {
	margin: 0 1% 0 0;
	width: 30px;
}
.paginathing-container li:nth-last-of-type(2) {
	margin: 0 1%;
	width: 30px;
}
.paginathing-container li:last-of-type {
	margin: 0 10px 0 0;
	width: 80px;
}
.paginathing-container li:last-of-type a {
	border: none !important;
	pointer-events: none;
	}

.navi-active a {
	background: #a84c2f !important;
	color: #fff !important;
}

/*---------------------------------------------------------------*/
/*すべて表示*/




#select-box {
	display: none;
}



/*.materials .select {
	background: #a84c2f !important;
	color: #fff !important;
}
.materials {
	width: 100%;
	margin: 30px 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.materials li {
	box-sizing: border-box;
	width: 15.5%;
	border: 1px solid #5b5b5b;
	border-radius: 6px;
	text-align: center;
}

.materials a {
	padding: 6px 10px;
	border-radius: 6px;
	display: block;
	transition: .3s ease-in-out;
}
.materials a:hover {
	background: #f2bcab;
}
*/





/*-------------------*/













/*==▲==========================================================*/