/* CSS Document */


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

.maincontent{
	width: 100%;
	padding: 0 2%;
	line-height:1.6;
	margin: 0 0 50px;
	font-size: 1.1em;
	text-align: justify;
	}
	
.maincontent h3 {
	font-size: 1.3em;
	margin-bottom: 20px;
	color: #5b5b5b;
	}

.maincontent p {
	color: #5b5b5b;
	}	
	
.bd {
	font-weight: bold;
	margin: 30px 0 10px;
	}
.maincontent dl {
	margin: 20px 0;
	color: #5b5b5b;
	}
.maincontent dt {
	margin: 0 0 10px;
}
.maincontent dd {
	margin: 0 0 5px 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: 100%;
	
	}

table.prof_t td{
	text-align: left;
	border-bottom: solid 1px #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: 100%;
	font-size: 1.0em;
	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{
	margin: 0 0 20px;
	border-collapse: collapse;
	border: solid 1px #CCCCCC;
	color: #747474;
	}
.refo-how th{
	width:100%;
	display:block;
	text-align:left;
	padding: 10px;
	color: #5b5b5b;
	background: #f7f7f7;
	}
.refo-how td{
	width:100%;
	display:block;
	border-top:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	padding: 10px;
}
/*--------------------*/

.harikae_logo {
	width: 100%;
	max-width: 360px;
	margin: 40px auto 30px;
	
}
.harikae_logo a {
	padding: 10px 20px;
	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;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 20px 0 50px;
}
#sincol div{
	width: 31%;
	text-align: center;
	box-sizing: border-box;
	}
#sincol div img {
	margin: 0 0 10px;
	width: 100%;
	max-width: 180px;
	height: auto;
}
#sincol div a {
	display: block;
	height: 100%;
	transition: .3s ease-in-out;
	padding: 10px 4%;
	font-size: .9em;
}
#sincol div a:hover {
	opacity: .7;
	}

@media screen and (max-width: 568px) {
	
#sincol div{
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	margin: 0 0 20px;
	}
}
	
/*---------------*/	
	
.daizi{
	color:#FF0000;
	font-size: 140%;
	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%;
	margin: 20px 0 40px;
	padding: 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;
	}

.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.6em;
	margin-right: 26px;
	padding: 0 0 5px;
}
.sppu-tit h2:before {
	content: '';
	display: inline-block;
	width: 26px;
	height: 26px;
	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.0em;
	margin: 0 0 30px;
}
.guide_index ul {
}
.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.0em;
	font-weight: 700;
	margin: 0 0 10px;
}	
.guide_index p:last-of-type {
	margin: 20px 0 0;
	font-size: 1.0em;
	font-weight: normal;
}		
/*---------------------*/
	
.midasi{
	border-bottom: dotted 1px #5b5b5b;
	margin: 20px 0;
	padding: 0 0 6px;
	font-size: 1.1em;
	color: #5b5b5b;
	}
.midasi:before {
	content:'';
	background-color: #FFE53B;
	background-image: linear-gradient(147deg, #FFE53B 0%, #ff5f25 74%);
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin: 0 5px 2px 0;
	border-radius: 50%;
	}
	
.step-zero ul{
	}
	
.step-zero li{
	margin-bottom: 15px;
	line-height: 1.8;
	font-size: 1.0em;
	}
.step-zero li:last-child {
	margin: 0 0 30px;
	}
.m_mark {
	width: 12px;
	height: 12px;
	display: inline-block;
	margin: 0 5px 0 0;
	border-radius: 50%;
	background-color: #FFE53B;
	background-image: linear-gradient(147deg, #FFE53B 0%, #ff5f25 74%);
}	
.sppu-main-con{
	width: 100%;
	margin: 0 0 40px;
	word-break:break-all;
	}	
.flow_mark {
	display: inline-block;
	background-image: linear-gradient( 135deg, #FFE985 10%, #FA742B 100%);
	border-radius: 50%;
	margin: 10px 5px 0 0;
	color: #d52e17;
	font-size: 1.4em;
	font-weight: bold;
	padding: 2px 12px;
}
.flow_title {
	color: #5b5b5b;
	font-size: 1.1em;
	font-weight: bold;
	}
.sppu-main-con p {
	font-size: 1.0em;
	margin: 5px 0 15px;
	line-height: 1.8;
	}
.sppu-main-con p.flow_sample {
	font-size: 1.0em;
	font-weight: bold;
	margin: 5px 0 0;
	text-indent: 5px;
	}	
.m2{
	padding: 10px 0;
	font-weight: bold;
	font-size: 1.0em;
	color: #2b2b2b;
	}
	
.s_green{
	color:#548739;
	font-size: 1.0em;
	margin: 0 5px 0 0;
}	

/*-----------お支払------------*/

.payment {
	/*background: #f1f1f1;*/
	background: #fff;
	padding: 20px;
	margin: 0 0 40px;
	box-sizing: border-box;
	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: 0 0 2px 1px rgb(0,0,0,.2);*/
	/*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 img {
	display: block;
	margin: 0 auto;
}
.b-box1 p:nth-child(2) {
	margin:20px 0;
	color: #5b5b5b;
	font-weight: bold;
	}

.b-box2{
	width: 100%;
	padding: 20px 20px 10px;
	margin: 20px 0 30px;
	border-radius: 6px;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #999;
	/*box-shadow: 0 0 1px 1px rgb(0,0,0,.4);*/
	}
	
table.supo-pri{
	border-collapse:collapse;
	margin: 10px 0;
	white-space: nowrap;
	text-align: center;
	}
table.supo-pri caption{
	color:#5b5b5b;
	text-align:left;
	font-size: 1.0em;
	font-weight:500;
	
	}
table.supo-pri td{
	border: solid 1px #999;
	padding: 5px;
	background: #fff;
	}	
.hos td{
	width:100%;
	display:block;
	}
	
/*----------保証について--------------*/	
.hosyou {
	font-size: .9em;
	padding: 5px;
	color: #737373;
	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: 30px auto;
}

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

.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: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
	
.site-box {
	width: 32%;
	box-sizing: border-box;
	background: #f8f8f8;
	padding: 0 1%;
	}
	
@media screen and (max-width: 667px) {
	
.sitemap_container {
	background: #f8f8f8;
}
.site-box {
	width: 48%;
	padding: 0 1%;
	box-sizing: border-box;
	}	
.site-box:last-of-type {
	width: 100%;
	}
.site_box3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.site_box3 ul {
	width: 48%;
	padding: 0 1%;
}
}

.site-box .ht{
	font-weight:bold;
	margin: 20px 0 10px;
	color: #545454;
	font-size: 1.1em;
	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_g.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;
	font-size: 1.2em !important;
	}
#cabox{
	width: 100%;
	}
#cabox ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
}
#cabox ul::after {
	content:"";
	display: block;
	width: 32%;
	height: 0;
}
#cabox ul::before {
	content:"";
	display: block;
	width: 32%;
	height: 0;
	order: 1;
}
#cabox ul li {
	width: 32%;
	margin: 0 0 20px;
	background: #f1f1f1;
	box-sizing: border-box;
	padding: 0 3% 20px;
	font-size: .9em;
	}
	
@media screen and (max-width: 576px) {
	
#cabox ul li {
	width: 48%;
	}
#cabox ul::after {
	content:"";
	display: block;
	width: 48%;
	height: 0;
}
}


#cabox ul li a img,
#cabox ul li img {
	/*width: 100px;
	height: 124px;*/
	width: 100%;
	max-width: 128px;
	height: 162px;
	object-fit: cover;
	margin: 20px 0 5px;
	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) ;
	}
#cabox ul li a img:hover {
	opacity: .7;
	}

#cabox ul li p.cabox_button_wrap {
	width: auto;
	height: 36px;
	margin: 0 auto;
}	
	
#cabox ul li span.cabox_button {
  display: inline-block;
  margin: 10px 0 15px;
  padding: 5px 10px;
  text-decoration: none;
  font-weight: bold;
  border-radius: 4px;
  color: #41636c;
  
  /*color: #f6fdec;
  background: #3bbd00;*/
  
  background: rgba(65,99,108,.2);
  border: 1px solid #41636c !important;
  
  text-shadow: 1px 1px 1px rgba(255, 255, 255, .1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .29);
  border-bottom: solid 2px rgba(180, 180, 179, 1);
  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;
	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;
}
	
/*----------------c-tab/ctab-------------------*/

.column3_thumb {
	overflow:hidden;
	width: 100%;
	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%;
	margin: 0 0 20px;
	text-align: left;
	position: relative;
	font-size: 0.75rem;
	}
.osusume_mark{
	position: absolute;
	background: #47ad47;
	color: white;
	padding: 4% 8%;
	border-radius: 50%;
	font-weight: bold !important;
	font-size: 2.0vw;
	right: 5%;
	top: 28%;
}	

.column3_thumb ul li a {
	height: 100%;
	padding: 10px 10px 0;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	border: solid 1px #ccc;
	transition: .3s ease-in-out;
	}

.column3_thumb ul li a:hover {
	opacity: .7;
	border:solid 1px #36f;
	}
	
.column3_thumb ul li a img{
	margin: 0 auto 5px;
	display: block;
	width: 100%;
	max-width: 220px;
	/*height: auto;*/
	height: 162px;
	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 {
	margin-top: auto;
	margin-bottom: 10px;
	}	

@media screen and (max-width: 568px) {
	
.column3_thumb ul li{
	width: 48%;
	font-size: 0.75rem;
	}

.osusume_mark{
	font-size: 2.0vw;
	right: 5%;
	top: 28%;
}	
.column3_thumb ul li:nth-of-type(2n) {
	margin: 0 0 20px;
	}	
	
}
	
@media screen and (max-width: 374px) {
	
.osusume_mark{
	font-size: 2.0vw;
	right: 5%;
	top: 24%;
}	
}

	
/*----------------scene--------------------------*/

.scenebox1,
.scenebox2,
.scenebox3,
.scenebox4 {
	margin-bottom:40px;
	}
.m-scenelist{
	float:right;
	margin:0 0 5px 5px;
	}
	
.scenelist {
	border-left: 5px solid #3C6;
	padding: 2px 0 2px 10px;
	margin: 0 0 10px;
}

.scene-text{
	letter-spacing:0.1em;
	line-height:1.5;
	margin: 0 0 10px;
	}
	
.scene-btn{
	clear:both;
	font-weight:bold;
	letter-spacing:0.1em;
	}
	
.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;
	}

