@charset "utf-8";
/* ---------------------------------------------------------
common
----------------------------------------------------------*/

.pcOnly {
	display: block;
}
.spOnly {
	display: none;
}
.mod_billboard .slick li {
	height: auto !important;
}
.mod_section {
	font-family: "Noto Sans JP",sans-serif!important;
	line-height: 1.6;
}
/* Layout */
.side-left {
	float: left;
}
.side-right {
	float: right;
}
.wide478 {
	width: 478px;
}
.wide458 {
	width: 458px;
}
.ex_h2style span em.date {
	line-height: 1.18;
	margin: 0 0 6px 0;
	color: #F00;
	font-size: 0.8em;
	font-weight: bold;
}
.ttl_sec_type01 {
    text-align: center;
    font-weight: bold;
    font-size: 28px;
    line-height: 1.5;
    letter-spacing: 2px;
}

.h2_style_dresshandle {
    font-weight: bold;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 1px;
}
 @media only screen and (max-width:640px) and (max-device-width:1280px) {
	.h2_style_dresshandle {
		font-size: 4.6vw;
	}
 }

.ex_h2style span strong {
	line-height: 1.18;
	padding: 3px 10px;
	color: #000;
	font-size: 0.6em;
	font-weight: bold;
	border: #000 1px solid;
	vertical-align: middle;
}

.ex_h3style span em {
	line-height: 1.18;
	margin: 0 0 6px 0;
	color: #F00;
	font-size: 0.8em;
	font-weight: bold;
}
.ex_h3style span img {
	vertical-align:baseline;
}

.ex_h3style span .number {
	border: 1px solid ;
	display: inline;
	padding: 4px 10px;
	font-size: 75%;
	margin-left: 20px;
}

.ex_h4style.ex_h4style-no {
  border: none;
}
.mod_section {
	font-family: "Noto Sans JP", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif!important;
	line-height: 1.5;
}
.side-right p {
	margin-bottom: 10px;
}
.wide458 h3 {
	font-size: 1.2em;
	margin-bottom: 15px;
}
.wide458 a img {
	margin-top: 10px;
}
ul.product_list {
	margin: 0;
}
ul.product_list li {
	margin-left: 20px;
	list-style: disc;
}
 @media only screen and (max-width:640px) and (max-device-width:1280px) {
.spOnly {
	display: block;
}
.pcOnly {
	display: none;
}
.wide478, .wide458 {
	width: 100%;
}
.wide458 {
	margin: 20px 0 0 0;
}
.wide478 img, .wide458 img {
	max-width : 100%;
	height : auto;
}
.wide458 h3 br, .wide458 p br {
	display: none;
}
.ex_h2style span em {
	padding: 0 0 0 0;
}
}

.ttl_icon{
	width: auto;
}

.ttl_icon h3{
	float: left;
	width: 250px;
}

.ttl_icon img{
	width: 48px;
	float: right;
}
 @media only screen and (max-width:640px) and (max-device-width:1280px) {
.ttl_icon h3{
	float: left;
	width: 76vw;
}

.ttl_icon img{
	width: 14vw !important;
	float: right;
}
}

.mod_breadcrumb,
.mod_headerbar,
.ex_h2style {
	font-family: "Noto Sans JP", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif!important;
}


/* ex_clearfix
-----------------------------------------*/ 
.ex_clearfix:after {
  content: "";
  clear: both;
  display: block;
}
/* ex_clearfix
-----------------------------------------*/ 
#sectionContents .ex_marginB0{
 margin-bottom:0px!important;
}
#sectionContents .ex_marginBS{
 margin-bottom:10px!important;
}
#sectionContents .ex_marginBM{
 margin-bottom:20px!important;
}
#sectionContents .ex_marginBL{
 margin-bottom:30px!important;
}
#sectionContents .ex_marginBLL{
 margin-bottom:50px!important;
}
#sectionContents .ex_marginT0{
 margin-top:0px!important;
}
#sectionContents .ex_marginTSS{
 margin-top:5px!important;
}
#sectionContents .ex_marginTS{
 margin-top:10px!important;
}
#sectionContents .ex_marginTM{
 margin-top:20px!important;
}
#sectionContents .ex_marginTL{
 margin-top:30px!important;
}
#sectionContents .ex_marginTLL{
 margin-top:50px!important;
}



/* ---------------------------------------------------------
20181031
----------------------------------------------------------*/

.refresh_photo li{
	float: left;
	width: 321px;
	margin: 0 1px 1px;

}

.refresh_photo li:nth-child(3n) {
	margin: 0 0 1px;
}


.new_h3style{
	font-size: 1.14em;
	font-weight: bold;
	margin-bottom: 0.4em;
}

.new_h4style{
	margin-bottom: .8em;
	padding: 8px;
	font-size: 1.14em;
	font-weight: bold;
	background: #FFF;
	text-align: center;
	border: 1px solid #000;
}

.new_h4style span {
	padding: .3em .6em;
	}
	
.lineup_photo li{
	float: left;
	width: 482px;
	margin: 0 1px 1px;

}

.lineup_photo li:nth-child(2n) {
	margin: 0 0 1px;
}

/* layout(grid) ----------------------- */
.ratio-grid.column-3 .column {
	width: 306px;
	margin: 0 24px 20px 0;
}
.ratio-grid.column-3 .column:nth-child(3n) {
	margin-right: 0;
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
.ratio-grid.column-3 .column {
	width: 100%;
	margin: 0 0 30px 0;
}

.ratio-grid.column-3 .column:nth-child(3n) {
	margin-bottom: 0;
}
.ratio-grid.column-3 .column img {
	width: 100%;
}

}


.column-3-2 .left{
	width: 148px;
	margin: 0 10px 0 0;
}

.column-3-2 .right{
	width: 148px;
	margin: 0 0 0 0;
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
.column-3-2 .left{
	width: 48%;
	margin: 0 0 0 0;
}

.column-3-2 .right{
	width: 48%;
	margin: 0 0 0 0;
}

}

.wood span{
	vertical-align: middle;
}

.wood img {
	vertical-align: middle;
	margin-right: 10px;
}

