@charset "UTF-8";
/* CSS Document */

/*  
Theme Name: royal-furniture
Theme URI: http://royal-furniture.co.jp/
Description: royal-furniture.co.jp
Version: 1.0
Author: royal-furniture
Author URI: http://royal-furniture.co.jp/
Tags: black,silver,white,light,two-columns,right-sidebar,fixed-width,custom-background,custom-menu,editor-style,sticky-post,translation-ready,threaded-comments
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* ==============================================
	 
=============================================== */
/*--　box-sizing　--------------------------------*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*--　IEでスクロールバーがコンテンツに重ならないようにする　--------------------------------*/
@-ms-viewport {
	width: auto;
	initial-scale: 1;
}

/*--　フロート回り込み解除　--------------------------------*/
.clearfix:after {
	display: block;
	clear: both;
	height: 0px;
	line-height: 0px;
	visibility: hidden;
	content: ".";
}
.clearfix {
	display: block; /* for IE8 */
}


/* ==============================================
	テーブル
=============================================== */
table {
	margin: 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
table th {
	padding: 5px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
}
table td {
	padding: 5px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table.no_border, table.no_border td, table.no_border th {
	border: none;
	vertical-align: top;
}

table.company, table.company td, table.company th {
	border: none;
	display: block;
	vertical-align: text-top;
	padding: 0;
	margin: 0.5em 0;
    font-size:1em;
}


/* ==============================================
	共通設定 
=============================================== */
html{
	font-size: 62.5% ;
}
body{
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	
	font-family:'lucida','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	line-height: 1.8em;
	letter-spacing: 0.13em;
    /*word-break : break-all;*/
	color: #333;
	min-width: 1060px;
}

@media print, screen and (max-width: 769px)	{
	body{
		min-width:initial;
	}
}

/*--　画像　--------------------------------*/
img {
	max-width: 100%;
	vertical-align: bottom;
}
img.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}
img.alignright {
	float: right;
	margin: 0 0 10px 10px;
}
img.alignnone {
	clear: both;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 10px;
}
img.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 10px;
}

/*--　リンク　--------------------------------*/
a, a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a.section_link:hover{
	text-decoration: none;
}

a.link_underline, a.link_underline:visited {
	text-decoration: underline;
}
a.link_underline:hover{
	text-decoration: none;
}

/*--　画像　--------------------------------*/
a img {
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
a img:hover {
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	filter: alpha(opacity=60);
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	-o-opacity: 0.6;
	-ms-opacity: 0.6;
	opacity: 0.6;
}

/*--　フォント　--------------------------------*/
.attention {color: #F00;}

.pStyleNomal{
	line-height: 1.2;
	margin: 0;
	padding: 0;
}
.font12{font-size: 1.2rem;}
.font14{font-size: 1.4rem;}
.font16{font-size: 1.6rem;}
.font18{font-size: 1.8rem;}
.font20{font-size: 2.0rem;}
.font22{font-size: 2.2rem;}
.font24{font-size: 2.4rem;}
.font26{font-size: 2.6rem;}
.font28{font-size: 2.8rem;}


/* ==============================================
	タイトル 
=============================================== */
h2.title {
	font-size: 130%;
	background: #0CB6CF;
	border-left: 10px solid #007A88;
	padding: 8px 10px;
	color: #FFF;
	margin-bottom: 20px;
}
h3.title {
	font-size: 120%;
	background: #0CB6CF;
	padding: 5px 10px;
	color: #FFF;
	margin-bottom: 10px;
}
h2.single_title {
	font-size: 140%;
	line-height: 1.4em;
	padding-bottom: 0;
	padding-left: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #999;
}

@media print, screen and (min-width: 980px) {
	h2.single_title {
		font-size: 180%;
	}
}

.timeless{
	position: relative;
	padding:0.5em 1em;
	background: -moz-linear-gradient(to right, #333, rgba(255,255,255,0));
	background: -webkit-linear-gradient(to right, #333, rgba(255,255,255,0));
	background: linear-gradient(to right,  #333, rgba(255,255,255,0));
	color: #FFFFFF;
	margin-bottom:1.5em;
}
.newgene{
	position: relative;
	padding:0.5em 1em;
	background: -moz-linear-gradient(to right, #d31e25, rgba(255,255,255,0));
	background: -webkit-linear-gradient(to right, #d31e25, rgba(255,255,255,0));
	background: linear-gradient(to right,  #d31e25, rgba(255,255,255,0));
	color: #FFFFFF;
	margin-bottom:1.5em;
}
.healthy{
	position: relative;
	padding:0.5em 1em;
	background: rgb(143,188,139);
	background: linear-gradient(90deg, rgba(143,188,139,1) 0%, rgba(143,188,139,1) 80%, rgba(255,255,255,1) 100%);
	color: #FFFFFF;
	margin-bottom:1.5em;
}
.outdoor{
	position: relative;
	padding:0.5em 1em;
	background: -moz-linear-gradient(to right, #e37437, rgba(255,255,255,0));
	background: -webkit-linear-gradient(to right, #e37437, rgba(255,255,255,0));
	background: linear-gradient(to right,  #e37437, rgba(255,255,255,0));
	color: #FFFFFF;
	margin-bottom:1.5em;
}
.contract{
	position: relative;
	padding:0.5em 1em;
	background: -moz-linear-gradient(to right, #337ab7, rgba(255,255,255,0));
	background: -webkit-linear-gradient(to right, #337ab7, rgba(255,255,255,0));
	background: linear-gradient(to right,  #337ab7, rgba(255,255,255,0));
	color: #FFFFFF;
	margin-bottom:1.5em;
}	
.lamps{
	position: relative;
	padding:0.5em 1em;
	background: -moz-linear-gradient(to right, #333, rgba(255,255,255,0));
	background: -webkit-linear-gradient(to right, #333, rgba(255,255,255,0));
	background: linear-gradient(to right,  #333, rgba(255,255,255,0));
	color: #FFFFFF;
	margin-bottom:1.5em;
}
.accessories{
	position: relative;
	padding:0.5em 1em;
	background: -moz-linear-gradient(to right, #61462b, rgba(255,255,255,0));
	background: -webkit-linear-gradient(to right, #61462b, rgba(255,255,255,0));
	background: linear-gradient(to right,  #61462b, rgba(255,255,255,0));
	color: #FFFFFF;
	margin-bottom:1.5em;
}
.workathome{
	position: relative;
	padding:0.5em 1em;
	background: -moz-linear-gradient(to right, #333, rgba(255,255,255,0));
	background: -webkit-linear-gradient(to right, #333, rgba(255,255,255,0));
	background: linear-gradient(to right,  #333, rgba(255,255,255,0));
	color: #FFFFFF;
	margin-bottom:1.5em;
}


/* ==============================================
	フレーム・レイアウト
=============================================== */
.frame_outer {
	padding-top: 40px;
}
@media print, screen and (max-width: 769px)	{
	.frame_outer {
		padding-top: 0;
		width: 100%;
	}
}


/* ==============================================
	ヘッダー
=============================================== */
header {
	width: 980px;
	margin: 0 auto 40px;
	position: relative;
	
	display: flex;
	justify-content: space-between;
}
h1#logo {
	width: 100px;
	line-height: 0;
	padding: 0;
}
h1#logo img{
	width: 100%;
}
#header-top{
	width: 88%;
	max-width: 845px;
}
.header-info{
	/*background-color: #DADADB;*/
	background-color: #eee;
	padding: 12px;
	display: flex;
	flex-flow:row;
	justify-content:flex-start;
}
.header-info > p{
    line-height: 1.2em;
    font-size: 1.2rem;
	display: inline-block;
}
.header-info-col01{
	padding-right: 2em;
	border-right: 1px solid #333;
	margin-right: 2em;
}

.header-inner {
	width: 100%;
	padding-top: 1em;
}
#gnav > ul {
	font-size: 1.2rem;
	margin: 0;
	padding: 0 0 0 12px;
	display: flex;
	color: #030303; 
	justify-content:flex-end;
	font-style: normal;
	font-weight: 400; 
}
#gnav > ul > li {
	display: inline-block;
	line-height: 2.4;
	/*margin-left: 24px;*/
	margin-left: 16px;
}
#gnav > ul > li:hover {
	text-decoration: underline;
}
#gnav > ul > li:hover .menu {
	max-height: 9999px;
	opacity: 1;
}
#gnav > ul > li > a {
	transition: all .2s ease-in;
	/*font-weight: bold;*/
	color: #666;
}
#gnav > ul .menu {
	transition: all .2s ease-in;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    left: 0;
    text-align: center;
    position: absolute;
    background-color: #FFFFFF;
    z-index: 1;
    box-shadow: 6px 6px 6px rgba(0,0,0,0.4);
	border: 1px solid #e7e7e7;
	/*font-weight: bold;*/
}
#gnav > ul .menu .menu_inner {
	margin: 2em 0;
	/*margin-left: -9em;*/
	display: flex;
	justify-content: center;
}
#gnav > ul .menu .menu_inner li {
	display: inline-block;
	margin: 0 1em;
}
#gnav > ul .menu .menu_inner li a:hover{
	text-decoration: underline;
}
#gnav > ul > li:hover.menu_inner li {
	text-decoration: underline;
}
#gnav > ul .menu a {
	color: #666;
}

nav.header-sns{
	position: absolute;
	right:16px;
}
nav.header-sns > ul {
	display: flex;
	justify-content: space-between;
}
nav.header-sns > ul li {
	display: inline-block;
	padding:0.2em 0 0.2em 0.6em;
}
nav.header-sns > ul li i{
	font-size: 2rem;
}
#gnav span.subTitle{
	font-size: 80%;
}

 @media print, screen and (max-width: 769px) {
	 header{
		 width: 100%;
		 margin: 0 auto 5.2vw;
		 justify-content:flex-start;
		 background-color: #eee;
	 }
	 h1#logo{
		 width: 75px;
	 }
	 #header-top{
		 width: 87vw;
	 }
	 .header-info-col01{
		 padding-right: 0;
		 border-right: none;
		 margin-right: 0;
	 }
	 p.header-info-col02{
		 display: none;
	 }
	 
	 .header-inner {
		 display: none;
	 }
	 nav.header-sns{
		 display: none;
	 }
}
 @media print, screen and (max-width: 420px) {
	 p.header-info-col01{
		 font-size: 3vw;
	 }
}
/* ==============================================
	ヘッダー トップ 20231031
=============================================== */
body#top_page header {
	width: 1290px;
}
body#top_page h1#logo {
	width: 133px;
}
body#top_page #header-top{
	width: 88%;
	max-width: none;
}
body#top_page .header-info{
	padding: 20px;
}
body#top_page #gnav > ul {
	color: #030303; 
	padding: 0;
	justify-content:flex-end;
	font-size: 15px;
	font-style: normal;
	font-weight: 400; 
}
body#top_page #gnav > ul > li {
	margin-left: 24px;
}
 @media print, screen and (max-width: 769px) {
	 body#top_page header{
		 width: 100%;
		 margin: 0 auto 5.2vw;
		 justify-content:flex-start;
		 background-color: #eee;
	 }
	 body#top_page h1#logo{
		 width: 75px;
	 }
	 body#top_page #header-top{
		 width: 87vw;
	 }
	 body#top_page .header-info{
		padding: 12px;
	}
}