.scene_header {
	display: flex;
}

.scene_header p {
	width: 60%;
	font-size: 1.05em;
	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;
}

@media screen and (max-width: 567px) {
	
.scene_header {
	display: flex;
	flex-direction: column;
}
.scene_header p:first-of-type {
	width: 100%;
	margin: 0 0 10px;
	background: #f7f7f7;
}
.scene_header p:last-of-type {
	width: 100%;
}
.scene_header p img {
	margin: 0 auto;
	display: block;
}	

}
	
.scene_subtit{
	width:100%;
	display: inline-block;
	clear:both;
	margin: 30px 0 20px;
	border-top: 1px dotted #933;
	padding: 30px 10px 10px;
	}
	
.sub_titimage{
	}
	
.sub_titimage span a {
	display: block;
	margin: 10px auto 0;
	}

.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;
	}
	
.counter_titimage {
	}
	
.scene_button {
	border: 1px #933 solid;
	background-image: url(../scene/img/title_bg_color.jpg);
	background-repeat: repeat;
	padding: 10px 20px;
	margin: 15px auto 20px;
	display: block;
	width: 300px;
	font-size: 1.1em;
	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;
}

.piup {
	color: #933;
	font-weight: bold;
	border-top: 2px solid #933;
	border-bottom: 2px solid #933;
	display: block;
	padding: 5px;
	text-align: center;
}

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

/*スライダー*/
#slider {
	position:relative;
	width:100%;
	overflow:hidden;
}

.tenjiopen{
	position:absolute;
	top: 2%;
	right: 1%;
	width: 100%;
	max-width: 86px;
	height: auto;
	}
	
/*カテゴリ別ナビ バナー*/	
	
#tenjinavi ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
#tenjinavi li {
	width: 19%;
	margin: 0 0 10px;
	}
	
@media screen and (max-width: 676px) {	

#tenjinavi ul li {
	width: 24%;
	margin: 0 0 10px;
	}
	
}

@media screen and (max-width: 567px) {	

#tenjinavi ul:after{
	width: 32%;
	display: block;
	content: "";
	height: 0;
	margin: 0;
	}
#tenjinavi ul li {
	width: 32%;
	margin: 0 0 10px;
	}
	
}
	

#tenjinavi li a {
	transition: .3s ease-in-out;
	}
#tenjinavi li a:hover {
	opacity: .7;
	}	

/*展示場 説明*/	

.tenji-coment {
	clear: both;
	border: 2px solid #89d3e0;
	background-color: #F1FAFA;
	border-radius: 6px;
	width: 100%;
	padding: 20px 5%;
	margin: 10px 0 30px;
	box-sizing: border-box;
}

.tenji-coment h3 {
	text-align: center;
	font-size: 1.2em;
	line-height: 1.8;
	color: #5b5b5b;
	margin: 0 0 10px;
}
.tenji-coment p {
	font-size: 1.0em;
	line-height: 1.6;
	box-sizing: border-box;
	color: #5b5b5b;
	text-align: center;
}
.tenji-coment p:nth-of-type(2) {
	margin: 0 0 20px;
}

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

/*カテゴリ別*/
.main-tit{
	clear: both;
	font-size: 1.3em !important;
	font-weight:bold;
	color: #5b5b5b;
	padding: 5px 0 5px 15px;
	border-left: 6px solid #64cdcc;
	border-bottom: 1px dotted #64cdcc;
	background-color: #F1FAFA;
	margin: 0 0 15px !important;
	}
	
.room-tit {
	border-left: 6px solid #64cdcc;
	background-color: #F1FAFA;
	font-size: 1.2em;
	padding: 8px 0 4px 8px;
	margin: 20px 0 10px;
	border-bottom: 1px dotted #64cdcc;
	color: #5b5b5b;
	clear: both;
}

.room-tit + p{
	font-size: 1.0em;
	padding: 10px !important;
	text-align: justify;
	text-justify: inter-ideograph;
}
.tenjiroom{
	margin-bottom: 30px;
	padding: 0 0 30px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width:100%;
	overflow:hidden;
	border-bottom: 1px dotted #5b5b5b;
	}
	
.tenjiphoto {
	width:48%;
	text-align: center;
	font-size: 0.8rem;
	margin: 0 0 15px;
	}
.tenjiphoto a {
	height: 100%;
	display: block;
	padding: 15px 5px;
	transition: .3s ease-in-out;
	border:solid 1px #CCCCCC;
	}
.tenjiphoto a:hover {
	opacity: .7;
	border: solid 1px #64cdcc;
	}
.tenjiphoto dt {
	font-weight: bold;
}

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

.link_right {
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
}
.link_right a img {
	width: 100%;
	max-width: 200px;
	height: auto;
}
.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{
	display:none;
	}

	
#kagu-toi-m{
	width:100%;
	margin-bottom:20px;
	}
	
/*------納品詳細------*/

#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:100%;
	}
	
.toiawaseBox{
	box-sizing: border-box;
	win-width: 320px;
	margin: 0 2% 25px;
	background: #fff;
	padding: 30px 4%;
	border-radius: 6px;
	border: solid 1px #b7b7b7;
	display: flex;
	flex-direction: column;
	aligen-items: center;
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
	}

.toiH {
	border-left: solid 5px #3bbd00;
	padding-left: 10px;
	font-size: 1.3em !important;
	font-weight:bold;
	margin: 0 auto 20px;
	display: inline-block;
	}

.toiawaseBox p {
	font-size: 1.1em;
	text-align: left;
}

.toiawase_img {
	margin: 10px auto 20px !important;
	display: block;
	width: 100%;
	max-width: 280px;	
}

.toiawase_footer {
	font-size: 1.1em;
	margin: 0 0 30px;
	padding: 0 2%;
	background: #fff;
	text-align: center;
}
.toiawase_footer p {
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}

.toiawase_footer p:first-of-type {
	font-size: 1.2em;
	margin: 0 0 10px;
	font-weight: bold;
	text-align: center;

}
.toiawase_footer p:last-of-type {
	background: #f1f1f1;
	padding: 20px 2% 15px;
	text-align: center;
	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;
	border-radius: 6px;
	background: #FFF;
	width: 100%;
	max-width: 280px;
	box-sizing: border-box;
	text-align: center !important;	
	margin: 10px auto 15px !important;
}
.tel_button_fax {
	border: 1px solid #7f9a7f;
	box-shadow: 0 1px 1px #CCC;
	border-radius: 6px;
	background: #FFF;
	width: 100%;
	max-width: 280px;
	padding: 5px 0;
	box-sizing: border-box;
	margin: 10px auto 25px;
	text-align: center !important;	
	display: block;
}

_:lang(x)+_:-webkit-full-screen-document, .tel_button {
  	width: 100%;
	max-width: 280px;
}

.tel_button a {
	display: block;
	padding: 4px 12px;
}


/*safari + iOSのChrome*/
_::-webkit-full-page-media, _:future, :root .tel_button a {
	display: block;
	padding: 4px 12px 7px;
}


.tel_button a:activ {
	border: 1px solid #cd2a2b;
	box-shadow: none;
	
}
.contact_svg {
	width: 30px;
	vertical-align: central;
}
.tel_button:last-of-type .contact_svg {
	width: 30px;
	vertical-align: central;
	margin: 0 0 -3px;
}
.dial_button {
	margin: 0 0 0 4px;
	line-height: 1.1;
	display: inline-block;
	padding: 4px 0;
	text-align: left;
}
.dial_txt {
	font-size: 0.75em;
	color: #cd2a2b;
	padding: 0;
}
.dial_txt_tel {
	font-size: 0.75em;
	color: #cd2a2b;
}
.contact_tel {
	font-size: 1.7em;
	color: #cd2a2b;
	font-weight: bold;
}

@media screen and (max-width: 374px) {	.contact_tel {
	font-size: 1.4em;
	}
}

@media screen and (max-width: 320px) {
.contact_tel {
	font-size: 1.2em;
	}
}

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

.form_button {
	padding: 10px 16px;
	display: block;
	border-radius: 6px;
	border: 2px #FFF solid;
	box-shadow: 1px 1px 1px 1px #B2B2B2;
	margin: 15px auto;
	color: #FFF !important;
	text-shadow: 1px 1px #333;
	text-align: center;
	width: 100%;
	max-width: 280px;
	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 {
	padding: 15px 18px;
	display: block;
	border-radius: 6px;
	border: 2px #FFF solid;
	box-shadow:0 0 1px 1px #B2B2B2;
	margin: 10px auto 15px;
	color: #FFF !important;
	text-shadow: 1px 1px #333;
	text-align: center;
	width: 100%;
	max-width: 280px;
	font-size: 1.15em;
	font-weight: bold;
	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;
	box-shadow: 0 0 1px 1px inset #3C0;	
}
	
/*------お問い合わせフォームページ------*/

.thank-text{
	line-height:1.6;
	letter-spacing:0.1em;
	}
	
/*------link------*/

.freelink {
	display:none;
}

.link-page{
	margin: 0 0 0 20px;
	}	
.link-page a {
	display:block;
	text-align:center;
	width:20px;
	height:20px;
	border:solid 1px #CCCCCC;
	float:left;
	margin-right:5px;
	text-decoration:none;
	font-size:0.7rem;
	margin-bottom: 5px;
}
.link-page a.now,
.link-page a:hover{
	background:#66CC00;
	}
	
#linkbox{
	width:100%;
	margin:0 auto;
	padding: 0 10px;
	}
.de1{width:100%;
	border-collapse:collapse;
	}
.de1 td{
	display:block;
	width:100%;
	border-bottom: 0;
	padding:10px 0 0;
	margin: 0;
	}
	
	.de1 td:nth-child(even){
		border-bottom:dashed 1px #CCCCCC;
		padding:0 0 15px 0;
		font-size:0.7rem;
		}
		