.wood a {
	color: #333;
}
.wood a:hover {
	color: #999;
	text-decoration: none;
}

.conporia_h4{
	background: #666;
	color: #FFF;
	padding: 6px 12px 4px;
	margin-bottom: 10px;
}

.products_h3{
	background: #666;
	color: #FFF;
	padding: 6px 12px 4px;
	margin-bottom: 10px;
}

.color_number{
	padding: 0 4px 0;
	border: 1px solid #000;
	margin-right: 4px;
}

.column-4-3{
	width: 718px;
	float: left;
	}
.column-4-3 .column {
	margin: 0 20px 20px 0;
	float: left;
	width: 226px;
	}

.column-4-3 .column:nth-child(3) {
	margin-right: 0;
	}

.column-4-1{
	width: 226px;
	float: right;
	}
.column-4-1 .column {
	margin: 0 0 20px 0;
	float: left;
	width: 226px;
	}
.ratio-grid.column-5 .column {
	margin: 0 19px 19px 0;
	/*width: 144px;*/
	width: 178px;
}
.ratio-grid.column-5 .column:nth-child(5n) {
	margin: 0 0 19px 0;
	/*width: 144px;*/
	width: 178px;
}
.ratio-grid.column-6 .column,
.ratio-grid.column-6-3 .column-3 .column {
	margin: 0 18px 18px 0;
	/*width: 144px;*/
	width: 146px;
	}
.ratio-grid.column-6 .column:nth-child(6n) {
	margin: 0 0 18px 0;
	/*width: 144px;*/
	width: 146px;
}
.ratio-grid.column-4 .column .ratio-grid.column-8 .column {
	margin: 0 18px 18px 0;
	/*width: 103px;*/
	width: 105px;
	}
.ratio-grid.column-4 .column .ratio-grid.column-8 .column:nth-child(2n) {
	margin-right: 0;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.ratio-grid.column-5 .column {
		width: 47.25274%;
		margin: 0 5.4945% 5.4945% 0;
	}
.column-4-3,
.ratio-grid.column-5{
	width: 100%;
	float: none;
	}
.column-4-3 .column,
.ratio-grid.column-6 .column {
	width: 47.25274%;
	margin: 0 5.4945% 5.4945% 0;
	}

.column-4-3 .column:nth-child(2),
.ratio-grid.column-6 .column:nth-child(2n) {
	margin-right: 0;
	}
.ratio-grid.column-6 .column:nth-child(3n) {
	margin: 0 5.4945% 5.4945% 0;
	}
.ratio-grid.column-6 .column:nth-child(6n) {
	width: 47.25274%;
	margin: 0 0 5.4945% 0;
	}

.column-4-1{
	width: 100%;
	float: none;
	}
.column-4-1 .column {
	width: 47.25274%;
	}
.ratio-grid.column-4>.column>.ratio-grid.column-8>.column {
	margin: 0 2.74725% 2.74725% 0;
	/*width: 20.87912%;*/
	width: 47.25274%;
	}
}

.size{
	padding: 2px 4px 0;
	border: 1px solid #000;
	border-radius: 4px;
	margin-right: 4px;
}

.komoru_right_photo{
    margin-top: 108px;
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
.komoru_right_photo{
    margin-top: 0;
	}
}

.mod_memobox a{
    text-decoration: underline;
    color: #000;
	}
.mod_memobox a:hover{
    text-decoration: none;
    color: #000;
	}
.catalog_block{
	padding: 1em 0 2em;
	margin: 3em 0;
	background: #f4f4f4;
	}

/* youtube_block ----------------------- */
.youtube_block {
	width: 800px;
	margin: 0 auto 2em;
}
.youtube_inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube_inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.youtube_block p {
	margin: 1em 0 2em;
}

@media screen and (max-width: 640px) {
.youtube_block {
	width: auto;
	margin: 0 auto;
}	
}

/* muji_support ----------------------- */

.muji_support{
	margin: 1em 0 2em;
	padding: 2em 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

.muji_support_img{
	float: left;
	width: 340px;
}

.muji_support_text{
	float: right;
	width: 580px;
}

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

.muji_support{
	padding: 1em 0;
}
.muji_support_img{
	float: none;
	width: auto;
	text-align: center;
	margin-bottom: 1em;
}
	
.muji_support_img img{
	width: 60vw;
}

.muji_support_text{
	float: none;
	width: auto;
}	
}


.muji_consultation{
	margin: 1em 0 2em;
	text-align: center;
}

.muji_consultation h3{
	margin: 0 0 1em;
	font-size: 1.38em;
	font-weight: bold;
}

@media screen and (max-width: 640px) {
.muji_consultation p{
	text-align: left;
}
}


.parenthesis {
  position: relative;
  width: 100%;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 1em;
}
.parenthesis::before,
.parenthesis::after {
  position: absolute;
  top: 0;
  content: '';
  width: 10px;
  height: 100%;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.parenthesis::before {
  left: 0;
  border-left: 1px solid #555;
}
.parenthesis::after {
  right: 0;
  border-right: 1px solid #555;
}

/* space_core_box ----------------------- */
.space_core_box{
	background: #ccc;
	padding: 1em;
	margin-bottom: 2em;
	text-align: center;
}

.space_core_box h3{
	font-size: 113%;
	margin-bottom: 0.4em;
	font-weight: bold;
}

.space_core_box p{
	margin-bottom: 1em;
}

.space_core_box a{
	color: darkblue;
}

.space_core_box a:after {
	display: inline-block;
	color: #666;
	content: " \f105";
	font-family: FontAwesome;
	padding-left: 10px;
}


@media screen and (max-width: 640px) {
.space_core_box h3{
	font-size: 4.8vw;
}

.space_core_box p,
.space_core_box a{
	font-size: 4vw;
}
}

/* switch_box ----------------------- */
.switch_box{
	padding: 1em;
	border: 1px solid;
}

.switch_box_img{
	float: left;
}

.switch_box_text{
	float: right;
	width: 300px;
	font-size: 75%;
}

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

.switch_box_text{
	width: 54vw;
}
}
/*-------------------------
    two_one_block
-------------------------*/
.two_one_block{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

.two_one_block::after{
    content:"";
    display: block;
    width: 48%;
}

.two_one_block .column{
    width: 48%;
}

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

.two_one_block::after{
    content:"";
    display: block;
    width: 100%;
}
.two_one_block .column{
    width: 100%;
	margin-bottom: 0.6em;
}
.two_one_block .column:nth-child(2){
	margin-top: 1em;
}
}
/*-------------------------
   two_two_block
-------------------------*/
.two_two_block{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
	align-items:flex-start;
}