/* ==============================================
 コンテンツ
=============================================== */
#container_wrap {
	clear: both;
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
#container {
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	margin-bottom: 20px;
}
.land-emeco_video{
	width:400px;	
	height: 228px;
}
.secContainer{
	width: inherit;
	padding: 20px 0;
	border-bottom: 1px solid #eee;
}

@media print, screen and (min-width: 980px) {
	#container {
		clear: both;
		width: 980px;
		position: relative;
	}
	.secContainer{
		width: inherit;
		padding: 20px 0;
	}
}


/* ==============================================
 フッター
=============================================== */
#footer_wrap {
	width: 980px;
	margin: 0 auto;
	font-size: 1.2rem;
}
#footer {
	margin-bottom: 30px;
	margin-top: 20px;
}
#footer_area {
	position: relative;
	width: 100%;
	overflow: hidden;
	font-size: 1.1em;
	background-color: #eee;
	padding: 20px 20px;
	margin: 0;
}
#footer a {
	color: #333;
}
#footer a:hover {
  text-decoration: underline;
}

nav.footer-nav > ul{
	moz-column-count:3;
  	-webkit-column-count:3;
	column-count: 3;
}

nav.footer-nav > ul >li{
	line-height: 2.2;
	display: inline-block;
	width: 100%;
	/*margin: 0.5em 0;*/
}

nav.footer-nav > ul > li.f_contact{
	display: flex;
	justify-content:flex-start;
}
nav.footer-nav > ul > li.f_contact > a{
	display: inline-block;
	padding-right: 2em;
}

/*
nav.footer-sns > ul {
	display: flex;
	justify-content:flex-start;
}
nav.footer-sns > ul li {
	display: inline-block;
	padding:0 0.6em 0 0;
}
nav.footer-sns > ul li i{
	font-size: 2rem;
}
*/

@media print, screen and (max-width: 769px) {
	#footer{
		margin-bottom: 0;
	}
	#footer_wrap {
		width: 100%;
	}
}
@media print, screen and (max-width: 700px) {
	nav.footer-nav > ul{
		moz-column-count:2;
  		-webkit-column-count:2;
		column-count: 2;
	}
}
@media print, screen and (max-width: 520px) {
	nav.footer-nav > ul{
		moz-column-count:1;
  		-webkit-column-count:1;
		column-count: 1;
	}
}

/* ==============================================
 フッター 202310
=============================================== */
body#top_page #footer_wrap {
	width: 1290px;
}
body#top_page #footer_area {
	position: relative;
	width: 100%;
	padding: 36px 30px;
}

nav.footer-nav{
	position: relative;
}
div.footer-sns{
	position: absolute;
	bottom: 0;
	right: 40px;
	font-size: 2.4rem;
}
@media print, screen and (max-width: 769px) {
	body#top_page #footer{
		padding: 0 50px 30px;
	}
	body#top_page #footer_wrap {
		width: 100%;
	}
	body#top_page #footer_area {
		padding: 30px 20px;
	}
	div.footer-sns{
		bottom: 0.2em;
		right: 0px;
		font-size: 2rem;
	}
}
@media print, screen and (max-width: 520px) {
	body#top_page #footer{
		padding: 0 0;
	}
}

/* ==============================================
 トップページ 202310
=============================================== */
#container_wrap_top {
	clear: both;
	width: 1290px;
	margin: 0 auto;
}
body div.top_contents{
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-size: 1.3rem;
}

@media print, screen and (max-width: 769px)	{
	#container_wrap_top {
		width: 100%;
		/*min-width: 768px;*/
		padding: 0 50px;
		box-sizing: border-box;
	}
}
@media print, screen and (max-width: 520px)	{
	#container_wrap_top {
		width: 100%;
		padding: 0;
	}
}

section.top_sec01{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	margin-bottom: 57px;
}
section.top_sec01 > .cate{
	width: 32.8%;
}
section.top_sec01 > .cate > a{
	text-decoration: none;
}
section.top_sec01 > .cate .title_box{
	padding: 27px;
	color: #fff;
	height: 246px;
	
	display: flex;
	justify-content: space-between;
	flex-direction:column;
}
section.top_sec01 > .cate .cate_image img{
	width: 100%;
}
section.top_sec01 p.title_sub{
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px; 
	margin-bottom: 0.6em;
}
section.top_sec01 h2{
	font-size: 31px;
	font-style: normal;
	font-weight:300;
	line-height: 32px;
	letter-spacing: 2.17px; 
	
	background-image: url("img/top_202310/icon_circle_arrow.svg");
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 32px;
}
section.top_sec01 p.brands{
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 1.1px; 
	overflow-wrap: break-word;
	word-wrap: break-word;
}
section.top_sec01 p.brands span{
	white-space: nowrap;
}

.cate_furniture .title_box{
	background-color: #AD9984;
}
.cate_lighting .title_box{
	background-color: #DF9E51;
}
.cate_accessories .title_box{
	background-color: #2D2A27;
}

@media print, screen and (max-width: 769px)	{
	section.top_sec01{
		display: flex;
		justify-content: flex-start;
		flex-direction:column;
		margin-bottom: 6.5vw;
	}
	section.top_sec01 > .cate{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		margin-bottom: 1.3vw;
		align-items: stretch;
	}
	section.top_sec01 > .cate > a{
		width: 50%;
		display: block;
	}
	section.top_sec01 > .cate .title_box{
		padding: 3.5vw;
		width: 100%;
		height: 100%;
	}
	section.top_sec01 > .cate .cate_image{
		width: 50%;
	}
	section.top_sec01 p.title_sub{
		font-size: min(1.4vw, 11px);
		line-height: 1.2em; 
		margin-bottom: 0.6em;
	}
	section.top_sec01 h2{
		font-size: min(3.3vw, 26px);
		letter-spacing: 0.05em;
		background-size: 4.1vw;
	}
	section.top_sec01 p.brands{
		font-size: min(1.4vw, 11px);
		line-height: 1.2em;
	}
}
@media print, screen and (max-width: 520px)	{
	section.top_sec01{
		margin-bottom: 13.3vw;
	}
	section.top_sec01 > .cate{
		flex-direction: column;
		margin-bottom: 2.6vw;
	}
	section.top_sec01 > .cate > a{
		width: 100%;
	}
	section.top_sec01 > .cate .title_box{
		padding: 6.4vw;
		width: 100%;
		height:58.1vw;
	}
	section.top_sec01 > .cate .cate_image{
		width: 100%;
	}
	section.top_sec01 p.title_sub{
		font-size: min(2.9vw, 11px);
		line-height: 1.2em; 
		margin-bottom: 0.6em;
	}
	section.top_sec01 h2{
		font-size: min(8vw, 30px);
		line-height: 1.8em;
		letter-spacing: 0.05em;
		background-size: 8.5vw;
	}
	section.top_sec01 p.brands{
		font-size: min(2.9vw, 11px);
		line-height: 1.2em;
	}
}