.sougo2{
	width:100%;
	padding: 10px;
	}

.sougo2 dt {
	margin: 20px 0 0;
	}
.sougo2 dt a {
	font-size: 1.1em;
	}	
.sougo2 dd{
		border-bottom:solid 1px #CCCCCC;
		padding: 0 0 20px;
		}

/*---------------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;
	flex-wrap: wrap;	
}
	
.move_size {
	width: 48%;
	background:#ffffbc;
	padding: 10px;
	margin: 10px auto;
	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);
}

@media screen and (max-width: 576px) {
	
.move_size_wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
}	
.move_size {
	width: 100%;
}
}

.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:1rem;
	margin-bottom:20px;
	margin-top:20px;
	}
#toku-all ul li{
	width:25%;
	float:left;
	padding-right:1%;
	margin-bottom:30px;
	font-size:0.7rem;
	text-align:center;
	}
	
	#toku-all ul li img{
		display:block;
		width:100%;
		margin-bottom:10px;
		}
		
@media screen and (max-width: 374px) {
  #toku-all ul li{
	width:50%;
	}
}

/*----------------搬入代行サービス----------------------*/				
		
.daikou_top {
	width: 100%;
	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: 5px 1% 10px;
	display: block;
}			

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

.daikou_top2 h3 {
	color: #ed7522;
	font-size: 1.4em;
	font-weight: bold;
	padding: 15px 20px;
	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 20px 20px;
	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;
}
.daikou_top2 img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0;
}	
		
.daikou_top2 .cyuui_jikou {
	font-size: 1.2em;
	color: #F30;
}	
.daikou_riten {
	padding: 10px 0;
}	
	
.daikou_riten h4 {
	color: #374c97;
	font-size: 1.4em;
	font-weight: bold;
	padding: 20px 0;
	text-align: center;
	
}	
.riten_item  {
	margin-bottom: 0;
	
}	
	
.riten_item h5 {
	color: #374c97;
	font-size: 1.4em;
	font-weight: bold;
	padding: 15px 15px 5px 0;
	border-bottom: 1px solid #374c97;
	margin: 0 20px;
}		
	
.riten_item img {
	vertical-align: bottom;
	margin: 0 10px 0 0;
	
}		
.riten_item p{
	font-size: 1.2em;
	color: #5b5b5b;
	padding: 10px 20px;
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
	
}
		
.daikou_price {
	margin: 0 0 40px;
}

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

.daikou_price p {
	font-size: 1.2em;
	color: #5b5b5b;
	margin: 0 auto 10px;
	padding: 15px 20px;
	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;	
}			
	
.daikou_price img {
	display: block;
	margin: 0 auto;
}


	

/*=================================================================
▼北村add
===================================================================*/

/*------------ページトップへ------------*/

.pagetop {
    display: none;
    position: fixed;
    bottom: 3%;
    right: 3%;
	z-index: 100;
}
.pagetop a {
    display: block;
    background-color: #3bbd00;
    text-align: center;
    color: #f7f7f7;
    font-size: 12px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);
    text-decoration: none;
    padding: 10px 16px;
    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;
    font-size: 12px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.8);
    text-decoration: none;
    padding:10px 16px;
    opacity: .7;
	border-radius: 6px;
}	

/*----------限定商品アイコン--------------------*/

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

.limited_color {
	color: #13659e !important;
	margin: 0 0 10px;
	text-align: center !important;
}


.jucyu {
	background: #698d0f;
	color: white !important;
	padding: 4px;
	text-align: center !important;
	margin: 0 auto 5px !important;
	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: 0 0 10px;
}
.ft_type {
	color: #cafdca;
	font-size: 1.1em;
	background-color: #609d51;
	padding: 5px 4%;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 20px -10px 0 !important;
	width: 100%;
}
.ft_type_wrap p {
	width: calc(100% - 100px);
	font-size: 1.1em;
}

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

.ft_color_wrap {
	width: 100%;
	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 1% 20px;
	border: 1px solid #ccc;
    margin-right:-1px;
    margin-top:-1px;
	width: calc(25% + 1px);
}
.ft_color li img {
	margin: 0 0 10px;
}

.number {
	background: #f1f1f1;
	padding: 10px;
	font-weight: bold;
	margin: 0 0 10px;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}


.ft_color::before,.ft_color::after {
	height: 0;
	padding: 0 1%;
	border: none;
	box-sizing: border-box;
	display: block;
	content: "";
    margin-right:-1px;
    margin-top:-1px;
	width: calc(25% + 1px);
}
.ft_color::before {
	order: 1;
}

@media screen and (max-width: 576px) {
	
.ft_color li {
	font-size: .85em;
    margin-right:-1px;
    margin-top:-1px;
	width: calc(100% / 3 + 1px);
}
.number {
	font-size: 1.1em;
}

.ft_color::before,.ft_color::after {
	height: 0;
	padding: 0 1%;
	border: none;
	box-sizing: border-box;
	display: block;
	content: "";
    margin-right:-1px;
    margin-top:-1px;
	width: calc(100% / 3 + 1px);
}
.ft_color::before {
	order: 1;
}
}

/*=======見積りスペック・ボタン部分=====*/
	

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

.mitu_annai,
.mitu_annai_t {
  position: relative;
  display: block;
  margin: 20px auto 25px;
  width: 100%;
  /*max-width: 350px;*/
  border-top: 2px solid rgba(234,168,35,1);/*本体ボーダーtop*/
  border-bottom: 2px solid #fdcf72;/*本体ボーダーbottom*/
  box-sizing: border-box;
  border-radius: 6px;
  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: block;
	margin: 20px auto 25px;
  width: 100%;
  max-width: 350px;
  border-top: 2px solid rgba(234,168,35,1);
  border-bottom: 2px solid #fdcf72;
  box-sizing: border-box;
  border-radius: 6px;
  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,
.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_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,
.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_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 .mitu_text,
.mitu_annai_t .mitu_text {
	font-size: 1.1em;
	font-weight: 700;
	color: #f10404;
	padding: 6px 20px;
	text-align: center !important;
}


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

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

.mitumori_button .button_wrap,
.mitumori_button_t .button_wrap {
	display: flex;
	justify-content: space-around;
}


.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: 100%;
  max-width: 270px;
  height: 52px;
  margin: 0 10px 18px 0 !important;
  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: .3s ease-in-out;
	
}
.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 {
	/*clear: both;*/
  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,170,50,1) 100%);
 margin: 0 0 18px !important;
  width: 100%;
  max-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: .3s ease-in-out;
	
}
.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;
}



@media screen and (max-width: 567px) {
	
	.mitumori_button .button_wrap,
	.mitumori_button_t .button_wrap {
	display: flex;
		flex-direction: column;
		align-items: center;
}


.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: 100%;
  max-width: 300px;
  height: 52px;
  margin: 0 auto 18px !important;
  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: .3s ease-in-out;
	
}
.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,170,50,1) 100%);
  margin: 0 auto !important;
  width: 100%;
  max-width: 300px;
  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: .3s ease-in-out;
	
}
.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,
.mitumori_button_t {
	background: #f7f7f7;
	margin:10px auto 30px !important;
	width: 100%;
	border: solid 1px #CCC;
	padding: 20px 5%;
	box-sizing: border-box;
	}
	

/*-------------チェア・天板スペック リストタグ（dl/dt/dd）------------------------*/	

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

.mitumori_name,
.mitumori_name_t {
	padding: 10px 5%;
	color: #747474;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	font-size: .975em !important;
}

.mitumori_name dt,
.mitumori_name_t dt {
	box-sizing: border-box;
	width: fit-content;
	max-width: 60px;
	padding: 5px 0;
	text-align: left;
}
.mitumori_name dt::after,
.mitumori_name_t dt::after {
	content: ":";
  margin: 0 3px;
	box-sizing: border-box;
}

.mitumori_name dd,
.mitumori_name_t 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;
}


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

.tyui_button {
	width:270px;
	margin:10px auto 0 auto;
	padding:15px 5px;
	border-top: dotted 1px #ccc;
	text-align: justify;
	text-justify:inter-ideograph;  
	}		
.tyui_button p {
	line-height:1.7;
	font-size: 9pt;
	color: #666;
	}
	
.tyui_button li{
	background: url(../img/mark02.svg) no-repeat center left;
	background-size: 10px auto;
	padding-left:12px;
	float:left;
	margin:10px 0 0 0;
	width: 120px;
	}
	
	
/*-------------送料 納期-------------*/	
	
.tyui,
.tyui_t {
	width: 100%;
	margin: 20px auto 0;
	padding: 15px 5px 5px;
	border-top: dashed 1px #747474;
	}

.tyui p,
.tyui_t p {
	line-height: 1.8;
	/*font-size: .9em;*/
	font-size: .975em !important;
	color: #5b5b5b;
	text-align: center;
	}

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

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

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

.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-content;
	text-align: left;
	}	

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

.tyui .sanman,
.tyui_t .sanman {
	color: #F00;
	font-weight: bold;
	font-size: 1.2em;
	margin: 5px 0 0;
}

/*クオンJS表記中*/
.sanman + p {
	color: red;
	font-size: 1.2em;
	margin: 0 0 10px;
	text-align: center !important;
}


@media screen and (max-width: 576px) {
	
	.tyui p,
	.tyui_t p {
		text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
	}
	
.tyui ul,	
.setumei_link {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}	
	

.tyui .sanman,
.tyui_t .sanman {
	text-align: left !important;
}

.sanman + p {
	text-align: left !important;
}

	
	
}





/*----------↓こちらのカタログサイトもごらんください---------*/

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

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

.slick_wrap {
	width: 100%;
	max-width: 100%;
	padding: 10px 0;
	box-sizing: border-box;
}


.kanren_slick_fav {
	overflow: hidden;
	padding: 10px 8%;
	border-bottom: 1px dotted #5b5b5b;
}	


.kanren_slick_fav li {
	position: relative;
	text-align: center;
	background: #fff;
	font-size: .9em;
	transition: .3s ease-in-out;
	margin: 0 10px;
	width: 134px;
	height: 100%;
}	