.two_two_block::after{
    content:"";
    display: block;
    width: 48%;
}

.two_two_block .column{
    width: 48%;
}
.two_two_block .two_column{
    width: 48%;
}
.two_two_block .div{
    width: 48%;
}

.two_two_block .column img{
    width: 100%;
}
.two_two_block .column:nth-child(3),
.two_two_block .column:nth-child(4){
	margin-top: 1em;
}
/*-------------------------
   three_three_block
-------------------------*/
.three_three_block{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

.three_three_block::after{
    content:"";
    display: block;
    width: 31%;
}

.three_three_block .column{
    width: 31%;
    margin-bottom: 1em;
}

.three_three_block .three_column,
.three_three_block .three_column_arrow{
    width: 31%;
	position: relative;
    margin-bottom: 1em;
}


.three_three_block .column img{
    width: 100%;
}

.three_three_block .three_column_arrow::before {
	border-bottom: 10px solid transparent;
	border-left: 10px solid #ccc; /* 右向き矢印 */
	border-top: 10px solid transparent;
  	content: '';
  	display: inline-block;
	height: 0;
  	position: absolute;
	right: -18px;
  	top: calc(50% - 3em);
	transform : translate(-50%,-50%);
	width: 0;
}
.three_three_block .three_column_arrow:nth-child(3n)::before {
	border: none;
}
/*-------------------------
   three_one_block
-------------------------*/
.three_one_block{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

.three_one_block::after{
    content:"";
    display: block;
    width: 31%;
}

.three_one_block .column{
    width: 31%;
    margin-bottom: 1em;
}

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

.three_one_block::after{
    content:"";
    display: block;
    width: 100%;
}

.three_one_block .column{
    width: 100%;
}
	
.three_one_block .column img.wide80{
    width: 80vw;
	margin: 0 7vw;
}
}


/*-------------------------
    four_two_block
-------------------------*/
.four_two_block{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
	margin-bottom: 1em;
}

.four_two_block::after {
    content: "";
    display:block;
    width:23%; /* 蟄占ｦ∫ｴ�縺ｨ蜷後§蟷� */
}
.four_two_block::before { 
    content: ""; 
    display:block; 
    width:23%; /* 蟄占ｦ∫ｴ�縺ｨ蜷後§蟷� */
    order: 1; /* 繧｢繧､繝�Β縺ｮ荳ｦ縺ｳ鬆� */
}

.four_two_block .column{
    width: 23%;
}

.four_two_block .column img{
    width: 100%;
}

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

.four_two_block::after{
    content:"";
    display: block;
    width: 48%;
}

.four_two_block .column{
    width: 48%;
	margin-bottom: 1em;
}
}

/*-------------------------
    four_four_block
-------------------------*/
.four_four_block{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
	margin-bottom: 1em;
}

.four_four_block::after {
    content: "";
    display:block;
    width:23%; 
}
.four_four_block::before { 
    content: ""; 
    display:block; 
    width:23%;
    order: 1; 
}

.four_four_block .column{
    width: 23%;
}
.four_four_block .four_column{
    width: 23%;
}
.four_four_block .column:nth-child(n+5) {
	margin-top: 0.6em;
}

