@charset "UTF-8";
/*サイドメニュー*/
body .ec-categoryNaviRole .ec-itemNav .title{
	padding: 15px;
	text-align: left;
		font-weight: bold;
		font-size: 16px;
		color: #fff;
		background: #005700;
}
body .ec-categoryNaviRole .ec-itemNav .ec-itemNav__nav{
    padding: 5px;
    /*background: #f6f5f0;
				border: 1px solid #DEDEDE;*/
				width: 100%;
}
body .ec-categoryNaviRole .ec-itemNav .ec-itemNav__nav>li {
	float: inherit;
	margin-bottom: 2px;
	text-align: left;
}

body .ec-categoryNaviRole .ec-itemNav .ec-itemNav__nav a{
	text-align: left;
}
body .ec-categoryNaviRole .ec-itemNav .ec-itemNav__nav>li>a{
	border-bottom: 1px solid #DEDEDE;
}
body .ec-categoryNaviRole .ec-itemNav .ec-itemNav__nav>li:last-of-type>a{
 border: none;
}
body .ec-categoryNaviRole .ec-itemNav .ec-itemNav__nav>li>a:after{
 content: ">";
	position: absolute;
	right: 10px;
	top: 10px;
}
body .ec-categoryNaviRole .ec-itemNav .ec-itemNav__nav>li ul{
	left: 200px;
	top: 0px;
}
body .ec-categoryNaviRole .ec-itemNav .ec-itemNav__nav>li ul{
	display: block;
	background: #FFF;
	z-index: 999;	
}
body .ec-categoryNaviRole .ec-itemNav .ec-itemNav__nav>li ul a{
 background: #FFF;
	color: #333;
	border: 1px solid #DEDEDE;
}
/*商品一覧*/
body .ec-layoutRole .ec-shelfGrid .ec-shelfGrid__item{
	border: 1px solid #ededed;
	padding: 10px;
	margin: 0px 12px 12px 0px;
	width : -webkit-calc(25% - 9px) ;
   width : calc(25% - 9px) ;
}
body .ec-layoutRole .ec-shelfGrid .ec-shelfGrid__item:nth-child(4n){
		margin: 0px 0px 12px 0px;
}
body .ec-layoutRole .ec-shelfGrid .ec-shelfGrid__item .image{
	    padding-bottom: 5px;
    margin-bottom: 5px;
}
body .ec-layoutRole .ec-shelfGrid .ec-shelfGrid__item .image img{
 width: 100%;
	aspect-ratio: 4 / 3;
	object-fit:cover;
}
body .ec-layoutRole .ec-shelfGrid .ec-shelfGrid__item .cell.price {
    text-align: right;
    font-size: 16px;
    color: #DE5D50;
}

body .ec-layoutRole .ec-shelfGrid .ec-shelfGrid__item .cell.price span.ttl,
body .ec-layoutRole .ec-shelfGrid .ec-shelfGrid__item .cell.price em.tax {
    font-size: 11px;
    font-weight: bold;
}


@media only screen and (max-width: 768px){
body .ec-layoutRole .ec-shelfGrid .ec-shelfGrid__item{
	margin: 0px 10px 10px 0px;
	width : -webkit-calc(50% - 5px) ;
   width : calc(50% - 5px) ;
}
body .ec-layoutRole .ec-shelfGrid .ec-shelfGrid__item:nth-child(2n){
		margin: 0px 0px 10px 0px;
}
}