.kanren_slick_fav li a {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	height: 100% !important;
	padding: 10px 10px 0;
	transition: .3s ease-in-out;
	position: relative;
 
	overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}

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

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


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


.kanren_slick {
	border-radius: 6px;
	padding: 12px 2% 13px;
	background: #f1f1f1;
}	

.kanren_slick li {
	text-align: center;
	background: #fff;
	font-size: .9em;
	transition: .3s ease-in-out;
	margin: 0 4px;
	padding: 0 0 10px;
	width: 134px;
	height: 100%;
	
}
.kanren_slick li a {
	box-sizing: border-box;
	display: block;
	padding: 10px 3% 0;
	transition: .3s ease-in-out;
	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: 100%;
	max-width: 100px;
	/*height: auto;*/
	height: 100px;
	/*object-fit: contain;*/
	object-fit: cover;
}

.kanren_slick li br {
	display: block;
	content: "";
	margin: 0;
}

/*safari + iOSのChrome*/

_::-webkit-full-page-media, _:future, :root .kanren_slick li a {
	box-sizing: border-box;
	display: block;
	padding: 10px 3% 0;
	transition: .3s ease-in-out;
	height: 100%;
	
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

}
_::-webkit-full-page-media, _:future, :root .kanren_slick li img {
	display: block;
	margin: 0 auto -10px;
	width: 100%;
	max-width: 100px;
	height: auto;
	object-fit: contain;

}

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

.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;
}


/*safari + iOSのChrome*/
_::-webkit-full-page-media, _:future, :root .kanren_slick li img {
	/*display: block;
	margin: 0 auto;*/

}
/*safari + iOSのChrome*/
_::-webkit-full-page-media, _:future, :root .kanren_slick_fav li img {
	display: block;
	margin: 0 auto;

}

@media screen and (max-width: 600px) {
	
	.kanren_slick li {
	font-size: .85em;
	transition: .3s ease-in-out;
	}
	
	.kanren_slick li a {
	}
	
	/*------ランキング------*/

	.kanren_slick_fav li {
	font-size: .85em;
	transition: .3s ease-in-out;
	margin: 0 2px;
	}	
	.kanren_slick_fav li a {
	padding: 0;
	}
}

@media screen and (max-width: 374px) {
	
	.kanren_slick li {
	}
	
	/*------ランキング------*/
	
	.kanren_slick_fav li {
	}
	
	
}


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

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

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

/*.products_slick {
	width: 100%;
	max-width: 600px;
	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;
	
}*/

/*-------- Arrows調整---------*/

/*.products_slick .slick-prev,
.products_slick .slick-next {
	width: 32px !important;
	height: 32px !important;
	
	font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    display: block;

    width: 22px;
    height: 22px;
    padding: 0;

    cursor: pointer;

	color: #5b5b5b;
	
    border: none;
    outline: none;
    background: transparent;
	z-index: 2;

}

.products_slick .slick-prev {
}

.products_slick .slick-next{
}

.products_slick .slick-prev:before,
.products_slick .slick-next:before {
	font-size: 32px !important;
	line-height: 1.2;
	width: 32px !important;
	height: 32px !important;
	
}

.products_slick .slick-prev:before {
    content: '←';

}
.products_slick .slick-next:before {
   content: '→';

}*/

/*_:lang(x)+_:-webkit-full-screen-document, .products_slick .slick-prev:before {
	line-height: 1.215;
}
_:lang(x)+_:-webkit-full-screen-document, .products_slick .slick-next:before {
	line-height: 1.215;
}*/

/*-----------height調整----------*/

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

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


/*.products_slick_wrap .products_slick .slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
	
	height: auto;
}

.products_slick_wrap .products_slick .slick-dots::before {
	content: "";
    display: block;
    padding-top: 100%;
}*/

/*.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;
    list-style: none;
    text-align: center;
	height: 230px;
	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 !important;
    box-sizing: border-box;
	border: 1px solid #666 !important;
	opacity: .4;
	z-index: 2;
}

.products_slick_wrap .products_slick .slick-dots li.products_slick-dots_empty {
	width: 60px;
	height: 0 !important;
	margin: 5px;
	border: 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: 10px auto 20px;
}
.gallery_wrap,
.gallery_wrap2,
.gallery_wrap3,
.gallery_wrap4 {
	width: 100%;
	max-width: 600px;
	box-sizing: border-box;
	margin: 10px auto 20px;
}

.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 {
	margin: 0 auto 5px;	
}


.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 {
	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 .gallery_full { 
	margin: 0 auto 15px;
	width: 100%;
	height: auto;
}
.gallery_wrap .gallery,
.gallery_wrap2 .gallery2,
.gallery_wrap3 .gallery3,
.gallery_wrap4 .gallery4 {
	margin: 0 auto 15px;
	max-width: 300px;
}

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

.gallery_wrap_full ul.choice-btn_full {
	width: fit-content;
	margin-inline: auto;
	/*width: 100%;*/
	border: 2px solid purple !important;
}

.gallery_wrap_full ul.choice-btn_full li {
	/*cursor: pointer;
  	outline: none;
	box-sizing: border-box;
  	width: 14% !important;
	min-width: 60px !important;
	margin: 0 12% 2% 0 !important;
	box-sizing: border-box;*/
}





.gallery_wrap ul.choice-btn,
.gallery_wrap2 ul.choice-btn2,
.gallery_wrap3 ul.choice-btn3,
.gallery_wrap4 ul.choice-btn4 {
	display: inline-block;
	margin: 0 auto !important;
	box-sizing: border-box;
	width: 90%;
}


.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;
	box-sizing: border-box;
  	width: 18% !important;
	min-width: 60px;
	margin: 0 2% 15px !important;
}


.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;
    opacity: .8;
	transition: .3s ease-in-out;
	box-sizing: border-box;
	border: 2px solid #ccc;
}

.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: 2px 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;
	padding: 20px 2% 0;
	margin: 0 0 30px;
}

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

.footer_catalog li {
	text-align: center;
	font-size: .9em;
	width: 18%;
	box-sizing: border-box;
	transition: all .3s ease-in-out;
}

.catalog_empty {
	width: 18%;
	height: 0;
	margin: 0;
}


.footer_catalog li a {
	display: block;
	text-decoration: none;
	color: #5b5b5b;
	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: 72px;
	height: 91px;
	object-fit: cover;	
}
.footer_catalog li:hover {
	opacity: .7;
}




@media screen and (max-width: 576px) {
	
.footer_catalog_wrap {
}	
		

.footer_catalog li {
	width: 23%;
}
	
.footer_catalog li a {
	display: block;
	text-decoration: none;
	color: #5b5b5b;
	transition: all .3s ease-in-out;
	margin: 0 0 15px;
}

.catalog_empty {
	width: 23%;
	height: 0;
	margin: 0;
}
	
}

@media screen and (max-width: 374px) {
	
.footer_catalog li {
	width: 30%;
	font-size: .85em;
	
}


.catalog_empty {
	width: 30%;
	height: 0;
	margin: 0;
}

}

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

.ichiran_thumb {
	width: 100%;
	background: #f1f1f1;
	border: solid 1px #CCC;
	padding: 20px 2% 10px;
	margin: 0 0 30px;	
}

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

.footer_item {
	text-align: center;
	font-size: .85em;
	width: 18%;
	margin: 0 0 15px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	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;
}

@media screen and (max-width: 576px) {
	
.footer_item {
	text-align: center;
	font-size: .85em;
	width: 23%;
}
.footer_empty {
	width: 23%;
	height: 0;
	margin: 0 !important;
	padding: 0;
}
	
}

@media screen and (max-width: 374px) {
	
.footer_item {
	background: #FFF;
	width: 31%;;
	font-size: .8em !important;
	
}
.footer_empty {
	width: 31%;
	height: 0;
}
	
}

/*------------フッター最下部に固定(仮)-----------*/

.short_body_wrap {
	display: flex;
  	flex-direction: column;
  	min-height: calc(100vh - 395px);
	
}

@media screen and (max-width: 414px) {
	.short_body_wrap {
	display: flex;
  	flex-direction: column;
  	min-height: calc(100vh - 440px);
	
}

}

/*----ボタン装飾 メーカーからカタログサイトへ-----*/

.catalog_area {
	text-align: center;
	margin: 5px 0 30px;
	padding: 20px;
	border-radius: 10px;
}
.button1,
.button_small {
	position: relative;
	background: #3bbd00;
	padding: 10px 22px;
	border-radius: 6px;
	border: 2px #FFF solid;
	box-shadow: 0 0 6px 1px #CCC;
	display: inline-block;
	margin: 10px auto 0;
	color: white;
	font-weight: bold;
	transition: .3s ease-in-out;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.button1 {
	width: 280px;
	padding: 10px 22px;
}
.button_small {
	max-width: 224px;
	width: 100%;
	padding: 6px 22px;
	font-size: 0.9em;
}

@media screen and (max-width: 567px) {
	
.button_small {
	font-size: 0.8em;
	padding: 4px 20px;
	height: 40px;
	line-height: 30px;
}
}

.button1:hover,
.button_small:hover {
	background: #6ef468;
	color: #3bbd00;
	font-weight: bold;
}

.button1::before,
.button_small::before {
	position: absolute;
	top: 50%;
	left: 1.2em;
	content: '';
	margin-top: -6px;
	padding-right: 2px;
	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 40px;
}
.shousai_item {
	box-sizing:border-box;
	padding: 15px;
	border: 1px solid #64cdcc;
	border-radius: 6px;
	width: 32.5%;
	display: flex;
	flex-direction: column;
}
.shousai_item p:first-child {
	background: #64cdcc;
	color: #f1f1f1;
	/*border-radius: 6px;*/
	margin: 0 0 5px;
	padding: 4px 2px 2px;
	text-align: center;
}
.shousai_item p:last-of-type {
	display: block;
	margin: auto auto 0;
}

@media screen and (max-width: 567px) {
	
.kinou_shousai {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 0 40px;
}
.shousai_item {
	margin: 0 0 10px;
	width: 100%;
	display: flex;
	flex-direction: column;
}
.shousai_item img {
	display: block;
	margin: 5px auto 0; 
	
}

}

/*----------ユーティリティクラス---------------*/

.center_sp {/*モバイルのみ中央配置 プロシードレッグページ他*/
	text-align: center !important;
	padding: 0;
}
.center_sp_b {/*モバイルのみ中央配置 シーン別ページ 201601他*/
	display: block;
	margin: 0 auto !important;

}
.t_center {
	text-align: center !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;
}
.t_right {
	text-align: right !important;
}

.justify {
	text-align:justify !important;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}


.tr_tc {/*PC右寄せ*/
	text-align: center;
}

.verticl_b {
	vertical-align: bottom;
}
.verticl_m {
	vertical-align: middle;
}
.opa {
	transition: .3s ease-in-out !important;
}
.opa:hover {
	opacity: .7;
}
.opa2 {
	transition: .3s ease-in-out;
	border: 1px solid #fff;
}
.opa2:hover {
	opacity: .7;
	border: 1px solid #36f !important;
}
.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;
}


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