.txt_aline_center {
	text-align: center;
}
.box_line_black {
	border: #999 solid 1px;
}
/*-------------------------
   six_three_block
-------------------------*/
.six_three_block{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

.six_three_block::after{
    content:"";
    display: block;
    width: 15%;
}
.six_three_block::before { 
    content: ""; 
    display:block; 
    width: 15%;
    order: 1; 
}
.six_three_block .column{
    width: 15%;
}
.six_three_block .column:nth-child(n+7) {
    margin-top: 1em;
}
.six_three_block .column.column-empty{
    margin-top: 0em;
}
@media screen and (max-width: 640px) {
.six_three_block::after{
    content:"";
    display: block;
    width: 31%;
}

.six_three_block .column{
    width: 31%;
}
.six_three_block .column:nth-child(n+4) {
    margin-top: 1em;
}
}
/*-------------------------
   twelve_three_block
-------------------------*/
.twelve_three_block{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

.twelve_three_block::after{
    content:"";
    display: block;
    width: 8%;
}

.twelve_three_block .column{
    width: 8%;
}
.twelve_three_block .column p{
	font-size: 75%;
    margin-bottom: 1em;
}
@media screen and (max-width: 640px) {
.twelve_three_block::after{
    content:"";
    display: block;
    width: 31%;
}

.twelve_three_block .column{
    width: 31%;
    margin-bottom: 1em;
}
}

/*-------------------------
   label
-------------------------*/
.ttl_s_label{
	font-size: 108%;
    margin-bottom: 1em;
	color: #FFF;
	background: #a0712d;
	padding: 2px 20px;
}

.ttl_c_label{
	font-size: 108%;
    margin-bottom: 1em;
	color: #FFF;
	background: #005d98;
	padding: 2px 20px;
}

.ttl_p_label{
	font-size: 108%;
    margin-bottom: 1em;
	color: #FFF;
	background: #4e5357;
	padding: 2px 20px;
}

/*-------------------------
   label
-------------------------*/
table.wan_nyan_table {
	border-collapse: collapse;
	width: 100%;
	text-align: center;
	font-size: 88%;
	
}
table.wan_nyan_table th {
	border: solid 1px black;
	background: #f5f2e9;
	vertical-align: middle;
	padding: 10px 10px;
}

table.wan_nyan_table td {
	border: solid 1px black;
	vertical-align: middle;
	padding: 10px 10px;
	font-size: 75%;
}

table.wan_nyan_table td p+img {
	margin-top: 10px;
}

table.wan_nyan_table td ul {
	padding-left: 0;
	list-style: none;
	display: inline-block;
}
table.wan_nyan_table td ul li {
	float: left;
}

table.wan_nyan_table td ul li:nth-child(2) {
	margin-left: 10px;
}
@media screen and (max-width: 640px) {
table.wan_nyan_table{
	width:240vw;
	font-size: 3.4vw;
	margin-bottom: 10px;
}
}
table.usui_ta_table {
	border-collapse: collapse;
	width: 100%;
	text-align: center;
	font-size: 88%;
	
}
table.usui_ta_table th {
	border: solid 1px black;
	background: #f5f2e9;
	vertical-align: middle;
	padding: 10px 10px;
}

table.usui_ta_table th.name {
	text-align: left;
}

table.usui_ta_table td {
	border: solid 1px black;
	vertical-align: middle;
	text-align: center;
}

table.usui_ta_table td ul {
	padding-left: 0;
	list-style: none;
	display: inline-block;
}
table.usui_ta_table td ul li {
	float: left;
	font-size: 50%;
}

table.usui_ta_table td ul li:nth-child(2) {
	margin-left: 10px;
}
@media screen and (max-width: 640px) {
table.usui_ta_table{
	width:240vw;
	font-size: 3.4vw;
	margin-bottom: 10px;
}
}
table.window_frame_table {
	border-collapse: collapse;
	width: 100%;
	text-align: center;
	
}
table.window_frame_table th {
	border: solid 1px black;
	background: #efefef;
	vertical-align: middle;
	padding: 10px 10px;
	font-size: 75%;
}
table.window_frame_table th span {
	font-size: 75%;
}
table.window_frame_table td {
	border: solid 1px black;
	vertical-align: middle;
	text-align: center;
	padding: 10px 10px;
	font-size: 50%;
	white-space: nowrap;
}
table.window_frame_table td.one {
	color: #FFF;
	background: #3c6934;
}
table.window_frame_table td.two {
	color: #3c6934;
	background: #dbddce;
}
table.window_frame_table td p+p {
	margin-top: 1em;
}
@media screen and (max-width: 640px) {
table.window_frame_table{
	width:240vw;
	font-size: 3.4vw;
	margin-bottom: 10px;
}
}

table.washitsu_table {
	border-collapse: collapse;
	width: 100%;
	text-align: center;
	font-size: 88%;
	
}
table.washitsu_table th {
	border: solid 1px black;
	background: #eeefef;
	vertical-align: middle;
	padding: 4px 10px;
	font-size: 88%;
}

table.washitsu_table td {
	border: solid 1px black;
	vertical-align: middle;
	padding: 4px 10px;
	font-size: 88%;
}

@media screen and (max-width: 640px) {
table.washitsu_table{
	font-size: 3.4vw;
	margin-bottom: 1em;
}
table.fu_snmart_table{
	width:240vw;
}
}

table.syaon_table {
	border-collapse: collapse;
	width: 100%;
	font-size: 88%;
	
}
table.syaon_table th {
	border: solid 1px black;
	background: #eeefef;
	vertical-align: middle;
	padding: 4px 10px;
	font-size: 88%;
}

table.syaon_table td {
	border: solid 1px black;
	vertical-align: middle;
	padding: 4px 10px;
	font-size: 88%;
}
table.size_table{
	text-align: center;
}
table.syaon_table td.circle{
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color: #727171;
}
@media screen and (max-width: 640px) {
table.syaon_table{
	font-size: 3.4vw;
	margin-bottom: 1em;
}
table.deadline_table{
	width:240vw;
}
}

table.example_table {
	border-collapse: collapse;
	width: 100%;
	font-size: 88%;
	text-align: center;
	
}
table.example_table th {
	border: solid 1px black;
	background: #eeefef;
	vertical-align: middle;
	padding: 4px 10px;
	font-size: 88%;
}

table.example_table td {
	border: solid 1px black;
	vertical-align: middle;
	padding: 4px 10px;
	font-size: 88%;
}
@media screen and (max-width: 640px) {
table.example_table{
	font-size: 3.4vw;
	margin-bottom: 1em;
}
}

table.runner_table {
	border-collapse: collapse;
	width: 100%;
	font-size: 88%;
	
}
table.runner_table th {
	border: solid 1px black;
	background: #eeefef;
	vertical-align: middle;
	padding: 4px 10px;
	font-size: 88%;
	text-align: left;
	line-height: 1.4;
}

table.runner_table th.standard {
	background: #9f712e;
	text-align: center;
	color: #FFF;
	font-size: 75%;
}

table.runner_table th.craft {
	background: #005d97;
	text-align: center;
	color: #FFF;
	font-size: 75%;
}

table.runner_table th.plus {
	background: #4d5357;
	text-align: center;
	color: #FFF;
	font-size: 75%;
}

table.runner_table td {
	border: solid 1px black;
	vertical-align: middle;
	padding: 4px 10px;
	font-size: 88%;
	text-align: center;
}
table.runner_table th.text_center {
	text-align: center;
}
table.runner_table td.text_left {
	text-align: left;
}
table.runner_table td.circle{
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color: #727171;
}
@media screen and (max-width: 640px) {
table.runner_table{
	font-size: 3.4vw;
	margin-bottom: 1em;
}
}
@media screen and (max-width: 640px) {
.scroll{
	overflow: auto;
	white-space: nowrap;
}
.scroll::-webkit-scrollbar{
	height: 5px;
}
.scroll::-webkit-scrollbar-track {
	background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
	background: #BCBCBC;
}
}


.new{
    position: relative;
    width: 100%;
    aspect-ratio: 229/84;
}

.new::before{
    content: "NEW";
    background-color: #cc0000;
    padding: 2px 10px;
	position: absolute;
	right:0;
	font-size: 75%;
	color: #FFF;
}
@media screen and (max-width: 640px) {
.new::before{
    padding: 0px 6px;
	font-size: 3vw;
}
}

.new_left{
    position: relative;
    width: 100%;
}

.new_left::before{
    content: "NEW";
    background-color: #cc0000;
    padding: 0 6px;
	position: absolute;
	left:0;
	font-size: 68%;
	color: #FFF;
}
@media screen and (max-width: 640px) {
.new_left::before{
    padding: 0px 6px;
	font-size: 3vw;
}
}

.color_name{
	margin-top: 4px;
	font-size: 68%;
}

@media screen and (max-width: 640px) {
.color_name{
	font-size: 3vw;
}
}
/*-------------------------
   four_products_column
-------------------------*/

.four_products_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
    margin: 0 0 0em;
}
.four_products_column::before {
    content: "";
    width: 23%;
    order: 1;
}

.four_products_column::after{
    content:"";
    display: block;
    width: 23%;
}

.four_products_column .column{
    width: 23%;
    margin: 0 0 2em;
	display: flex;
	flex-direction: column;
}

.four_products_column .column p{
	margin-bottom: 6px;
	font-size: 75%;
	font-weight: bold;
}
.four_products_column .column img{
    margin-top: auto;
}

@media screen and (max-width: 640px) {
.four_products_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
    margin: 0 0 0em;
}

.four_products_column::after{
    content:"";
    display: block;
    width: 48%;
}

.four_products_column .column{
    width: 48%;
}
	
.four_products_column .column p{
	font-size: 3.6vw;
}
}
/* veritis_h4style ----------------------- */
.veritis_h4style,
.meisterswood_h4style{
	font-size: 125%;
	font-weight: bold;
	text-align: center;
	background: #829196;
	color: #FFF;
	padding: 6px;
}