section.top_sec02{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	margin-bottom: 57px;
}
section.top_sec02 > .cate{
	/*width: 32.8%;*/
	width: 49.5%;
	height: 340px;
	padding:52px 30px 26px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	letter-spacing: 0.05em;
}
section.top_sec02 .sec02_icon{
	width: 18px;
	margin: 0 auto;
	margin-bottom: 17px;
}
section.top_sec02 .sec02_icon img{
	width: 100%;
}
section.top_sec02 p.title_sub{
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; 
	margin-bottom: 1.5em;
	color: #393535; 
}
section.top_sec02 h2{
	font-size: 24px;
	font-style: normal;
	font-weight:300;
	letter-spacing: 2.17px; 
	margin-bottom: 0.3em;
}
section.top_sec02 p.cate_text{
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	color: #393535; 
}
section.top_sec02 a.sec02_but{
	color: #000;
	text-align: center;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: 40px;
	letter-spacing: 0.66px;
	display: block;
	background-color: #fff;
	text-decoration: none;
	width: 135px;
	
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 53px;
}
.cate_outlet{background-color: #E6D1BC;}
.cate_outlet h2{color: #9F8A7C; }
.cate_catalogue{background-color: #E4E3DE;}
.cate_catalogue h2{color: #807F7A; }
.cate_contact{background-color: #F5F4EF;}
.cate_contact h2{color: #B07155; }

@media print, screen and (max-width: 769px)	{
	section.top_sec02{
		justify-content:flex-start;
		flex-direction:column;
		margin-bottom: 6.5vw;
	}
	section.top_sec02 > .cate{
		width: 100%;
		height: 41vw;
		padding:5.4vw 3.3vw 3.3vw;
		margin-bottom: 1.3vw;
	}
	section.top_sec02 p.title_sub{
		font-size: min(1.6vw, 13px);
		line-height: 1.5em; 
	}
	section.top_sec02 h2{
		font-size: min(3.1vw, 24px);
		letter-spacing: 0.1em;
	}
	section.top_sec02 p.cate_text{
		font-size: min(1.5vw, 12px);
		line-height: 1.5em;
	}
	section.top_sec02 a.sec02_but{
		font-size: min(1.4vw, 11px);
		line-height: 4em;
		letter-spacing: 0.05em;
		width: 17.5vw;
		bottom: 6.5vw;
	}
}
@media print, screen and (max-width: 520px)	{
	section.top_sec02{
		justify-content:flex-start;
		flex-direction:column;
		margin-bottom: 13.3vw;
	}
	section.top_sec02 > .cate{
		width: 100%;
		height: 84vw;
		padding:13vw 3.3vw 3.3vw;
		margin-bottom: 2.6vw;
	}
	section.top_sec02 .sec02_icon{
		width: 6vw;
		margin-bottom: 4vw;
	}
	section.top_sec02 p.title_sub{
		font-size: min(3.4vw, 13px);
		line-height: 1.5em; 
		margin-bottom: 0.8em;
	}
	section.top_sec02 h2{
		font-size: min(6.4vw, 24px);
		letter-spacing: 0.1em;
		margin-bottom: 0.2em;
	}
	section.top_sec02 p.cate_text{
		font-size: min(3.2vw, 12px);
		line-height: 1.9em;
	}
	section.top_sec02 a.sec02_but{
		font-size: min(2.9vw, 11px);
		line-height: 4em;
		letter-spacing: 0.05em;
		max-width: 134px;
		width:35.4vw;
		bottom: 8.2vw;
	}
}

section.top_sec03 .sec_title{
	color: #393535;
	text-align: center;
	font-size: 42px;
	font-style: normal;
	font-weight: 400;
	line-height: 100px;
	padding-top: 5px;
	letter-spacing: 3.78px;
	background-color: #eee;
}
section.top_sec03 > .sec03_in{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}
section.top_sec03 > .sec03_in > .cate{
	width: 49.8%;
	height: 282px;
	text-align: center;
	position: relative;
	margin-bottom: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
section.top_sec03 .bg_image{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	background-color: #000;
	opacity: 0.4;
	transition: all 300ms 0s ease;
}
section.top_sec03 .bg_image:hover{
	opacity: 0;
}
section.top_sec03 .bg_image.deactive:hover{
	opacity: 0.4;
}
section.top_sec03 .sec03_text{
	pointer-events: none;
	z-index: 1;
}
section.top_sec03 h2{
	color: #FFF;
	text-align: center;
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 1.44px;
	margin-bottom: 0.15em;
}
section.top_sec03 p.cate_text{
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 1em;
}
section.top_sec03 .img_arrow{
	width: 36px;
	margin: 0 auto;
}
section.top_sec03 .img_arrow img{
	width: 100%;
}
.cate_news{background-image: url("img/top_202310/cate_news_bg.jpg");}
.cate_inspiration{background-image:url("img/top_202310/cate_inspiration_bg.jpg")}
.cate_showroom{background-image: url("img/top_202310/cate_showroom_bg.jpg");}
.cate_instagram{background-image: url("img/top_202310/cate_instagram_bg.jpg");}

@media print, screen and (max-width: 769px)	{
	section.top_sec03 .sec_title{
		font-size: min(5.2vw, 40px);
		line-height: 13vw;
		padding-top: 0.6vw;
		letter-spacing: 0.05em;
	}
	section.top_sec03 > .sec03_in{
		justify-content:flex-start;
		flex-direction:column;
	}
	section.top_sec03 > .sec03_in > .cate{
		width:100%;
		height: 36vw;
		margin-bottom: 1.3vw;
	}
	section.top_sec03 .bg_image{
	}
	section.top_sec03 h2{
		font-size: min(4.6vw, 36px);
		letter-spacing: 0.05em;
	}
	section.top_sec03 p.cate_text{
		font-size: min(1.8vw, 14px);
	}
	section.top_sec03 .img_arrow{
		width: 4.6vw;
	}
}
@media print, screen and (max-width: 520px)	{
	section.top_sec03 .sec_title{
		font-size: min(8.5vw, 32px);
		line-height: 20vw;
	}
	section.top_sec03 > .sec03_in{
		justify-content:flex-start;
		flex-direction:column;
	}
	section.top_sec03 > .sec03_in > .cate{
		width:100%;
		height: 61.8vw;
		margin-bottom: 2.6vw;
	}
	section.top_sec03 .sec03_text{
		padding: 9vw;
	}
	section.top_sec03 h2{
		font-size: min(7.2vw, 27px);
		margin-bottom: 0.5em;
	}
	section.top_sec03 p.cate_text{
		font-size: min(3.7vw, 14px);
	}
	section.top_sec03 .img_arrow{
		width: 9.3vw;
		max-width: 35px;
	}
	.cate_news{background-image: url("img/top_202310/cate_news_bg_sp.jpg");}
	.cate_inspiration{background-image:url("img/top_202310/cate_inspiration_bg_sp.jpg")}
	.cate_showroom{background-image: url("img/top_202310/cate_showroom_bg_sp.jpg");}
	.cate_instagram{background-image: url("img/top_202310/cate_instagram_bg_sp.jpg");}
}


.brpc{display: inline-block;}
.brtab{display: none;}
.brsp{display: none;}
@media print, screen and (max-width: 769px)	{
	.brpc{display: none;}

	.brtab{display: inline-block;}
	.brsp{display: none;}
}
@media print, screen and (max-width: 520px)	{
	.brpc{display: none;}
	.brtab{display: none;}
	.brsp{display: inline-block;}
}

/* ==============================================
 投稿記事（single.php）


=============================================== */
/* ------------------- 投稿記事のレイアウト（single.php）------------------- */
#container.single .main {
	width: 100%;
}
#container.single .side {
	width: 100%;
}

@media print, screen and (min-width: 980px) {
	#container.single {
		border: #eee 1px solid;
	}
	#container.single #pankuzu {
		border: none;
	}
	#container.single #container_main_area {
		float: right;
	}
	#container.single #side_left.side {
		display: block;
		float: left;
		width: 111px;
		border: #eee 1px solid;
		border-bottom: none;
		border-left: none;
	}
	#container.single .main {
		float: left;
		width: 640px;
		margin-left: -1px;
		border: #eee 1px solid;
		border-bottom: none;
	}
	#container.single #side_right.side {
		float: left;
		width: 229px;
		margin-left: -1px;
		border: #eee 1px solid;
		border-bottom: none;
		border-right: none;
		font-size:1.1em;
	}
}


/* ==============================================
 CONTRACT
=============================================== */
#contract {
	margin-top: 10px;
}
#contract h2 {
	padding: 10px 10px 5px 10px;
	background: linear-gradient(45deg, #FEC236, #F9DB3D);
	background-image: -webkit-linear-gradient(45deg, #FEC236, #F9DB3D);
	text-align: center;
}
#contract #content {
	border: 1px solid #eee;
	border-top: none;
	padding: 60px 20px 60px 20px;
	margin-bottom: 10px;
}
#contract #content #link_area .link {
	float: left;
	width: 50%;
	text-align: center;
	padding: 0 10px 20px 10px;
}
#contract #content #link_area .link.right {
	margin-right: 0;
}

@media print, screen and (min-width: 480px) {
	#contract h2 {
		text-align: left;
	}
	#contract #content #link_area .link {
		width: 23.5%;
		margin-right: 2%;
		padding: 0;
	}
}


/* ==============================================
 左サイドバー
=============================================== */
#container.single .sidebar_left.pc, #container.page-varier_category .sidebar_left.pc {
	display: none;
}
#container.single .sidebar_left.sp, #container.page-varier_category .sidebar_left.sp {
	overflow: hidden;
	margin-bottom: 10px;
}
#container.single .sidebar_left.sp .title, #container.page-varier_category .sidebar_left.sp .title {
	padding: 5px;
	background: linear-gradient(45deg, #ddd, #f7f7f7);
	background-image: -webkit-linear-gradient(45deg, #ddd, #f7f7f7);
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 5px;
}

@media print, screen and (min-width: 980px) {
	#container.single .sidebar_left.sp, #container.page-varier_category .sidebar_left.sp {
		display: none;
	}
	#container.single .sidebar_left.pc, #container.page-varier_category .sidebar_left.pc {
		display: block;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		margin-top: -1px;
		margin-bottom: 20px;
	}
	#container.single .sidebar_left .icon_area, #container.page-varier_category .sidebar_left .icon_area {
		float: left;
	}
	#container.single .sidebar_left .icon_area a, #container.page-varier_category .sidebar_left .icon_area a {
		display: block;
		border-bottom: 1px solid #eee;
		border-right: 1px solid #eee;
	}
	#container.single .sidebar_left .icon_area a.last, #container.page-varier_category .sidebar_left .icon_area a.last {
		border-bottom: none;
	}
	#container.single .sidebar_left .title_area, #container.page-varier_category .sidebar_left .title_area {
		display: block;
		float: right;
	}
}