.categoryList{
  padding: 70px 0px;
    border-top: 3px solid #005700;
    background: #FFF !important;
}
.categoryList .index{
     text-align: center;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    margin-bottom: 50px;
}
.categoryList>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.category-block {
    width: 31%;
    margin: 10px 20px 0 0;
    display: inline-block;
}
.category-block-name {
    border-bottom: 1px solid #666666;
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    color: black;
}
.category-block ul {
 margin: 20px 0px 0px 0px;
	padding: 0px;
}
.category-block li {
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    text-align: left;
    color: #0c0c0c;
				list-style: none;
				margin: 0px 0px 5px 0px;
				
}
.category-block li a{
 color: #999;
	font-weight: bold;
}
/*
body .cat251{
	padding: 30px 0px 0px 50px;
	background: url(../img/category/caticon_11.png) left 20px no-repeat;
	background-size: auto 50px;
}

body .cat111{
	
	padding: 30px 0px 0px 50px;
	background: url(../img/category/caticon_1.png) left 20px no-repeat;
	background-size: auto 50px;
}

body .cat7{
	padding: 30px 0px 0px 50px;
	background: url(../img/category/caticon_2.png) left 20px no-repeat;
	background-size: auto 50px;
}

body .cat10{
	padding: 30px 0px 0px 50px;
	background: url(../img/category/caticon_3.png) left 20px no-repeat;
	background-size: auto 50px;
}

body .cat74{
	padding: 10px 0px 0px 50px;
	background: url(../img/category/caticon_4.png) left top no-repeat;
	background-size: auto 50px;
}

body .cat11{
	padding: 10px 0px 0px 50px;
	background: url(../img/category/caticon_5.png) left top no-repeat;
	background-size: auto 50px;
}

body .cat18{
	padding: 10px 0px 0px 50px;
	background: url(../img/category/caticon_6.png) left top no-repeat;
	background-size: auto 50px;
}
body .cat9{
	padding: 10px 0px 0px 50px;
	background: url(../img/category/caticon_7.png) left top no-repeat;
	background-size: auto 50px;
}
body .cat108{
	padding: 10px 0px 0px 50px;
	background: url(../img/category/caticon_8.png) left top no-repeat;
	background-size: auto 50px;
}

body .cat110{
	background: url(../img/category/caticon_9.png) left top no-repeat;
	background-size: auto 50px;
}
body .cat86{
	background: url(../img/category/caticon_10.png) left top no-repeat;
	background-size: auto 50px;
}
*/
body .cat258{
	background: url(../img/category/caticon_12.png) left 20px no-repeat;
	background-size: auto 50px;
}
@media screen and (max-width: 576px){
	.category-block {
    width: 90%;
				margin: 0 auto 20px auto;
	}
	.category-block-name {
    font-size: 16px;
	}
	.categoryList ul {
					display: none;
	}
}