.img_center {/*脚カット対応品有りimg*/
	margin: 0 auto !important;
	display: block;
	text-align: center !important;
}	
.mb1 {/*pricedown画像の上部対策・他*/
	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;	
}

.mbm_m {/*画像背景白透過*/
	mix-blend-mode: multiply;
}
.mh120 {/*scroll-hint 最低高さ確保*/
	min-height: 120px;
}

.radius50 {/*画像円*/
	border-radius: 50%;
	border:  1px solid #ccc;
}

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

.inline_b {/*単語改行対策*/
	display: inline-block;
}
.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.04), 
              0 2px 2px rgba(0,0,0,0.04), 
              0 4px 4px rgba(0,0,0,0.04), 
              0 6px 8px rgba(0,0,0,0.04),
              0 8px 16px rgba(0,0,0,0.04);
}

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

.green_logo::before {
	content: '';
	display: inline-block;
	width: 50px;
	height: 25px;
	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.0em;
	margin: 10px 0;
}

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

.br_pc {/*PCのみ改行*/
	display: none;
}
.br_sp {/*SPのみ改行*/
}
.no_pc {/*モバイル不用*/
}
.no_sp {/*モバイル不用*/
	display: none !important;
}

.visib_hidd,.visib_hidd_nosp {
	visibility: hidden;
}

@media screen and (max-width: 767px) {
.visib_hidd_nosp {
	display: none !important;
}
}

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

.top_price_down {
	background: red;
	padding: 5px 10px;
	width: 100%;
	color: white !important;
	font-weight: bold;
	font-size: .9em;
	display: block;
	margin: 10px auto !important;
	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, 8px 8px;
  	background-size: 16px 16px;
}	
	
/*=========FLEXBOX=======*/

/*f_column1_s・・・・flex-start・折り返さず縮小*/
/*f_column1_a・・・・around 横中央揃え*/
/*f_column1_b・・・・between 横上揃え*/
/*f_column1_a_c・・・・モバイル576px*/
/*f_column1_b_c・・・・モバイル576px 縦並び*/

/*テキストのスタイルは.t_left .t_centerなどで調整*/

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

.f_column2_s {/*モバイル折り返さず縮小*/
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	margin: 10px auto;
	line-height: 1.6;
}
.f_column2_s p {
	margin: 0 10px 10px 0;
	font-size: .9em;
	text-align: center;
}

.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 {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	margin: 10px 0;
	line-height: 1.6;
	box-sizing: border-box; 
}

.f_column2_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_column2_b {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	margin: 10px 0;
	text-align: center;
	line-height: 1.6; 
	box-sizing: border-box;
}

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

.f_column2_a_c::after,
.f_column2_b_c:after {
	content: "";
	display: block;
	width: 49%;
	height: 0;
}

.f_column2_a p,
.f_column2_b p,
.f_column2_a_c p,
.f_column2_b_c p {
	flex: 0 1 49%;
	margin: 0 0 10px;
	text-align: center;
	line-height: 1.6; 
}

.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;
	line-height: initial;
}
.f_column2_a_item,
.f_column2_a_c_item,
.f_column2_b_item,
.f_column2_b_c_item {
	margin: 0;
	/*flex: 0 1 48%;*/
	width: 48%;
}

.f_column2_a_item p,
.f_column2_b_item p,
.f_column2_a_c_item p,
.f_column2_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;
	line-height: 1.6; 
}

.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;
	
	width: 100%;
	max-width: 300px;
	height: auto;
	/*object-fit: cover;
	object-fit: contain;*/
}


@media screen and (max-width: 576px) {	

.f_column2_a_c,
.f_column2_b_c {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 10px 0;
}
	
.f_column2_a_item, 
.f_column2_b_item, 
.f_column2_a_c_item,
.f_column2_b_c_item {
	width: 100%;
	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_column2_a p,
.f_column2_a_c p,
.f_column2_a_item p,
.f_column2_a_c_item p,
.f_column2_b p, 
.f_column2_b_c p, 
.f_column2_b_item p,
.f_column2_b_c_item p {
	margin: 0 0 10px;
	width: 100%;
	
}
.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;
	width: 100%;
	max-width: 350px;
	height: auto;
	/*object-fit: cover;
	object-fit: contain;*/
}


}

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

.f_column3_s {/*モバイル折り返さず縮小*/
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	margin: 10px auto;
	line-height: 1.4;
}
.f_column3_s p {
	margin: 0 10px 10px 0;
	font-size: .9em;
	text-align: center;
}

.f_column3_s_item p {
	margin: 0 10px 10px 0;
	text-align: left;
}

.f_column3_s p:last-of-type,
.f_column3_s_item p:last-of-type {
	margin: 0 0 10px;
}


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

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

.f_column3_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_column3_b {
	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_column3_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_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::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 p,
.f_column3_b p, 
.f_column3_a_c p,
.f_column3_b_c p {
	flex: 0 1 32%;
	margin: 0 0 10px;
	text-align: center;
}

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


.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;
	height: 0;
}

.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 p img,
.f_column3_a_c p img,
.f_column3_a_item p img,
.f_column3_a_c_item p img,
.f_column3_b p img, 
.f_column3_b_c p img, 
.f_column3_b_item p img,
.f_column3_b_c_item p img {
	display: block;
	margin: 0 auto 5px;
	width: 100%;
 height: auto;
}

@media screen and (max-width: 576px) {	

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

	
.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 48%;
	/*width: 48%;*/
	font-size: .9em !important;
}

.f_column3_a_item,
.f_column3_b_item,
.f_column3_a_c_item,
.f_column3_b_c_item {
	flex: 0 1 48%;
	/*width: 48%;*/
	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;
}

	
}

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

@media screen and (max-width: 374px) {	

.f_column3_a_c,
.f_column3_b_c {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 10px 0;
}

.f_column3_a_c_item,
.f_column3_b_c_item {
	width: 100%;
	margin: 0 auto 10px;
}

.f_column3_a_c p,
.f_column3_b_c p {
	/*width: 100%;*/
	margin: 0 0 10px;
}

.f_column3_a p img,
.f_column3_b p img, 
.f_column3_a_c p img,
.f_column3_b_c p img {
	display: block;
	margin: 0 auto 5px !important;
	width: 100%;
	max-width: 300px;
	height: auto;
}

}

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

.f_column4_s {/*モバイル折り返さず縮小*/
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	margin: 10px auto 20px;
	line-height: 1.6;
}
.f_column4_s p {
	margin: 0 10px 10px 0;
	font-size: .9em;
	text-align: center;
	 word-wrap: break-all;
    overflow-wrap: break-all;
}

.f_column4_s_item p {
	margin: 0 10px 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_s p:last-of-type,
.f_column4_s_item p:last-of-type {
	margin: 0 0 10px;
}

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

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

.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 {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	margin: 10px 0;
	line-height: 1.6;
	box-sizing: border-box;
}

.f_column4_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_column4_a_c::after,
.f_column4_b_c::after {
	width: 24%;
	display: block;
	height: 0;
	content: "";
}
.f_column4_a_c::before,
.f_column4_b_c::before {
	width: 24%;
	display: block;
	height: 0;
	content: "";
	order: 1;
}

.f_column4_a p,
.f_column4_a_c p,
.f_column4_b p,
.f_column4_b_c p {
	margin: 0 0 10px;
	/*flex: 0 1 24%;モバイルimg伸長なし*/
	width: 24%;
	font-size: 1.0em;
	text-align: center !important;
}
.f_column4_a_item,
.f_column4_a_c_item, 
.f_column4_b_item,
.f_column4_b_c_item {
	/*flex: 0 1 24%;モバイルimg伸長なし*/
	width: 24%;
	margin: 0 0 10px;
	padding: 10px;
	text-align: center;
}

.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;
	height: 0;
	
}

.f_column4_a p,
.f_column4_a_c p,
.f_column4_b p,
.f_column4_b_c p,
.f_column4_a_item p,
.f_column4_b_item p,
.f_column4_a_c_item p,
.f_column4_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_column4_a p img,
.f_column4_a_c p img,
.f_column4_a_item p img,
.f_column4_a_c_item p img,
.f_column4_b p img, 
.f_column4_b_c p img, 
.f_column4_b_item p img,
.f_column4_b_c_item p img {
	display: block;
	margin: 0 auto 5px;
}

@media screen and (max-width: 576px) {	

.f_column4_a_c::after,
.f_column4_b_c::after {
	content: "";
	display: block;
	height: 0;
	width: 48%;
}
.f_column4_a_c::before,
.f_column4_b_c::before {
	content: "";
	display: block;
	height: 0;
	width: 48%;
	order: 1;
}
	
.f_column4_a p,
.f_column4_b p {
		
}
	
.f_column4_a_c p,
.f_column4_b_c p {
	width: 48%;
	margin: 0 0 10px;
	font-size: .9em;
}
.f_column4_a_c_item,
.f_column4_b_c_item {
	width: 48%;
	margin: 10px 0 20px;
	font-size: .9em;
}	
	
}
/*-------------------*/
	