/* mainエリアの余白 */
#container.single .main {
	padding: 10px 0;
}
/* タイトルエリア */
#container.single .main #title_area {
	line-height: 1.4em;
	margin-bottom: 10px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 2px solid #eee;
}
#container.single .main #title_area #title {
	display: inline-block;
	float: left;
	padding-right: 15px;
	margin-right: 5px;
}
#container.single .main #title_area #title.title_line {
	border-right: 3px solid #C00;
}
#container.single .main #title_area #title_side {
	display: inline-block;
	float: left;
	color: #000;
}
#container.single .main #title_area #title h2 {
	font-size: 180%;
	margin-bottom: -5px;
}
#container.single .main #title_area #title #sub_title {
	padding-top: 6px;
	font-size: 80%;
	color: #999;
}
/* 記事本文エリア */
#container.single .main .comment {
	padding-bottom: 40px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
    word-break: break-all;
    font-size:1.2em;
}
#container.single .main .comment img {
	margin-bottom: 10px;
}
/* 記事の右エリア */
#container.single #side_right {
	padding: 10px;
}
#container.single #side_right img {
	margin-bottom: 10px;
}


@media print, screen and (min-width: 980px) {
	/* タイトルエリア */
	#container.single .main #title_area {
		margin-top: 0;
		padding-top: 0;
		border-top: none;
	}
	#container.single .main {
		padding: 10px 20px;
	}
}


/* ==============================================
 記事
=============================================== */
/* 背景グレー */
.bg_gray_box {
	display: block;
	padding: 5px 0;
	background:#aaa;
	color: #FFF;
	margin: -10px -10px 0 -10px;
    font-size:smaller;
    text-align:center;
}
.bg_gray_box a {
 	color: #FFF;
}
/* PDFへのリンク */
.pdf_link {
	padding-left: 18px;
	background: url(img/icon/ico_pdf.png) no-repeat left center;
}
.pdf_link a {
	text-decoration: underline;
}


/* ==============================================
 GoogleMap
=============================================== */
.google_map {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}
.google_map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media print, screen and (min-width: 980px) {
	/* Company Profile, Map */
	.google_map.company {
		width: 100%;
		height: 300px;
	}
}
	

/* ==============================================
 固定ページ（テンプレート：page（デフォルト））
=============================================== */
#container.page {
	margin-bottom: 5px;
}
#container.page #page_content {
	border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
#container.page .main {
	padding: 10px;
}

@media print, screen and (min-width: 980px) {
	#container.page .main {
		/*border-left: 1px solid #eee;*/
		width: 980px;
	}
}


/* ==============================================
 固定ページ（テンプレート：index）
=============================================== */
#container.index {
	width: 980px;
}

@media print, screen and (max-width: 769px) {
	#container.index {
		width: 100%;
	}
}

#container.index #index_content {
	border: 1px solid #eee;
	border-top:none;
    padding:0.5em 0 5em 0;
}
#container.index .main {
	padding: 10px;
}
#container.index .main img{
	display: block;
}
#container.index h2 {
	font-size: 150%;
	margin:5px 0 20px 0;
}
.box{
	border: 1px solid #eee;
}
.comment-mainindex{
	font-size: 1.2em;
	line-height: 1.7em;
}
.mainindex-left{
	width:48%;
	float: left;	
	margin-bottom:3em;	
}
.mainindex-right{
	width:48%;
	float: right;	
	margin-bottom:3em;		
}
	
@media print, screen and (max-width: 769px) {
	.mainindex-left {
		width:100%;
		margin-bottom: 2em;		
	}
	.mainindex-right{
		width:100%;	
	}
}


/* ==============================================
 お問い合わせ
=============================================== */
table.contact_form th {
	width:20%;
	background:none;
	border-bottom:1px dotted #ddd;
	vertical-align: middle; 
}
table.contact_form td {
	width:80%;
	border-bottom:1px dotted #ddd;
	padding:10px 0;
}
table.contact_form textarea {
	width:90%;
}
.table_contact_form_hissu {
	padding:10px 0 10px 20%;
	border-bottom:1px dotted #ddd;
	margin-bottom:20px;
}
table.contact_form textarea, table.contact_form input {
	border: 1px solid #ccc;
}
.table_contact_form_btn {
	text-align: center;
}
.table_contact_form_btn input {
	padding: 5px 20px;
	font-size: 13px;
	background-color: #C00;
	color: #fff;
	border-style: none;
	cursor: pointer;
}
.table_contact_form_btn input:hover {
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE */

	filter: alpha(opacity=60);
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	-o-opacity: 0.6;
	-ms-opacity: 0.6;
	opacity: 0.6;
}


/* ==============================================
 商品在庫のご案内
=============================================== */
#stock_content_area {
	border: 1px solid #eee;
	border-top: none;
	margin-bottom: 5px;
}
#stock_content_area #sidebar-stock {
	float:left;
	width:151px;
	border-right:1px solid #eee;
}
#stock_content_area .main {
	padding: 10px;
	float:right;
	width:828px;
	margin-left:-1px;
}
#stock_content_area .main h2 {
	font-size: 180%;
	margin-bottom: 10px;
    margin-top:10px;
}
#stock_content_area .content .sub_title {
	font-size: 180%;
	padding: 15px 10px;
	border: 1px solid #aaa;
	margin-bottom: 60px;
	margin-top: 20px;
}
#stock_content_area .content .item_area {
	float: left;
	width: 31%;
	margin: 0 1% 60px 1%;
	text-align: center;
}
#stock_content_area .content .item_area a {
	font-size: 125%;
	color: #555;
}
#stock_content_area .content .item_area a:hover {
	text-decoration: underline;
}
#stock_content_area .content .item_area img {
	max-width: 100%;
	margin-bottom: 20px;
}
#stock_content_area #stock_contact_area .stock_comment {
	margin-bottom: 20px;
}
#stock_content_area .comment {
    margin-left:10px;
}

/*在庫お問い合わせ先*/
.stock_comment{
	width:45%;
	float: left;
	font-size: 1.3em;
}
#stock_contact_area {
	width: 45%;
	float: right;
	font-size: 1.3em;
}
#stock_content_area .content .item_area img {
	max-width:65%;
}

@media print, screen and (max-width: 769px) {
	#stock_content_area .main {
		width:100%;
	}
	.stock_comment{
		width:100%;
		margin-bottom: 2em;
	}
	#stock_contact_area {
		width: 100%;
	}
	#stock_content_area .content .item_area {
		float: left;
		width: 48%;
		margin: 0 1% 60px 1%;
		text-align: center;
	}	
	#stock_content_area #sidebar-stock {
		width:100%;
		border-right:1px solid #eee;
	}
	.name{
		font-size: 0.8em;
	}	
}

/* 左メニュー */
#sidebar-stock {
}
#sidebar-stock #title {
	font-size: 120%;
	font-weight: bold;
	border-bottom: 1px dotted #ddd;
	padding: 5px 0 4px 8px;
}
#sidebar-stock a {
	letter-spacing: 0;
	display: block;
	border-bottom: 1px dotted #ddd;
	padding: 5px 0 4px 8px;
}
#sidebar-stock a:last-child {
	border-bottom: none;
}

@media print, screen and (min-width: 980px) {
	#sidebar-stock {
		margin-bottom:0;
	}
	#sidebar-stock a:last-child {
		border-bottom:1px dotted #ddd;
	}
}


/* ==============================================
 通常の投稿記事
=============================================== */
#normal_content_area .normal_single_date {
	display: none;
}
#normal_content_area {
	border: 1px solid #eee;
	margin-bottom: 5px;
}
#normal_content_area .main {
	padding: 10px;
}
#normal_content_area .main h2 {
    font-size: 180%;
    margin-top: 14px;
    margin-bottom: 30px;
    letter-spacing: 0;
    color: #444;
    font-family: helvetica;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}
#normal_content_area .normal_single_date {
	font-size: 110%;
	margin-bottom: 10px;
	color: #666;
}
#normal_content_area .comment {
	border-bottom: 1px #eee solid;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#normal_content_area .comment table, #normal_content_area .comment td {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

@media print, screen and (min-width: 980px) {
	#normal_content_area .main {
		float:right;
		width:828px;
		border-left:1px solid #eee;
		margin-left:-1px;
	}
	#normal_content_area #sidebar-normal {
		float:left;
		width:151px;
		border-right:1px solid #eee;
	}
}

/* 左メニュー */
#sidebar-normal {
}
#sidebar-normal #title {
	font-size: 120%;
	font-weight: bold;
	border-bottom: 1px dotted #ddd;
	padding: 5px 0 4px 8px;
}
#sidebar-normal a {
	letter-spacing: 0;
	display: block;
	border-bottom: 1px dotted #ddd;
	padding: 5px 0 4px 8px;
}
#sidebar-normal a:last-child {
	border-bottom: none;
}