.product-detail {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.product-detail .catlist{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
}
.product-detail .catlist .tag{
 margin: 0px 5px 5px 0px;
	padding: 0px 5px 0px 0px;
	font-size: 16px;
	font-weight: bold;
}
.product-detail .catlist .tag:after{
 content: "/";
}
.product-detail .catlist .tag:last-of-type:after{
 content: "";
}
.product-detail .taglist{
 margin: 0px 0px 5px 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
}
.product-detail .taglist .tag{
 margin: 0px 3px 3px 0px;
	padding: 2px 5px;
	border: 1px solid #005700;
	background: #FFF;
	color: #005700;
	font-size: 14px;
}
.product-detail .taglist .tag.tag1{
	border: 1px solid #890D0D;
	background: #890D0D;
	color: #FFF;
}
.product-detail .taglist .tag.tag2{
	border: 1px solid #D69B01;
	background: #D69B01;
	color: #FFF;
}



body .ec-headerNaviRoleHead{
	margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    color: #525263;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 1130px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
}
body .ec-headerNaviRoleHead .logo{
	margin: 0px;
	padding: 0px;
}
body .ec-headerNaviRoleHead .logo img{
	width: 200px;
}

body .ec-headerNaviRoleHead .cvBtn{
	display: flex;
	margin: 0px;
	padding: 0px;
}
body .ec-headerNaviRoleHead .cvBtn a{
 margin: 0px 10px 0px 0px;
 border-radius: 5px;
 padding: 6px 12px;
    color: white;
    font-weight: 500;
    font-size: 1rem;
    line-height: 16px;
    text-align: center;
    position: relative;
}
body .ec-headerNaviRoleHead .cvBtn a{
 margin: 0px 10px 0px 0px;
 border-radius: 5px;
 padding: 10px 12px;
	min-width: 120px;
    color: white;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 16px;
    text-align: center;
    position: relative;
				transition: all 300ms 0s ease;
}
body .ec-headerNaviRoleHead .cvBtn a.contact {
    background: #337ab7;
				border: 2px solid #337ab7;
}
body .ec-headerNaviRoleHead .cvBtn a.contact2 {
    background: #FF871C;
				border: 2px solid #FF871C;
				margin: 0px;
}
body .ec-headerNaviRoleHead .cvBtn a:hover{
			text-decoration: none;
}
body .ec-headerNaviRoleHead .cvBtn a.contact:hover {
    color: #337ab7;
				background: #FFF;
}
body .ec-headerNaviRoleHead .cvBtn a.contact2:hover {
    color: #FF871C;
					background: #FFF;
}
body  .etBtn{
	text-align: right;
	padding: 10px 20px;
	margin: 0px auto;
	max-width: 1130px;
}
body  .etBtn img{
 width: 580px;
    max-width: 100%;
}
@media only screen and (max-width: 768px){
	body .ec-headerNaviRoleHead{
		padding: 0px;
		display: block;
	}
	body .ec-headerNaviRoleHead .logo{
		margin: 0px;
		padding: 10px 0px;
		text-align: center;
	}
	body .ec-headerNaviRoleHead .logo img{
 width: 70%;
}
	body .ec-headerNaviRoleHead .cvBtn{
		margin: 0px;
		padding: 0px 20px;
		text-align: center;
	}
	body .ec-headerNaviRoleHead .cvBtn a{
		padding: 5px 0;
		font-size: 12px;
	}	
	body .ec-headerNaviRoleHead .cvBtn a.contact{
		margin: 0px 10px 0px 0px;
		width : -webkit-calc(50% - 5px) ;
   width : calc(50% - 5px) ;
	}
	body .ec-headerNaviRoleHead .cvBtn a.contact2{
		margin: 0px 0px 0px 0px;
		width : -webkit-calc(50% - 5px) ;
   width : calc(50% - 5px) ;
	}
}

body .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search{
	background: #005700;
}

body .ec-footerRoleTop{
	margin: 30px 0px 0px 0px;
	padding: 30px 0px;
	background: #f5f5f5;
}
body .ec-footerRoleTop .ec-footerRoleTop__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    color: #525263;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 1130px;
			display: flex;
			flex-wrap: wrap;
}
body .ec-footerRoleTop .ec-footerRoleTop__inner .infoarea{
	width : -webkit-calc(33.3% - 20px) ;
 width : calc(33.3% - 20px) ;
	margin: 0px 30px 30px 0px;
	/*background: #FFF;*/
	
 margin-bottom: 20px;
}
body .ec-footerRoleTop .ec-footerRoleTop__inner .infoarea.infoarea_w{
	width : -webkit-calc(33.3% - 20px) ;
 width : calc(33.3% - 20px) ;
	margin: 0px 30px 30px 0px;
	background: #FFF;
	border-bottom: 1px solid #e4e4e4;
}
body .ec-footerRoleTop .ec-footerRoleTop__inner .infoarea.infoarea_w:last-of-type{
 margin: 0px 0px 30px 0px;
}
body .ec-footerRoleTop .ec-footerRoleTop__inner .infoarea .cont{
    margin: 0px;
    padding: 10px;
				font-size: 14px;
}
body .ec-footerRoleTop .ec-footerRoleTop__inner .infoarea .cont .b{
   font-weight: bold;
			margin: 0px 0px 10px 0px;
			font-size: 16px;
			color: #111;
}
body .ec-footerRoleTop .ec-footerRoleTop__inner .infoarea dt {
    font-size: 16px;
    font-weight: 700;
    padding: 8px 1em;
    background: #efefef;
    text-align: center;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

body .ec-footerRoleTop .ec-footerRoleTop__inner .infoarea dd {
    font-size: 14px;
    font-weight: bold;
    background: #FFF;
    padding: 15px;
    
    margin-left: 0;
}

body .ec-footerRoleTop .ec-footerRoleTop__inner .infoarea dd .sttl {
    font-size: 16px;
    font-weight: 700;
}

body .ec-footerRoleTop .ec-footerRoleTop__inner .infoarea dd img {
    width: 100%;
    margin-bottom: 10px;
}

body .ec-footerRoleTop .ec-footerRoleTop__inner .infoarea dd p {
    margin: 0 !important;
}

body .ec-footerRoleTop .ec-footerRoleTop__inner .infoarea .linkList{
    background: #FFF;
    padding: 15px;
    margin-bottom: 10px;
    margin-left: 0;
}
body .ec-footerRoleTop .ec-footerRoleTop__inner .infoarea .linkList li{
				list-style: none;
}
body .ec-footerRoleTop .ec-footerRoleTop__inner .infoarea .linkList li a{
 color: #666;
	font-weight: bold;
	font-size: 14px;
}


body .ec-footerRoleTop .ec-footerRoleTop__inner .footCategoryArea{
	width : -webkit-calc(33.3% - 20px) ;
 width : calc(33.3% - 20px) ;
	margin: 0px 30px 30px 0px;
		background: #FFF;
	border-bottom: 1px solid #e4e4e4;
 margin-bottom: 20px;
}
body .ec-footerRoleTop .ec-footerRoleTop__inner .footCategoryArea .index{
    font-size: 16px;
    font-weight: 700;
    padding: 8px 1em;
    background: #efefef;
    text-align: center;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}
body .ec-footerRoleTop .ec-footerRoleTop__inner .footCategoryArea .linkList{
    background: #FFF;
    padding: 15px;
    margin-bottom: 10px;
    margin-left: 0;
}
body .ec-footerRoleTop .ec-footerRoleTop__inner .footCategoryArea .linkList li{
				list-style: none;
}
body .ec-footerRoleTop .ec-footerRoleTop__inner .footCategoryArea .linkList li a{
 color: #666;
	font-weight: bold;
	font-size: 14px;
}

body .ec-footerRoleTop .ec-footerRoleTop__inner .footLinkArea{
	width : -webkit-calc(33.3% - 20px) ;
 width : calc(33.3% - 20px) ;
	margin: 0px 0px 30px 0px;
		background: #FFF;
	border-bottom: 1px solid #e4e4e4;
 margin-bottom: 20px;
}
body .ec-footerRoleTop .ec-footerRoleTop__inner .footLinkArea .index{
    font-size: 16px;
    font-weight: 700;
    padding: 8px 1em;
    background: #efefef;
    text-align: center;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}
body .ec-footerRoleTop .ec-footerRoleTop__inner .footLinkArea .linkList{
	    
    background: #FFF;
    padding: 15px;
    margin-bottom: 10px;
    margin-left: 0;
}
body .ec-footerRoleTop .ec-footerRoleTop__inner .footLinkArea .linkList li{
				list-style: none;
}
body .ec-footerRoleTop .ec-footerRoleTop__inner .footLinkArea .linkList li a{
 color: #666;
	font-weight: bold;
	font-size: 14px;
}

body .ec-footerRole{
	background: #005700;
	margin: 0px;
	padding: 40px 0px;
}
body .ec-footerRole .ec-footerTitle{
	padding: 0px;
}
body .ec-footerRole .ec-footerTitle a{
 color: #FFF;
}
@media only screen and (max-width: 768px){
		body .ec-footerRoleTop .ec-footerRoleTop__inner {
				display: block;
	}
	body .ec-footerRoleTop .ec-footerRoleTop__inner .infoarea{
		width : auto ;
		margin: 0px 0px 20px 0px;
	}
	body .ec-footerRoleTop .ec-footerRoleTop__inner .infoarea.infoarea_w{
		width : auto ;
		margin: 0px 0px 20px 0px;
	}
	
	
	
	body .ec-footerRoleTop .ec-footerRoleTop__inner .footCategoryArea{
		width : auto ;
margin: 0px 0px 20px 0px;
}
body .ec-footerRoleTop .ec-footerRoleTop__inner .footLinkArea{
		width : auto ;
}
}

@font-face {
  font-family: 'Corporate';
  src: url("../fonts/corporate-medium.ttf");
  font-weight: 500; }
@font-face {
  font-family: 'Corporate';
  src: url("../fonts/corporate-bold.ttf");
  font-weight: 700; }
.row_eq_height {
  display: flex;
  flex-wrap: wrap; }

.flow_box {
  padding: 0 10px; }
  .flow_box .body_wrapper {
    border: solid 3px #e6e6e6;
    border-radius: 0 0 10px 10px; }
  .flow_box .box_header {
    background-color: #005700;
    border-radius: 10px 10px 0 0;
    padding: 17px 0 16px 0;
    color: #fff; }
  .flow_box .image_wrapper {
    height: 200px;
    background: url(../images/meeting/bg01.jpg); }
    .flow_box .image_wrapper img {
      padding: 15% 10%; }
  .flow_box .box_footer {
    border-top: 1px solid #e6e6e6;
    background-color: #fff;
    font-weight: 500;
    padding: 22px 18px;
    text-align: left;
    border-radius: 0 0 10px 10px; }

.meeting_tool_box {
  border: 2px solid #dddddd;
  border-radius: 10px;
  padding: 30px 30px;
  width: 100%; }
  .meeting_tool_box .img_wrapper {
    display: flex;
    justify-content: center;
    align-items: center; }
  .meeting_tool_box img {
    max-height: 73px;
				width: auto;
    max-width: 100%; }

.meeting_method_box, .meeting_method_box_sm {
  border: 4px solid #005700;
		margin: 0px 0px 30px 0px;
  border-radius: 10px;
  padding: 40px 40px; }
  .meeting_method_box .step_title, .meeting_method_box_sm .step_title {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 700; }
  .meeting_method_box .step, .meeting_method_box_sm .step {
    background: #005700;
    width: 130px;
    height: 36px;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    line-height: 30px;
    margin-right: 20px;
    padding-top: 3px;
    list-style: none;
    font-size: 12px;
    background: #005700;
    position: relative;
    z-index: 10; }
    .meeting_method_box .step .text, .meeting_method_box_sm .step .text {
      font-size: 16px;
      font-weight: 700; }
    .meeting_method_box .step .number, .meeting_method_box_sm .step .number {
      font-size: 24px;
      font-weight: 700; }
  .meeting_method_box .step::after, .meeting_method_box_sm .step::after {
    content: "";
    height: 0;
    border-top: solid 18px rgba(0, 0, 0, 0);
    border-bottom: solid 18px rgba(0, 0, 0, 0);
    border-left: solid 15px #005700;
    position: absolute;
    top: 0;
    right: -15px;
    z-index: 5; }

.meeting_method_box_sm {
  padding: 30px 40px; }

@media screen and (max-width: 575px) {
	.meeting_method_box, .meeting_method_box_sm {
		margin: 0px 0px 20px 0px;
  border-radius: 10px;
  padding: 10px;
		}
		.meeting_method_box .row .align-items-center,
		.meeting_method_box_sm .row .align-items-center{
			text-align: center;
			margin: 0px 0px 10px 0px;
		}
	.meeting_method_box .row .align-items-center img,
	.meeting_method_box_sm .row .align-items-center img{
			width: 40%;
		}
		.meeting_method_box .step_title,
		.meeting_method_box_sm .step_title{
			font-size: 20px;
		}
		.meeting_method_box .step,
		.meeting_method_box_sm .step{
			display: inline-block;
			width: 100px;
			
		}
		.meeting_method_box .step_title br,
		.meeting_method_box_sm .step_title br{
		 display: none;
		}
		.meeting_method_box .p_text_01,
		.meeting_method_box_sm .p_text_01{
			margin: 10px 0px;
		}
}

.q_and_a .question_box {
  background: #effff1;
  padding: 10px 16px; }
  .q_and_a .question_box .question_txt {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0; }
    @media screen and (max-width: 575px) {
      .q_and_a .question_box .question_txt {
        line-height: 1.4; }			
					}
  .q_and_a .question_box .question_head {
    font-size: 24px;
				line-height: 1;
    color: #005700;
    margin-right: 16px;
    font-family: "Arial";
    font-weight: 700; }
.q_and_a .answer_box {
  padding: 10px 16px; }
  .q_and_a .answer_box .answer_txt {
    display: flex;
    margin-bottom: 0;
    align-items: center;
    font-weight: 500; }
  .q_and_a .answer_box .answer_head {
    font-size: 24px;
    color: #d7c480;
    font-weight: 700;
    margin-right: 16px;
    font-family: "Arial";
    display: block; }
					.q_and_a .question_box .question_txt{
						margin: 0px 0px 0px 35px;
						padding: 0px;
						text-indent: -35px;
						line-height: 35px;
					}

#page_contact2 .top{
	margin:0px;
}
#page_contact2 section{
 padding: 30px 0px;
}
#page_contact2 .row{
	margin: 0px;
}