@media screen and (max-width: 374px) {
.f_column4_a_c,
.f_column4_b_c {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 10px 0 20px;
}

.f_column4_a_c_item,
.f_column4_b_c_item {
	width: 100%;
	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_a p,
.f_column4_b p {
		
}
	
.f_column4_a_c p,
.f_column4_b_c p {
	/*width: 100%;*/
	margin: 0 0 10px;
}
.f_column4_a_c p img,
.f_column4_b_c p img {
	display: block;
	margin: 0 auto !important;
	width: 100%;
	max-width: 300px;
	height: auto;
}

}

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

.f_column5_s {/*モバイル折り返さず縮小*/
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	margin: 10px auto 20px;
	line-height: 1.6;
}
.f_column5_s p {
	margin: 0 10px 10px 0;
	font-size: .9em;
	text-align: center;
	 word-wrap: break-all;
    overflow-wrap: break-all;
}

.f_column5_s_item p {
	margin: 0 10px 10px 0;
	text-align: left;
}

.f_column5_s p:last-of-type,
.f_column5_s_item p:last-of-type {
	margin: 0 0 10px;
}

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

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

.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 {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	margin: 10px 0;
	line-height: 1.6;
	box-sizing: border-box;  
}

.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 p,
.f_column5_a_c p,
.f_column5_b p,
.f_column5_b_c p {
	margin: 0 0 10px;
	flex: 0 1 24%;/*モバイルimg伸長なし*/
	/*width: 19%;*/
	text-align: center;
}

.f_column5_a_c_item,
.f_column5_b_c_item {
	margin: 0 0 10px;
	/*padding: 10px;*/
	width: 24%;
}

.f_column5_a_c::before,
.f_column5_b_c::before {
	width: 24%;
	order: 1;
	content: "";
	display: block;
	height: 0;
	margin: 0 0 10px;
}

.f_column5_a_c::after,
.f_column5_b_c::after {
	width: 24%;
	content: "";
	display: block;
	height: 0;
	margin: 0 0 10px;
}

.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;
}

.f_column5_a_item p,
.f_column5_b_item p,
.f_column5_a_c_item p,
.f_column5_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_column5_a p img,
.f_column5_a_c p img,
.f_column5_a_item p img,
.f_column5_a_c_item p img,
.f_column5_b p img, 
.f_column5_b_c p img, 
.f_column5_b_item p img,
.f_column5_b_c_item p img {
	display: block;
	margin: 0 auto 5px;
}

@media screen and (max-width: 576px) {	
	
.f_column5_a p,
.f_column5_b p {
	margin: 0 0 10px;
	flex: 0 1 32%;/*伸長なし3分割？*/
}
	
.f_column5_a_c p,
.f_column5_b_c p,
.f_column5_a_c_item,
.f_column5_b_c_item {
	margin: 0 0 10px;
	/*width: 48%;*/
	flex: 0 1 32%;/*伸長なし3分割？*/
}

.f_column5_a_c::before, 
.f_column5_b_c::before {
	width: 32%;
	order: 1;
	content: "";
	display: block;
	height: 0;
	margin: 0 0 10px;
}
.f_column5_a_c::after,
.f_column5_b_c::after {
	width: 32%;
	content: "";
	display: block;
	height: 0;
	margin: 0 0 10px;
}
	
}

/*-------------------*/
	
@media screen and (max-width: 374px) {		

.f_column5_a p,
.f_column5_b p {
	margin: 0 0 10px;
	flex: 0 1 48%;/*伸長なし2分割？*/
}
	
.f_column5_a_c p,
.f_column5_b_c p,
.f_column5_a_c_item,
.f_column5_b_c_item {
	margin: 0 0 10px;
	/*width: 48%;*/
	flex: 0 1 48%;/*伸長なし2分割？*/
}
	
}
	
/*-----シンプルな横並び----*/

.flex,
.flex_column {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	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_columnp:last-of-type {
	margin: 0 0 10px;
	text-align: center;
	line-height: 1.6;
}


@media screen and (max-width: 576px) {
	
.flex_column {
	display: flex;
		flex-direction: column;
		align-items: center;
}
.flex_column p {
	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;
	width: fit-content;
	margin: 0 auto;
	
}
.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;
	text-align: center;
	font-size: .9em;
}


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

.color_select3 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: flex-start;
	margin: 10px 0;
	box-sizing: border-box;
	
}
.color_select3 p {
	width: 32%;
	margin: 0 0 10px;
	/*flex: 0 1 32%;*/
	text-align: center;
	font-size: .9em;
	box-sizing: border-box;
}

.color_select3::after {
	width: 32%;
	margin: 0 0 10px;
	content: "";
	height: 0;
	display: block;
}



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

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

.color_select4 p {
	flex: 0 1 22%;
	margin: 0 0 10px;
	text-align: center;	
}

@media screen and (max-width: 576px) {

.color_select4 p {
	flex: 0 1 22%;
	margin: 0 10 10px 0;
}
	
	
}

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

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

.color_select5 p {
	width: 19%;
	margin: 0 0 10px;
	text-align: center;	
}

@media screen and (max-width: 576px) {
	
.color_select5 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: flex-start;
	margin: 10px 0;
	
}	
.color_select5 p {
	flex: 0 1 32%;
	margin: 0 0 10px;
}
	
.color_select5::after {
	content: "";
	flex: 0 1 32%;
	height: 0;
	display: block;
}			
.color_select5::before {
	content: "";
	flex: 0 1 32%;
	height: 0;
	display: block;
	order:1;
}				
	
}

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

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


.color_select6 p {
	flex: 0 1 32%;
	text-align: center;
	margin: 0 0 10px;
}


@media screen and (max-width: 576px) {
	
.color_select6 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: flex-start;
	margin: 10px 0;
	
}	

.color_select6 p {
	flex: 0 1 32%;
	margin: 0 0 10px;
}
	
.color_select6::after {
	content: "";
	flex: 0 1 32%;
	height: 0;
	display: block;
}			
.color_select6::before {
	content: "";
	flex: 0 1 32%;
	height: 0;
	display: block;
	order:1;
}				
	
}

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

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


.color_select7 p {
	flex: 0 1 22%;
	text-align: center;
	margin: 0 10px 10px 0;
}

.color_select7::after {
	content: "";
	flex: 0 1 22%;
	height: 0;
	display: block;
	margin: 0 10px 10px 0;
}		
.color_select7::before {
	content: "";
	flex: 0 1 22%;
	height: 0;
	display: block;
	order: 1;
	margin: 0 10px 10px 0;
}		

@media screen and (max-width: 576px) {
	
.color_select7 p {
	flex: 0 1 20%;
	text-align: center;
	margin: 0 10px 10px 0;
}

.color_select7::after {
	content: "";
	flex: 0 1 20%;
	height: 0;
	display: block;
	margin: 0 10px 10px 0;
}		
.color_select7::before {
	content: "";
	flex: 0 1 20%;
	height: 0;
	display: block;
	order: 1;
	margin: 0 10px 10px 0;
}		

}



/*-----------2・3・4・5・6・7共通--------------*/

@media screen and (max-width: 374px) {
	
	.color_select2 p,
	.color_select3 p,
	.color_select4 p,
	.color_select5 p,
	.color_select6 p,
	.color_select7 p {
	font-size: .85em;
}
	
}

/*---------grid(FUJI天幕生地)------*/


.grid_column2 {
	display: grid;
  grid-template-columns: repeat(2, 1fr);
  /*gap: 1%;*/
	gap: 10px;
  /*width: 100%;*/
	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%;*/
	gap: 10px;
  /*width: 100%;*/
	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%;*/
	gap: 10px;
  /*width: 100%;*/
	margin: 0 auto 30px;
	
	margin-inline: auto;
  width: -moz-fit-content;
  width: fit-content;
}


.grid_column5 {
	display: grid;
  grid-template-columns: repeat(4, 1fr);
  /*gap: 1%;*/
	gap: 10px;
  /*width: 100%;*/
	margin: 0 auto 30px;
}


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

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

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

@media screen and (max-width: 574px) {
	
.grid_column3 {
	display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1%;
  width: 100%;
	margin: 0 auto 30px;
}
.grid_column4 {
	display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1%;
  width: 100%;
	margin: 0 auto 30px;
}
.grid_column5 {
	display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1%;
  width: 100%;
	margin: 0 auto 30px;
}
	
}




@media screen and (max-width: 414px) {
	
.grid_column3 {
	display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1%;
  width: 100%;
	margin: 0 auto 30px;
}
.grid_column4 {
	display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1%;
  width: 100%;
	margin: 0 auto 30px;
}
.grid_column5 {
	display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1%;
  width: 100%;
	margin: 0 auto 30px;
}
	
}


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

.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 nowrap;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	/*max-width: 330px;*/
	width: 50%;
	border-bottom: 1px dotted #747474;
	padding: 5px 0 0;
		
}
.flex_360 p:nth-of-type(1) {
	box-sizing: border-box;
	flex: 0 0 20%;
}
.flex_360 p:nth-of-type(1) img {
	width: 100% !important;
	max-width: 80px;
	height: auto;
}
.flex_360 p:nth-of-type(2){
	flex: 0 0 80%;
	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;
}

@media screen and (max-width: 576px) {
	
.flex_360_wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
}		
.flex_360 {
	width: 100% !important;
		
}
.flex_360 p:nth-of-type(1) {
	flex: 0 1 20%;
}
.flex_360 p:nth-of-type(1) img {
	width: 100%;
	max-width: 100px;
	height: auto;
}
.flex_360 p:nth-of-type(2){
	flex: 0 1 80%;
}

}

/*===========dldtddテーブル（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: 25%;
	float: left;
	padding: 10px;
	border-top: 1px solid #ccc;
	box-sizing: border-box;
	}

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

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

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

.lp_wrap {
	margin: 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.3em;
	border-left: 6px solid #6aaa47;
}
.lp_wrap h4 {
	font-size: 1.2em;
	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;
}

/*----------装飾------------*/
.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.1em;
	font-weight: bold;
	padding: 0 0 0 10px;
	letter-spacing: .05em;
	margin: 0 0 20px;
	text-align: left;
}
.tokka_joho {
	font-size: 1.05em;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	margin: 0 0 20px;
	background: #fcc;
	padding: 10px 2%;
	color: #5b5b5b;
}
.tokka_joho span:first-of-type {
	padding: 8px 10px;
	font-size: 1.0em;
	border-radius: 50%;
	color: #fff;
	background: #f00;
	margin: 0 5px 0 0;
}
.onebiki {
	font-size: 1.25em;
	display: inline-block;
	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;
}