@media print, screen and (min-width: 980px) {
	#sidebar-normal {
		margin-bottom:0;
	}
	#sidebar-normal a:last-child {
		border-bottom:1px dotted #ddd;
	}
}


/* ==============================================
 News Release
=============================================== */
.single_post{
	font-size:2em;	
}
.news_date{
	font-size: 1.3em;
}
.content{
	margin-top:30px;
}
.cat-item{
	border-bottom: solid 1px #e7e7e7;
	position: relative;
	margin-bottom: 1em;
	padding-bottom: 0.2em;
}
#news_content_area {
	border: 1px solid #eee;
    border-top:none;
	margin-bottom: 5px;
}
#news_content_area .main {
	padding: 15px;
	width: 80%;
	border-right: #e7e7e7 solid 1px;
	float: left;
	
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#news_content_area .main::after  {
	display: block;
	content:"";
	width: 42%;
	margin: 3em;
}
#news_content_area .main #category_name {
	font-size: 180%;
	margin: 10px 0 20px 0;
	letter-spacing: 0;
}
#news_content_area .main .item {
    margin: 3em;
    position: relative;
    width: 100%;
    border: 1px #e7e7e7 solid;
	min-height: 30em;
}
#news_content_area .main .item .image {
	width: 100%;
    text-align:center;
}
#news_content_area .main .item .image img {
	object-fit: cover;
	object-position: 0% 0%;
	width:100%;
}
#news_content_area .main .item .post_text {
	width: 100%;
    padding:10px;
	text-align: left;
}
#news_content_area .title {
    font-size: 1.5em;
	line-height: 1.5em;
}
#news_content_area .comment {
    font-size: 1.3em;
    color: #333;
    line-height: 1.6em;
    margin-bottom: 5em;
}
#news_content_area .pagenavi {
	text-align: center;
	padding: 10px 0;
}
#news_content_area .comment table, #news_content_area .comment td {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
#news_content_area #sidebar-news {
	width: 20%;
	float: right;
}
#news_content_area .post_name {
	bottom:16px;
	float:left;
	position:absolute;
}
#news_content_area .post_name a:hover {
	text-decoration: none;
}
#news_content_area .normal_single_date{
	width: 100%;
}
#news_content_area .company_title{
	width: 100%;
}
#news_content_area .single_content{
	width: 100%;
}

@media print, screen and (max-width: 769px) {
	#news_content_area .main{
		width: 100%;
		float: none;
		border-bottom: 1px solid #eee;
	}
	#news_content_area #sidebar-news{
		width:100%;
		float: none;
	}
	#news_content_area .main .item{
	  width:100%;
		margin: 0;
		margin-bottom: 2em;
		border-bottom: 1px solid #eee;
	}
}

/* 左メニュー */
#sidebar-news {
}
#sidebar-news #title {
	font-size: 120%;
	font-weight: bold;
	border-bottom: 1px dotted #ddd;
	padding: 5px 0 4px 8px;
}
#sidebar-news a {
    display: block;
    font-size: 1.4em;
    margin: 2em 1em;
}

@media print, screen and (max-width: 769px) {
	#sidebar-news a{
		font-size: 0.8em;
		margin: 1em 1em;
	}
}

/* ▼カタログダウンロード */
.download {
	width: 100%
}
.want-catalog{
	font-size: 0.5em;
	float: right;
}
.banner-catalog{
	border:1px solid #CCC;
}
.bt-dl {
	width: 11px;
}
.newcatalog{
	color:#333 !important;
}
.newcatalog a:hover{
	color:#888 !important;
}

@media print, screen and (max-width: 769px) {
	.want-catalog{
		display:none;
	}
}

/* ▼ディーラーログイン */
.dealer {
	width: 100%;
	margin: 50px 0;
}
 @media print, screen and (min-width: 980px) {
	.dealericon {
	 	display: inline;
	 	margin: 2em;
	 	width:360px;
	}
}
 @media print, screen and (max-width: 480px) {
	.dealericon {
	 	display: inline;
	 	width:360px;
	}
}

/* ▼クレームシートページ*/
 .claim li {
	 margin-bottom:5px;
	 width: 100%;
	 border:solid 1px #e7e7e7;
}

/* ▼採用*/
.recruit {
	margin-top:45px;
}

/* ▼メルマガ*/
.mailmag {
	border: 1px solid #ccc;
}
.mailmag_text{
	text-align: center;
	margin-bottom: 1em;
	font-size: 1.1em;
}
.widget_wysija_cont html_wysija{
	text-align:center;
}
.wysija-paragraph{
	margin-bottom:1em;
	text-align: center;
}
.widget_wysija_cont .wysija-submit{
	margin:0 auto;
}

/*カテゴリバナー用*/
.cate-banner-4{
	margin-bottom: 2em;
}
.cate-banner-4 ul {
	margin-bottom:20px;
	width: 100%;
}
.cate-banner-4 li {
	float:left;
    margin: 0 22px 0 2px;
    width: 23%;
}
.cate-banner-4 li:last-child {
	float:left;
    margin-right:0px;
    width: 23%;
}
.cate-banner-4 li img{
	border: solid 1px #CCC;
}
.company_title {
	border-bottom: solid 3px #e7e7e7;
	position: relative;
	margin-bottom: 1em;
	padding-bottom: 0.2em;
}
.company_title:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #cd5454;
	bottom: -3px;
	width: 20%;
}
.company{
	font-size: 1.2em;
    margin: 1em 0;
}
.bbgray{
	border-bottom: 1px solid #eee;
}


 @media print, screen and (max-width: 980px) {
	 .cate-banner-4 li {
		 margin: 0 19px 0 2px;
	 }
}
 @media print, screen and (max-width: 769px) {
	 #cate-title-furniture{
		 font-size:140% !important;
		 height: 30px;
		 padding: 7px;
	 } 
	 .cate-banner-4 li {
		 margin: 0 7px 0 0px;
	 }
}
	
/*スペシャルセール*/
.sale-text {
	margin-bottom: 20px;
}
.sale-text p {
	margin-bottom: 10px;
}
.sale-item {
	width: 100%;
    font-size:1em;
}
.sale-item ul {
	width: 100%;
}
.sale-item li {
	display: inline-block;
	width: 23%;
	margin-bottom: 10px;
	margin-right: 16px;
	line-height: 1.3em;
}
.sale-item li:last-child {
	margin-right: 0px;
}
.sale-item li img {
	border: solid 1px #ccc;
}

 @media print, screen and (max-width: 480px) {
	 .sale-item li {
		 display:inline-block;
		 width: 48%;
		 margin-right: 2px;
		 margin-bottom: 10px;
	 }
	 .sale-item li:last-child {
		 margin-right: 0px;
	 }
	 .sale-item p {
		 font-size:80%;
	 }
}

/*ショップエリア*/
.idcflame{
	margin-top:20px;
	margin-bottom:20px;
}
.idc-left{
	float:left;
	width:45%;
}
.idc-right{
	float:right;
	width:45%;
}
#shop-wrapper {
	margin:20px 0;
}
.shop-banner {
	width: 100%;
}
.shop-banner ul {
	width: 100%;
}
.shop-banner li {
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 15px;
	line-height: 1.3em;
}
.shop-banner li:last-child {
	margin-right: 0px;
}
.shop-banner li img {
	border: solid 1px #ccc;
}

 @media print, screen and (max-width: 480px) {
	 .shop-banner li {
		 display:inline-block;
		 width: 48%;
		 margin-right: 2px;
		 margin-bottom: 10px;
		 line-height: 1.3em;
	 }
	 .shop-banner li:last-child {
		 margin-right: 0px;
	 }
}

/*コンテンツ全体*/
#contents-wrapper{
}

/*画像ひとつ*/
#photo-one-nc{
	margin-bottom:30px;
}

/*画像横並びふたつ*/
#photo-two-nc {
	width: 100%;
}
#photo-two-nc ul {
	width: 100%;
	margin-bottom:15px;
    text-align: center;
}
#photo-two-nc li {
	float:left;
	margin-bottom: 50px;
	line-height: 1.3em;
    vertical-align:top;
	text-align: left;
} 
#photo-two-nc li:last-child {
	margin-left: 7px;
	text-align: left;
}
#photo-two-nc li img {
	border: solid 1px #ccc;
}
.company_image{
margin-bottom:10px;
}

@media print, screen and (max-width: 980px) {
	#photo-two-nc li {
		width: 48%;
		margin-right: 0;
		margin-bottom: 10px;
		line-height: 1.3em;
	}
	#photo-two-nc li:last-child {
		margin-right: 0px;
		margin-left:30px;
	}
}
@media print, screen and (max-width: 769px) {
	#photo-two-nc li {
		width: 48%;
		margin-right: 0;
		margin-bottom: 10px;
		line-height: 1.3em;
	}
	#photo-two-nc li:last-child {
		margin-right: 0px;
		margin-left:20px;
	}
}
@media print, screen and (max-width: 480px) {
	#photo-two-nc li {
		width: 100%;
		margin-bottom: 20px;
		line-height: 1.3em;
	}
	#photo-two-nc li:last-child {
		margin-left: 0px;
		margin-bottom: 20px;
	}
	.cate-banner-lamp li{
		margin: 0px;
	}
	.cate-banner-lamp li:last-child {
		margin-right: 0px;
	}
}