#page_contact2 .article_section01 .title{
	margin: 0px 0px 10px 0px;
	font-size: 24px;
	font-weight: bold;
}
#page_contact2 .article_section01 .mb-4{
 margin: 10px 0px;
}

#page_contact2 .section_title{
	margin: 0px 0px 20px 0px;
	font-size: 24px;
	font-weight: bold;
}
#page_contact2 section.q_and_a{
	margin: 0px 0px 60px 0px;
	
}
@media only screen and (max-width: 768px){
		#page_contact2 .article_section01 .title{
			padding-top: 20px;
		}
}

body .ec-newItemRole{
	padding: 30px 0px;
}

.ec-newItemRole .ec-newItemRole__listItem.ec-shelfGrid__item{
	border: 1px solid #ededed;
	padding: 10px;
	margin: 0px 12px 12px 0px;
	width : -webkit-calc(25% - 9px) ;
   width : calc(25% - 9px) ;
}
.ec-newItemRole .ec-newItemRole__listItem.ec-shelfGrid__item:nth-child(4n){
		margin: 0px 0px 12px 0px;
}
.ec-newItemRole .ec-newItemRole__listItem.ec-shelfGrid__item .image{
	    padding-bottom: 5px;
    margin-bottom: 5px;
}
.ec-newItemRole .ec-newItemRole__listItem.ec-shelfGrid__item .image img{
 width: 100%;
	aspect-ratio: 4 / 3;
	object-fit:cover;
}
.ec-newItemRole .ec-newItemRole__listItem.ec-shelfGrid__item .cell.price {
    text-align: right;
    font-size: 16px;
    color: #DE5D50;
}