/*safari + iOSのChrome*/
_::-webkit-full-page-media, _:future, :root .marker_y {
	background: #FF0;
}

.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;
}

/*キャンペーン対象商品・その他*/

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

.red_zabu3 {/*ヤマト脚他*/
	padding: 5px 10px;
	margin: 0 0 10px !important;
	width: 100%;
	box-sizing: border-box;
	font-weight: bold;
	font-size: .9em;
	text-align: center !important;
	background: red !important;
	color: #fff !important;
}


.soku_zabu2 {
	padding: 5px 10px !important;
	margin: 0 0 10px !important;
	display: inline-block;
	font-weight: bold;
	text-align: center !important;
	width: 100%;
	max-width: 300px;
	font-size: 1.0em !important;
	box-sizing: border-box;
	background: #fff00d;
	color: #a41e26 !important;
	border: 1px solid #386dae;
}

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


.price_down {
	background: red;
	padding: 3px 12px 0;
	color: white;
	margin: 0 4px;
	font-weight: bold;
	font-size: .9em;
	display: inline-block;
	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;
	font-size: .65rem !important;
	margin: 0 0 2px;
	text-align: center !important;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	
	overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}



.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;
	color: #a41e26 !important;
	border: 1px solid #386dae !important;
	letter-spacing: .15em;
	box-sizing: border-box;
}




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

.headline1,
.headline2,
.headline3,
.headline4,
.headline5,
.headline_ta {
	padding: 2px 2% 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;
}


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

.koukin {
	background: #2985f8;
	color: #fff;
	padding: 6px 10px 4px;
	font-size: .85em;
	border-radius: 6px;
	display: inline-block;
}
.virus {
	background: #1eb4a9;
	color: #fff !important;
	padding: 4px 8px 2px;
	margin: 0 0 0 5px;
	font-size: .85em;
	border-radius: 4px;
	display: inline-block;
}
.orange_zabu {
	background: #f48d25;
	color: #fff !important;
	padding: 2px 10px;
	font-size: .8em;
	font-weight: bold;
	margin: 0 10px;
	border-radius: 6px;
	display: inline-block;
}

.blue_zabu {
	background: #1eacfd;
	color: #fff !important;
	padding: 2px 10px;
	font-size: .8em;
	margin: 0 10px;
	border-radius: 6px;
	display: inline-block;
}






.figure {
	padding: 1px 5px 0 3px;
	font-size: .9em;
	margin: 0 2px 4px 0;
	display: inline-block;
	border-radius: 4px;
	border: 1px solid #ccc;
}

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

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

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

.order_size {/*オーダーサイズ可能*/
	/*background: #908eda;
	color: #fff !important;
	font-size: .85em;
	width: 100%;
	margin: 2px auto;
	text-align: center;
	padding: 2px 2% 0;*/
}



.order_size_page {/*オーダーサイズ可能 商品ページ*/
	/*background: #908eda;*/
	background: #6f6ea6;
	color: #fff !important;
	padding: 5px 10px;
	font-size: 1.0em;
	/*font-weight: bold;*/
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	margin: 0 0 5px;
}

.sale {/*一覧ページセール表記*/
	background: #F00;
	color: white;
	padding: 2px 4px;
	font-weight: bold;
	position:absolute;
	top:2px;
	left:2px;
}

.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: 15px 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: 20px 5%;
	border: 1px solid #747474;
}
.border_grey {/*ガーデン チェアサイズ説明*/
	margin: 10px 0;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding: 20px 5%;
	border: 1px solid #ccc;	
}


.border_brown {/*テキスト説明強調*/
	border: 1px solid #976c3f;
	padding: 15px 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: 15px;
	margin: 15px 0 !important;
	border-radius: 6px;
	border: 3px solid #eedb97;
}
.border_orange {
	background: #fef5d4;
	padding: 10px 15px;
	margin: 15px 0 !important;
	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 {/*おすすめ yamato脚 ピンク背景・・・*/
	border: 3px dotted #CC6666;
	background: #FEF4E4;
	padding: 10px 4%;
	font-size: 1.0em;
	border-radius: 10px;
	width: 100%;
	/*max-width: 500px;*/
	margin: 0 auto 10px !important;
} 

@media screen and (max-width: 578px) {
	
	.recommend {/*yamato脚・・・*/
	text-align: justify;
}
}

.nosale {
	border: 3px #f00 double;
	padding: 3px;
	color: red;
}

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

.color1 {
	color:#f5a4a8;/*ピンク*/
	}
.color2{
	color:#99CCFF;/*水色*/
	}
.color3{
	color:#34ba00;/*グリーン*/
	}
.color4{
	color: #747474;/*灰系*/
	}
.color5{
	color: #a0793b !important;;/*ブラウン*/
	}
.color_enji{
	color: #a84c2f !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 {
	display: block;
	width: 100%;
	max-width: 300px;
	border: 1px #336600 solid;
	padding: 8px 2%;
	margin: 10px auto;
	text-align: center !important;
	background: #fff;
	transition: .3s ease-in-out;
	box-sizing: border-box;
}
.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 2%;
	margin: 10px auto;
	display: inline-block;
	text-align: center !important;
	background: #fff;
	transition: .3s ease-in-out;
}
.simple_button_down::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	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;
	/*backface-visibility:hidden;
	overflow: hidden;*/
}

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

/*.simple_button2 a {
	border: 1px #64cdcc solid;
	padding: 6px 8px 6px 12px;
	margin: 20px 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;
}

@media screen and (max-width: 414px) {
.simple_button2 a {
	margin: 16px auto;
	display: block;
	width: 98%;
	
}
}*/




/*-------simple_button1〜5-------*/

.simple_button,
.simple_button2,
.simple_button3,
.simple_button4, 
.simple_button5 {
	display: block;
	width: 100%;
	max-width: 300px;
	padding: 8px 1%;
	font-size: .9em;
	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;
	border-radius: 0;
}

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


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

/*.simple_button2 {
	background: #64cdcc;
	border: 1px #0abebc solid;
	color: #fff !important;
	
}

.simple_button2:hover {
	color: #0abebc !important;
	background: #f7f7f7;
	border: 1px #64cdcc solid;
}*/

.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;
	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;

}

.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 {
	border: 1px #66CCCC solid;
	box-shadow: none;

}
.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;
}


/*afari + iOSのChrome*/

/*_::-webkit-full-page-media, _:future, :root .simple_button3 {
		
}
_::-webkit-full-page-media, _:future, :root .simple_button3::before {
	
}
_::-webkit-full-page-media, _:future, :root .simple_button3:hover {
	
}
*/


/*------------------組立式表記マーク-------------------*/

.kumitate {
	border: 3px solid #F00;
	border-radius: 6px;
	padding: 2px 12px;
	font-size: 1.3em !important;
	display: inline-block !important;
	text-align: center;
	margin: 10px auto 15px;
	color: red !important;
	font-weight: bold;
}
.kumitate_s {
	border: 2px solid #F00;
	border-radius: 4px;
	padding: 0 10px;
	font-size: 1em !important;
	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;
	font-size: 18px !important;
	display: inline-block;
	text-align: center !important;
	margin: 10px auto 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 5px;
	font-weight: bold;
	text-align: center;
}
.advice3 {
	margin: 10px 0;
}
.advice::before,
.advice2::before,
.advice3::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 18px;
	background-image: url(../planning/img/advice_man.svg);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin: 0 4px 4px 0;
}

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

.caution {
	display: inline-block;
	width: 100%;
	font-size: 1.05em;
	font-weight: 500;
	margin: 5px 0 20px;
	padding: 8px 10px;
	text-align: center;
	border: 1px solid #fd2623;
	color: #fd2623;
}
.caution::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_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::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.2em !important;
	color: #428992;
	margin: 20px 0 !important;
	border-bottom: 1px solid #67bac4;
	padding: 5px 5px 5px 15px;
	background: rgba(103,186,196,.3);
	display: block;
	text-align: left !important;
	position: relative;
}

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


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

.line_yama img {
	margin: 0 0 -3px;
	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のみ）--------*/

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

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

.example_wrap {
	padding: 0 1%;
}
.example {
	padding: 20px 1%;
	border: 1px solid #ccc;
	border-radius: 6px;
	width: 100%;
	margin: 20px auto 0;
}
.example h2 {
	font-size: 1.6em;
	margin: 0 0 10px;
	text-align: center;
}
.example p {
	font-size: 1.4em;
}

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

/*tableにスクロールバー装飾」*/
.fab_overtable::-webkit-scrollbar {
	height: 5px;
}

/*tableにスクロールバー装飾*/
.fab_overtable::-webkit-scrollbar-track {
	background: #F1F1F1;
}

/*tableにスクロールバー装飾*/
.fab_overtable::-webkit-scrollbar-thumb {
	background: #BCBCBC;
}
.fab_overtable {
	overflow: auto;
	white-space: wrap;
	display:block;
	width:auto;
	margin: 0 0 20px;
}

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

.cres_fab_spec {
	font-size: 1.05em;
	/*background: #E9F1F5;*/
	border-radius: 6px;
	padding: 20px 2%;
	margin: 0 0 20px;
}
.cres_fab_spec p {
	color: #333;
}
.fab_spec_table {
	width: 100%;
	border-collapse:collapse;
	border:1px solid #ccc;
	margin: 0 0 20px;
	table-layout: fixed;
	text-align: center;
}
.fab_spec_table img {
	min-width: 60px !important;
	width: 100%;
	max-height: 60px !important;
	height: 100%;
	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;
	font-size: .9em;
	vertical-align: top;
	width: 70px;
	height: 70px;
	object-fit: cover;
	padding: 10px 5px 5px;
}
.fab_spec_table th:first-of-type {
	width: 100px;
	vertical-align: middle;

}
.fab_spec_table th span {
	font-weight: 400;
}
.fab_spec_table td {
	text-align: center;
	background:#fff;
	border: 1px solid #ccc;
	font-size: .9em;
	padding: 5px;
}

.link_banner {
	background: #fff;
	padding: 20px 6%;
	border: 1px solid #3399CC;
	border-radius: 6px;
}

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

.fab_spec_text {
	margin: 0 0 30px;
	padding: 20px 2% 5px;
	background: #E9F1F5;
	border-radius: 6px;
	box-sizing: border-box;
}
.fab_spec_text dt {
	padding: 5px 10px;
	border: 1px solid #ccc;
	width: 110px;
	font-size: 1.0em;
	text-align: center;
	display: table;
	background: #fff;
	float: left;
	vertical-align: middle;
	margin: 0 10px 40px 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;
}

/*----------メーカーロゴポジション（120×50）（68×68）-------------*/

.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: 86%;
	height: auto;
}
.logo_posi2 img {
	width: 78%;
	height: auto;
}
.logo_posi3 img {
	width: 68%;
	height: auto;
}