/*パンくず*/
.breadcrumbs {	
    font-size: 85%;
    letter-spacing: 0;
    padding: 4px 0 4px 10px;
	border: 1px solid #eee;
	color: #999;
}

/*ランディングページ*/
.land-page {
	text-align: center;
}
.land-top_image p{
	font-size: 1.5em;
	line-height: 1.7em;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align:center;
}				
.land-sec {
	font-weight: bold;
}
.land-small_sec_sub	{
	font-size: 80%;
    margin: 1em 0 1.5em 0;
    line-height:0.8em;
    text-align:center!important;
}
.land-sec p {
    font-weight: normal;
    line-height: 1.5em;
    font-size:1.2em;
    text-align:center;
}
.land-small_sec {
	width: 400px;
	display: inline-block;
	vertical-align: top;
	line-height: 0;
	margin: 0 2.5em 3em;
    text-align:center;
}
.land-large_sec {
	vertical-align: top;
	line-height: 0;
	margin: 0 0 3em;
	padding:0 5em;
    text-align:center;
}
.land-sec_title{
	border-top:#e5e5e5 1px solid;	
	border-bottom:#e5e5e5 1px solid;	
	padding: 1em;
	font-size: 1.5em;
	font-weight: bold;
	margin: 2em 0;
	text-align:center;
}
.items-lineup{
	background: #e9e9e9;
	padding:1em;
}
.items-lineup li p{
	text-align:center!important;
}
.land-two_sec_title{
	margin: 0 0 1em 0;
	line-height: 1;
	font-size: 120%;
}
.land-sec li{
	font-size: 0.8em;
	background: #FFF;
	float:left;
	margin: 1.2em;
	margin-right: 0px;
}
.land-sec graypants li{
	font-size: 0.8em;
	background: #FFF;
	float:left;
	margin: 1.2em;
	margin-right: 2.4em;
}
.land-small_sec_cap {
    font-weight: normal;
    font-size: 85%;
    line-height: 2em;
    margin-top: 0.5em!important;
	text-align: left !important;
}
.land-video{
	width:400px;
	height:276px;
}
.land-small_sec span{
	font-weight: lighter;
    font-size: 1.4em;		
    line-height: 2em;
}

@media print, screen and (max-width: 769px) {
	h3{
		font-size: 1em;
	}
	.land-top_logo img{
		width:30%;
	}
	.land-sec p{
		text-align: left;
	}
	.land-top_image p{
		text-align:left;
		line-height: 1.5em;
		font-size: 1.3em;
	}
	.land-large_sec img {
		width:400px;
	}
}
@media print, screen and (max-width: 480px)	{
	.land-small_sec {
		width: 100%;
		vertical-align: top;
		margin:0 0 2em 0;
	}
	.land-large_sec {
		width: 100%;
		vertical-align: top;
		margin:0 0 2em 0;
		padding:0;
	}
	.land-large_sec img {
		width:100%;
	}
	.land-emeco_video{
        width:100%;
        height:200px;
	}
	.br-sp { display:none; }
}	


/*商品個別ページ*/
a.bt-ask{
    display: block;
    height: 40px;
    width: 190px;
    text-decoration: none;
    background: #d31e26;
    color: #fff;
    line-height: 3.5em;
    text-align: center;
    border-radius: 3px;
    box-shadow: 1px 2px 4px #8f4a4a;
    font-size: 1.2em;
}
a.bt-ask:active{  /* クリック時の設定 */
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow:none;
}
a.bt-zip{
	display: block;
	height: 20px;
	width: 90px;
	text-decoration: none;
	background: #51939f;
	color: #fff;
	line-height: 20px;
	text-align: center;
	border-radius: 3px;
	box-shadow: 1px 2px 4px #4a848f;
}
a.bt-zip:active{  /* クリック時の設定 */
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow:none;
}
a.bt-pdf_1{
	display: block;
	height: 20px;
	width: 90px;
	text-decoration: none;
	background: #5b77a9;
	color: #fff;
	line-height: 20px;
	text-align: center;
	border-radius: 3px;
	box-shadow: 1px 2px 4px #546b98;
}
a.bt-pdf_1:active{  /* クリック時の設定 */
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow:none;
}
a.bt-pdf_2{
	display: block;
	height: 20px;
	width: 90px;
	text-decoration: none;
	background: #c6362b;
	color: #fff;
	line-height: 20px;
	text-align: center;
	border-radius: 3px;
	box-shadow: 1px 2px 4px #c6362b;
}
a.bt-pdf_2:active{  /* クリック時の設定 */
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow:none;
}
a.bt-dwg{
	display: block;
	height: 20px;
	width: 90px;
	text-decoration: none;
	background: #ef8200;

	color: #fff;
	line-height: 20px;
	text-align: center;
	border-radius: 3px;
	box-shadow: 1px 2px 4px #d4842c;
}
a.bt-dwg:active{  /* クリック時の設定 */
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow:none;
}
.productsgl_desc{
	margin-top:0.7em;
}
.photospace_res ul.thumbs li:last-child{
	margin-right:0px !important;
}
#productsgl{
	font-weight: 500;
	margin-bottom:2em;
}
.productsgl-detailblock{
	border:none;
	margin-bottom:20px;
}
.productsgl-detailblock th{
	border:none;
	background-color:#fff;
	font-size: 1.1em;
} 
.productsgl-detailblock td{
	border:none;
	font-size: 1.1em;
	width:76%;
} 
.productsgl-brand{
    font-size: 1.2em;
    margin-bottom: 1em;
    margin-top: 3em;
}
.productsgl-name{
	font-weight:bold;
	line-height: 1.1em;
	margin-bottom:1em;
	font-size:2em;
}
.productsgl-name span{
	font-size:60%;
}
.productsgl-spectitle{
	font-weight: bold;
    font-size: 1.3em;
    margin-bottom: 1em;
    position: relative;
    padding: 0.35em 0.5em 0.5em 1.7em;
    border-bottom: 1px solid #ccc;
}
.productsgl-spectitle::after{	
	position: absolute;
	top: .45em;
	left: .4em;
	z-index: 2;
	content: '';
	width: 1em;
	height: 1em;
	background-color: #999;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.productsgl-photo{
	float: left; 
	display:block;
	width:500px;
}

#productsgl_inner-left {
    float: left;
	width: 500px;
}
#productsgl_inner-right {
    float: right;
    width: 405px;
    color: #333;
}
.productsgl-price {
	font-size: 1.8em;
	margin-bottom:2em;
    line-height:1.3em;
}
.productsgl-price span {
	font-size: 0.5em;
}
.productsgl-desc{
	font-size: 1.3em;
    line-height: 1.5em;
	font-weight: normal;
}	
.productsgl-item{
    margin-top: 3px;
    border: none;
}
.productsgl-item th{
    margin-top: 3px;
    background-color: #FFF;
    border: none !important;
}
.productsgl-item td{
    margin-top: 3px;
    background-color: #FFF;
    border: none !important;
}
.productsgl-download{
	margin-bottom: 3em;
    border: none;
	width:500px;
}
.productsgl-download th{
    font-size: 1.1em;
	padding-right: 3em;
    background-color: #FFF;
    border: none !important;
}
.productsgl-download td{
    padding-right: 3em;
    background-color: #FFF;
    border: none !important;
}
.productsgl-samebranditem{
	float: left;
}
.productsgl-part{
	margin-bottom: 5em;
}
.productsgl-part.left{
	float: left;
	width:500px;
}
.productsgl-designerphoto{
	float: left;
}
.productsgl-designerspec{
	margin-left: 1em;
	float: left;
	width: 50%;
}
.productsgl-movie{
	width:500px;
	height: 300px;
}
#productsgl-main{
	margin-bottom:2em;
}
#productsgl-branditem{
	margin-bottom:2em;
}
.productsgl_sns{
	margin-bottom: 5em;
}	
.productsgl-samebrand_item{
	width:100%;
	margin-bottom: 3em;
	background-color: #e9e9e9;	
}
.productsgl-samebrand_item li{
	float: left;
	width: 120px;
	margin: 0 19px 20px 20px;
	background-color: #fff;
}
.productsgl-samebrand_item li p{    
	text-align: center;
}
.productsgl-otherbrand_item{
	width:100%;	
}
.productsgl-otherbrand_item li{
	float:left;
	width:76px;
	margin: 0 15px 15px 15px;
}

@media print, screen and (max-width: 769px)	{
	.productsgl-photo{
		float:none;
        width:100%;
	}
	#productsgl_inner-left {
		width: 100%;
		float:none;
	}
	#productsgl_inner-right {
		width: 100%;
		float:none;
	}
	.productsgl-part.left{
		width:100%;
		float:none;
	}
	.productsgl-designerspec{
		width:40%;
	}
	.productsgl-download{
		width: 100%;
	}
	.productsgl-samebrand_item li{
		float: none; 
		width: 28%;
		margin: 0.6em;
		display: inline-block;
	}
	.productsgl-otherbrand_item li {
		margin: 0.8em;
        display: inline-block;
		float: none;
		width: 26%;
	}
	.productsgl-otherbrand_item ul {
		text-align:center;
	}
	.productsgl-movie{
		width:100%;
	}
}

.header-banner-smp{
	display:none;
}

@media print, screen and (max-width: 520px)	{
	.smp_none{
		display:none;
	}
}
@media print, screen and (max-width: 769px)	{
	.smp_map{
		width:100%;
	}
}

.items_two{
	font-size:1.5em !important;
}
.wpcf7{
	margin-bottom:1em;
}