.ec-newItemRole .ec-newItemRole__listItem.ec-shelfGrid__item .cell.price span.ttl,
.ec-newItemRole .ec-newItemRole__listItem.ec-shelfGrid__item .cell.price em.tax {
    font-size: 11px;
    font-weight: bold;
}


@media only screen and (max-width: 768px){
.ec-newItemRole .ec-newItemRole__listItem.ec-shelfGrid__item{
	margin: 0px 10px 10px 0px;
	width : -webkit-calc(50% - 5px) ;
   width : calc(50% - 5px) ;
}
.ec-newItemRole .ec-newItemRole__listItem.ec-shelfGrid__item:nth-child(2n){
		margin: 0px 0px 10px 0px;
}
}

/*# sourceMappingURL=online-meeting.css.map */



.productList .productBox{
	padding: 0px;
	margin: 0px;
}
.productList .productBox a{
 color: #333;
	display: block;
	padding: 15px;
	transition: all 300ms 0s ease;
}
.productList .productBox a:hover{
 text-decoration: none;
	background: #FAFAFA;
}
.productList .productBox .image{
	margin: 0px 0px 10px 0px;
	padding: 15px;
	aspect-ratio:1/1;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.productList .productBox .image img{
 max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
	border: 1px solid #f5f5f5;	
}
.productList .productBox .taglist{
 margin: 0px 0px 5px 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
}
.productList .productBox .taglist .tag{
 margin: 0px 3px 3px 0px;
	padding: 2px 5px;
	border: 1px solid #005700;
	background: #FFF;
	color: #005700;
	font-size: 12px;
}
.productList .productBox .taglist .tag.tag1{
	border: 1px solid #890D0D;
	background: #890D0D;
	color: #FFF;
}
.productList .productBox .taglist .tag.tag2{
	border: 1px solid #D69B01;
	background: #D69B01;
	color: #FFF;
}
.productList .productBox .taglist .tag.cat{
	border: 1px solid #000;
	background: #000;
	color: #FFF;
	display: none;
}
.productList .productBox .taglist .tag.cat:first-of-type{
 display: block;
}
.productList .productBox .name{
	margin: 0px 0px 5px 0px;
}
.productList .productBox .price{
	text-align: right;
    font-size: 16px;
    color: #DE5D50;
}

@media only screen and (max-width: 768px){
.productList .productBox a{
	padding: 5px;
}
}

.topTitleArea{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	position: relative;
}
.topTitleArea .ec-secHeading__en{
	margin: 0px 0px 5px 0px;
	font-size: 14px;
	font-weight: normal;
	color: #999;
  letter-spacing: 0.1em;
}
.topTitleArea .ec-secHeading__ja{
	margin: 0px;
	font-size: 20px;
	font-weight: bold;
}
.moreBtn{
 text-align: center;
	padding: 20px 0px;
}

body .ec-shelfRole{
	padding-left: 0px;
	padding-right: 0px;
}

.ec-shelfRole .productList{
	display: flex;
	flex-wrap: wrap;
	padding: 0px 10px;
}
.ec-shelfRole .productList .productBox{
 margin: 0px 20px 20px 0px;
	padding: 0px;
	width : -webkit-calc(25% - 15px) ;
 width : calc(25% - 15px) ;
}
.ec-shelfRole .productList .productBox:nth-child(4n){
 margin: 0px 0px 20px 0px;
}
@media only screen and (max-width: 768px){
	.ec-shelfRole .productList .productBox{
		width : -webkit-calc(50% - 10px) ;
		width : calc(50% - 10px) ;
	}
	.ec-shelfRole .productList .productBox:nth-child(2n){
		margin: 0px 0px 20px 0px;
	}
}

#recently .lv_h3{
	font-size: 1.2em;
}