.veritis_h4style{
	background: #829196;
}
.meisterswood_h4style{
	background: #997d5e;
}
.veritis_h4style span,
.meisterswood_h4style span{
	font-size: 75%;
	display: inline-block;
	margin-right: 20px;
}
.veritis_h5style,
.meisterswood_h5style{
	font-size: 118%;
	font-weight: bold;
	text-align: center;
	margin-top: 1em;
}
@media screen and (max-width: 640px) {
.veritis_h4style,
.meisterswood_h4style{
	font-size: 5vw;
}
.veritis_h4style span,
.meisterswood_h4style span{
	font-size: 4vw;
	margin-right: 0;
}
}
/* coat_h3style ----------------------- */
.coat_h3style{
	font-size: 125%;
	font-weight: bold;
	text-align: center;
	padding: 6px;
	border: 1px solid;
	margin-bottom: 1em;
}

/* coat_box ----------------------- */
.coat_box{
	padding: 1em;
	background: #F4f4f4;
	margin-bottom: 2em;
}

/*-------------------------
   coat_block
-------------------------*/
.coat_block{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

.coat_block .coat_block_left{
    width: 60%;
	padding-right: 2%;
	box-sizing: border-box;
	border-right: 1px solid;
}
.coat_block .coat_block_right{
    width: 40%;
	padding-left: 2%;
	box-sizing: border-box;
}
.coat_block h4{
	font-size: 108%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.6em;
}
.coat_block h5{
	font-size: 108%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.6em;
}

.coat_block p{
	font-size: 88%;
	margin-top: 4px;
}

.coat_block table {
	border-collapse: collapse;
	width: 100%;
}
.coat_block table th {
	text-align: left;
	font-size: 75%;
	padding: 4px 0;
}

.coat_block table td {
	text-align: center;
	font-size: 88%;
}

.coat_block table tr {
	border-bottom: solid 1px #666666;
}
.coat_block table tr:last-child {
	border-bottom: none;
}
@media screen and (max-width: 640px) {
.coat_block .coat_block_left{
    width: 100%;
	padding-right: 0;
	border-right: none;
	border-bottom: 1px solid;
	padding-bottom: 1em;
}
.coat_block .coat_block_right{
    width: 100%;
	padding-left: 0;
	padding-top: 1em;
}
}
/*-------------------------
   coat_img_block
-------------------------*/
.coat_img_block{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

.coat_img_block .coat_img{
    width: 60%;
	padding-right: 5%;
	box-sizing: border-box;
}
.coat_img_block .coat_table{
    width: 40%;
	box-sizing: border-box;
}
@media screen and (max-width: 640px) {
.coat_img_block .coat_img{
    width: 100%;
	padding: 0 2em;
	margin-bottom: 1em;
}
.coat_img_block .coat_table{
    width: 100%;
	padding: 0 2em;
}
}

/* bnr_block
-----------------------------------------*/
.bnr_block{
	margin: 2em 0 2em;
	text-align: center;
}

.bnr_block h2{
	font-size: 138%;
	font-weight: bold;
	margin-bottom: 1em;
}
.bnr_block a{
	text-decoration: none;
}
@media screen and (max-width: 640px) {
.bnr_block h2{
	font-size: 5vw;
}
}
/* bnr_block
-----------------------------------------*/
.bnr_box{
	border: 1px solid #000;
	display: table;
	transition: 1.0s ;
}

.bnr_box:hover {
	opacity: 0.6 ;
}

.bnr_box .bnr_logo{
    width: 50%;
	display: table-cell;
	vertical-align: middle;
}
.bnr_box .bnr_img{
    width: 50%;
	display: table-cell;
}

.bnr_btn{
	width: 200px;
	margin: 10px auto 0;
	position: relative;
	display: block;
	padding: 10px 12px;
	text-decoration: none;
	color: #FFF;
	border: 1px solid #707070;
	text-align: center;
	line-height: 1.5;
	transition: all .4s ease;
	font-size: 12px;
	letter-spacing: 1px;
	background: #000;
}
.bnr_btn:after{
	content: "";
	position: absolute;
	top: 50%;
	right: 22px;
	width: 26px;
	height: 5px;
	background : url(/common/sumai2020/img/icon_arrow02_w.png) no-repeat center bottom;
	background-size: 100%;
	transition: all .4s ease;
}
@media screen and (max-width: 640px) {
.bnr_box .bnr_logo{
    width: 100%;
	display: block;
}
	
.bnr_box .bnr_logo{
    width: 100%;
	display: block;
	padding: 1em 0;
}
.bnr_box .bnr_logo img{
    width: 50vw;
}
.bnr_box .bnr_img{
    width: 100%;
	display: block;
}
}


.border_length{
	text-align: center;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

.border_length+.border_length{
	border-top: none;
	border-bottom: 1px solid;
}

.border_box{
	padding: 1.4em 2em 1em;
	border: 1px solid #000;
}

.mod_section .text-indent-1-3 {
	text-indent: -1.3em;
	padding-left: 1.3em;
	}
.veri-wall_h5style{
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0.4em;
	text-indent: -1.3em;
	padding-left: 1.3em;
}
@media screen and (max-width: 640px) {
.veri-wall_h5style{
	font-size: 4vw;
}
}

.veri-wall_ttl{
	text-align: center;
	background: #f2ede6;
	border: 1px solid #81512d;
	padding: 6px 0;
	margin-bottom: 0.6em;
}

/* table_veri-wall
-----------------------------------------*/
table.table_veri-wall {
	border-collapse: collapse;
	border: solid 1px #000;
	width: 100%;
	font-size: 88%;
}

table.table_veri-wall thead th {
	border: solid 1px #000;
	background: #f4f4f4;
	font-size: 10px;
	white-space: nowrap;
}

table.table_veri-wall thead tr.first th {
	border-bottom: none;
	padding: 8px 4px 0 4px;
}
table.table_veri-wall thead tr.second th {
	border-top: none;
	padding: 0px 4px 8px 4px;
}

table.table_veri-wall tbody th {
	border: solid 1px #000;
	background: #FFF;
	vertical-align: middle;
}

table.table_veri-wall tbody th.no {
	border-right: none;
	text-align: center;
	padding: 0 4px 0 4px;
}
table.table_veri-wall tbody th.name {
	border-left: none;
	text-align: left;
	padding: 8px 4px 8px 0;
	font-size: 12px;
}

table.table_veri-wall td {
	border: solid 1px #000;
	text-align: center;
	padding: 6px;
	vertical-align: middle;
	font-family: Osaka,"�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け","MS PGothic",Sans-Serif;
}
/* table.syaon-door
-----------------------------------------*/
table.syaon-door {
	border-collapse: collapse;
	border: solid 1px #000;
	width: 100%;
	font-size: 88%;
}

table.syaon-door th {
	border: solid 1px #000;
	text-align: center;
	background: #f4f4f4;
	padding: 2px;
}

table.syaon-door td {
	border: solid 1px #000;
	text-align: center;
	padding: 2px;
}
/* table.table_door-order
-----------------------------------------*/
table.table_door-order {
	border-collapse: collapse;
	border: solid 1px #000;
	width: 100%;
	font-size: 88%;
}

table.table_door-order thead th {
	border: solid 1px #000;
	text-align: center;
	background: #f4f4f4;
	padding: 6px;
	vertical-align: middle;
}

table.table_door-order tbody th {
	border: solid 1px #000;
	text-align: center;
	background: #FFF;
	padding: 6px;
	vertical-align: middle;
}

table.table_door-order td {
	border: solid 1px #000;
	text-align: center;
	padding: 6px;
	vertical-align: middle;
}
/* table_door-order_inner
-----------------------------------------*/
.table_door-order_inner{
	width: 100%;
	display: table;
}

.table_door-order_inner_left{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

.table_door-order_inner_right{
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}

.door-order_block{
	text-align: center;
}
.door-order_ttl{
	text-align: left;
	width: 100%;
	display: table;
}

.door-order_ttl_no{
	font-size: 200%;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
}

.door-order_ttl_text{
	font-size: 118%;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.4;
	width: 264px;
}

.door-order_block p{
	text-align: left;
	font-size: 88%;
	margin: 0.6em 0;
}

.door-order_block ul li{
	text-align: left;
	font-size: 75%;
}

.door-order_block img{
	margin-top: auto;
}

@media screen and (max-width: 640px) {
.door-order_ttl_no{
	font-size: 8vw;
}

.door-order_ttl_text{
	font-size: 5vw;
	width: 86vw;
}
}

/* syaon-door-caution
-----------------------------------------*/ 
.syaon-door-caution{
	text-align: center;
	padding-bottom: 3em;
	font-size: 88%;
	text-decoration: underline;
	font-weight: bold;
}
/* 20241210
-----------------------------------------*/ 
.mod_section .font-sizem {
	font-size: .88em;
	}
.gray_hstyle{
	margin-bottom: .8em;
	padding: 8px;
	font-weight: bold;
	background: #dcdddd;
	text-align: center;
}
.gray_hstyle.basiccolor{
	color: #fff;
	background: #9f712d;
}
.gray_hstyle.selectcolor{
	color: #fff;
	background: #005d97;
}

.gray_hstyle img{
	vertical-align: middle;
}

.box_hstyle{
	margin-bottom: .8em;
	padding: 8px;
	font-weight: bold;
	background: #FFF;
	text-align: center;
	border: 1px solid #000;
}
.beige_hstyle{
	margin-bottom: .8em;
	padding: 8px;
	font-weight: bold;
	background: #9f712d;
	text-align: center;
	color: #FFF;
	font-size: 88%;
}
.beige_box{
	background: #efeee8;
	padding: 1em 2em;
}

.u_order{
	color: #0075a9!important;
}

.u_order_box{
	font-size: 78%!important;
	color: #0075a9!important;
	border: 2px solid #0075a9!important;
	border-radius: 4px!important;
	padding: 0 2px!important;
	vertical-align: middle!important;
}

.cloak_box{
	border: 2px solid #000;
	padding: 0 10px;
	vertical-align: middle;
	background: #c7da89; 
}

.hr_line{
	border-top: 1px solid #000;
	margin: 1em 0;
}

.text_red{
	color: #c01920;
}

.text_blue{
	color: #00a0e9;
}


.ttl_natural_color{
	text-align: center;
	color: #FFF;
	background: #9f712d;
	margin-bottom: 0.8em;
	padding: 4px;
}

.ttl_paint_color{
	text-align: center;
	color: #FFF;
	background: #005d97;
	margin-bottom: 0.8em;
	padding: 4px;
}

.ttl_solid_color{
	text-align: center;
	color: #FFF;
	background: #4d5357;
	margin-bottom: 0.8em;
	padding: 4px;
}
@media screen and (max-width: 640px) {
.beige_box{
	padding: 1.4em 1em;
}
}
/* ------------------------
.shikiri-color
------------------------ */

.shikiri-color_block{
    display : flex;
    flex-wrap : wrap;
	align-items: top;
	justify-content: center;
	margin-bottom: 4rem;
}

.shikiri-color_block_left{
    width: 34%;
	padding-right: 4%;
	box-sizing: border-box;
}

.shikiri-color_block_right{
    width: 66%;
}

@media screen and (max-width: 640px) {
.shikiri-color_block_left{
    width: 100%;
    margin: 0 0 1em;
}

.shikiri-color_block_right{
    width: 100%;
}
}

/* ------------------------
.example_block
------------------------ */

.example_block{
    display : flex;
    flex-wrap : wrap;
	align-items: top;
	justify-content: center;
}

.example_block_left{
    width: 10%;
	padding-right: 2%;
	box-sizing: border-box;
}
.example_block_left p{
	background: #000;
	color: #FFF;
	padding: 6px;
	text-align: center;
}

.example_block_right{
    width: 90%;
}

@media screen and (max-width: 640px) {
.kaiteki-ondo_three_left{
    width: 100%;
    margin: 0 0 1rem;
}

.kaiteki-ondo_three_right{
    width: 100%;
}
}

h3.movie{
	display: table;
	margin: 0 auto;
}

h3.movie img{
	display: table-cell;
	vertical-align: middle;
	padding-right: 10px;
}

h3.movie span{
	display: table-cell;
	vertical-align: middle;
}

@media screen and (max-width: 640px) {
h3.movie{
	display: table;
	margin: 0 auto;
}
h3.movie img{
	width: 30vw;
	
}

h3.movie span{
	text-align: center;
	font-size: 4vw;
}
}

/* 20251218
-----------------------------------------*/

/* ------------------------
.veritis_concept
------------------------ */

.ttl_veritis_concept {
	font-size: 145%;
	font-weight: 400;
	letter-spacing: 2px;
}
.txt_veritis_concept {
	font-size: 90%;
	line-height: 2.0;
}

@media screen and (max-width: 640px) {
	.ttl_veritis_concept {
		letter-spacing: 0;
	}
}
.logo_veritis_concept {
	margin: 20px 0;
	text-align: center;
}
.logo_veritis_concept img {
	height: auto;
	width: 350px;
}
@media screen and (max-width: 640px) {
	.logo_veritis_concept img {
	height: auto;
	width: 80%;
}
}

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

.btn_sec_type01

------------------------ */
.btn_sec_type01 {
  margin: 50px auto 0;
  width: 320px;
}
.btn_sec_type01 a{
  position: relative;
  display: block;
  padding: 18px 12px;
  text-decoration: none;
  color: #333333;
  border: 1px solid #707070;
  text-align: center;
  line-height: 1.5;
  transition: all .4s ease;
  font-size: 15px;
  letter-spacing: 1px;
}
.btn_sec_type01 a:hover{
  background-color: #ffffff;
}
.btn_sec_type01 a span{
  position: relative;
}
.btn_sec_type01 a:after{
  content: "";
  position: absolute;
  top: 50%;
  right: 22px;
  width: 26px;
  height: 5px;
  margin-top: -3px;
  background : url(/common/sumai2020/img/icon_arrow02_b.png) no-repeat center bottom;
  background-size: 100%;
  transition: all .4s ease;
}
.btn_sec_type01 a:hover:after{
  right: -11px;
}
.btn_sec_type01 a:hover:before {
  left: 0;
  right: auto;
  width: calc(100% - 1px);
}
.btn_sec_large {
  width: 400px;
}
.btn_sec_type01.btn_sec_type01_white a {
  border:  1px solid #ffffff;
  color: #ffffff;
}
.btn_sec_type01.btn_sec_type01_white a:hover{
  background-color: rgba(0,0,0,.6);
}
.btn_sec_type01.btn_sec_type01_white a:after {
  background: url(/common/sumai2020/img/icon_arrow02_w.png) no-repeat center bottom;
  background-size: 100%;
}
.btn_sec_col2 {
  width: 800px;
  margin: 0 auto;
}
.btn_sec_col2:after{
  content:"";
  display:block;
  clear:both;
  height:0;
  overflow:hidden;
}
.btn_sec_col2 .btn_sec_type01{
  float: left;
  width: 360px;
  margin-right: 80px;
}
.btn_sec_col2 .btn_sec_type01:nth-of-type(2n){
  margin-right: 0;
}
.btn_sec_type01.float_left_pcOnly {
	margin: 50px auto auto 0;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px){
  .btn_sec_type01 {
    width: 89.555%;
  }
  .btn_width_type01 {
    width: 80%;
  }
  .btn_width_type02 {
    width: 84.507%;
  }
  .btn_sec_type01 a:after{
    right: 6.875%;
  }
  .btn_sec_type01 a:hover:after {
    right: 1.875%;
  }
  .btn_sec_col2 {
    width: 100%;
  }
  .btn_sec_col2 .btn_sec_type01{
    float: none;
    width: 80%;
    margin: 20px auto 0;
  }
  .btn_sec_col2 .btn_sec_type01:nth-of-type(2n){
    margin-right: auto;
  }
  .btn_sec_type01.float_left_pcOnly {
	margin: 50px auto auto;
}
}
@media only screen and (max-device-width: 1280px) and (max-width: 320px){
  .btn_sec_type01 a {
    font-size: 11px;
  }
}


/*-------------------------
   one_block
-------------------------*/

.one_block {}

.one_block .column {
	margin-bottom: .6em;
}
/*-------------------------
   logo_wannyansmile
-------------------------*/

.logo_wannyansmile {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
@media screen and (max-width: 640px) {
	.logo_wannyansmile {
		height: auto;
		width: 160px;
	}
}

/*-------------------------
   text
-------------------------*/
.new_pink {
	color: #e95383;
	position: relative;
	padding-left: 3em;
}
.new_pink::before{
    content: "NEW";
    background-color: #e95383;
    padding: 2px 8px;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 75%;
	color: #FFF;
}

.txt_red_bold {
	color: #F00!important;
	font-weight: bold!important;
}
.txtbox_right {
	display: inline-block;
	float: right;
	font-weight: normal;
	text-align: right;
}


.ico_new{
	margin-right: .5em;
    position: relative;
    width: 100%;
    aspect-ratio: 229/84;
}

.ico_new::before{
    content: "NEW";
    background-color: #cc0000;
    padding: 2px 10px;
	font-size: 75%;
	color: #FFF;
}
@media screen and (max-width: 640px) {
.new::before{
    padding: 0px 6px;
	font-size: 3vw;
}
}


.dresshandle_select_wrap {
	display: flex;
	justify-content: space-between;
}
.dresshandle_select_wrap > div:nth-child(1) {
	width: 262px;
}
.dresshandle_select_wrap > div:nth-child(2) {
	width: 670px;
}
@media screen and (max-width: 640px) {
	.dresshandle_select_wrap {
		display: block;
	}
	.dresshandle_select_wrap > div:nth-child(1) ,
	.dresshandle_select_wrap > div:nth-child(2) {
		text-align: center;
		width: 100%;
	}
	.dresshandle_select_wrap > div:nth-child(1) img {
		height: auto;
		width: 65%;
	
	}
	.dresshandle_select_wrap > div:nth-child(2) {
		margin-top: 20px;
	}
}

.ttl_dresshandle_stock {
  font-weight: bold;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: 1px;
}
.ttl_dresshandle_stock span {
	font-size: 75%;
}
.ttl_sec_type01 {
  text-align: center;
  font-weight: bold;
  font-size: 28px;
  line-height: 1.5;
  letter-spacing: 2px;
}
@media screen and (max-width: 640px) {
	.ttl_sec_type01 {
    	font-size: 24px;
  	}
}
.dresshandle_stock_wrap {
	display: flex;
}
.dresshandle_stock_wrap .colmun {
	border-left: #ccc solid 1px;
	padding: 0 15px;
}
.dresshandle_stock_wrap .colmun:last-child {
	border-right: #ccc solid 1px;
}
.dresshandle_stock_color {
	align-items: center;
	display:flex;
}

.dresshandle_stock_color dt {
	width:100px;
}
.dresshandle_stock_color dd {
	margin-left: 10px;
}
.dresshandle_stock_count {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
.dresshandle_stock_count span {
	font-size: 75%;
}

@media screen and (max-width: 640px) {
	.dresshandle_stock_wrap {
		width: 100%;
	}
	.dresshandle_stock_wrap .colmun:first-child {
		border-left: none;
		padding-left: 0;
	}
	.dresshandle_stock_wrap .colmun:last-child {
		border-right: none;
		padding-right: 0;
	}
	.dresshandle_stock_color {
		display: block;
	}
	.dresshandle_stock_color dt {
		width: 100%;
	}
	.dresshandle_stock_color dd {
		margin: 10px 0 0 0;
	}
}


.dresshandle_exchange_wrap {
	display: flex;
}
.dresshandle_exchange_wrap > .colmun:nth-child(1) {
	width: 162px;
}
.dresshandle_exchange_wrap > .colmun:nth-child(2) {
	width: 54px;
}
.dresshandle_exchange_wrap > .colmun:nth-child(3) {
	width: 232px;
}
.dresshandle_exchange_wrap > .colmun:nth-child(4) {
	width: 54px;
}
.dresshandle_exchange_wrap > .colmun:nth-child(5) {
	width: 248px;
}
.dresshandle_exchange_wrap > .colmun:nth-child(6) {
	width: 54px;
}
.dresshandle_exchange_wrap > .colmun:nth-child(7) {
	width: 162px;
}
@media screen and (max-width: 640px) {
	.dresshandle_exchange_wrap {
		display: flex;
		flex-flow: row wrap;
	}
	.dresshandle_exchange_wrap > .colmun {
		margin-bottom: 1em;
	}
	.dresshandle_exchange_wrap > .colmun:nth-child(2),
	.dresshandle_exchange_wrap > .colmun:nth-child(4),
	.dresshandle_exchange_wrap > .colmun:nth-child(6) {
		width: 10.7578%;
	}
	.dresshandle_exchange_wrap > .colmun:nth-child(1),
	.dresshandle_exchange_wrap > .colmun:nth-child(7) {
		width: 32.271%;
	}
	.dresshandle_exchange_wrap > .colmun:nth-child(3) {
		width: 46.215%;
	}
	.dresshandle_exchange_wrap > .colmun:nth-child(5) {
		width: 49.402%;
	}
}

.dresshandle_existing_wrap {
	display: flex;
}
.dresshandle_existing_wrap > .colmun:nth-child(1) {
	width: 311px;
}
.dresshandle_existing_wrap > .colmun:nth-child(2) {
	width: 40px;
}
.dresshandle_existing_wrap > .colmun:nth-child(3) {
	width: 270px;
}
.dresshandle_existing_wrap > .colmun:nth-child(4) {
	width: 74px;
}
.dresshandle_existing_wrap > .colmun:nth-child(5) {
	width: 271px;
}
@media screen and (max-width: 640px) {
	.dresshandle_existing_wrap {
		display: flex;
		flex-flow: row wrap;
	}
	.dresshandle_existing_wrap > .colmun:nth-child(1) {
		margin-bottom:2em;
		width: 100%;
	}
	.dresshandle_existing_wrap > .colmun:nth-child(2) {
		display: none;
	}
	.dresshandle_existing_wrap > .colmun:nth-child(3) {
		width: 43.902%;
	}
	.dresshandle_existing_wrap > .colmun:nth-child(4) {
		width: 12.033%;
	}
	.dresshandle_existing_wrap > .colmun:nth-child(5) {
		width: 44.065%;
	}
}