/*商品問い合わせ*/
.contact_item{
	display: block;
	border-top: none!important;
	border-left: none!important;
	border-right: none!important;
	border-bottom: none!important;
	width: 360px;
	margin: 0 auto;
}
.contact_item th{
	display: block;
	border-top: none!important;
	border-left: none!important;
	border-right: none!important;
	border-bottom: none!important;
	padding-bottom: 0px;
}
.contact_item td{
	display: block;
	border-top: none!important;
	border-left: none!important;
	border-right: none!important;
	border-bottom: none!important;
	padding-top: 0px;
}

@media print, screen and (max-width: 769px)	{
	.contact_item{
		width:100%;
	}
}

.land-top_example li{
	margin-right: 28px;
	margin-bottom: 28px;
	float: left;
}
.land-top_example li:nth-child(3n){
	margin-right: 0px
}
		  
 @media print, screen and (max-width: 769px) {
	 .land-top_example li{
		 float: left;
		 width: 45%;
		 margin-right: 0px;
	 }
	 .land-top_example li:nth-child(2n){
		 float: right
	 }
}

.other_site_banner{
	margin-bottom:2em;
}
.content_header{
	margin-bottom:2em;
}
.content_wrap{
	margin-bottom:2em;
}
.innovation_color_left{
	float:left;
	width:45%;
}
.innovation_color_right{
	float:right;
	width:45%;
}
.color_sample{
	margin-bottom: 3em
}