body .ec-headerNavSP{
	left: inherit;
	right: 10px;
}

body .ec-drawerRoleClose{
	left: inherit;
	right: 10px;
}

.ec-productRole .ec-productRole__profile div{
	word-break: break-all ;
}


.ec-productRole img{
	max-height: 280px;
	width: auto;
	margin: 0 auto;
}
.product-detail .ec-sliderItemRole .slideThumb img{
	max-height: 125px;
	width: auto;
	margin: 0 auto;
}

.message{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	font-size: 24px;
	font-weight: bold;
	border-bottom: 1px dashed #999;
}
.statusOuter{
	margin: 0px;
	padding: 20px 0px;
}
.statusOuter dl{
 display: block;
	margin: 0px 0px 40px 0px;
	padding: 20px;
	border: 1px solid #999;
}
.statusOuter dl dt{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #999;
	font-size: 20px;
	font-weight: bold;
}
.statusOuter dl dd{
 padding: 10px 0px;
	font-size: 16px;
}
.statusOuter dl dd .sub{
 font-size: 14px;
}
.boxList{
	margin: 10px 16px 48px;
}
.boxList .box{
 display: block;
	margin: 0px 0px 40px 0px;
	padding: 20px 30px;
	/*border: 1px solid #F6F6F6;*/
}
.boxList .box h2{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #999;
	font-size: 20px;
	font-weight: bold;
}
.boxList .box ul{
 padding: 20px 0px 0px 20px;
}
.boxList .box ul li{
 margin: 0px 0px 10px 0px;
}
.boxList .box table{
 margin: 20px 0px 0px;
	padding: 0px;
	width: 100%;
	border-collapse: collapse;
}
.boxList .box table thead th{
 margin: 0px;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	background: #F6F6F6;
	border: 1px solid #999;
}
.boxList .box table tbody td{
 margin: 0px;
	padding: 10px;
	font-size: 16px;
	background: #FFF;
	border: 1px solid #999;
}

.boxList .box .faqList{
	margin: 0px;
	padding: 0px;
}
.boxList .box .faqList .faqbox{
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
.boxList .box .faqList .faqbox .q{
 margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 40px;
 position: relative;
	border-bottom: 1px solid #DEDEDE;
	font-size: 16px;
}
.boxList .box .faqList .faqbox .q:before{
 margin: 0px;
	padding: 0px;
	content: "Q";
	color: #D00;
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	left: 0px;
	top: 0px;
}
.boxList .box .faqList .faqbox .a{
 margin: 0px;
	padding: 5px 5px 5px 40px;
 position: relative;
	font-size: 16px;
}
.boxList .box .faqList .faqbox .a:before{
 margin: 0px;
	padding: 0px;
	content: "A";
	color: #00D;
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	left: 0px;
	top: 0px;
}