/*----☆☆☆特集ページお問い合わせ（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.6;
}


.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;
}

@media screen and (max-width: 667px) {
	
.contact_form {
	display: flex;
	flex-direction: column;
}
.contact_form_item {
	padding: 20px 20px 0;
	width: 100%;
	border-radius: 6px 6px 0 0;
}
.contact_form_item:last-of-type {
	padding: 20px;
	border-radius: 0 0 6px 6px;
}
}


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

.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;
}

@media screen and (max-width: 667px) {
	
.simple_contact {
	display: flex;
	flex-direction: column;
}
.simple_contact_item {
	padding: 20px 20px 0;
	width: 100%;
	border-radius: 6px 6px 0 0;
}
.simple_contact_item:last-of-type {
	padding: 20px;
	border-radius: 0 0 6px 6px;
}
}

/*----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 {
	padding: 20px 5% 10px;
}	
			
.all_contact_wrap h4 {
	font-size: 1.4em;
	text-align: center;
	color: #00660b;
	margin: 0 0 10px;
	padding: 5px 10px;
}
.all_contact_wrap p {
	font-size: 1.1em;
	color: #5b5b5b;
	margin: 0 auto 20px;
}


.all_contact {
	display: flex;
	justify-content: space-between;
	padding: 10px;
	background: #fff;
	border-radius: 6px;
	margin: 0 0 20px;
}
.all_contact_item {
	width:48%;
	padding: 20px 2% 5px !important;
}

.all_contact_item p {
	color: #5b5b5b;
	text-align: center;
	font-size: 1.0em;
	font-weight: bold;
}

@media screen and (max-width: 667px) {
		
.all_contact {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	aligen-items: center;
	margin: 0 auto 30px;
	padding: 20px;
	width: 100%;
}
.all_contact_item {
	width: 100%;
}

}

/*-----------コンタクトお問い合わせ（特注天板）h4 p テキスト無----------*/

.simple_contact_wrap {
	padding: 30px 5% 5px;
	margin: 0 0 30px;
}	
	
.simple_contact_wrap .all_contact {
	display: flex;
	justify-content: space-between;
	padding: 10px;
	background: #fff;
	border-radius: 6px;
	margin: 0 0 20px;
}
.simple_contact_wrap .all_contact_item {
	width:48%;
	padding: 20px 2% 5px !important;
}

.simple_contact_wrap .all_contact_item p {
	color: #5b5b5b;
	text-align: center;
	font-size: 1.0em;
	font-weight: bold;
}

@media screen and (max-width: 667px) {
		
.simple_contact_wrap .all_contact {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	aligen-items: center;
	margin: 0 auto 30px;
	padding: 20px;
	width: 100%;
}
.simple_contact_wrap .all_contact_item {
	width: 100%;
}

}

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

.contact_section {
	background: #f1f1f1;
	border-radius: 6px;
	padding: 30px 20px;
	margin: 0 0 30px;
}
.contact_txt {
}
.contact_txt p:first-of-type {
	font-size: 1.3em !important;
	font-weight: bold;
	margin: 0 0 20px;
	text-align: center;
}
.contact_txt p {
	font-size: 1.1em;
	line-height: 1.5;
}

.contact_wrap {
	display: flex;
	margin: 20px 0;
	padding: 20px;
	background: #fff;
	border-radius: 6px;
}
.contact_item {
	padding: 10px;
	width: 350px;
}
.contact_item p:last-of-type img {
	width: 36px !important;
	border: none;
}
.contact_item p {
	color: #5b5b5b;
	text-align: center;
	font-size: 1.0em;
	font-weight: bold;
}

@media screen and (max-width: 667px) {
	
.contact_wrap {
	display: flex;
	flex-direction: column;
	margin: 20px 0;
	padding: 10px;
	background: #fff;
	border-radius: 6px;
}
.contact_item {
	padding: 10px 0;
	max-width: 350px;
	width: 100%;
	margin: 0 auto;
}

}

/*-----------bg_color----------------*/


.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;
}
.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: 10px 5% 20px;
}
.other_page_wrap h1 {
	font-size: 1.4em !important;
}
.other_page_wrap p {
	font-size: 1.2em;
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}

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

.pagenation_wrap {
	margin: 30px 0 20px !important;
}

.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 auto;
}
.pagination a {
	display: inline-block;
    padding: .4rem .6rem;
	text-decoration: none;
	color: #5b5b5b;
	border: #5b5b5b solid 1px;
	background-color: #fff;
	width: 36px;
	height: 36px;
	box-sizing: border-box;
	transition: all .3s ease-in-out;
	margin: 0 6px 0 0;	
}


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

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;
	margin: 0 1px;
}
.pagination__items li {
    position: absolute;
    top: -100vh;
    counter-increment: pagination;
    margin: 0 1px;
}
.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;
          margin-right: 7px;
		  border: #eee solid 1px;
        }

.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: #eee;
          margin-right: 6px;
          margin-left: 2px;
		  border: #eee solid 1px;
        }

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

@media screen and (max-width: 578px) {
	
.pagenation_wrap {
	content: "";
	overflow-x: auto;
	white-space: wrap;
	display:block;
	width:auto;
	margin: 0 0 20px;
}
	
.pagination {
	display: flex;
	justify-content: center;
	text-align: center;
	margin: 0 auto 10px;
	width: fit-content;
	min-width: 360px;
	
}

/*スクロールバーを追加*/
.pagenation_wrap::-webkit-scrollbar {
	height: 5px;
}

/*スクロールバーを追加*/
.pagenation_wrap::-webkit-scrollbar-track {
	background: #F1F1F1;
}

/*スクロールバーを追加*/
.pagenation_wrap::-webkit-scrollbar-thumb {
	background: #BCBCBC;
}

.pagination a {
    padding: .3rem .45rem;
	max-width: 32px;
	height: 32px;
}


.pagination__arrow {
	min-width: 32px;
	height: 32px;
	box-sizing: border-box;
}


/*.pagination a.pagination__prev {
	height: 34px;	
}
.pagination a.pagination__next {
	margin: 0;
	height: 34px;	
}*/

/*.pagination__arrow {
	min-width: 28px;
	height: 31.5px !important;
	
	box-sizing: border-box;
} */

.pagination__items li.is--active:not(:nth-child(1)):not(:nth-child(2)):before {
    padding: .3rem .45rem;
}
.pagination__items li.is--active + li + li:not(:last-child):not(:nth-last-child(2))::after {
    padding: .3rem .45rem;
}
}




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

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

#main_photo_page,
#main_photo_page2 {
	position: relative;
	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%;
	height: auto;
	max-height: 460px;
	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: 0 5px 15px !important;
	background: #f1f1f1;	
	
}

#thumbnail_page li.thumbnail_empty,
#thumbnail_page2 li.thumbnail_empty2 {
	content: "";
	display: block;
	margin: 10px 5px 0 !important;
	/*border: 1px solid #fff; border2pxをwidthに加える*/
	width: 88px !important;	
	height: 0 !important;
	box-sizing: border-box;	
}

@media screen and (max-width: 414px) {
	
#thumbnail_page,
#thumbnail_page2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	overflow: hidden;
	box-sizing: border-box;
	margin: 20px 0 0;
	padding: 0 5px 5px !important;
	background: #f1f1f1;
	
}
	
#thumbnail_page li,
#thumbnail_page2 li {
	margin: 15px 10px 0 !important;
	list-style: none;
	width: 33% !important;
	height: 86px;
	
}
#thumbnail_page li img,
#thumbnail_page2 li img {
	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_page2 li {
	margin: 15px 10px 0 !important;
	list-style: none;
	width: 86px !important;
	height: 86px;
	
}
#thumbnail_page li img,
#thumbnail_page2 li img {
	width: 86px;
	height: 86px;
	border: 1px solid #fff;
	background: #fff;
	object-fit: contain;
	box-sizing: border-box;	
	transition: .3s ease-in-out;
}

#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;
	width: 86px;
	height: 86px;
	object-fit: contain;
	object-position: center center;
	transition: .3s ease-in-out;
	box-sizing: border-box;	
}

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

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


.line_yama_wrap {/*ソートボタン右寄せ*/
	position: relative;
	box-sizing: border-box;
	margin: 0;
}
.line_yama_wrap img {
	width: auto;
	height: 24px;
}


@media screen and (max-width: 475px) {
	.line_yama_wrap {
	position: relative;
	box-sizing: border-box;
	margin: 0 0 30px;
}
}


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


@media screen and (max-width: 475px) {
	.sort_button_maker {
	position: absolute;
	right: 0;
	top: 68px;
	display: flex;
}
	.sort_button_maker div {
	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;
}

/*------------ios hover無し-----------------*/

_::-webkit-full-page-media, _:future, :root .active_price, 
.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: #3bbd00;
	box-shadow: 0px 0px rgba(0,0,0,.2);
}
_::-webkit-full-page-media, _:future, :root .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;
}


/*---------------ページネーションTEST----------------*/


.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;
}



/* カテゴリーメニュー */

.materials {
	display: none;
}

/*.page-nation {
	margin: 20px 0 0;
}
*/
/*==▲================================================*/