/******************** takahashi add ************************/
.row-eq-height {
	flex-wrap: wrap;
    display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.row:before, .row:after { width:0px; }

.productsgl-samebrand_item_02{
    width:100%;
    margin-bottom: 3em;
    background-color: #e9e9e9;	
}
ul.itemList{
    padding: 15px;
}
ul.itemList li{
    margin-bottom: 15px;
    display: flex;
}
ul.itemList li > .itemContainer{
    background-color: #fff;
    text-align: center;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.items-lineup_02{
    background: #e9e9e9;
    padding:1em;
}
.items-lineup_02 li p{
    text-align:center!important;
}
.borderGray1px{
    border: 1px solid #ccc;
}
.furniBunnerWrap .row{
    width: 100%;
    margin: 0;
    padding: 0;
}
.furniBunnerWrap h3{
    text-align: left;
}
.furniBunnerWrap .col-xs-12{
    padding: 0px;
    text-align: center;
    margin-bottom: 20px;
}
.furniBunnerWrap img{
    width: 100%;
    max-width: 219px;
}
article.itemAll {
    margin-bottom: 40px;
}
article.itemAll h2{
    border-bottom: 1px solid #ccc;
}
h3 span.h3-link{
    margin-left: 0.5em;
    font-size: 90%;
}
h3 span.h3-link a{
    color: #fff;
    text-decoration: underline;
}

.mb05em{margin-bottom: 0.5em;}
.mb1em{margin-bottom: 1em;}
.mb2em{margin-bottom: 2em;}
.mb3em{margin-bottom: 3em;}
.mb4em{margin-bottom: 4em;}

.pb05em{padding-bottom: 0.5em;}
.pb1em{padding-bottom: 1em;}
.pb2em{padding-bottom: 2em;}
.pb3em{padding-bottom: 3em;}
.pb4em{padding-bottom: 4em;}

.pdt20{padding-top: 20px;}

.indent1em{padding: 0 1em;}
.indent2em{padding: 0 2em;}
.indent3em{padding: 0 3em;}

.f-bold{font-weight: bold;}
.w100{width: 100%;}
.txt-center{text-align: center;}
.txt-left{text-align: left;}
.txt-right{text-align: right;}

.spOnlyBlock{display: block;}
.spOnlyInlineBlock{display:inline-block;}

p.image_caption{
	font-size: 1.2rem;
}

@media(min-width: 769px){
 	a[href^="tel:"]{
	    pointer-events: none;
  	}
	.spOnlyBlock{display: none;}
	.spOnlyInlineBlock{display:none;}
}

/* ----------------------------------------------------------------------------------------------------
*  FLEX
* --------------------------------------------------------------------------------------------------*/
.flex-row-sb{
	display: flex;
	justify-content:space-between;
}


/* ----------------------------------------------------------------------------------------------------
*  video
* --------------------------------------------------------------------------------------------------*/
video {
  vertical-align: bottom;
}
.video01,
.video02{
    width: 100%;
}
.sec-video{
    margin-bottom: 40px;
}


/* ----------------------------------------------------------------------------------------------------
*  youtube
* --------------------------------------------------------------------------------------------------*/
.movie-area ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.movie-area ul li{
	width: 50%;
	text-align: center;
	margin-bottom: 20px;
}
.movie-area ul li .yt-movie{
	width:460px;
	height:276px;
}
@media print, screen and (max-width: 769px)	{
	.movie-area ul{
		flex-direction: column;
	}
	.movie-area ul li{
		width: 100%;
	}
	.movie-area ul li .yt-movie{
		max-width: 460px;
		width:90%;
	}
}


/* ----------------------------------------------------------------------------------------------------
*  VIEW ALL COLLECTION
* --------------------------------------------------------------------------------------------------*/
.view_all_box{
	border: 1px solid #ccc;
	margin-bottom:40px;
}
.view_all_box h3{
	padding:0.5em 1em;
	background-color: #000;
	color: #fff;
}
.view_all_box img{
	width: 100%
}
.view_all_box h3 a,
.view_all_box h3 a:link,
.view_all_box h3 a:visited {
	color: #fff;
}
.ov_link_syule01{
	border: 1px solid #666;
	font-size: 16px;
	text-align: center;
	display: block;
	width: 65%;
	padding: 1em 2em;
	margin: 0 auto;
}


/* ----------------------------------------------------------------------------------------------------
*  Project List
* --------------------------------------------------------------------------------------------------*/
.pjtUlStyle01{
	width: 100%;
}
.pjtUlStyle01 ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pjtUlStyle01 ul li{
	width: 49%;
	margin-bottom: 40px;
}
.pjtUlStyle01 ul li img{
	width: 100%;
}

@media print, screen and (max-width: 769px)	{
	.pjtUlStyle01 ul{
		width: 100%;
		display: flex;
		justify-content:flex-start;
		flex-direction: column;
	}

	.pjtUlStyle01 ul li{
		width: 100%;
	}
}


/* ----------------------------------------------------------------------------------------------------
*  top news
* --------------------------------------------------------------------------------------------------*/
/*.top_news{
	margin: 0 0 40px;
}
.news_list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.news_list .col01{
	width: 48%;
	font-size:16px;
	padding-bottom: 24px;
}
.news_list .col01 img,
.news_list .col02 img{
	margin-bottom: 10px;
}
@media print, screen and (max-width: 769px)	{
	.news_list{
		flex-direction: column;
		flex-wrap: wrap;
	}
	.news_list .col01{
		width:inherit;
		padding: 10px 20px;
	}
}*/


/* ----------------------------------------------------------------------------------------------------
*  HISTORY & PROJECTS
* --------------------------------------------------------------------------------------------------*/
.history_projects_wrap{
	display: flex;
	justify-content: space-between;
}
.history_projects_wrap > .hispro_col_01 h2{
	font-size: 2.0rem;
}
.history_projects_wrap > .hispro_col_01 h3{
	font-size: 2.0rem;
	margin-bottom: 1em;
	line-height: 1.2;
}
.history_projects_wrap > .hispro_col_01 .secContainer > p{
	font-size: 1.5rem;
	margin-bottom: 1em;
	line-height: 1.4;
}
.hispro_col_01{
	width: 718px;
	padding: 0 20px;
}
.hispro_col_02{
	width: 200px;
	padding: 20px;
	background-color: #E4E1DB;
}

.history_img_01{
	width: 100%;
	/*max-width: 430px;*/
	margin: 40px auto 0;
}
.history_img_02{
	width: 100%;
	margin: 40px auto;
}
.history_img_03{
	width: 100%;
}
.history_img_04{
	width: 100%;
	max-width: 430px;
	margin: 40px auto 0;
}
.history_img_05{
	width: 100%;
	margin: 40px 0;
}
.history_img_06{
	width: 100%;
}
.history_img_07{
	width: 100%;
	margin: 40px 0;
}
.history_img_08{
	width: 100%;
	max-width: 430px;
	margin: 40px auto 0;
}
.history_img_09{
	width: 100%;
	margin: 40px 0 0;
}
.history_img_10{
	width: 100%;
	max-width: 430px;
	margin: 40px auto 0;
}
.history_img_11{
	width: 100%;
	margin: 40px 0 0;
}

.hispro_col_02 > h2{
	font-size: 1.6rem;
	margin-bottom: 2em;
	font-weight: bold;
}
.hispro_col_02 > div{
	margin-bottom: 32px;
}
.hispro_col_02 > div h3{
	font-size: 1.6rem;
	line-height: 1.5;
	margin-bottom: 2em;
	font-weight: bold;
	word-break: normal;
	word-wrap: normal;
}
.ul_projects{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.2rem;
}
.ul_projects li{
	margin-bottom: 0.5em;
	line-height: 1.2;
}

@media print, screen and (max-width: 769px)	{
	.hispro_col_01{
		width: 100%;
	}
	.hispro_col_02{
		width:28%;
	}
}
@media print, screen and (max-width: 580px)	{
	.history_projects_wrap{
		display: block;
	}
	.hispro_col_01{
		width: 100%;
	}
	.hispro_col_02{
		width:100%;
	}
}


/* ----------------------------------------------------------------------------------------------------
*  Dealer Login
* --------------------------------------------------------------------------------------------------*/
.dealer_sec_01{
	width: 100%;
	max-width: 890px;
	margin: 0 auto;
}
.dealer_sec_01 > p{
	margin: 1em 0;
	font-size: 1.9rem;
	line-height: 1.4;
}


/* ----------------------------------------------------------------------------------------------------
*  News Paper
* --------------------------------------------------------------------------------------------------*/
.newspaper_sec_01 > h2{
	font-size: 2.0rem;
	margin: 0 20px 1em;
}
.newspaper_sec_01 > .newspaper_link{
	margin: 0 20px;
	font-size: 1.2rem;
	text-align: right;
}
.newspaper_sec_01 > .newspaper_link a{
	text-decoration: underline;
}


/* ----------------------------------------------------------------------------------------------------
*  Seminar
* --------------------------------------------------------------------------------------------------*/
.seminar_sec_01 > h2{
	font-size: 2.0rem;
	margin: 0 20px;
}
.seminar_sec_02 > p,
.seminar_sec_03 > p{
	font-size: 1.6rem;
	text-align: right;
}


/* ----------------------------------------------------------------------------------------------------
*  outlet
* --------------------------------------------------------------------------------------------------*/
.outlet_sec_01{
	padding: 20px 40px 40px;
}
.outlet_sec_02{
	padding: 40px;
	border-bottom: none;
}
.outlet_sec_01 > h2,
.outlet_sec_02 > h2{
	font-size: 2.4rem;
}
.outlet_sec_02 > h2 > span{
	float: right;
	border: 1px solid #333;
	padding: 0.1em 0.2em;
}
.outlet_sec_01_img_01,
.outlet_sec_01_img_02{
	margin-bottom: 40px;
}
.outlet_sec_01_link{
	font-size: 2.6rem;
	text-align: center;
}
.outlet_sec_01_link a{
	text-decoration: underline;
}
.outlet_sec_02_txt_01{
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 2em;
	line-height: 1.4;
}
.outlet_sec_02_txt_01 > span{
	font-size: 2.8rem;
}
.outlet_sec_02_txt_02{
	font-size: 1.8rem;
	line-height: 1.4;
}
.outlet_sec_02_txt_02 a{
	text-decoration: underline;
}


/* ----------------------------------------------------------------------------------------------------
*  DISTRIBUTION CENTER
* --------------------------------------------------------------------------------------------------*/
.distributioncenter_sec_01{
	padding: 20px 40px 40px;
}
.distributioncenter_sec_01 > h2{
	font-size: 2.2rem;
}
.distributioncenter_sec_01_img_01,
.distributioncenter_sec_01_img_02{
	margin-bottom: 20px;
}
.distributioncenter_sec_01_txt_01{
	font-size: 1.8rem;
	margin-bottom: 1em;
}
.distributioncenter_sec_01_txt_02{
	font-size: 1.4rem;
}
.distributioncenter_sec_01_txt_02 > a{
	text-decoration: underline;
}
.distributioncenter_sec_02{
	padding: 20px 40px;
	border-bottom: none;
}
.distributioncenter_sec_02 > div{
	display: flex;
	justify-content:space-between;
}
.distributioncenter_sec_02_txt_01,
.distributioncenter_sec_02_txt_02{
	font-size: 1.3rem;
	line-height: 1.4;
}
.distributioncenter_sec_02_txt_01{
	margin-bottom: 4em;
}
.distributioncenter_sec_02_col_01,
.distributioncenter_sec_02_col_02{
	width: 100%;
}

@media print, screen and (max-width: 769px)	{
	.distributioncenter_sec_02 > div{
		display:block;
	}
	.distributioncenter_sec_02_txt_01{
		margin-bottom: 2em;
	}
	.distributioncenter_sec_02_txt_02{
		margin-bottom: 2em;
	}
}


/* ----------------------------------------------------------------------------------------------------
*  AFTER CARE
* --------------------------------------------------------------------------------------------------*/
.aftercare_sec_01{
	padding: 20px 40px 40px;
	border-bottom: none;
}
.aftercare_sec_01_img_01{
	text-align: center;
	margin-bottom: 40px;
}
.aftercare_sec_01_img_01 > img{
	width: 100%;
	max-width: 640px;
}
.aftercare_sec_01_table{
	font-size: 1.8rem;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	margin-bottom: 40px;
}
.aftercare_sec_01_table th{
	text-align: center;
	padding: 0.5em;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color: #eee;
}
.aftercare_sec_01_table th:last-child{
	border-right: 1px solid #eee;
}
.aftercare_sec_01_table td{
	padding: 0.5em 1em;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
}
.aftercare_sec_01_txt_01{
	font-size: 1.4rem;
	margin-bottom: 2em;
}
.aftercare_sec_01_txt_02{
	font-size: 1.6rem;
	margin-bottom: 2em;
	line-height: 1.4;
	font-weight: bold;
}
.aftercare_sec_01_block_01{
	border: 1px solid #eee;
	padding: 20px;
}
.aftercare_sec_01_block_01 > p{
	font-size: 1.8rem;
	margin-bottom: 1em;
}
.aftercare_sec_01_block_01 > ol {
	font-size: 1.4rem;
	position: relative;
	margin: 0;
	padding: 0;
}
.aftercare_sec_01_block_01 > ol li {
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding-left: 1.25em;
	margin-bottom: 0.5em;
}
.aftercare_sec_01_block_01 > ol li span {
	position: absolute;
	left: 0;
	margin: 0;
}


/* ----------------------------------------------------------------------------------------------------
*  Recruit
* --------------------------------------------------------------------------------------------------*/
.recruit_sec_01{
	padding: 20px;
}
.recruit_sec_01_txt_01{
	font-size: 1.8rem;
	line-height: 1.4;
	padding: 1em;
}
.recruit_sec_02,
.recruit_sec_03,
.recruit_sec_04{
	display: flex;
	justify-content: space-between;
	padding: 20px;
}
.recruit_sec_col_01{
	width: 100%;
}
.recruit_sec_col_02{
	width: 80%;
	margin-left: 40px;
}
.recruit_sec_col_01 > h3{
	font-size: 1.6rem;
	margin-bottom: 1em;
}
.recruit_sec_col_01 > p{
	font-size: 1.4rem;
	line-height: 1.4;
	margin-bottom: 1em;
}
.recruit_form_link{
	text-align: right;
}
.recruit_form_link > a{
	text-decoration: underline;
}
.recruit_sec_05{
	padding: 20px;
	border-bottom: none;
}
.recruit_sec_05 > p{
	font-size: 1.4rem;
	line-height: 1.4;
	margin-bottom: 1em;
}
@media print, screen and (max-width: 769px)	{
	.recruit_sec_02,
	.recruit_sec_03,
	.recruit_sec_04{
		display:block;
	}
	.recruit_form_link{
		text-align: left;
	}
	.recruit_sec_col_02{
		margin-left: 0;
	}
}



/***20251107_add***/
.flex_wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.flex_wrap_column{
	margin-bottom: 1em;
}

.flex_wrap_column > img{
	width: 100%;
}

.flex_wrap_column > p.img_title{
	margin-bottom: 0.5em;
	text-align:left;
	font-weight: bold;
}

.f_column2{
	width: 48%;
}

.f_column3{
	width: 31%;
}

@media print, screen and (max-width: 767px) {
	.f_column3{
		width: 48%;
	}
}

@media print, screen and (max-width: 480px)	{
	.f_column2{
		width: 100%;
	}

	.f_column3{
		width: 100%;
	}
}



/***20260210_add***/
.searchandfilter{
	margin-right: 1em;
	margin-top: 2px;
	display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    border: 1px solid #777;
    border-radius: 3px;
	background-color: #fff;
}
.searchandfilter p{
	margin-top: 1em;
	display:inline-block;
}
.searchandfilter ul{
	display:inline-block;
}
.searchandfilter li{
	list-style:none;
	display:inline-block;
	padding-right:10px;
}

/* If in a widget area make a single column by adding display block  */
.widget-area .searchandfilter li, .widget-area .searchandfilter p{
	display:block;
}
.searchandfilter label{
	/*display:block;*/
}
.searchandfilter h4{
	margin:15px 0;
	font-size:16px;
}

.searchandfilter ul > li > ul:not(.children){
	margin-left:0;
}

.searchandfilter input[type="text"] {
    width: 128px;
    /*height: 45px;*/
    padding: 3px 0.3em;
    border: none;
    box-sizing: border-box;
    font-size: 1.4em;
    outline: none;
}
.searchandfilter input::placeholder{
    color: #777777;
}
.searchandfilter input[type="submit"] {
    display: flex;
    justify-content: center;
    align-items: center;
	width: 14px;
    height: 14px;
	margin: 2px 0.5em 4px;
	border: none;
    background-color:transparent;
    cursor: pointer;
	background-image:url("img/common/icon_search.svg");
	background-repeat: no-repeat;
	background-size: cover;
}
p.serchCount{
	font-size: 1em;
	margin-bottom: 2em;
}
ul.searchResult{
	margin: 1em;
}
ul.searchResult li{
	padding: 1em 0;
	border-bottom: 1px dotted #bbb;
}
ul.searchResult li > h3{
	margin-bottom: 0.5em;
}
div.pagenat{
	text-align: center;
	font-size: 1.2em;
}
div.product_detail_img img{
	width: 100%;
	border: 1px solid #ccc;
}