@charset "UTF-8";
.u-between{display: flex;justify-content: space-between;}
.u-between>*:first-child{text-align: left;}
.u-between>*:last-child{text-align:right;}
@media screen and (max-width: 767px){
	/*.c-sp-hr-s{*/
	/*	padding-top: 10px;*/
	/*	border-top: solid 1px #c5cccf;*/
	/*	margin-top: 10px;*/
	/*}*/
	/*.u-between{flex-direction: column;}*/
	.u-between>*:last-child{text-align:left;}
	.xxxsearch{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	#btn-edit-display-item {
		display: none;
	}

	.r-ikkatuSyori {
		flex-direction: column;
	}

	.r-quantity {
		width: auto!important;
	}
}
@media screen and (max-width: 1279px){
	.xxxsearch{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	#btn-edit-display-item {
		display: none;
	}
	.r-ikkatuSyori {
		flex-direction: column;
	}

	/*.c-sp-hr-s{*/
	/*	padding-top: 10px;*/
	/*	border-top: solid 1px #c5cccf;*/
	/*	margin-top: 10px;*/
	/*}*/
}
.xxxsearch{
	margin-left: -20px;
	margin-right: -20px;
}
.m-btn--bdbl{
	background-color: transparent;
	color: #0071b5;
	border: solid 2px #0071b5;
	transition: 0.1s;
}
.m-btn--bdbl:hover{
	color: #fff;
	background-color: #0071b5;
}
.m-btn_icon{
	display: inline-block;
	width: 0.8em;
	height: 1em;
	line-height: 0;
	vertical-align: middle;
	margin-top: -0.35em;
}
.xxxsearch_tableWrap{
	overflow: hidden;
}

.xxxsearchTable,
.xxxsearchTable>thead,
.xxxsearchTable>tbody,
.xxxsearchTable>tfoot{
	display: block;
}
.xxxsearchTable{
	font-size: 12px;
	line-height: 1.3;
}
.xxxsearchTable>thead{
	position: relative;
	z-index: 1000;
	top: 0;
}
.xxxsearchTable>thead>tr{
	position: relative;
	left: 880px;
	display: flex;
}
.xxxsearchTable>thead>tr>th{
	display: block;
	flex-shrink: 0;
	padding: 6px;
	text-align: center;
	background-color: #e7f3fa;
	border-left: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
}
.xxxsearchTable>thead>tr>th:first-child{
	border-left: 0;
}
.xxxsearchTable>tbody>tr{
	position: relative;
	left: 880px;
	display: flex;
	height: auto;
}
.xxxsearchTable>tbody>tr:nth-child(even){
	background-color: #f2f2f2;
}
.xxxsearchTable>tbody>tr:nth-child(odd){
	background-color: #fff;
}
.xxxsearchTable>tbody>tr>th,
.xxxsearchTable>tbody>tr>td{
	display: block;
	flex-shrink: 0;
	padding: 6px;
	/*background-color: #fafafa;*/
}
.xxxsearchTable>tbody>tr:nth-child(odd)>th,
.xxxsearchTable>tbody>tr:nth-child(odd)>td{
	background-color: #fff;
}
.xxxsearchTable>tbody>tr:nth-child(even)>th,
.xxxsearchTable>tbody>tr:nth-child(even)>td{
	background-color: #f2f2f2;
}
.xxxsearchTable>tbody>tr.is-focus,
.xxxsearchTable>tbody>tr.is-focus>th,
.xxxsearchTable>tbody>tr.is-focus>td{
	background-color: #fffbe6;
}
.m-searchResult_results>tbody>tr.is-focus,
.m-searchResult_results>tbody>tr.is-focus>th,
.m-searchResult_results>tbody>tr.is-focus>td{
	background-color: #fffbe6;
}
.xxxsearchTable_checkBox{
	position: absolute;
	left: -880px;
	display: flex!important;
	align-items: center;
	width: 30px;
}
thead tr th.xxxsearchTable_checkBox,
thead tr th.xxxsearchTable_productInfo,
thead tr th.xxxsearchTable_salesInfo {
	height: 49.59px;
}
.xxxsearchTable_checkBox>input[type="checkbox"]{
	margin-right: 0;
}
.xxxsearchTable_productInfo{
	position: absolute;
	left: -850px;
	width: 240px;
}
.xxxsearchTable_productInfo-title{
	font-size: 16px;
	font-weight: 700;
}
.xxxsearchTable_salesInfo{
	position: absolute;
	left: -610px;
	width: 610px;
}
.xxxsearchTable_info{
	min-width: 120px;
}
.xxxsortSelect{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 3px;
}
.xxxsortSelect_acBtn,
.xxxsortSelect_dcBtn{
	display: block;
	width: 24px;
	height: 18px;
	padding-top: 4px;
	background-color: #3a94cc;
}
.xxxsortSelect_acBtn{
	border-radius: 30px 0 0 30px;
}
.xxxsortSelect_acBtn::after{
	content: '';
	display: block;
	width:0;
	height:0;
	border-style:solid;
	border-width: 0 5px 8.7px 5px;
	border-color: transparent transparent #FFFFFF transparent;
	margin-left: 9px;
	margin-bottom: 2px;
}
.xxxsortSelect_dcBtn::after{
	content: '';
	display: block;
	width:0;
	height:0;
	border-style:solid;
	border-width: 8.7px 5px 0 5px;
	border-color: #FFFFFF transparent transparent transparent;
	margin-left: 6px;
}
.xxxsortSelect_closeBtn::after{
	content: '×';
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
}
.xxxsortSelect_dcBtn{
	border-radius: 0 30px 30px 0;
}
.xxxsortSelect_closeBtn{
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 30px;
	background-color: #3a94cc;
	margin-left: 6px;
}
.xxxsortSelect_acBtn:hover,
.xxxsortSelect_dcBtn:hover,
.xxxsortSelect_closeBtn:hover,
.xxxsortSelect_txtBtn:hover{
	background-color: #7bbfea;
}
.xxxstockBtn{
	display: block;
	font-size: 11px;
	line-height: 1.3;
	text-align: center;
	padding: 3px 3px 2px;
	border: solid 2px #0071b5!important;
	color: #0071b5!important;
	background-color: #fff!important;
	border-radius: 6px!important;
}
/* 単価ランク */
.p-unitPriceTbl{
	width: 100%;
}
.p-unitPriceTbl>thead>tr>th{
	font-weight: 700;
	padding: 1px 0;
	border-bottom: solid 1px #333;
}
.p-unitPriceTbl>thead>tr>th:nth-child(2),
.p-unitPriceTbl>tbody>tr>td:nth-child(2){
	text-align: right;
}
.m-searchResult_cart_new .m-product-tbl-cart-num-plus,
.m-searchResult_cart_new .m-product-tbl-cart-num-minus {
	width:18px;
	height:18px;
}
.m-search-pager_center>.pager>a, .m-search-pager_center>.pager>span.current{
	padding: 0 0.3rem;
}
/* =======================================================================
リセット
======================================================================= */
/* 20180102 slu add start */
.filter {
	display: none;
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	filter: alpha(opacity = 30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
/*20180417 Hyron ADD START*/
.waiting {
	visibility: hidden;
	background: url(../image/indicator.png) no-repeat center;
	top: 0;
	left: 0;
	width: 0%;
	height: 0%;
@charset"UTF-8";
.filter{
display:none;
position:absolute;
z-index:3;
top:0;
left:0;
width:100%;
height:100%;
background-color:black;
filter:alpha(opacity=30);
-moz-opacity:0.3;
opacity:0.3;
}
.waiting{
visibility:hidden;
background:url(../image/indicator.png)no-repeat center;
top:0;
left:0;
width:0%;
height:0%;
position:absolute;
z-index:2;
-webkit-animation:spin 0.8s linear infinite;
animation:spin 0.8s linear infinite;
}
@-webkit-keyframes spin{
0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);}
}
@keyframes spin{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
img{
vertical-align:top;
font-size:0;
line-height:0;
max-width:100%;
height:auto;
}
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,figure{
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6{
font-weight:normal;
font-size:100%;
}
ol,ul{
list-style:none;
}
i{
font-style:normal;
}
label{
cursor:pointer;
}
th,td{
vertical-align:middle;
}
th{
font-weight:normal;
text-align:left;
}
a{
color:#0000ff;
text-decoration:none;
outline:none;
}
a:hover{
text-decoration:underline;
}
em{
font-weight:bold;
font-style:normal;
}
figcaption{
line-height:normal;
}
input[type="button"]{
display:inline-block;
-moz-appearance:none;
appearance:none;
-webkit-appearance:none;
border:1;
outline:none;
margin:5;
padding:0;
}
button,
input[type="reset"],
input[type="submit"]{
display:inline-block;
-moz-appearance:none;
appearance:none;
-webkit-appearance:none;
border:0;
background:none;
outline:none;
vertical-align:top;
margin:0;
padding:0;
}
hr{
margin:0;
}
*{
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
*:before,*:after{
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.m-header-main-l{
max-width:1280px;
margin-left:auto;
margin-right:auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
height:150px;
padding-left:20px;
padding-right:300px;
background-color:#ffffff;
}
.m-header-main-sub-at{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;
margin-top:65px;
}
.m-header-attention{
width:720px;
margin-right:-720px;
margin-bottom:75px;
margin-left:15px;
font-size:1.2rem;
color:#cc0000;
}
.m-header-cart--pc-at{
position:fixed;
right:50%;
top:55px;
margin-right:-480px;
margin-top:65px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
z-index:10002;
}
.m-sp-only{
display:none!important;
}
.m-tb-only{
display:none!important;
}
.m-pc-only{
display:block!important;
}
th.m-sp-only,td.m-sp-only{
display:none!important;
}
th.m-tb-only,td.m-tb-only{
display:none!important;
}
th.m-pc-only,td.m-pc-only{
display:table-cell!important;
}
.m-sp-only.u-ib{
display:none!important;
}
.m-img-max{
width:100%;
}
.m-text-10{
font-size:10px;
line-height:1.875;
}
.m-text-11{
font-size:11px;
line-height:1.875;
}
.m-text-12{
font-size:12px;
line-height:1.875;
}
.m-text-13{
font-size:13px;
line-height:1.875;
}
.m-text-14{
font-size:14px;
line-height:1.875;
}
.m-text-15{
font-size:15px;
line-height:1.875;
}
.m-text-16{
font-size:16px;
line-height:1.875;
}
.m-text-17{
font-size:17px;
line-height:1.5;
}
.m-text-18{
font-size:18px;
line-height:1.5;
}
.m-text-19{
font-size:19px;
line-height:1.5;
}
.m-text-20{
font-size:20px;
line-height:1.5;
}
.m-text-21{
font-size:21px;
line-height:1.5;
}
.m-text-22{
font-size:22px;
line-height:1.5;
}
.m-text-24{
font-size:24px;
line-height:1.4;
}
.m-text-28{
font-size:28px;
line-height:1.4;
}
.m-text-32{
font-size:32px;
line-height:1.2;
}
.m-text-34{
font-size:34px;
line-height:1.2;
}
.m-text-35{
font-size:35px;
line-height:1.2;
}
.m-text-36{
font-size:36px;
line-height:1.2;
}
.m-text-37{
font-size:37px;
line-height:1.2;
}
.m-text-38{
font-size:38px;
line-height:1.2;
}
.m-text-40{
font-size:40px;
line-height:1.2;
}
.m-text-42{
font-size:42px;
line-height:1.2;
}
.m-text-44{
font-size:44px;
line-height:1.2;
}
.m-text-46{
font-size:46px;
line-height:1.2;
}
.m-text-48{
font-size:48px;
line-height:1.2;
}
.m-text-lh-l{
line-height:2;
}
.m-text-lh-s{
line-height:1.5;
}
.m-text-lh-n{
line-height:normal;
}
.m-text-lh-xs{
line-height:1.2;
}
.m-ls1{
letter-spacing:0.1em;
}
.m-ls2{
letter-spacing:0.2em;
}
.m-text-min{
font-size:0.9em;
}
.m-text-ind{
text-indent:1em;
}
.m-text-ba{
word-break:break-all;
}
.m-font-n{
font-weight:500;
}
.m-font-b{
font-weight:700;
}
.m-color-default{
color:#333333;
}
.m-color-default a{
color:#333333;
}
.m-color-wh{
color:#ffffff;
}
.m-color-wh a{
color:#ffffff;
}
.m-color-bl{
color:#0000ff;
}
.m-color-bl a{
color:#0000ff;
}
.m-color-gy{
color:#999999;
}
.m-color-gy a{
color:#999999;
}
.m-color-dbl{
color:#0071b5;
}
.m-color-dbl a{
color:#0071b5;
}
.m-color-gr{
color:#1db75b;
}
.m-color-gr a{
color:#1db75b;
}
.m-color-lred{
color:#cc6666;
}
.m-color-lred a{
color:#cc6666;
}
.m-color-red,.error,.m-attention{
color:#cc0000;
}
.m-color-red a,.error a,.m-attention a{
color:#cc0000;
}
.m-lt-red{
color:#cc0000;
text-decoration:line-through;
}
.m-lt-red span{
color:#333333;
}
.m-uline{
text-decoration:underline;
}
.m-uline:hover{
text-decoration:none;
}
.m-hline:hover{
text-decoration:underline;
}
.m-op{
display:block;
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
}
.m-op:hover{
opacity:0.7;
text-decoration:none;
}
.m-cf{
*zoom:1;
}
.m-cf:after{
content:"";
display:table;
clear:both;
}
.m-dis-n{
display:none;
}
.m-dis-b{
display:block;
}
.m-dis-ib{
display:inline-block;
}
.m-dis-i{
display:inline;
}
.m-ov-h{
overflow:hidden;
}
.m-d-tbl{
display:table;
width:100%;
}
.m-d-tbl__cell{
display:table-cell;
}
.m-nowrap{
white-space:nowrap;
}
.m-radius{
border-radius:50%;
}
.clear{
clear:both;
}
.m-fl-l{
float:left;
}
.m-fl-r{
float:right;
}
.m-hr{
height:1px;
background-color:#c5cccf;
border:0;
}
.m-align-c{
text-align:center;
}
.m-align-l{
text-align:left;
}
.m-align-r{
text-align:right;
}
.m-valign-t{
vertical-align:top;
}
.m-valign-m{
vertical-align:middle;
}
.m-valign-m*{
vertical-align:middle;
}
.m-valign-b{
vertical-align:bottom;
}
.m-mt-2xs{
margin-top:5px;
}
.m-mt-xs{
margin-top:10px;
}
.m-mt-s{
margin-top:20px;
}
.m-mt{
margin-top:30px;
}
.m-mt-l{
margin-top:40px;
}
.m-mt-xl{
margin-top:60px;
}
.m-mt-2xl{
margin-top:80px;
}
.m-mt-3xl{
margin-top:100px;
}
.m-mb-2xs{
margin-bottom:5px;
}
.m-mb-xs{
margin-bottom:10px;
}
.m-mb-s{
margin-bottom:20px;
}
.m-mb{
margin-bottom:30px;
}
.m-mb-l{
margin-bottom:40px;
}
.m-mb-xl{
margin-bottom:60px;
}
.m-mb-2xl{
margin-bottom:80px;
}
.m-mb-3xl{
margin-bottom:100px;
}
.m-ml-1em{
margin-left:1em;
}
.m-mil-1em{
margin-left:1em!important;
}
.m-mr-1em{
margin-right:1em;
}
.m-pt-2xs{
padding-top:5px;
}
.m-pt-xs{
padding-top:10px;
}
.m-pt-s{
padding-top:20px;
}
.m-pt{
padding-top:30px;
}
.m-pt-l{
padding-top:40px;
}
.m-pt-xl{
padding-top:60px;
}
.m-pt-2xl{
padding-top:80px;
}
.m-pt-3xl{
padding-top:100px;
}
.m-pb-2xs{
padding-bottom:5px;
}
.m-pb-xs{
padding-bottom:10px;
}
.m-pb-s{
padding-bottom:20px;
}
.m-pb{
padding-bottom:30px;
}
.m-pb-l{
padding-bottom:40px;
}
.m-pb-xl{
padding-bottom:60px;
}
.m-pb-2xl{
padding-bottom:80px;
}
.m-pb-3xl{
padding-bottom:100px;
}
.m-p-2xs{
padding:5px;
}
.m-p-xs{
padding:10px;
}
.m-p-s{
padding:20px;
}
.m-p{
padding:30px;
}
.m-p-l{
padding:40px;
}
.m-p-xl{
padding:60px;
}
.m-list-line{
border-top:solid 1px#c5cccf;
}
.m-list-line>*{
border-bottom:solid 1px#c5cccf;
}
.m-list-dot>li{
position:relative;
padding-left:1em;
}
.m-list-dot>li:before{
content:"・";
position:absolute;
left:0;
top:0;
}
.m-list-cir>li{
position:relative;
padding-left:1em;
text-indent:-1em;
}
.m-list-cir>li:before{
content:"◯";
}
.m-list-square>li{
position:relative;
padding-left:1em;
text-indent:-1em;
}
.m-list-square>li:before{
content:"■";
}
.m-list-decimal{
list-style:decimal;
margin-left:1.5em;
}
.m-list-ar>li{
position:relative;
padding-left:20px;
}
.m-list-ar>li:before{
content:"";
border-left:solid 8px#0000ff;
border-top:solid 5px transparent;
border-bottom:solid 5px transparent;
position:absolute;
left:0;
top:7px;
}
.m-box-scroll-vertical{
overflow-x:hidden;
overflow-y:auto;
height:120px;
}
.l-inner{
*zoom:1;
position:relative;
margin-left:auto;
margin-right:auto;
padding-left:20px;
padding-right:20px;
}
.l-inner:after{
content:"";
display:table;
clear:both;
}
.l-inner{
max-width:1320px;
}
.l-indent{
margin-left:40px;
margin-right:40px;
}
.l-indent-m{
margin-left:30px;
margin-right:30px;
}
.l-indent-s{
margin-left:20px;
margin-right:20px;
}
.l-btnArea{
width:100%;
display:flex;
flex-wrap:wrap;
justify-content:space-around;
}
.l-btnArea>*{
margin-left:5px;
margin-right:5px;
}
@media screen and(max-width:767px){
.l-btnArea{
flex-direction:column;
}
.l-btnArea>*{
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
}
}
.js-multiSelecter--sp{
display:none;
}
@media screen and(max-width:768px){
.js-multiSelecter{
display:none;
}
.js-multiSelecter--sp{
display:block;
}
}
.js-toggle-trigger,
.js-tab-trigger{
cursor:pointer;
}
.js-toggle-target,
.js-tab-target,
.js-tab-add-target,
.js-toggle-seemore{
display:none;
}
.js-toggle-target.is-active,
.js-tab-target.is-active,
.js-tab-add-target.is-active,
.js-toggle-seemore.is-active{
display:block;
}
.js-toggle-seemore_contents{
display:none;
}
.js-toggle-seemore input:checked+.js-toggle-seemore_contents{
height:auto;
opacity:1;
}
.js-multi-dialog[aria-hidden="true"]{
visibility:hidden;
}
.js-multi-dialog+.js-overlay{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
background:rgba(0,0,0,0.3);
z-index:10002;
}
.js-dialog{
display:none;
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:10003;
}
.js-dialog-background{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:black;
opacity:0.4;
z-index:10002;
}
.js-dialog2[aria-hidden="true"]{
visibility:hidden;
}
.js-dialog2[aria-hidden="false"]{
visibility:visible;
}
.js-dialog2{
position:fixed;
left:50%;
transform:translateX(-50%);
z-index:10003;
}
.js-dialog-background{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:black;
opacity:0.4;
z-index:10002;
}
.js-tooltips-wrapper,
.js-tooltips-wrapper--clickable{
position:relative;
}
.js-tooltips{
display:none;
position:absolute;
bottom:1.5em;
background-color:#eee;
padding:0.25em;
border:solid 1px#ccc;
z-index:1;
}
.js-tooltips-bottom{
display:none;
position:absolute;
top:1.5em;
background-color:#eee;
padding:0.25em;
border:solid 1px#ccc;
z-index:1;
}
.js-tooltips-image{
display:none;
position:absolute;
width:150px;
height:150px;
left:100%;
bottom:-75px;
transform:translateY(-75px);
background-color:#fff;
border:solid 5px#ccc;
z-index:10000;
}
.js-tooltips-image img{
width:100%!important;
height:100%!important;
object-fit:contain;
}
.js-tooltips-balloon{
display:none;
position:absolute;
bottom:calc(100%+10px);
right:0;
background-color:#eee;
padding:12px;
border:solid 1px#ccc;
border-radius:10px;
z-index:10001;
box-shadow:5px 5px 10px#00000062;
}
.js-tooltips-balloon::after{
content:'';
display:block;
position:absolute;
bottom:-11px;
right:2em;
width:20px;
height:20px;
border-bottom:solid 1px#ccc;
border-right:solid 1px#ccc;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
background-color:#eee;
box-shadow:5px 5px 10px#00000062;
}
@media screen and(max-width:767px){
.js-tooltips-image{
left:auto;
right:80%;
top:-70px;
}
}
.js-is-send{
cursor:pointer;
}
.js-vanish{
display:none;
}
.js-vanish.is-active{
display:block;
}
.js-lightbox{
position:fixed;
top:50%;
left:calc(50%-35px);
transform:translate(-50%,-50%);
z-index:10003;
}
@media(max-width:768px){
.js-lightbox{
position:fixed;
top:50px;
left:50%;
transform:translateX(-50%);
}
}
.js-accordion-trigger{
cursor:pointer;
position:relative;
}
.js-accordion-arrow{
display:block;
position:absolute;
user-select:none;
}
.is-active>.js-accordion-arrow{
transform:rotate(180deg);
}
.js-accordion{
display:none;
}
.js-sp-accordion-arrow{
display:none!important;
}
@media screen and(max-width:768px){
.js-sp-accordion-trigger{
cursor:pointer;
position:relative;
}
.js-sp-accordion-arrow{
display:block!important;
position:absolute;
user-select:none;
}
.is-active>.js-sp-accordion-arrow{
transform:rotate(180deg);
}
.js-sp-accordion{
display:none;
}
}
.js-filterSelect-clear{
display:none;
}
.js-filterSelect-clear.is-active{
display:block;
}
.js-showAll-rcv>.is-showlength{
display:none;
}
.js-showAll-rcv.is-showall>.is-showlength{
display:block;
}
.js-toolchip{
max-width:100%;
}
.js-toolchip,
.js-toolchip-inner{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.js-toolchip-obj{
position:absolute;
max-width:400px;
font-size:13px;
font-weight:500;
white-space:pre-wrap;
word-break:break-all;
background-color:#fff;
padding:3px 6px;
border:solid 3px#aaa;
border-radius:5px;
margin-top:-2px;
z-index:10001;
}
.js-toolchip-inner--inBox{
position:relative;
overflow:visible;
}
.js-toolchip-inner--inBox.js-toolchip-obj{
width:100%;
max-width:100%;
height:auto;
}
.js-toolchip-obj--top{
bottom:100%;
margin-bottom:-2px;
}
.js-accordion-rcv{
height:0;
overflow:hidden;
}
.js-accordion-rcv.is-accordion{
height:auto;
overflow:inherit;
}
.js-dummy{
position:fixed;
top:100%;
right:100%;
}
.js-clickableCopy{
position:relative;
transition:0.5s;
}
.js-clickableCopy.is-active{
background-color:#1db75b;
transition:0s;
}
.js-clickableCopy_balloon{
position:absolute;
bottom:100%;
left:0;
font-size:14px;
font-weight:500;
line-height:1.3;
text-align:center;
white-space:nowrap;
background-color:#fafafa;
padding:6px 12px;
border:solid 2px#1db75b;
border-radius:6px;
margin-bottom:6px;
}
.js-clickableCopy_balloon::before{
content:'コピー完了しました';
}
p[lang=en].js-clickableCopy_balloon::before{
content:'Copied';
}
p[lang=zh].js-clickableCopy_balloon::before{
content:'已复制';
}
p[lang=ko].js-clickableCopy_balloon::before{
content:'복사 됨';
}
p[lang=de].js-clickableCopy_balloon::before{
content:'Copied';
}
.js-clickableCopy_balloon::after{
content:'';
display:block;
position:absolute;
top:calc(100%+1px);
left:9px;
width:0;
height:0;
border-style:solid;
border-width:9px 5px 0 5px;
border-color:#1db75b transparent transparent transparent;
}
.js-searchImage{
position:relative;
}
.js-searchImage-obj{
position:absolute;
bottom:-30px;
left:calc(100%+10px);
display:flex;
justify-content:center;
align-items:center;
width:150px;
height:150px;
background-color:#fff;
border:solid 3px#aaa;
z-index:1;
}
.js-searchImage-obj>img{
width:auto;
height:auto;
max-width:144px;
max-height:144px;
}
.js-searchImage-obj::after{
content:'';
position:absolute;
bottom:30px;
left:-15px;
width:0;
height:0;
border-style:solid;
border-width:7.5px 13px 7.5px 0;
border-color:transparent#aaa transparent transparent;
}
@media screen and(max-width:1279px){
.js-searchImage-obj{
position:absolute;
bottom:-50px;
left:auto;
right:calc(100%+10px);
display:flex;
justify-content:center;
align-items:center;
width:150px;
height:150px;
background-color:#fff;
border:solid 3px#aaa;
z-index:1;
}
.js-searchImage-obj::after{
content:'';
position:absolute;
bottom:50px;
left:auto;
right:-15px;
width:0;
height:0;
border-style:solid;
border-width:7.5px 0 7.5px 13.0px;
border-color:transparent transparent transparent#aaa;
}
}
.js-popup_wrapper{
position:relative;
}
.js-popup_box{
position:absolute;
z-index:1;
}
.js-popup_close{
cursor:pointer;
}
.m-popup,
.m-popup--reverse{
padding:10px;
background-color:#fff;
border:solid 1px#777;
box-shadow:3px 3px 0px#777;
}
.m-popup{
bottom:calc(100%+15px);
}
.m-popup--reverse{
top:calc(100%+15px);
}
.m-popup::before,
.m-popup--reverse::before{
content:'';
display:block;
width:25px;
height:25px;
background-color:#fff;
position:absolute;
left:15%;
transform:rotate(-45deg);
}
.m-popup::before{
top:calc(100%-15px);
box-shadow:-4px 4px 0px#777;
}
.m-popup--reverse::before{
bottom:calc(100%-13px);
box-shadow:1px-1px 0px#777;
}
.m-popup_close{
display:inline-block;
font-size:15px;
line-height:0.85;
color:#cc0000;
padding:2px;
border:solid 2px#aaa;
border-radius:50%;
margin-left:auto;
}
.m-popup_close:hover{
background-color:#ddd;
}
.m-popup_header{
display:flex;
align-items:center;
font-size:15px;
line-height:1;
padding-left:5px;
padding-bottom:9px;
border-bottom:solid 1px#ccc;
margin-bottom:5px;
}
.m-popup_contents--400{
position:relative;
width:400px;
z-index:1;
}
@media screen and(max-width:767px){
.m-popup_contents--400{
width:auto;
}
.m-popup,
.m-popup--reverse{
width:calc(100%-10px);
height:calc(100%-10px);
position:fixed;
top:5px;
left:5px;
z-index:10002;
}
.m-popup::before,
.m-popup--reverse::before{
display:none;
}
}
.m-tab-list{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
z-index:1;
}
.m-tab-list-nav{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-left:1px;
}
.m-tab-list-nav__item{
position:relative;
border:solid 1px#c5cccf;
margin-left:-1px;
margin-bottom:-1px;
}
.m-tab-list-nav__item a{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:130px;
height:30px;
padding:10px;
color:#333333;
}
.m-tab-list-nav__item a:hover{
text-decoration:none;
}
.m-tab-list-nav__item a.is-active{
cursor:default;
background-color:#cfe4f1;
text-decoration:none;
}
.m-tab-list-btn{
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:30px;
height:31px;
background-color:#0071b5;
}
.m-tab-list-btn:hover{
opacity:0.7;
text-decoration:none;
}
.m-tab-list-btn:before,.m-tab-list-btn:after{
content:"";
width:2px;
height:10px;
position:absolute;
left:50%;
top:50%;
margin-top:-5px;
margin-left:-1px;
background-color:#ffffff;
}
.m-tab-list-btn:after{
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
}
.m-price-set{
display:table;
}
.m-price-set-row{
display:table-row;
}
.m-price-set-item{
display:table-cell;
}
.m-price-set-item+.m-price-set-item{
padding-left:1em;
}
.m-bor{
border:solid 1px#c5cccf;
}
.m-bor--lbl{
border-color:#d9e2e8;
}
.m-bor--bold{
border-width:2px;
}
.m-bor--w{
border-width:8px;
}
.m-bor--bl{
border-color:#0071b5;
}
.m-bg-wh{
background-color:#ffffff;
}
.m-bg-lbl{
background-color:#d9e2e8;
}
.m-bg-bl{
background-color:#0071b5;
}
.m-bg-lgy{
background-color:#f5f7f8;
}
.m-bg-gy{
background-color:#ebeff1;
}
.m-bg-mgy{
background-color:#999999;
}
.m-bg-dgy{
background-color:#8ea1b4;
}
.m-bg-be{
background-color:#f6efce;
}
.m-bg-lbe{
background-color:#fbf7e5;
}
.m-bg-or{
background-color:#fdc540;
}
.m-bg-dor{
background-color:#f4cc60;
}
.m-bg-sbl{
background-color:#cfe4f1;
}
.m-bg-red{
background-color:#cc0000;
}
.m-bg-gr{
background-color:#1db75b;
}
.m-bg-lgr{
background-color:#f0ffe0;
}
.m-bg-mgr{
background-color:#e8ffef;
}
.m-bg-pk{
background-color:#f4e0e0;
}
.m-bg-lpk{
background-color:#faf3f3;
}
.m-bg-lpr{
background-color:#f8edff;
}
a.m-bg-link,
.m-bg-link{
display:block;
-webkit-transition:.3s;
transition:.3s;
}
a.m-bg-link:hover,
.m-bg-link:hover{
background-color:#ebeff1;
text-decoration:none!important;
}
.m-scroll-h{
overflow-y:auto;
}
.m-scroll-h--s{
height:120px;
}
.m-media{
*zoom:1;
}
.m-media:after{
content:"";
display:table;
clear:both;
}
.m-media__image-l{
display:block;
float:left;
margin-right:20px;
}
.m-media__image-r{
display:block;
float:right;
margin-left:20px;
}
.m-media__content{
overflow:hidden;
}
.m-flex{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.m-flex--nowrap{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.m-flex--noWrap{
flex-wrap:nowrap;
}
.m-flex--center{
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.m-flex--right{
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}
.m-flex--between{
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.m-flex--around{
justify-content:space-around;
}
.m-flex--align-c{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.m-flex--align-end{
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
}
.m-flex--movieCenter{
display:flex;
}
.m-flex__item--movieCenter{
width:33.3%;
}
.m-flex__item--movieCenter dt{
margin-bottom:0.5em;
line-height:1.2;
}
.m-flex__item--movieCenter--4col{
width:25%;
}
@media screen and(max-width:767px){
.m-flex--movieCenter{
flex-wrap:wrap;
}
.m-flex__item--movieCenter--4col{
width:50%;
}
}
.m-flex--c2>.m-flex__item{
width:calc(100%/2);
}
.m-flex--c3{
margin-right:-3px;
}
.m-flex--c3>.m-flex__item{
width:calc(100%/3);
}
.m-flex--c3>.m-flex__item--long{
width:calc(200%/3);
}
.m-flex--c4>.m-flex__item{
width:calc(100%/4);
}
.m-flex--c5>.m-flex__item{
width:calc(100%/5);
}
.m-flex--g5{
margin-left:-5px;
margin-bottom:-5px;
}
.m-flex--g5>.m-flex__item{
margin-left:5px;
margin-bottom:5px;
}
.m-flex--g5.m-flex--c2>.m-flex__item{
width:calc((100%/2)-5px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g5.m-flex--c3>.m-flex__item{
width:calc((100%/3)-6px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g5.m-flex--c4>.m-flex__item{
width:calc((100%/4)-5px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g5.m-flex--c5>.m-flex__item{
width:calc((100%/5)-5px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g10{
margin-left:-10px;
margin-bottom:-10px;
}
.m-flex--g10>.m-flex__item{
margin-left:10px;
margin-bottom:10px;
}
.m-flex--g10.m-flex--c2>.m-flex__item{
width:calc((100%/2)-10px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g10.m-flex--c3>.m-flex__item{
width:calc((100%/3)-11px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g10.m-flex--c4>.m-flex__item{
width:calc((100%/4)-10px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g10.m-flex--c5>.m-flex__item{
width:calc((100%/5)-10px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g20{
margin-left:-20px;
margin-bottom:-20px;
}
.m-flex--g20>.m-flex__item{
margin-left:20px;
margin-bottom:20px;
}
.m-flex--g20.m-flex--c2>.m-flex__item{
width:calc((100%/2)-20px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g20.m-flex--c3>.m-flex__item{
width:calc((100%/3)-21px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g20.m-flex--c4>.m-flex__item{
width:calc((100%/4)-20px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g20.m-flex--c5>.m-flex__item{
width:calc((100%/5)-20px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g30{
margin-left:-30px;
margin-bottom:-15px;
}
.m-flex--g30>.m-flex__item{
margin-left:30px;
margin-bottom:15px;
}
.m-flex--g30.m-flex--c2>.m-flex__item{
width:calc((100%/2)-30px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g30.m-flex--c3>.m-flex__item{
width:calc((100%/3)-31px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g30.m-flex--c4>.m-flex__item{
width:calc((100%/4)-30px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g30.m-flex--c5>.m-flex__item{
width:calc((100%/5)-30px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g40{
margin-left:-40px;
margin-bottom:-40px;
}
.m-flex--g40>.m-flex__item{
margin-left:40px;
margin-bottom:40px;
}
.m-flex--g40.m-flex--c2>.m-flex__item{
width:calc((100%/2)-40px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g40.m-flex--c3>.m-flex__item{
width:calc((100%/3)-41px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g40.m-flex--c4>.m-flex__item{
width:calc((100%/4)-40px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g40.m-flex--c5>.m-flex__item{
width:calc((100%/5)-40px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g60{
margin-left:-60px;
margin-bottom:-40px;
}
.m-flex--g60>.m-flex__item{
margin-left:60px;
margin-bottom:40px;
}
.m-flex--g60.m-flex--c2>.m-flex__item{
width:calc((100%/2)-60px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g60.m-flex--c3>.m-flex__item{
width:calc((100%/3)-61px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g60.m-flex--c4>.m-flex__item{
width:calc((100%/4)-60px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g60.m-flex--c5>.m-flex__item{
width:calc((100%/5)-60px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g80{
margin-left:-80px;
margin-bottom:-40px;
}
.m-flex--g80>.m-flex__item{
margin-left:80px;
margin-bottom:40px;
}
.m-flex--g80.m-flex--c2>.m-flex__item{
width:calc((100%/2)-80px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g80.m-flex--c3>.m-flex__item{
width:calc((100%/3)-81px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g80.m-flex--c4>.m-flex__item{
width:calc((100%/4)-80px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g80.m-flex--c5>.m-flex__item{
width:calc((100%/5)-80px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--list{
margin-bottom:0;
}
.m-flex--list>.m-flex__item{
margin-bottom:0;
}
.m-flex--g28{
margin-left:8px;
margin-bottom:-20px;
}
.m-flex--g28>.m-flex__item{
margin-left:20px;
margin-bottom:20px;
}
.m-namebox-g60{
width:calc(100%-60px);
}
@media screen and(max-width:767px){
.m-flex--c2>.m-flex__item+.m-mb-end{
width:calc(100%/2);
}
.m-mb-end{
text-align:right;
}
}
.m-col{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.m-col--left{
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
}
.m-col__item--w120{
width:120px;
}
.m-col__item--w280{
width:280px;
}
.m-col__item--w360{
width:360px;
}
.m-col__item--w460{
width:460px;
}
.m-col__item--100{
width:100%;
}
.m-login-right{
width:420px;
padding:30px;
border:solid 1px#CCC;
display:inline-block;
vertical-align:middle;
}
.m-login-left{
display:inline-block;
vertical-align:middle;
padding:95px;
}
.m-login-left img{
width:500px;
}
@media screen and(max-width:1279px){
.m-login-right{
width:100%;
padding:30px;
border:solid 1px#CCC;
display:inline-block;
vertical-align:middle;
}
}
.m-definition-col{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
height:auto;
box-sizing:border-box;
}
.m-definition-col--left{
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
}
.m-bor-abreast{
display:flex;
}
.m-definition-col--halfWidth{
width:50%;
align-items:center;
}
.m-definition-col__item--small{
font-size:14px;
}
.m-definition-col__item{
box-sizing:border-box;
overflow:hidden;
}
.m-definition-col__item--w55{
-ms-flex-negative:0;
flex-shrink:0;
width:55px;
}
.m-definition-col__item--w60{
-ms-flex-negative:0;
flex-shrink:0;
width:60px;
}
.m-definition-col__item--w80{
-ms-flex-negative:0;
flex-shrink:0;
width:80px;
}
.m-definition-col__item--w85{
-ms-flex-negative:0;
flex-shrink:0;
width:85px;
}
.m-definition-col__item--w100{
-ms-flex-negative:0;
flex-shrink:0;
width:100px;
}
.m-definition-col__item--w120{
-ms-flex-negative:0;
flex-shrink:0;
width:120px;
}
.m-definition-col__item--w160{
-ms-flex-negative:0;
flex-shrink:0;
width:160px;
}
.m-definition-col__item--w180{
-ms-flex-negative:0;
flex-shrink:0;
width:180px;
}
.m-definition-col__item--w200{
-ms-flex-negative:0;
flex-shrink:0;
width:200px;
}
.m-definition-col__item--w240{
-ms-flex-negative:0;
flex-shrink:0;
width:240px;
}
.m-definition-col__item--w280{
-ms-flex-negative:0;
flex-shrink:0;
width:280px;
}
.m-definition-col__item--w360{
-ms-flex-negative:0;
flex-shrink:0;
width:360px;
}
.m-definition-col__item--w460{
-ms-flex-negative:0;
flex-shrink:0;
width:460px;
}
button.m-btn,
input.m-btn,
a.m-btn,
.m-btn{
display:block;
height:40px;
width:100%;
line-height:40px;
padding-left:10px;
padding-right:10px;
border-radius:4px;
font-weight:700;
font-size:1.6rem;
-webkit-transition:.3s;
transition:.3s;
text-align:center;
}
button.m-btn:hover,
input.m-btn:hover,
a.m-btn:hover,
.m-btn:hover{
text-decoration:none;
}
button.m-btn.m-icon,
input.m-btn.m-icon,
a.m-btn.m-icon,
.m-btn.m-icon{
-webkit-transform:translateY(-1px);
transform:translateY(-1px);
}
button.m-btn--center,
input.m-btn--center,
a.m-btn--center,
.m-btn--center{
margin-left:auto;
margin-right:auto;
}
button.m-btn--right,
input.m-btn--right,
a.m-btn--right,
.m-btn--right{
float:right;
}
button.m-btn--gr,
input.m-btn--gr,
a.m-btn--gr,
.m-btn--gr{
background-color:#1db75b;
color:#ffffff;
}
button.m-btn--gr:hover,
input.m-btn--gr:hover,
a.m-btn--gr:hover,
.m-btn--gr:hover{
background-color:#43d77e;
}
button.m-btn--lgr,
input.m-btn--lgr,
a.m-btn--lgr,
.m-btn--lgr{
background-color:#ccf3c5;
color:#333;
}
button.m-btn--lgr:hover,
input.m-btn--lgr:hover,
a.m-btn--lgr:hover,
.m-btn--lgr:hover{
background-color:#adeca2;;
}
button.m-btn--bl,
input.m-btn--bl,
a.m-btn--bl,
.m-btn--bl{
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
background-color:#0071b5;
color:#ffffff;
}
button.m-btn--bl:hover,
input.m-btn--bl:hover,
a.m-btn--bl:hover,
.m-btn--bl:hover{
opacity:0.7;
text-decoration:none;
}
button.m-btn--rd,
input.m-btn--rd,
a.m-btn--rd,
.m-btn--rd{
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
background-color:#cc0000;
color:#ffffff;
}
button.m-btn--rd:hover,
input.m-btn--rd:hover,
a.m-btn--rd:hover,
.m-btn--rd:hover{
opacity:0.7;
text-decoration:none;
}
button.m-btn--or,
input.m-btn--or,
a.m-btn--or,
.m-btn--or{
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
background-color:#ff9600;
color:#ffffff;
}
button.m-btn--or:hover,
input.m-btn--or:hover,
a.m-btn--or:hover,
.m-btn--or:hover{
opacity:0.7;
text-decoration:none;
}
button.m-btn--gy,
input.m-btn--gy,
a.m-btn--gy,
.m-btn--gy{
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
background-color:#8ea1b4;
color:#ffffff;
}
button.m-btn--gy:hover,
input.m-btn--gy:hover,
a.m-btn--gy:hover,
.m-btn--gy:hover{
opacity:0.7;
text-decoration:none;
}
button.m-btn--deactive,
input.m-btn--deactive,
a.m-btn--deactive,
.m-btn--deactive{
background-color:#8ea1b4;
cursor:default;
color:#ffffff;
}
button.m-btn--lor,
input.m-btn--lor,
a.m-btn--lor,
.m-btn--lor{
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
background-color:#ecd1ab;
color:#333;
}
button.m-btn--lor:hover,
input.m-btn--lor:hover,
a.m-btn--lor:hover,
.m-btn--lor:hover{
opacity:0.7;
text-decoration:none;
}
button.m-btn--round,
input.m-btn--round,
a.m-btn--round,
.m-btn--round{
border-radius:20px;
}
button.m-btn--trash,
input.m-btn--trash,
a.m-btn--trash,
.m-btn--trash{
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
text-indent:-9998em;
background-size:100%;
background-color:#8ea1b4;
width:32px;
height:32px;
line-height:32px;
padding:0;
border-radius:50%;
background-image:url(../images/common/icon-trash.png);
}
button.m-btn--trash:hover,
input.m-btn--trash:hover,
a.m-btn--trash:hover,
.m-btn--trash:hover{
opacity:0.7;
text-decoration:none;
}
button.m-btn--l,
input.m-btn--l,
a.m-btn--l,
.m-btn--l{
height:50px;
line-height:50px;
}
button.m-btn--l.m-btn--round,
input.m-btn--l.m-btn--round,
a.m-btn--l.m-btn--round,
.m-btn--l.m-btn--round{
border-radius:25px;
}
button.m-btn--xl,
input.m-btn--xl,
a.m-btn--xl,
.m-btn--xl{
height:70px;
line-height:70px;
font-size:2.4rem;
}
button.m-btn--xl.m-btn--round,
input.m-btn--xl.m-btn--round,
a.m-btn--xl.m-btn--round,
.m-btn--xl.m-btn--round{
border-radius:35px;
}
button.m-btn--s,
input.m-btn--s,
a.m-btn--s,
.m-btn--s{
height:30px;
line-height:30px;
font-size:1.4rem;
}
button.m-btn--s.m-btn--round,
input.m-btn--s.m-btn--round,
a.m-btn--s.m-btn--round,
.m-btn--s.m-btn--round{
border-radius:15px;
}
button.m-btn--xs,
input.m-btn--xs,
a.m-btn--xs,
.m-btn--xs{
height:24px;
line-height:24px;
font-size:1.4rem;
}
button.m-btn--xs_12,
input.m-btn--xs_12,
a.m-btn--xs_12,
.m-btn--xs_12{
height:24px;
line-height:24px;
font-size:1.2rem;
}
button.m-btn--xs_10,
input.m-btn--xs_10,
a.m-btn--xs_10,
.m-btn--xs_10{
height:24px;
line-height:24px;
font-size:1.0rem;
}
button.m-btn--ha_12,
input.m-btn--ha_12,
a.m-btn--ha_12,
.m-btn--ha_12{
height:auto;
line-height:1.5;
padding-top:10px;
padding-bottom:10px;
font-size:1.2rem;
}
button.m-btn--ha_10,
input.m-btn--ha_10,
a.m-btn--ha_10,
.m-btn--ha_10{
height:auto;
line-height:1.5;
padding-top:10px;
padding-bottom:10px;
font-size:1.0rem;
}
button.m-btn--xs.m-btn--round,
input.m-btn--xs.m-btn--round,
a.m-btn--xs.m-btn--round,
.m-btn--xs.m-btn--round{
border-radius:12px;
}
button.m-btn--ha,
input.m-btn--ha,
a.m-btn--ha,
.m-btn--ha{
height:auto;
line-height:1.5;
padding-top:10px;
padding-bottom:10px;
}
button.m-btn--wa,
input.m-btn--wa,
a.m-btn--wa,
.m-btn--wa{
width:auto;
}
button.m-btn--w100,
input.m-btn--w100,
a.m-btn--w100,
.m-btn--w100{
width:100px;
padding-left:0;
padding-right:0;
}
button.m-btn--w120,
input.m-btn--w120,
a.m-btn--w120,
.m-btn--w120{
width:120px;
}
button.m-btn--w160,
input.m-btn--w160,
a.m-btn--w160,
.m-btn--w160{
width:160px;
}
button.m-btn--w200,
input.m-btn--w200,
a.m-btn--w200,
.m-btn--w200,
button.m-btn--w200h,
input.m-btn--w200h,
a.m-btn--w200h,
.m-btn--w200h{
width:200px;
}
button.m-btn--w240,
input.m-btn--w240,
a.m-btn--w240,
.m-btn--w240,
button.m-btn--w240h,
input.m-btn--w240h,
a.m-btn--w240h,
.m-btn--w240h{
width:240px;
}
button.m-btn--w260,
input.m-btn--w260,
a.m-btn--w260,
.m-btn--w260,
button.m-btn--w260h,
input.m-btn--w260h,
a.m-btn--w260h,
.m-btn--w260h{
width:260px;
}
button.m-btn--w280,
input.m-btn--w280,
a.m-btn--w280,
.m-btn--w280,
button.m-btn--w280h,
input.m-btn--w280h,
a.m-btn--w280h,
.m-btn--w280h{
width:280px;
}
button.m-btn--w320,
input.m-btn--w320,
a.m-btn--w320,
.m-btn--w320{
width:320px;
}
button.m-btn--w480,
input.m-btn--w480,
a.m-btn--w480,
.m-btn--w480{
width:480px;
}
button.m-btn--w560,
input.m-btn--w560,
a.m-btn--w560,
.m-btn--w560{
width:560px;
}
button.m-btn--w730,
input.m-btn--w730,
a.m-btn--w730,
.m-btn--w730{
width:730px;
}
button.m-address-search-btn,
input.m-address-search-btn,
a.m-address-search-btn,
.m-address-search-btn{
display:inline-block;
vertical-align:middle;
margin-left:20px;
font-size:1.4rem;
color:#ffffff;
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
background-color:#0071b5;
height:24px;
line-height:24px;
border-radius:12px;
text-align:center;
padding-left:2em;
padding-right:2em;
}
button.m-address-search-btn:hover,
input.m-address-search-btn:hover,
a.m-address-search-btn:hover,
.m-address-search-btn:hover{
opacity:0.7;
text-decoration:none;
}
button.m-address-search-btn:hover,
input.m-address-search-btn:hover,
a.m-address-search-btn:hover,
.m-address-search-btn:hover{
text-decoration:none;
}
button.m-btn-sort,
input.m-btn-sort,
a.m-btn-sort,
.m-btn-sort{
display:inline-block;
vertical-align:middle;
text-indent:-9998em;
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
background-color:#0071b5;
width:16px;
height:16px;
border-radius:50%;
background-size:auto 100%;
background-image:url(../images/common/icons-sort.png);
position:relative;
}
button.m-btn-sort:hover,
input.m-btn-sort:hover,
a.m-btn-sort:hover,
.m-btn-sort:hover{
opacity:0.7;
text-decoration:none;
}
button.m-btn-sort--down,
input.m-btn-sort--down,
a.m-btn-sort--down,
.m-btn-sort--down{
background-position:-100%0;
}
button.m-btn-star,
input.m-btn-star,
a.m-btn-star,
.m-btn-star{
display:inline-block;
text-indent:-9998em;
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
width:24px;
height:24px;
background-size:auto 100%;
background-image:url(../images/common/icon-star.png);
position:relative;
}
button.m-btn-star:hover,
input.m-btn-star:hover,
a.m-btn-star:hover,
.m-btn-star:hover{
opacity:0.7;
text-decoration:none;
}
button.m-btn-data,
input.m-btn-data,
a.m-btn-data,
.m-btn-data{
display:inline-block;
text-indent:-9998em;
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
width:40px;
height:40px;
background-size:auto 100%;
background-image:url(../images/common/icon-data.png);
position:relative;
}
button.m-btn-data:hover,
input.m-btn-data:hover,
a.m-btn-data:hover,
.m-btn-data:hover{
opacity:0.7;
text-decoration:none;
}
button.m-btn-data-ja,
input.m-btn-data-ja,
a.m-btn-data-ja,
.m-btn-data-ja{
background-image:url(../images/common/icon-data_ja.png);
}
button.m-btn-data-de,
input.m-btn-data-de,
a.m-btn-data-de,
.m-btn-data-de{
background-image:url(../images/common/icon-data_de.png);
}
button.m-btn-data-en,
input.m-btn-data-en,
a.m-btn-data-en,
.m-btn-data-en{
background-image:url(../images/common/icon-data_en.png);
}
button.m-btn-data-ko,
input.m-btn-data-ko,
a.m-btn-data-ko,
.m-btn-data-ko{
background-image:url(../images/common/icon-data_ko.png);
}
button.m-btn-data-zh,
input.m-btn-data-zh,
a.m-btn-data-zh,
.m-btn-data-zh{
background-image:url(../images/common/icon-data_zh.png);
}
.m-dfBtn{
height:100%;
max-height:57px;
display:flex;
justify-content:center;
align-items:center;
font-size:14px;
font-weight:700;
line-height:1.4;
text-align:center;
padding:9px;
border-radius:6px;
}
.m-share-box{
position:relative;
z-index:3;
}
.m-share-box-btn{
display:inline-block;
text-indent:-9998em;
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
display:block;
width:24px;
height:24px;
background-size:auto 100%;
background-image:url(../images/common/icon-share.png);
position:relative;
}
.m-share-box-btn:hover{
opacity:0.7;
text-decoration:none;
}
.m-share-box-content{
display:none;
position:absolute;
left:45px;
top:50%;
width:170px;
padding:10px;
background-color:#ffffff;
border:solid 3px#0071b5;
text-align:center;
z-index:1;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
text-align:center;
z-index:3;
}
.m-share-box-content.is-active{
display:block;
}
.m-share-box-content:before{
content:"";
position:absolute;
left:-12px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
border-top:solid 10px transparent;
border-bottom:solid 10px transparent;
border-right:solid 12px#0071b5;
}
.m-share-box-content:after{
content:"";
position:absolute;
left:-8px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
border-top:solid 7px transparent;
border-bottom:solid 7px transparent;
border-right:solid 8px#ffffff;
}
.m-share-box-content--bottom-left{
top:auto;
bottom:0;
-webkit-transform:translateY(0%);
transform:translateY(0%);
}
.m-share-box-content--bottom-left:before{
top:auto;
bottom:16px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
}
.m-share-box-content--bottom-left:after{
top:auto;
bottom:16px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
}
.m-share-box-content--top-right{
top:0;
left:auto;
right:45px;
-webkit-transform:translateY(0%);
transform:translateY(0%);
}
.m-share-box-content--top-right:before{
top:16px;
left:auto;
right:-12px;
-webkit-transform:translateY(-50%)rotate(180deg);
transform:translateY(-50%)rotate(180deg);
}
.m-share-box-content--top-right:after{
top:16px;
left:auto;
right:-8px;
-webkit-transform:translateY(-50%)rotate(180deg);
transform:translateY(-50%)rotate(180deg);
}
.m-share-box-close{
position:absolute;
right:0;
top:0;
width:24px;
height:24px;
background-color:#0071b5;
}
.m-delivery-box-close{
position:absolute;
right:0;
top:0;
width:15px;
height:15px;
background-color:#999999;
margin-top:8px;
margin-right:4px;
}
.m-delivery-box-close--left{
right:auto;
left:0;
}
.m-delivery-box-close:before,.m-delivery-box-close:after{
content:"";
width:2px;
height:10px;
background-color:#ffffff;
position:absolute;
left:50%;
top:50%;
margin-left:-1px;
margin-top:-5px;
}
.m-delivery-box-close:before{
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.m-delivery-box-close:after{
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.m-share-box-close--left{
right:auto;
left:0;
}
.m-share-box-close:before,.m-share-box-close:after{
content:"";
width:2px;
height:10px;
background-color:#ffffff;
position:absolute;
left:50%;
top:50%;
margin-left:-1px;
margin-top:-5px;
}
.m-share-box-close:before{
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.m-share-box-close:after{
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.m-share-box-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin-top:10px;
}
.m-share-box-list__item+.m-share-box-list__item,
.m-share-box-list__item-ko+.m-share-box-list__item-ko{
margin-left:10px;
}
.m-share-box-list__item a{
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
display:block;
width:40px;
height:40px;
background-size:auto 100%;
background-image:url(../images/common/icons-sns.png);
border-radius:50%;
}
.m-share-box-list__item-ko a{
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
display:block;
width:40px;
height:40px;
background-size:auto 100%;
background-image:url(../images/common/icons-sns-ko.png);
border-radius:50%;
}
.m-share-box-list__item a:hover,
.m-share-box-list__item-ko a:hover{
opacity:0.7;
text-decoration:none;
}
.m-share-box-list__item a.fb,
.m-share-box-list__item-ko a.fb {
  background-color: #000;
  background-image: url(../images/common/icons-sns-x.png) !important;
}
.m-share-box-list__item a.tw,
.m-share-box-list__item-ko a.tw{
background-position:-100%0;
background-color:#3b5998;
}
.m-share-box-list__item a.ln,
.m-share-box-list__item-ko a.ln{
background-position:-200%0;
background-color:#00c300;
}
.m-share-box-list__item-ko a.ka{
background-position:-200%0;
background-color:#eaaf0a;
}
.m-share-box-list__item a.wc{
background-image:url(../images/common/icons-wc.png);
}
.m-share-box-list__item a.wb{
background-image:url(../images/common/icons-wb.png);
}
.m-search-ascending{
display:-webkit-flex;
display:flex;
display:inline-block;
vertical-align:middle;
width:20px;
height:20px;
margin-left:5px;
background:none;
border:0;
background-image:url(../images/search/ascending.gif);
}
.m-search-descending{
display:-webkit-flex;
display:flex;
display:inline-block;
vertical-align:middle;
width:20px;
height:20px;
background:none;
border:0;
background-image:url(../images/search/descending.gif);
}
.m-icon{
display:inline-block;
vertical-align:middle;
margin-right:.5em;
background-size:auto 100%;
}
.m-icon--language{
-webkit-transform:translateY(4px);
transform:translateY(4px);
}
.m-icon--single{
margin-right:0;
}
.m-icon--ar-r-or-l,.m-icon--ar-r-bl-l,.m-icon--ar-b-or-l,.m-icon--ar-b-bl-l{
position:relative;
width:20px;
height:20px;
background-color:#0071b5;
border-radius:50%;
-webkit-transform:translateY(-2px);
transform:translateY(-2px);
}
.m-icon--ar-r-or-l:before,.m-icon--ar-r-bl-l:before,.m-icon--ar-b-or-l:before,.m-icon--ar-b-bl-l:before{
content:"";
border-left:solid 8px#ffffff;
border-top:solid 5px transparent;
border-bottom:solid 5px transparent;
position:absolute;
left:50%;
top:50%;
-webkit-transform:translate(-35%,-50%);
transform:translate(-35%,-50%);
}
.m-icon--ar-b-or-l:before,.m-icon--ar-b-bl-l:before{
-webkit-transform:rotate(90deg)translate(-40%,35%);
transform:rotate(90deg)translate(-40%,35%);
}
.m-icon--ar-b-or-l,.m-icon--ar-r-or-l{
background-color:#ff9600;
}
.m-icon--login,.m-icon--logout{
-ms-flex-negative:0;
flex-shrink:0;
margin-right:10px;
width:12px;
height:16px;
background-image:url(../images/common/icons-login.png);
}
.m-icon--login_gr{
-ms-flex-negative:0;
flex-shrink:0;
width:18px;
height:24px;
background-image:url(../images/common/icons-login_gr.png);
}
.m-icon--logout{
background-position:-100%0;
}
.m-icon--register{
width:14px;
height:18px;
background-image:url(../images/common/icon-register-wh.png);
}
.m-icon--product-tbl-est,.m-icon--product-tbl-cart{
width:24px;
height:24px;
background-size:100%;
}
.m-icon--product-tbl-cart{
background-image:url(../images/common/icon-product-tbl-cart.png);
}
.m-icon--product-tbl-est{
background-image:url(../images/common/icon-product-tbl-est.png);
}
.m-icon--product-tbl-info,.m-icon--product-tbl-search{
width:18px;
height:18px;
background-size:auto 100%;
background-image:url(../images/common/icons-product-tbl.png);
}
.m-icon--product-tbl-info_s,.m-icon--product-tbl-search_s{
width:15px;
height:15px;
background-size:auto 100%;
background-image:url(../images/common/icons-product-tbl.png);
}
.m-icon--product-tbl-search,.m-icon--product-tbl-search_s{
background-position:-100%0;
}
.m-icon--education-01,.m-icon--education-02{
width:80px;
height:60px;
background-image:url(../images/education/icons-title.png);
}
.m-icon--education-02{
background-position:-100%0;
}
.m-icon--caution-bk{
width:1.1em;
height:1.1em;
margin-top:-0.1em;
margin-right:0.25em;
background-image:url(../images/common/icon-caution-triangle.png);
}
.m-icon--caution{
width:1.1em;
height:1.1em;
margin-top:-0.1em;
margin-right:0.25em;
background-image:url(../images/common/icon-caution-triangle-rd.png);
}
.m-icon--check-cir-gr{
width:18px;
height:18px;
background-image:url(../images/common/icon-check-cir-gr.png);
}
.m-icon--caution-cir{
width:18px;
height:18px;
background-image:url(../images/common/icon-caution-cir.png);
}
.m-icon--caution-triangle{
width:30px;
height:30px;
background-image:url(../images/common/icon-caution-triangle.png);
}
.m-icon--update{
width:24px;
height:24px;
background-image:url(../images/common/icon-update.png);
}
.m-icon--trash{
width:32px;
height:32px;
background-image:url(../images/common/icon-trash.png);
}
.m-icon--dl{
width:24px;
height:24px;
background-image:url(../images/common/icon-dl.png);
}
.m-icon--search{
width:16px;
height:16px;
background-image:url(../images/common/icon-search.png);
}
.m-icon-xs{
width:1.5em;
height:1.5em;
margin-right:0;
}
.m-cat-icon{
display:inline-block;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:auto;
max-height:40px;
padding-left:.5em;
padding-right:.5em;
line-height:18px;
font-size:1.4rem;
color:#ffffff;
margin-top:2px;
}
.m-cat-icon_s{
display:inline-block;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:auto;
max-height:40px;
padding-left:.5em;
padding-right:.5em;
line-height:14px;
font-size:1.1rem;
color:#ffffff;
}
.m-cat-icon--new1{
background-color:#eb4080;
}
.m-cat-icon--new2{
background-color:#f37aa8;
}
.m-cat-icon--stock1{
background-color:#3988b8;
}
.m-cat-icon--stock2{
background-color:#69a7cd;
}
.m-cat-icon--item1{
background-color:#25899e;
}
.m-cat-icon--item2{
background-color:#4c9fb0;
}
.m-cat-icon--item3{
background-color:#7fbdca;
}
.m-cat-icon--item4{
background-color:#3893a7;
}
.m-cat-icon--env1,.m-cat-icon--env2,.m-cat-icon--env3,.m-cat-icon--env4,.m-cat-icon--env5{
width:48px;
padding-bottom:2px;
text-indent:-9998em;
background-size:100%auto;
background-repeat:no-repeat;
}
.m-cat-icon--env1{
background-image:url(../images/common/icon-env-rohs.png);
}
.m-cat-icon--env2{
background-image:url(../images/common/icon-env-pb-free.png);
}
.m-cat-icon--env3{
background-image:url(../images/common/icon-env-no-rohs.png);
}
.m-cat-icon--env4{
background-image:url(../images/common/icon-env-pb.png);
}
.m-cat-icon--env5{
background-image:url(../images/common/icon-env-rohs2.png);
}
.m-breadcrumb--c2{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
max-width:1280px;
overflow:hidden;
font-size:1.2rem;
margin-left:auto;
margin-right:auto;
}
.m-breadcrumb--c2_l{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
overflow:hidden;
font-size:1.2rem;
margin-left:auto;
margin-right:auto;
}
.m-breadcrumb--c2_item{
padding:5px 20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.flex-1{
flex:1 30%;
flex-wrap:wrap;
}
.flex-2{
flex:2 70%;
flex-wrap:wrap;
}
.m-breadcrumb{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
max-width:1280px;
padding:5px 20px;
margin-left:auto;
margin-right:auto;
font-size:1.2rem;
overflow:hidden;
}
.m-breadcrumb_m{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
max-width:1580px;
padding:5px 20px;
margin-left:auto;
margin-right:auto;
font-size:1.2rem;
overflow:hidden;
}
.m-breadcrumb__item{
position:relative;
padding-right:2em;
font-weight:700;
-ms-flex-negative:0;
flex-shrink:0;
}
.m-breadcrumb__item:before{
content:"＞";
position:absolute;
right:.5em;
top:0;
font-size:1.2rem;
font-weight:normal;
}
.m-breadcrumb__item:last-child:before{
display:none;
}
.m-breadcrumb__item a{
color:#0000ff;
font-weight:normal;
}
.m-breadcrumb__item a:hover{
text-decoration:underline;
}
.m-title{
padding-left:1rem;
border-left:solid 5px#0071b5;
font-weight:700;
font-size:2.8rem;
}
.m-title--s{
font-size:1.6rem;
}
.m-title-btn{
position:relative;
}
.m-title-btn.m-btn{
position:absolute;
right:10px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.m-line-title{
padding-bottom:.25em;
border-bottom:solid 1px#c5cccf;
}
.m-line-title--both{
padding-top:.25em;
border-top:solid 1px#c5cccf;
}
.m-line-title--l{
padding-top:.5em;
padding-bottom:.5em;
}
.m-bg-title{
width:100%;
display:inline-block;
padding:10px 20px;
background-color:#cfe4f1;
border-top:solid 1px#c5cccf;
border-bottom:solid 1px#c5cccf;
font-weight:700;
font-size:1.6rem;
}
.m-cart-col{
display:inline-block;
padding:10px 20px;
background-color:#cfe4f1;
border-top:solid 1px#c5cccf;
border-bottom:solid 1px#c5cccf;
font-weight:700;
font-size:1.6rem;
}
.m-bg-title--with-link{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.m-btnInput{
width:100%;
display:flex;
}
.m-btnInput.is-calc450{
width:auto;
max-width:calc(100%-450px);
min-width:450px;
}
.m-btnInput.is-calc300{
max-width:calc(100%-300px);
}
.m-btnInput input[type="checkbox"],
.m-btnInput input[type="radio"]{
display:none;
}
.m-btnInput label{
width:100%;
display:block;
font-size:14px;
font-weight:700;
text-align:center;
white-space:nowrap;
padding:0.5em;
border:solid 1px#ccc;
border-radius:3px;
cursor:pointer;
margin-right:0.5em;
}
.m-btnInput.is-calc450 label{
min-width:150px;
}
.m-btnInput input[type="checkbox"]:checked+label,
.m-btnInput input[type="radio"]:checked+label{
color:#fff;
background-color:#0071b5;
}
@media screen and(max-width:1279px){
.m-btnInput,
.m-btnInput.is-calc450,
.m-btnInput.is-calc300{
width:100%;
max-width:unset;
min-width:unset;
justify-content:space-between;
flex-wrap:wrap;
margin-left:5px;
}
.m-btnInput::after{
content:'';
display:block;
width:calc(33.33%-5px);
}
.m-btnInput label{
width:calc(33.33%-5px);
display:block;
font-size:14px;
margin-right:5px;
margin-bottom:5px;
}
}
@media screen and(max-width:767px){
.m-btnInput label{
width:calc(50%-5px);
display:block;
font-size:14px;
margin-right:5px;
margin-bottom:5px;
}
}
.m-otherCondition{
display:flex;
align-items:center;
}
.m-otherCondition input{
flex-shrink:0;
margin:0;
}
.m-otherCondition label{
flex-shrink:0;
font-size:14px;
padding:0 5px;
}
.m-otherCondition input[type="text"]{
width:300px;
background-color:#fff;
}
@media screen and(max-width:767px){
.m-otherCondition input[type="text"]{
width:100%;
flex-shrink:1;
}
}
.m-inputArea{
display:flex;
align-items:center;
}
.m-bg-title--lgr{
background-color:#7ecf72;
}
.m-bg-title--llgr{
background-color:#ccf3c5;
}
.m-bg-title--yl{
background-color:#e7b671;
}
.m-bg-title--gy{
background-color:#ebeff1;
}
.m-bg-title--mgy{
background-color:#c5cccf;
color:#ffffff;
}
.m-bg-title--pk{
background-color:#f4e0e0;
}
.m-bg-title--dgy{
background-color:#8ea1b4;
color:#ffffff;
}
.m-bg-title--red{
background-color:#cc0000;
color:#ffffff;
}
.m-bg-title--noline{
border:0;
}
.m-bor-title{
padding-bottom:.25em;
border-bottom:solid 1px#c5cccf;
}
.m-title-toggle-icon{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
color:#333333;
}
.m-title-toggle-icon.icon{
position:relative;
width:22px;
height:22px;
margin-right:10px;
-ms-flex-negative:0;
flex-shrink:0;
background-color:#8ea1b4;
}
.m-title-toggle-icon.icon:before,.m-title-toggle-icon.icon:after{
content:"";
position:absolute;
left:50%;
top:50%;
width:12px;
height:2px;
margin-left:-6px;
margin-top:-1px;
background-color:#ffffff;
}
.m-title-toggle-icon.icon:after{
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
}
.m-title-toggle-icon.is-active.icon:after{
-webkit-transform:none;
transform:none;
}
.m-form-col{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding:20px 40px;
padding-top:20px;
padding-bottom:20px;
border-bottom:solid 1px#c5cccf;
font-size:1.6rem;
line-height:1.875;
}
.m-form-col.m-form-col{
padding:0;
}
.m-form-col--s{
padding:10px 20px;
}
.m-form-col--alternate-bg:nth-of-type(odd){
background-color:#f5f7f8;
}
.m-form-col--noline{
border-bottom:0;
padding-bottom:0;
}
.m-form-col--noline+.m-form-col{
margin-top:10px;
}
.m-form-col__title{
width:280px;
padding-right:20px;
-ms-flex-negative:0;
flex-shrink:0;
font-weight:700;
}
.m-form-col__title--s{
width:140px;
}
.m-form-col__title--m{
width:200px;
}
.m-form-col__content{
width:100%;
}
.m-form-col__title--l{
width:375px;
padding-right:20px;
-ms-flex-negative:0;
flex-shrink:0;
font-weight:700;
}
.m-form-col__title--s2{
width:190px;
}
.m-form-col__title--auto{
width:auto;
}
.m-form-col--column{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding:20px 40px;
padding-top:20px;
padding-bottom:20px;
border-bottom:solid 1px#c5cccf;
font-size:1.6rem;
line-height:1.875;
flex-direction:column;
}
.m-form-btn-col{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.m-form-btn-col--center{
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.m-form-btn-col__item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-left:-20px;
}
.m-form-btn-col__item>*{
width:320px;
-ms-flex-negative:0;
flex-shrink:0;
margin-left:20px;
}
input[type="password"],
input[type="text"],
textarea{
-webkit-transition:0.3s;
transition:0.3s;
-moz-appearance:none;
appearance:none;
-webkit-appearance:none;
border:solid 2px#c5cccf;
-webkit-box-shadow:none;
box-shadow:none;
padding:10px;
border-radius:4px;
width:100%;
background-color:#ffffe4;
outline:none;
font-size:1.6rem;
}
input[type="password"]:focus,
input[type="text"]:focus,
textarea:focus{
background-color:#ffffff;
}
input[type="password"].m-textarea--any,input[type="password"].m-input-text--any,
input[type="text"].m-textarea--any,
input[type="text"].m-input-text--any,
textarea.m-textarea--any,
textarea.m-input-text--any{
background-color:#ffffff;
}
input[type="password"].m-textarea--any_gy,input[type="password"].m-input-text--any_gy,
input[type="text"].m-textarea--any_gy,
input[type="text"].m-input-text--any_gy,
textarea.m-textarea--any_gy,
textarea.m-input-text--any_gy{
background-color:#ebeff1;
}
.m-input-frame{
-webkit-transition:0.3s;
transition:0.3s;
-moz-appearance:none;
appearance:none;
-webkit-appearance:none;
border:solid 2px#c5cccf;
-webkit-box-shadow:none;
box-shadow:none;
padding:10px;
border-radius:4px;
width:180px;
background-color:#FFF;
outline:none;
font-size:1.6rem;
cursor:default;
}
.m-input-side{
max-width:580px;
padding:15px;
height:50px;
display:inline-block;
}
label.m-label-set input[type="checkbox"]:disabled{
background-color:#eee;
}
.m-bg-gy label.m-label-set input[type="radio"]{
margin-top:-9px;
}
input[type="text"]:disabled{
background-color:#eee;
}
:placeholder-shown{
color:#AAAAAA;}
::-webkit-input-placeholder{
color:#AAAAAA;}
:-moz-placeholder{
color:#AAAAAA;opacity:1;}
::-moz-placeholder{
color:#AAAAAA;opacity:1;}
:-ms-input-placeholder{
color:#AAAAAA;}
input[type="password"],
input[type="text"]{
width:100%;
}
input[type="text"].m-input-text:focus::-webkit-input-placeholder,
input[type="text"].m-input-text:focus:-moz-placeholder,
input[type="text"].m-input-text:focus::-moz-placeholder{
color:transparent;
}
input[type="password"].m-input-text--auto,
input[type="text"].m-input-text--auto{
width:auto;
}
input[type="password"].m-input-text--h-2s,
input[type="text"].m-input-text--h-2s{
padding:0px 0.2em;
font-size:1.3rem;
text-align:right;
}
input[type="password"].m-input-text--h-s,
input[type="text"].m-input-text--h-s{
padding:5px 10px;
font-size:1.4rem;
}
input[type="password"].m-input-text--h-xs,
input[type="text"].m-input-text--h-xs{
padding:0 5px;
font-size:1.4rem;
}
input[type="password"].m-input-text--h-2xs,
input[type="text"].m-input-text--h-2xs{
padding:0 3px;
font-size:1.3rem;
}
input[type="password"].m-input-text--search,
input[type="text"].m-input-text--search{
width:90px;
}
input[type="password"].m-input-text--3xs,
input[type="text"].m-input-text--3xs{
width:50px;
}
input[type="password"].m-input-text--3s,
input[type="text"].m-input-text--3s{
width:55px;
}
input[type="password"].m-input-text--credit,
input[type="text"].m-input-text--credit{
width:70px;
}
input[type="password"].m-input-text--2xs,
input[type="text"].m-input-text--2xs{
width:100px;
}
input[type="password"].m-input-text--history,
input[type="text"].m-input-text--history{
max-width:160px;
}
input[type="password"].m-input-text--xs,
input[type="text"].m-input-text--xs{
width:180px;
}
input[type="password"].m-input-text--s,
input[type="text"].m-input-text--s{
width:240px;
}
input[type="password"].m-input-text--m2,
input[type="text"].m-input-text--m2{
width:360px;
}
input[type="password"].m-input-text--m,
input[type="text"].m-input-text--m{
width:480px;
}
input[type="password"].m-input-text--w253,
input[type="text"].m-input-text--w253{
width:253px;
}
@media screen and(max-width:1279px){
input[type="password"].m-input-text--m2,
input[type="text"].m-input-text--m2,
input[type="password"].m-input-text--m,
input[type="text"].m-input-text--m{
width:100%;
}
}
textarea{
width:100%;
resize:none;
}
textarea.m-textarea--m{
width:600px;
}
input[type="radio"],
input[type="checkbox"]{
position:relative;
-moz-appearance:none;
appearance:none;
-webkit-appearance:none;
margin-right:10px;
margin-top:-3px;
border:solid 1px#c5cccf;
-webkit-box-shadow:none;
box-shadow:none;
background-color:#ffffff;
outline:none;
width:18px;
height:18px;
vertical-align:middle;
}
input[type="radio"].m-input-cb--single,input[type="radio"].m-input-rc--single,
input[type="checkbox"].m-input-cb--single,
input[type="checkbox"].m-input-rc--single{
margin-right:0;
}
input[type="radio"]:after{
content:"";
width:8px;
height:8px;
background-color:#0071b5;
position:absolute;
left:50%;
top:50%;
margin-top:-4px;
margin-left:-4px;
border-radius:100%;
display:none;
}
input[type="radio"]:checked:after{
display:block;
}
input[type="checkbox"]:after{
content:"";
width:6px;
height:12px;
position:absolute;
left:50%;
top:50%;
border-bottom:solid 2px#0071b5;
border-right:solid 2px#0071b5;
margin-top:-8px;
margin-left:-3px;
display:none;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
input[type="checkbox"]:checked:after{
display:block;
}
input[type="radio"]{
border-radius:100%;
}
input[type="checkbox"]{
border-radius:0;
}
input[type="checkbox"].m-cb-b{
position:relative;
-moz-appearance:none;
appearance:none;
-webkit-appearance:none;
margin-right:7px;
margin-left:5px;
margin-top:-3px;
border:solid 2px#c5cccf;
-webkit-box-shadow:none;
box-shadow:none;
background-color:#ffffff;
outline:none;
width:18px;
height:18px;
vertical-align:middle;
}
label.m-label-set{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
label.m-label-set input[type="radio"],
label.m-label-set input[type="checkbox"]{
-ms-flex-negative:0;
flex-shrink:0;
margin-right:10px;
display:block;
-webkit-transform:translateY(0.55em);
transform:translateY(0.55em);
}
input[type="radio"].m-input-gya,
input[type="checkbox"].m-input-gya{
position:relative;
-moz-appearance:none;
appearance:none;
-webkit-appearance:none;
margin-right:10px;
margin-top:-3px;
border:solid 1px#c5cccf;
-webkit-box-shadow:none;
box-shadow:none;
background-color:#ebeff1;
outline:none;
width:18px;
height:18px;
vertical-align:middle;
}
input[type="radio"].m-input-gya{
border-radius:100%;
}
input[type="checkbox"].m-input-gya{
border-radius:0;
}
select.m-select_gy{
position:relative;
max-width:100%;
overflow:hidden;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
min-height:40px;
padding:12px 40px 12px 15px;
border:solid 2px#c5cccf;
-webkit-box-shadow:none;
box-shadow:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border-radius:4px;
cursor:pointer;
font-size:1.6rem;
outline:none;
line-height:1.231;
text-overflow:'';
}
select.m-select--any_gy{
background-color:#ebeff1;
}
select.m-select_gy::-ms-expand{
display:none;
}
select.m-select{
position:relative;
max-width:100%;
overflow:hidden;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
min-height:25px;
padding:12px 40px 12px 15px;
border:solid 2px#c5cccf;
-webkit-box-shadow:none;
box-shadow:none;
border-radius:4px;
background-color:#ffffe4;
background-repeat:no-repeat;
background-size:40px auto;
background-image:url(../images/common/icon-select.png);
background-position:right 50%;
cursor:pointer;
font-size:1.6rem;
outline:none;
line-height:1.231;
text-overflow:'';
}
select.m-select--any{
background-color:#ffffff;
}
select.m-select--s{
min-height:30px;
padding:8px 20px 8px 10px;
font-size:1.4rem;
background-size:20px auto;
}
select.m-select--xs{
padding:3px 20px 3px 10px;
font-size:1.4rem;
background-size:20px auto;
}
select.m-select::-ms-expand{
display:none;
}
select:disabled{
background-color:#eee;
color:#aaa;
}
.m-icon-slide-prev,
.m-icon-slide-next{
position:absolute;
top:50%;
width:24px;
height:24px;
border-top:solid 2px#0071b5;
border-left:solid 2px#0071b5;
text-indent:-9998em;
margin-top:-12px;
cursor:pointer;
z-index:5002;
}
.m-icon-slide-prev{
left:10px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.m-icon-slide-next{
right:-30px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.slick-dots{
position:absolute;
left:0;
right:0;
bottom:0;
margin:auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
z-index:5002;
}
.slick-dots>*{
cursor:pointer;
width:10px;
height:10px;
border-radius:50%;
text-indent:-9998em;
background-color:#8ea1b4;
}
.slick-dots>*+*{
margin-left:10px;
}
.slick-dots>*.slick-active{
background-color:#0071b5;
}
.slick-slider{
position:relative;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-ms-touch-action:pan-y;
touch-action:pan-y;
-webkit-tap-highlight-color:transparent;
}
.slick-list{
position:relative;
overflow:hidden;
display:block;
margin:0;
padding:0;
}
.slick-list:focus{
outline:none;
}
.slick-list.dragging{
cursor:pointer;
cursor:hand;
}
.slick-slider.slick-track,
.slick-slider.slick-list{
transform:translate3d(0,0,0);
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
}
.slick-track{
position:relative;
left:0;
top:0;
display:block;
}
.slick-track:before,.slick-track:after{
content:"";
display:table;
}
.slick-track:after{
clear:both;
}
.slick-loading.slick-track{
visibility:hidden;
}
.slick-slide{
float:left;
min-height:1px;
display:none;
outline:none;
}
[dir="rtl"].slick-slide{
float:right;
}
.slick-slide.slick-loading img{
display:none;
}
.slick-slide.dragging img{
pointer-events:none;
}
.slick-initialized.slick-slide{
display:block;
}
.slick-loading.slick-slide{
visibility:hidden;
}
.slick-vertical.slick-slide{
display:block;
}
.slick-arrow.slick-disabled{
display:none;
opacity:0;
}
.m-modal-bg{
display:none;
position:fixed;
width:100%;
height:100%;
left:0;
top:0;
background-color:rgba(0,0,0,0.7);
z-index:11110;
}
.m-modal-buy-bg{
display:none;
position:fixed;
width:100%;
height:100%;
left:0;
top:0;
background-color:rgba(0,0,0,0.7);
z-index:11110;
}
.m-modal-buy-bg-js{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:black;
opacity:0.7;
z-index:10002;
}
.js-modal-buypopup{
position:fixed;
}
.m-modal-over-popup-bg{
display:none;
position:fixed;
width:100%;
height:100%;
left:0;
top:0;
background-color:rgba(0,0,0,0.7);
z-index:10003;
}
.m-modal-close{
cursor:pointer;
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
display:block;
width:40px;
height:40px;
position:fixed;
right:calc(10%+40px);
top:calc(10%+40px);
text-indent:-9998em;
z-index:11111;
background-color:#0071b5;
}
.m-modal-close:hover{
opacity:0.7;
text-decoration:none;
}
.m-modal-close:before,.m-modal-close:after{
content:"";
width:20px;
height:4px;
background-color:#ffffff;
position:absolute;
left:50%;
top:50%;
margin-top:-2px;
margin-left:-10px;
}
.m-modal-close:before{
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.m-modal-close:after{
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.m-modal-item{
display:none;
position:fixed;
left:10%;
top:10%;
width:80%;
height:80%;
overflow:auto;
padding:40px;
background-color:#ffffff;
z-index:11112;
}
.m-modal-item--condition{
width:480px;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
}
.m-modal-item--condition.m-modal-close{
position:absolute;
top:0;
right:0;
}
.m-modal-item--passive{
width:100%;
height:auto;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
padding:0;
overflow:hidden;
}
.js-modal-popup{
position:fixed;
}
.m-modal-item-iframe{
display:none;
position:fixed;
left:10%;
top:10%;
width:80%;
height:80%;
overflow:auto;
background-color:#ffffff;
z-index:10002;
}
.m-modal-item--narrow{
padding:0;
top:50%;
left:50%;
max-width:100%;
width:auto;
height:auto;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
overflow:hidden;
}
.m-modal-item--narrow.m-modal-close{
position:absolute;
top:0;
right:0;
}
.ui-datepicker{
background-color:#ffffff;
-webkit-box-shadow:2px 2px 0 0#8ea1b4;
box-shadow:2px 2px 0 0#8ea1b4;
color:#333333;
font-size:1.4rem;
overflow:hidden;
}
.ui-datepicker a{
color:#333333;
}
.ui-datepicker a:hover{
text-decoration:none;
}
.ui-widget-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
background-color:#ebeff1;
border:1px solid#c5cccf;
border-bottom:0;
text-align:center;
height:40px;
}
.ui-datepicker-prev{
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1;
margin-right:5px;
}
.ui-datepicker-next{
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3;
margin-left:5px;
}
.ui-datepicker-prev.ui-icon,
.ui-datepicker-next.ui-icon{
cursor:pointer;
display:block;
text-indent:-9998em;
width:10px;
height:10px;
border-top:solid 2px#0099ff;
border-right:solid 2px#0099ff;
margin-top:-2px;
}
.ui-datepicker-prev.ui-state-disabled.ui-icon,
.ui-datepicker-next.ui-state-disabled.ui-icon{
opacity:0;
cursor:default;
}
.ui-datepicker-prev.ui-icon{
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
}
.ui-datepicker-next.ui-icon{
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.ui-datepicker-title{
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2;
font-weight:700;
}
.ui-datepicker-calendar th,.ui-datepicker-calendar td{
width:30px;
height:30px;
line-height:30px;
border:solid 1px#8ea1b4;
text-align:center;
font-size:1.4rem;
}
.ui-datepicker-calendar th.ui-datepicker-week-end,.ui-datepicker-calendar td.ui-datepicker-week-end{
background-color:#f8e5e5;
}
.ui-datepicker-calendar th.ui-datepicker-week-end:nth-last-of-type(1),.ui-datepicker-calendar td.ui-datepicker-week-end:nth-last-of-type(1){
background-color:#cfe4f1;
}
.ui-datepicker-calendar th.ui-datepicker-today,.ui-datepicker-calendar td.ui-datepicker-today{
background-color:#ff9600;
}
.ui-datepicker-calendar th.ui-datepicker-other-month,.ui-datepicker-calendar td.ui-datepicker-other-month{
color:#999999;
}
.ui-datepicker-calendar th.ui-datepicker-other-month a,.ui-datepicker-calendar td.ui-datepicker-other-month a{
color:#999999;
}
.ui-datepicker-calendar th.ui-datepicker-unselectable,.ui-datepicker-calendar th.ui-state-disabled,.ui-datepicker-calendar td.ui-datepicker-unselectable,.ui-datepicker-calendar td.ui-state-disabled{
color:#dddddd;
}
.ui-datepicker-calendar th.ui-datepicker-unselectable a,.ui-datepicker-calendar th.ui-state-disabled a,.ui-datepicker-calendar td.ui-datepicker-unselectable a,.ui-datepicker-calendar td.ui-state-disabled a{
color:#dddddd;
}
.ui-datepicker-buttonpane{
position:absolute;
right:0;
top:0;
width:30px;
height:40px;
}
.ui-datepicker-buttonpane:before,.ui-datepicker-buttonpane:after{
content:"";
width:2px;
height:12px;
background-color:#8ea1b4;
position:absolute;
left:50%;
top:50%;
margin-left:-1px;
margin-top:-6px;
}
.ui-datepicker-buttonpane:before{
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.ui-datepicker-buttonpane:after{
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.ui-datepicker-buttonpane.ui-datepicker-close{
position:relative;
width:30px;
height:40px;
text-indent:-9998em;
z-index:1;
}
.form-block{
display:block;
padding-left:50px;
}
.form-text{
width:41px;
font-size:14px;
line-height:1.6;
display:inline-block;
margin:2px 5px;
}
.form-inline{
width:180px;
display:inline-block;
}
html{
font-size:62.5%;
-webkit-text-size-adjust:100%;
-moz-text-size-adjust:100%;
word-wrap:break-word;
overflow-wrap:break-word;
}
body{
font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,sans-serif;
font-size:1.6rem;
line-height:1.231;
color:#333333;
overflow-x:hidden;
word-break:normal;
}
#l-wrapper{
position:relative;
margin-left:auto;
margin-right:auto;
overflow:hidden;
min-width:1280px;
}
.l-container{
max-width:1280px;
margin-left:auto;
margin-right:auto;
padding-left:80px;
padding-right:80px;
margin-top:10px;
margin-bottom:80px;
}
.l-container--history{
max-width:1580px;
margin-left:auto;
margin-right:auto;
padding-left:80px;
padding-right:80px;
margin-top:10px;
margin-bottom:80px;
}
.l-container--liquid{
max-width:inherit;
padding-left:20px;
padding-right:20px;
}
.b-header{
position:fixed;
left:0;
top:0;
width:100%;
min-width:1280px;
z-index:10001;
background-color:#ffffff;
border-bottom:2px solid#d9e2e8;
}
@media screen and(min-width:768px)and(max-width:1279px){
.b-header{
min-width:768px;
}
}
.m-header-h{
background-color:#ebeff1;
}
@media screen and(max-width:1279px){
.m-header-h{
display:none;
}
}
.m-header-h-inner{
max-width:1280px;
margin-left:auto;
margin-right:auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
height:30px;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.t-header-inner{
position:fixed;
left:0;
top:0;
width:100%;
min-width:1280px;
z-index:10001;
background-color:#ffffff;
border-bottom:2px solid#d9e2e8;
}
.t-header-h{
background-color:#ebeff1;
}
.t-header-h-inner{
max-width:1280px;
margin-left:auto;
margin-right:auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
height:30px;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.t-shortHeader{
display:none;
position:fixed;
top:0;
width:100%;
height:80px;
z-index:10004;
background-color:#fff;
border-bottom:2px solid#d9e2e8;
}
.t-shortHeader_inner{
display:flex;
align-items:center;
max-width:1280px;
height:100%;
padding-left:20px;
padding-right:200px;
margin:0 auto;
}
.t-shortHeader_inner-logo{
flex-shrink:0;
width:180px;
margin-right:20px;
}
.m-header-cart--pc.is-streched{
top:18px;
transition:0.05s;
}
.m-header-h-title{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:calc(100%-400px);
padding-left:20px;
padding-right:20px;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#ebeff1;
font-size:1.2rem;
}
.m-header-h-title-link{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.m-header-h-title-link>*+*{
margin-left:20px;
padding-left:20px;
border-left:solid 1px#333333;
}
.m-header-h-title-link>*a{
color:#0000ff;
}
.m-header-h-title-link>*a:hover{
text-decoration:underline;
}
.m-header-language{
position:fixed;
right:50%;
margin-right:-640px;
top:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:400px;
height:30px;
padding-left:10px;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#d9e2e8;
font-size:1.2rem;
z-index:10002;
}
.m-header-language-l{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
}
.m-header-language-r{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}
.m-header-language-current{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:14px;
}
.m-header-language-current.icon{
margin-left:auto;
margin-right:auto;
width:25px;
height:14px;
margin-right:5px;
background-size:auto 100%;
background-repeat:no-repeat;
}
.m-header-language-current.icon--jpn{
background-image:url(../images/common/icons-language_jpn.png);
background-repeat:no-repeat;
}
.m-header-language-current.icon--chn{
background-image:url(../images/common/icons-language_chn.png);
background-repeat:no-repeat;
}
.m-header-language-current.icon--hkg{
background-image:url(../images/common/icons-language_hkg.png);
background-repeat:no-repeat;
}
.m-header-language-current.icon--twn{
background-image:url(../images/common/icons-language_twn.png);
background-repeat:no-repeat;
}
.m-header-language-current.icon--kor{
background-image:url(../images/common/icons-language_kor.png);
background-repeat:no-repeat;
}
.m-header-language-current.icon--sgp{
background-image:url(../images/common/icons-language_sgp.png);
background-repeat:no-repeat;
}
.m-header-language-current.icon--aus{
background-image:url(../images/common/icons-language_aus.png);
background-repeat:no-repeat;
}
.m-header-language-current.icon--usa{
background-image:url(../images/common/icons-language_usa.png);
background-repeat:no-repeat;
}
.m-header-language-current.icon--gbr{
background-image:url(../images/common/icons-language_gbr.png);
background-repeat:no-repeat;
}
.m-header-language-current.icon--deu{
background-image:url(../images/common/icons-language_deu.png);
background-repeat:no-repeat;
}
.m-header-language-current.icon--global{
background-image:url(../images/common/icons-language_grobal.png);
background-repeat:no-repeat;
}
.m-header-language-btn{
background-color:#0071b5;
color:#ffffff;
height:20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin-left:10px;
padding-left:10px;
padding-right:10px;
border-radius:10px;
-webkit-transition:.3s;
transition:.3s;
}
.m-header-language-btn:hover{
background-color:#0000ff;
}
.m-header-language-toggle{
position:relative;
}
.m-header-language-toggle:hover.m-header-language-toggle-content{
display:block;
}
.m-header-language-toggle:hover.m-header-language-toggle-current a{
background-color:#ebeff1;
}
.m-header-language-toggle-title{
margin-bottom:10px;
text-align:center;
cursor:pointer;
}
.m-header-language-toggle-current a{
-webkit-transition:.3s;
transition:.3s;
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:30px;
color:#0000ff;
padding-left:20px;
padding-right:40px;
}
.m-header-language-toggle-current a:before{
content:"";
position:absolute;
right:20px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
border-top:solid 10px#0000ff;
border-left:solid 6px transparent;
border-right:solid 6px transparent;
}
.m-header-language-toggle-content{
display:none;
position:absolute;
right:0;
top:30px;
width:200px;
padding:20px 10px;
background-color:#ebeff1;
z-index:5002;
}
.m-header-language-toggle-content--currency{
width:310px;
}
.m-header-language-toggle-content--currency.m-header-language-toggle-nav{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.m-header-language-toggle-content--currency.m-header-language-toggle-nav li{
width:calc(100%/3);
-ms-flex-negative:0;
flex-shrink:0;
text-align:center;
}
.m-header-language-toggle-nav li a{
display:block;
padding:10px;
color:#0000ff;
-webkit-transition:.3s;
transition:.3s;
}
.m-header-language-toggle-nav li a:hover,.m-header-language-toggle-nav li a.current{
background-color:#ffffff;
}
.m-header-main{
max-width:1280px;
margin-left:auto;
margin-right:auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
height:90px;
padding-left:20px;
padding-right:300px;
background-color:#ffffff;
}
.m-header-main--login{
padding-right:360px;
}
.m-header-main-sub{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;
}
.m-header-main-sub>*{
margin-left:20px;
}
.m-header-logo{
width:200px;
-ms-flex-negative:0;
flex-shrink:0;
margin-right:20px;
}
.m-header-logo a{
display:block;
overflow:hidden;
}
.m-header-logo-sp{
display:none;
}
.m-header-logo-intra{
max-width:290px;
-ms-flex-negative:0;
flex-shrink:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.m-header-logo-intra__item{
position:relative;
}
.m-header-logo-intra__item--c1s{
width:160px;
-ms-flex-negative:0;
flex-shrink:0;
}
.m-header-logo-intra__item+.m-header-logo-intra__item{
margin-left:30px;
}
.m-header-logo-intra__item+.m-header-logo-intra__item:before,.m-header-logo-intra__item+.m-header-logo-intra__item:after{
content:"";
width:16px;
height:2px;
background-color:#333333;
position:absolute;
left:-30px;
top:50%;
margin-top:-1px;
}
.m-header-logo-intra__item+.m-header-logo-intra__item:before{
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.m-header-logo-intra__item+.m-header-logo-intra__item:after{
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.m-header-menu{
display:none;
}
.m-header-search{
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;
}
.m-header-search-opt_main,
.m-header-search-opt_none,
.m-header-search-opt{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.m-header-search-opt-item{
margin-right:30px;
font-size:1.4rem;
}
.m-header-search-opt label.m-label-set{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.m-header-search-opt label.m-label-set input[type="checkbox"]{
-webkit-transform:none;
transform:none;
}
.m-header-search-opt-sub{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
font-size:1.2rem;
}
.m-header-search-opt-sub>*{
position:relative;
margin-left:1em;
}
.m-header-search-opt-sub a{
color:#0000ff;
}
.m-header-search-opt-sub a:hover{
text-decoration:underline;
}
.m-header-search-opt-sub-multiple{
position:relative;
}
.m-header-search-opt-sub-multiple-content{
position:absolute;
display:none;
left:0;
top:20px;
width:650px;
-webkit-transform:translateX(-24%);
transform:translateX(-24%);
background-color:#ebeff1;
border:solid 2px#0071b5;
padding:20px;
z-index:5001;
}
.m-header-search-opt-sub-multiple-content.is-active{
display:block;
}
.m-header-search-opt-sub-multiple-content-heading{
font-weight:700;
font-size:1.5em;
color:#0071b5;
}
.m-header-search-opt-sub-multiple-content-close{
position:absolute;
right:0;
top:0;
width:50px;
height:50px;
z-index:1;
}
.m-header-search-opt-sub-multiple-content-close:before,.m-header-search-opt-sub-multiple-content-close:after{
content:"";
width:16px;
height:2px;
position:absolute;
left:50%;
top:50%;
margin-left:-1px;
margin-top:-8px;
background-color:#0071b5;
}
.m-header-search-opt-sub-multiple-content-close:before{
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.m-header-search-opt-sub-multiple-content-close:after{
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.m-header-search-opt-sub-multiple-content-form{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
margin-top:10px;
}
.m-header-search-opt-sub-multiple-content-form>*+*{
margin-left:20px;
}
.m-header-search-opt-sub-multiple-content-form--btnArea::after{
content:'';
display:block;
clear:both;
}
.m-header-search-opt-sub-multiple-content-form-textarea{
width:100%;
height:120px;
resize:none;
background-color:#ffffff;
}
.m-header-search-opt-sub-multiple-content-form-btn{
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
width:180px;
height:40px;
margin-left:20px;
-ms-flex-negative:0;
flex-shrink:0;
line-height:40px;
background-color:#ff9600;
font-size:1.4rem;
color:#ffffff;
text-align:center;
font-weight:700;
}
.m-header-search-opt-sub-multiple-content-form-btn:hover{
opacity:0.7;
text-decoration:none;
}
.m-header-search-form{
position:relative;
margin-top:5px;
}
.m-header-search-form input[type="password"],
.m-header-search-form input[type="text"]{
height:40px;
padding:5px 115px 5px 10px;
background-color:#ffffff;
}
.m-header-search-form-btn{
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
position:absolute;
right:0;
top:0;
display:block;
width:60px;
height:40px;
color:#ffffff;
font-size:1.6rem;
font-weight:700;
background-color:#ff9600;
border:solid 2px#c5cccf;
border-left:0;
border-radius:0 4px 4px 0;
text-align:center;
}
.m-header-search-form-btn:hover{
opacity:0.7;
text-decoration:none;
}
.m-header-search-form-btn span{
display:block;
text-indent:-9998em;
}
.m-header-search-form-btn.icon{
position:absolute;
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
display:block;
line-height:1;
width:16px;
height:16px;
background-size:100%;
background-image:url(../images/common/icon-search.png);
}
.m-header-login{
position:fixed;
right:50%;
top:45px;
margin-right:-500px;
width:140px;
z-index:10002;
}
.m-header-login--sp{
display:none;
}
.m-header-login-register{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom:5px;
color:#0000ff;
font-size:1.4rem;
}
.m-header-login-register:hover{
text-decoration:underline;
}
.m-header-login-register.icon{
-ms-flex-negative:0;
flex-shrink:0;
margin-right:5px;
width:14px;
height:18px;
background-size:100%;
background-image:url(../images/common/icon-register-gr.png);
}
.m-header-member{
position:fixed;
right:50%;
top:45px;
margin-right:-440px;
width:140px;
z-index:10002;
}
.m-header-member-content{
cursor:pointer;
padding:10px;
background-color:#d9e2e8;
font-size:1.4rem;
}
.m-header-member-content:hover{
text-decoration:underline;
}
.m-header-member--royal.m-header-member-content{
background-color:#fff8d4;
}
.m-header-member-icon{
position:absolute;
bottom:9px;
right:9px;
width:30px;
height:20px;
}
.js-toolchip-obj--right{
right:0;
}
.m-header-member-title{
margin-bottom:5px;
font-weight:700;
color:#0000ff;
}
.m-header-member-puwin{
display:none;
position:absolute;
left:50%;
top:30px;
min-width:200px;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
background-color:#ffffff;
border:solid 2px#0071b5;
padding:20px 10px 10px;
font-size:1.4rem;
line-height:1.5;
z-index:5001;
}
.m-header-member-puwin.is-active{
display:block;
}
.m-header-member-puwin-title{
margin-bottom:5px;
font-weight:700;
}
.m-header-member-puwin-list{
margin-bottom:10px;
}
.m-header-member-puwin-list a{
color:#0000ff;
}
.m-header-member-puwin-list a:hover{
text-decoration:underline;
}
.m-header-member-puwin:before{
content:"";
border-bottom:solid 12px#0071b5;
border-left:solid 10px transparent;
border-right:solid 10px transparent;
position:absolute;
left:50%;
margin-left:-10px;
top:-12px;
}
.m-header-member-puwin:after{
content:"";
border-bottom:solid 9px#ffffff;
border-left:solid 8px transparent;
border-right:solid 8px transparent;
position:absolute;
left:50%;
margin-left:-8px;
top:-9px;
}
.m-header-member-puwin-close{
position:absolute;
right:0;
top:0;
width:20px;
height:20px;
background-color:#0071b5;
text-indent:-9998em;
}
.m-header-member-puwin-close:before,.m-header-member-puwin-close:after{
content:"";
width:2px;
height:10px;
position:absolute;
left:50%;
top:50%;
margin-left:-1px;
margin-top:-5px;
background-color:#ffffff;
}
.m-header-member-puwin-close:before{
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.m-header-member-puwin-close:after{
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.m-header-cart--pc{
position:fixed;
right:50%;
top:55px;
margin-right:-640px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
z-index:10002;
}
.m-header-cart--intra{
position:fixed;
right:55%;
top:55px;
margin-right:-640px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
z-index:10002;
}
.m-header-cart--sp{
display:none;
}
.m-header-cart__item{
position:relative;
width:60px;
-ms-flex-negative:0;
flex-shrink:0;
text-align:center;
}
.m-header-cart__item>a{
position:relative;
-webkit-transition:.3s;
transition:.3s;
display:block;
}
.m-header-cart__item>a:hover{
color:#0000ff;
}
.m-header-cart__item.num{
position:absolute;
left:50%;
margin-left:-28px;
top:-8px;
display:inline-block;
height:16px;
border-radius:8px;
line-height:16px;
font-size:1rem;
padding-left:.5em;
padding-right:.5em;
background-color:#ff0000;
color:#ffffff;
z-index:1;
}
.m-header-cart__item span{
display:block;
font-size:1rem;
font-weight:700;
line-height:1;
}
.m-header-cart__item.icon{
display:block;
margin-left:auto;
margin-right:auto;
width:30px;
height:30px;
margin-bottom:5px;
background-size:auto 100%;
background-image:url(../images/common/icons-cart.png);
}
.m-header-cart__item--cancel{
width:auto;
color:#ffffff;
font-weight:700;
font-size:1.2rem;
}
.m-header-cart__item--cancel a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background-color:#8ea1b4;
border-radius:4px;
padding:5px 10px;
color:#ffffff;
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
}
.m-header-cart__item--cancel a:hover{
opacity:0.7;
text-decoration:none;
}
.m-header-cart__item--cancel a:hover{
color:#ffffff;
text-decoration:none;
}
.m-header-cart__item--cancel a.icon{
width:24px;
height:24px;
margin-right:5px;
background-image:url(../images/common/icon-caution-triangle-wh.png);
}
.m-header-cart__item--cancel a span{
text-align:left;
line-height:1.5;
}
.m-header-cart__item--estimate.icon{
background-position:-100%0;
}
.m-header-cart__item--continuation.icon{
width:20px;
height:20px;
background-position:-200%0;
}
.m-header-cart__item--answer.icon{
width:20px;
height:20px;
background-position:-300%0;
}
.m-header-cart__item--answer.num,.m-header-cart__item--continuation.num{
background-color:#333333;
}
.m-header-cart-child{
display:none;
position:absolute;
right:30px;
top:55px;
width:260px;
z-index:6000;
background-color:#ffffff;
border:solid 2px#4D9CCB;
padding:0 10px 10px;
line-height:1.5;
}
.m-header-cart-child.is-active{
display:block;
}
.m-header-cart-child-close{
display:none;
}
.m-header-cart-child-item{
width:240px;
padding-top:10px;
padding-bottom:25px;
font-size:1.2rem;
text-align:left;
border-bottom:solid 1px#c5cccf;
}
.m-header-cart-child-item-w50{
width:50%;
float:left;
}
.m-header-cart-child-other{
margin-top:10px;
font-size:1.2rem;
text-align:center;
}
.m-header-cart-child-price{
margin-top:10px;
font-weight:700;
font-size:1.4rem;
text-align:center;
}
.m-header-cart-child-price dd{
color:#ff0000;
}
.m-header-cart-child-btn{
display:block;
margin-top:10px;
text-align:center;
font-weight:700;
font-size:1.4rem;
padding:10px;
color:#ffffff;
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
}
.m-header-cart-child-btn:hover{
opacity:0.7;
text-decoration:none;
}
.m-header-cart-child-btn:hover{
color:#ffffff!important;
}
.m-header-cart-child-btn--cart{
background-color:#ff9600;
}
.m-header-cart-child-btn--estimate{
background-color:#0071b5;
}
.m-header-nav{
background-color:#0071b5;
position:relative;
}
.m-global-nav{
max-width:1280px;
margin-left:auto;
margin-right:auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.m-global-nav-item{
position:relative;
-webkit-box-flex:1;
-ms-flex:1 1 0px;
flex:1 1 0;
width:100%;
font-weight:700;
font-size:1.6rem;
}
.m-global-nav-item:before{
content:"";
width:1px;
height:20px;
position:absolute;
left:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
background-color:rgba(255,255,255,0.5);
z-index:1;
}
.m-global-nav-item:nth-of-type(1):before,.m-global-nav-item:nth-of-type(4):before{
display:none;
}
.m-global-nav-item>a{
-webkit-transition:.3s;
transition:.3s;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
height:50px;
color:#ffffff;
background-color:#0071b5;
}
.m-global-nav-item>a.is-active,.m-global-nav-item>a:hover{
background-color:#4D9CCB;
text-decoration:none;
}
.m-global-nav-item>a.icon{
width:24px;
height:24px;
-ms-flex-negative:0;
flex-shrink:0;
margin-right:10px;
background-size:auto 100%;
background-image:url(../images/common/icons-gnav.png);
}
.m-global-nav-item>a.icon--cat{
background-position:0 0;
}
.m-global-nav-item>a.icon--maker{
background-position:-100%0;
}
.m-global-nav-item>a.icon--solution{
background-position:-200%0;
}
.m-global-nav-item>a.icon--new{
background-position:-300%0;
}
.m-global-nav-item>a.icon--design{
background-position:-400%0;
}
.m-global-nav-item>a.icon--info{
background-position:-500%0;
}
.m-global-nav-item--sub>a{
background-color:#465869;
}
.m-global-nav-item--sub>a.is-active,.m-global-nav-item--sub>a:hover{
background-color:#465869;
}
.m-global-nav-item--sub.m-global-nav-child-list{
border-color:#465869;
}
.m-global-nav-child,.m-global-nav-gchild{
-webkit-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transition:.1s;
transition:.1s;
position:absolute;
left:0;
top:50px;
width:100%;
padding-top:20px;
padding-bottom:20px;
border:solid 2px#4D9CCB;
background-color:#ffffff;
font-size:1.2rem;
padding:20px 10px;
z-index:10002;
}
.m-global-nav-child.is-active,.m-global-nav-gchild.is-active{
-webkit-transform:scaleY(1);
transform:scaleY(1);
}
.m-global-nav-child a,.m-global-nav-gchild a{
color:#0000ff;
}
.m-global-nav-child a:hover,.m-global-nav-gchild a:hover{
text-decoration:underline;
}
.m-global-nav-child--w,.m-global-nav-gchild--w{
width:400%;
z-index:10002;
}
.m-global-nav-child--w-intra{
width:200%;
}
.m-global-nav-child--w300{
width:300%;
}
.w-l100{
left:-100%;
}
.w-l200{
left:-200%;
}
.m-global-nav-child-title,.m-global-nav-gchild-title{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding-left:10px;
padding-right:20px;
margin-bottom:10px;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
font-weight:700;
}
.m-global-nav-child-title-text,.m-global-nav-gchild-title-text{
font-size:1.6rem;
}
.m-global-nav-child-col,.m-global-nav-gchild-col{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-left:-10px;
}
.m-global-nav-child-col>*,.m-global-nav-gchild-col>*{
width:calc(100%/3-10px);
margin-left:10px;
}
.m-global-nav-child-list.title,.m-global-nav-gchild-list.title{
margin-left:20px;
margin-bottom:10px;
color:#72808D;
}
.m-global-nav-child-list--col,.m-global-nav-gchild-list--col{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-left:-10px;
}
.m-global-nav-child-list--col>*,.m-global-nav-gchild-list--col>*{
width:calc(100%/4-10px);
margin-left:10px;
}
.m-global-nav-child-list--col-23,.m-global-nav-gchild-list--col-23{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-left:-10px;
}
.m-global-nav-child-list--col-23>*,.m-global-nav-gchild-list--col-23>*{
width:23%;
margin-left:10px;
-ms-flex-negative:0;
flex-shrink:0;
}
.m-global-nav-child-list--col-intra{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-left:-10px;
}
.m-global-nav-child-list--col-intra>*{
width:calc(100%/3-10px);
margin-left:10px;
-ms-flex-negative:0;
flex-shrink:0;
}
.m-global-nav-child-list>*>a,.m-global-nav-gchild-list>*>a{
position:relative;
display:block;
padding:3px 5px 3px 19px;
-webkit-transition:.3s;
transition:.3s;
}
.m-global-nav-child-list>*>a.is-active,.m-global-nav-child-list>*>a:hover,.m-global-nav-gchild-list>*>a.is-active,.m-global-nav-gchild-list>*>a:hover{
background-color:#4D9CCB;
color:#ffffff;
text-decoration:none;
}
.m-global-nav-child-list>*>a.is-active:before,.m-global-nav-child-list>*>a:hover:before,.m-global-nav-gchild-list>*>a.is-active:before,.m-global-nav-gchild-list>*>a:hover:before{
border-top-color:#ffffff;
border-right-color:#ffffff;
}
.m-global-nav-child-list>*>a:before,.m-global-nav-gchild-list>*>a:before{
content:"";
position:absolute;
left:7px;
top:5px;
width:8px;
height:8px;
border-top:solid 1px#9BB3C2;
border-right:solid 1px#9BB3C2;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.m-global-nav-gchild{
position:absolute;
left:100%;
top:-2px;
width:750px;;
min-height:calc(100%+4px);
background-color:#4D9CCB;
color:#ffffff;
}
.m-global-nav-gchild a{
color:#ffffff;
}
.m-global-nav-gchild-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.m-global-nav-gchild-list>*{
flex-shrink:0;
width:calc(100%/3);
}
.m-global-nav-gchild-list>*>a.is-active,.m-global-nav-gchild-list>*>a:hover{
background-color:#ffffff;
color:#4D9CCB;
}
.m-global-nav-gchild-list>*>a.is-active:before,.m-global-nav-gchild-list>*>a:hover:before{
border-top-color:#4D9CCB;
border-right-color:#4D9CCB;
}
.m-global-nav-gchild-list>*>a:before{
border-top-color:solid 1px#ffffff;
border-right-color:solid 1px#ffffff;
}
.m-header-sub-link,
.m-header-sp-tel{
display:none;
}
.m-header-info{
background-color:#d9e2e8;
font-size:1.4rem;
line-height:1.5;
}
.m-header-info-inner{
max-width:1280px;
margin-left:auto;
margin-right:auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:10px 20px;
position:relative;
}
.m-header-info a:hover{
text-decoration:underline;
}
.m-header-info--member{
background-color:#b3daf2;
}
.m-header-info-text{
font-weight:700;
}
.m-header-info-contact{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.m-header-info-contact.icon{
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
text-indent:-9998em;
width:18px;
height:12px;
background-size:100%;
-ms-flex-negative:0;
flex-shrink:0;
margin-left:15px;
background-image:url(../images/common/icon-mail-nv.png);
}
.m-header-info-contact.icon:hover{
opacity:0.7;
text-decoration:none;
}
.m-header-info-emergency{
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.m-header-info-emergency-title{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
-ms-flex-negative:0;
flex-shrink:0;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
max-width:215px;
margin-right:20px;
font-weight:700;
color:#cc0000;
}
.m-header-info-emergency-title.icon{
width:20px;
height:20px;
background-size:100%;
-ms-flex-negative:0;
flex-shrink:0;
margin-right:10px;
background-image:url(../images/common/icon-h-info.png);
}
.m-header-info-emergency-text{
width:calc(100%-230px);
}
.m-header-info-emergency-list{
transition:0.4s;
width:calc(100%-50px);
}
.m-header-info-emergency-item{
display:none;
}
.m-header-info-emergency-item.is-load{
display:block;
}
.m-header-info-emergency-items{
white-space:nowrap;
overflow-x:hidden;
text-overflow:ellipsis;
}
.m-header-info-droplist{
width:calc(100%-30px);
padding:10px 10px 0px;
}
.m-header-info-droplist-trigger{
position:absolute;
font-size:20px;
width:20px;
height:20px;
text-align:center;
line-height:1;
color:#555;
padding-top:2px;
border-radius:10px;
top:10px;
right:30px;
cursor:pointer;
user-select:none;
z-index:1;
}
.m-header-info-hideBtn{
padding-top:5px;
border-top:dotted 1px#aaa;
margin-top:5px;
text-align:right;
}
.m-header-nav-order{
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-left:40px;
}
.m-header-nav-order__item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:120px;
height:50px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border-bottom:solid 1px#c5cccf;
font-size:1.2rem;
text-align:center;
}
.m-header-nav-order__item.is-active{
color:#0071b5;
border-bottom:solid 2px#0071b5;
}
.m-header-nav-order__item-l{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:200px;
height:50px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border-bottom:solid 1px#c5cccf;
font-size:1.2rem;
text-align:center;
}
.m-header-nav-order__item-l.is-active{
color:#0071b5;
border-bottom:solid 2px#0071b5;
}
.m-header-nav-order__item--de{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:200px;
height:50px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border-bottom:solid 1px#c5cccf;
font-size:1rem;
text-align:center;
}
.m-header-nav-order__item--de.is-active{
color:#0071b5;
border-bottom:solid 2px#0071b5;
}
.b-footer{
position:relative;
background-color:#0071b5;
}
.b-footer-inner{
max-width:1280px;
margin-left:auto;
margin-right:auto;
padding:20px;
}
.m-footer-nav{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-left:-40px;
color:#ffffff;
}
.m-footer-nav a{
color:#ffffff;
}
.m-footer-nav a:hover{
text-decoration:underline;
}
.m-footer-nav-item{
width:calc(50%-40px);
-ms-flex-negative:0;
flex-shrink:0;
margin-left:40px;
}
.m-footer-nav-title{
font-weight:700;
font-size:2rem;
padding-bottom:10px;
border-bottom:solid 1px#ffffff;
}
.m-footer-nav-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-top:20px;
margin-bottom:-10px;
font-size:1.6rem;
}
.m-footer-nav-list>*{
width:50%;
margin-bottom:10px;
-ms-flex-negative:0;
flex-shrink:0;
}
.m-footer-nav-list>*a{
position:relative;
padding-left:1em;
}
.m-footer-nav-list>*a:before{
content:"";
width:10px;
height:1px;
position:absolute;
left:0;
top:50%;
background-color:#ffffff;
}
.m-footer-language{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:15px 15px 0;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
font-size:1.2rem;
color:#ffffff;
align-items:center;
}
.m-footer-language li{
text-align:center;
}
.m-footer-language a{
display:block;
color:#ffffff;
}
.m-footer-language a:hover{
text-decoration:underline;
}
.m-footer-language.icon{
display:block;
width:32px;
height:18px;
margin:0 auto;
padding:0;
}
.icon--jpn{
background-image:url(../images/common/icons-language_jpn.png);
background-repeat:no-repeat;
}
.icon--chn{
background-image:url(../images/common/icons-language_chn.png);
background-repeat:no-repeat;
}
.icon--hkg{
background-image:url(../images/common/icons-language_hkg.png);
background-repeat:no-repeat;
}
.icon--twn{
background-image:url(../images/common/icons-language_twn.png);
background-repeat:no-repeat;
}
.icon--kor{
background-image:url(../images/common/icons-language_kor.png);
background-repeat:no-repeat;
}
.icon--sgp{
background-image:url(../images/common/icons-language_sgp.png);
background-repeat:no-repeat;
}
.icon--aus{
background-image:url(../images/common/icons-language_aus.png);
background-repeat:no-repeat;
}
.icon--usa{
background-image:url(../images/common/icons-language_usa.png);
background-repeat:no-repeat;
}
.icon--gbr{
background-image:url(../images/common/icons-language_gbr.png);
background-repeat:no-repeat;
}
.icon--deu{
background-image:url(../images/common/icons-language_deu.png);
background-repeat:no-repeat;
}
.icon--global{
background-image:url(../images/common/icons-language_grobal.png);
background-repeat:no-repeat;
}
.m-footer-info{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
background-color:#ffffff;
margin-top:15px;
padding:20px;
}
.m-footer-info>*{
width:50%;
-ms-flex-negative:0;
flex-shrink:0;
}
.m-footer-info-h{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:12px;
}
.m-footer-info-logo{
width:200px;
-ms-flex-negative:0;
flex-shrink:0;
margin-right:40px;
}
.m-footer-info-sns{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.m-footer-info-sns>*+*{
margin-left:10px;
}
.m-footer-info-sns>*a{
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
display:block;
width:40px;
height:40px;
border-radius:50%;
}
.m-footer-info-sns>*a:hover{
opacity:0.7;
text-decoration:none;
}
.m-footer-info-list{
font-size:1.6rem;
line-height:1.875;
}
.m-footer-info-tel{
color:#0071b5;
font-weight:700;
font-size:2.8rem;
}
.m-footer-info-tel.icon{
display:inline-block;
vertical-align:middle;
margin-right:5px;
width:24px;
height:30px;
background-size:auto 100%;
background-image:url(../images/common/icon-tel.png);
}
.m-footer-info-mail{
color:#0071b5;
font-weight:700;
font-size:1.8rem;
}
.m-footer-info-mail.icon{
display:inline-block;
vertical-align:middle;
margin-right:5px;
width:24px;
height:16px;
background-size:auto 100%;
background-image:url(../images/common/icon-mail-bl.png);
}
.m-footer-info-mainAddress{
margin-top:18px;
margin-bottom:12px;
}
.m-footer-info-mainAddress-heading{
font-size:1.8rem;
font-weight:700;
}
.m-footer-info-subAddress{
display:flex;
margin-bottom:12px;
}
.m-footer-info-subAddress-item{
width:100%;
}
.m-footer-info-subAddress-heading{
font-size:1.6rem;
font-weight:700;
}
.m-footer-info-list--main{
display:flex;
align-items:center;
}
.m-footer-info-list--main.m-footer-info-mail{
font-size:2.1rem;
margin-left:1em;
}
.m-footer-info-list--main.m-footer-info-mail{
font-size:2.1rem;
margin-left:1em;
}
.m-footer-info-list--sub.m-footer-info-tel{
font-size:1.8rem;
}
.m-footer-info-list--sub.m-footer-info-tel>.icon{
width:18px;
height:22px;
}
@media screen and(max-width:1279px)and(min-width:768px){
.m-footer-info-content--multi{
flex-wrap:wrap;
}
.m-footer-info-mainAddress{
width:calc(100%-200px);
padding:0 21px;
}
.m-footer-info-subAddress{
width:100%;
max-width:540px;
}
.m-footer-info-subAddress+.m-footer-info-list{
margin-left:0;
}
.m-footer-info-list--main,
.m-footer-info-list--sub{
margin-left:0;
}
.m-footer-info-list--main{
flex-wrap:wrap;
}
.m-footer-info-subAddress{
margin-top:15px;
}
}
@media screen and(max-width:767px){
.m-footer-info-mainAddress-heading{
padding-bottom:3px;
border-bottom:solid 1px#ccc;
margin-bottom:3px;
}
.m-footer-info-subAddress{
display:block;
}
.m-footer-info-subAddress-heading{
padding-bottom:3px;
border-bottom:solid 1px#ccc;
margin-bottom:3px;
}
.m-footer-info-subAddress-item{
margin-bottom:12px;
}
.m-footer-info-list--main{
flex-wrap:wrap;
margin-left:-1em;
}
.m-footer-info-list--main.m-footer-info-tel{
margin-left:1em;
}
.m-footer-info-list--main.m-footer-info-mail{
font-size:1.8rem;
}
.m-footer-info-list--sub.m-footer-info-tel,
.m-footer-info-list--sub.m-footer-info-mail{
font-size:1.5rem;
}
.m-footer-info-list--sub.m-footer-info-tel>.icon{
width:12px;
height:15px;
}
.m-footer-info-list--sub.m-footer-info-mail>.icon{
width:12px;
height:8px;
}
}
.m-footer-info-cal{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
align-content:flex-start;
margin-left:-40px;
}
.m-footer-info-cal-item{
width:calc(50%-40px);
margin-left:40px;
-ms-flex-negative:0;
flex-shrink:0;
}
.m-footer-info-cal-title{
margin-bottom:5px;
text-align:center;
font-weight:700;
font-size:1.6rem;
}
.m-footer-info-cal-text{
margin-top:20px;
margin-left:40px;
font-size:1.4rem;
}
.m-footer-info-cal-text.icon{
display:inline-block;
vertical-align:middle;
width:20px;
height:20px;
margin-right:5px;
background-color:#8ea1b4;
}
.m-footer-info-iso{
display:flex;
align-items:center;
margin-left:auto;
margin-top:12px;
}
.m-footer-info-iso-icon{
flex-shrink:0;
width:100px;
}
.m-footer-info-iso-text{
font-size:12px;
font-family:Arial,Helvetica,sans-serif;
margin-left:12px;
}
.m-footer-info-cal-tbl{
width:100%;
}
.m-footer-info-cal-tbl th,.m-footer-info-cal-tbl td{
width:calc(100%/7);
padding:5px;
text-align:center;
font-size:1.4rem;
}
.m-footer-info-cal-tbl th.none,.m-footer-info-cal-tbl td.none{
opacity:.5;
}
.m-footer-info-cal-tbl th.holiday,.m-footer-info-cal-tbl td.holiday{
background-color:#8ea1b4;
color:#ffffff;
}
.m-footer-device-change{
display:none;
margin-top:40px;
text-align:center;
font-size:1.4rem;
color:#ffffff;
}
.m-footer-device-change a{
color:#ffffff;
}
.m-footer-device-change a:hover{
text-decoration:underline;
}
.m-footer-text{
margin-top:20px;
text-align:center;
color:#ffffff;
font-size:1.4rem;
}
.m-footer-text-cr{
display:block;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}
.m-footer-guide{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-left:-40px;
}
.m-footer-guide-item{
width:calc(50%-40px);
margin-left:40px;
-ms-flex-negative:0;
flex-shrink:0;
}
.m-footer-guide-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:15px;
font-size:1.6rem;
line-height:1.875;
}
.m-footer-guide-icon{
width:50%;
float:left;
}
.m-footer-guide-list-title{
-ms-flex-negative:0;
flex-shrink:0;
width:180px;
margin-right:20px;
}
.m-footer-guide-list-title-s{
-ms-flex-negative:0;
flex-shrink:0;
width:60px;
margin-right:20px;
}
.m-footer-guide-list-r{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:5px;
font-size:1.4rem;
line-height:1.6;
}
.m-fixed-contact{
position:fixed;
right:0;
bottom:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
text-align:center;
width:190px;
height:55px;
padding:8px 6px;
background-color:#0099ff;
color:#ffffff;
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
line-height:1.5;
-webkit-box-shadow:2px-2px 0 0 rgba(0,0,0,0.2);
box-shadow:2px-2px 0 0 rgba(0,0,0,0.2);
z-index:10000;
}
.m-fixed-contact-icon{
position:fixed;
width:33px;
height:22px;
background-size:100%;
-ms-flex-negative:0;
flex-shrink:0;
margin:10px 5px;
right:130px;
bottom:5px;
background-image:url(../images/common/icon-mail-wh.png);
z-index:5010;
}
.m-fixed-contact-title{
font-size:1.4rem;
position:absolute;
right:30px;
bottom:15px;
color:#fff;
}
.m-fixed-contact-title:hover{
color:#fff;
font-size:1.4rem;
text-decoration:none;
}
.m-fixed-contact-title a{
color:#fff;
text-decoration:none;
}
.m-fixed-contact-text{
display:none;
}
.m-fixed-contact-close{
height:12px;
width:12px;
display:block;
position:relative;
padding:5px;
}
.m-fixed-contact-close:before,.m-fixed-contact-close:after{
content:'';
height:2px;
width:10px;
display:block;
background:#fff;
position:absolute;
bottom:20px;
right:-162px;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
}
.m-fixed-contact-close:after{
transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
}
.m-fixed-contact2{
position:fixed;
right:0;
bottom:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:80px;
height:60px;
padding:10px;
background-color:#0099ff;
color:#ffffff;
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
line-height:1.5;
-webkit-box-shadow:2px-2px 0 0 rgba(0,0,0,0.2);
box-shadow:2px-2px 0 0 rgba(0,0,0,0.2);
z-index:5008;
}
.m-fixed-contact2:hover{
text-decoration:none;
}
.m-fixed-contact-icon2{
position:absolute;
width:33px;
height:22px;
background-size:100%;
-ms-flex-negative:0;
flex-shrink:0;
margin-right:20px;
right:0px;
bottom:15px;
background-image:url(../images/common/icon-mail-wh.png);
z-index:5010;
}
.m-fixed-contact-close2{
height:12px;
width:12px;
display:block;
position:relative;
}
.m-fixed-contact-close2:before,.m-fixed-contact-close2:after{
content:'';
height:2px;
width:10px;
display:block;
background:#fff;
position:absolute;
bottom:23px;
right:-50px;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
}
.m-fixed-contact-close2:after{
transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
}
.m-fixed-contact-text2{
display:none;
}
@media screen and(max-width:767px){
.m-fixed-contact2{
width:60px;
height:50px;
display:block;
text-align:center;
}
.m-fixed-contact-icon2{
position:absolute;
top:50%;
left:50%;
transform:translateY(-50%)translateX(-50%);
-webkit-transform:translateY(-50%)translateX(-50%);
width:26px;
height:17px;
}
.m-fixed-contact-close{
height:10px;
width:10px;
display:block;
position:relative;
}
.m-fixed-contact-close:before,.m-fixed-contact-close:after{
content:'';
height:2px;
width:8px;
display:block;
background:#fff;
position:absolute;
bottom:0;
right:-55px;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
}
.m-fixed-contact-close:after{
transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
}
.m-fixed-contact-close2{
height:10px;
width:10px;
display:block;
position:relative;
}
.m-fixed-contact-close2:before,.m-fixed-contact-close2:after{
content:'';
height:2px;
width:8px;
display:block;
background:#fff;
position:absolute;
bottom:10px;
right:-35px;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
}
.m-fixed-contact-close2:after{
transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
}
}
.m-fixed-cart{
display:none;
}
.m-f-clock-icon{
display:inline-block;
background-image:url(../images/common/icon-clock.gif);
width:18px;
height:18px;
margin-right:5px;
text-align:center;
}
.m-search-set{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.m-search-set--center{
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.m-search-set-title{
margin-right:30px;
width:15%;
}
.m-search-set-title--p{
height:40px;
line-height:40px;
margin-right:15px;
font-weight:700;
}
.m-search-set-content{
position:relative;
width:480px;
-ms-flex-negative:0;
flex-shrink:0;
}
.m-search-set-content-left{
position:relative;
width:45%;
-ms-flex-negative:0;
flex-shrink:0;
margin-right:30px;
}
.m-search-set-content-right{
position:relative;
width:30%;
-ms-flex-negative:0;
flex-shrink:0;
}
.m-search-set--wide{
display:block;
}
.m-search-set--wide.m-search-set-title{
margin-right:0;
margin-bottom:10px;
}
.m-search-set--wide.m-search-set-content{
width:620px;
}
.m-search-set-text,
.m-search-set input[type="text"]{
height:40px;
padding:5px 130px 5px 10px;
background-color:#ffffff;
}
.m-search-set-btn{
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
position:absolute;
right:0;
top:0;
display:block;
width:120px;
height:40px;
line-height:36px;
color:#ffffff;
font-size:1.6rem;
font-weight:700;
background-color:#ff9600;
border:solid 2px#c5cccf;
border-left:0;
border-radius:0 4px 4px 0;
text-align:center;
}
.m-search-set-btn:hover{
opacity:0.7;
text-decoration:none;
}
.m-search-set-btn.icon{
-webkit-transform:translateY(-1px);
transform:translateY(-1px);
display:inline-block;
line-height:1;
vertical-align:middle;
width:16px;
height:16px;
margin-right:10px;
background-size:100%;
background-image:url(../images/common/icon-search.png);
}
.m-search-set-btn.icon--check{
background-image:url(../images/common/icon-check-wh.png);
}
.m-home-inner{
max-width:1120px;
margin-left:auto;
margin-right:auto;
}
.m-home-member-register{
display:block;
background-color:#1db75b;
padding:auto;
display:flex;
align-items:center;
justify-content:center;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.m-home-member-register-icon{
margin:10px;
width:50px;
height:50px;
background-size:100%;
border-radius:60%;
background-image:url(../images/index/icon-member-register.png);
}
.m-home-member-register-text{
font-size:2rem;
font-weight:700;
margin:10px;
width:auto;
height:50px;
color:#ffffff;
display:flex;
align-items:center;
text-align:center;
}
.m-home-member-stage{
overflow:hidden;
background-color:#b3daf2;
background-size:100%20px;
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(255,255,255,0.4)),color-stop(50%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));
background-image:linear-gradient(rgba(255,255,255,0.4)50%,rgba(0,0,0,0)50%,rgba(0,0,0,0));
text-align:center;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.m-home-member-stage-title{
background-color:#0099ff;
color:#ffffff;
font-size:1.4rem;
font-weight:700;
}
.m-home-member-stage-content{
padding:5px;
}
.m-home-member-stage-text{
color:#333333;
font-size:1.6rem;
}
.m-home-member-stage-text strong{
font-size:2.5rem;
}
.m-home-news{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:flex-start;
width:calc(100%-20px);
}
.m-home-news__title{
width:50px;
-ms-flex-negative:0;
flex-shrink:0;
}
i.m-home-news__new{
display:inline-block;
width:36px;
height:18px;
vertical-align:middle;
background-image:url(../images/common/icon-new.gif);
}
i.m-home-news__info{
display:inline-block;
width:36px;
height:18px;
vertical-align:middle;
background-image:url(../images/common/icon-info.gif);
}
i.m-home-news__up{
display:inline-block;
width:36px;
height:18px;
vertical-align:middle;
background-image:url(../images/common/icon-up.gif);
}
.m-nome-news-wrap{
position:relative;
}
.m-home-news dd{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.m-nome-news-droplist-trigger{
position:absolute;
width:20px;
height:20px;
text-align:center;
line-height:1;
color:#fff;
top:3px;
right:0;
transform:rotate(180deg);
user-select:none;
cursor:pointer;
}
.m-nome-news-droplist{
position:absolute;
top:100%;
width:100%;
background-color:#fff;
padding:6px;
border:solid 1px#ccc;
box-sizing:border-box;
z-index:1;
}
.m-nome-news-droplist>li{
margin-bottom:5px;
}
.m-nome-news-droplist>li:last-child{
margin-bottom:0;
}
@media screen and(max-width:769px){
.m-nome-news-droplist-trigger{
padding-top:3px;
top:0;
}
.m-home-news{
display:flex!important;
align-items:center;
}
}
.m-home-image{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
position:relative;
width:100%;
height:auto;
}
.m-home-image__main{
width:calc(800/1120*100%);
}
.m-home-image__sub{
width:calc(310/1120*100%);
}
.m-home-image-item+.m-home-image-item{
margin-top:5px;
}
.m-home-image-item img{
width:100%;
height:auto;
}
.m-home-image-item2{
position:relative;
padding-top:22.5806%;
}
.m-home-image-list{
*zoom:1;
opacity:0;
-webkit-transition:1s;
transition:1s;
width:100%;
height:auto;
}
.m-home-image-list:after{
content:"";
display:table;
clear:both;
}
.m-home-image-list.is-load{
opacity:1;
visibility:visible;
}
.m-home-image-list__item{
float:left;
}
.m-home-image-list__item img{
width:100%;
height:auto;
}
.m-home-image-list.slick-dots{
bottom:10px;
}
.m-home-image-list.slick-dots>*{
background-color:#ffffff;
}
.m-home-image-list.slick-dots>*.slick-active{
background-color:#0071b5;
}
.m-home-title{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.m-home-title-text{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-weight:700;
font-size:2.4rem;
}
.m-home-title-text.icon{
width:40px;
height:40px;
-ms-flex-negative:0;
flex-shrink:0;
margin-right:10px;
background-color:#0071b5;
border-radius:50%;
background-size:auto 100%;
background-image:url(../images/index/icons-title.png);
}
.m-home-title-text.icon--special{
background-position:-100%0;
}
.m-home-title-text.icon--pickup{
background-position:-200%0;
}
.m-home-title-text.icon--history{
background-position:-300%0;
}
.m-home-maker-list{
margin-left:-16px;
margin-bottom:-16px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.m-home-maker-list__item{
width:calc(100%/6-16px);
margin-left:16px;
margin-bottom:16px;
text-align:center;
}
.m-home-maker-slider{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding-bottom:15px;
opacity:0;
-webkit-transition:1s;
transition:1s;
}
.m-home-maker-slider.is-load{
opacity:1;
visibility:visible;
}
.m-home-special-list{
*zoom:1;
margin-right:20px;
padding-bottom:20px;
opacity:0;
-webkit-transition:1s;
transition:1s;
}
.m-home-special-list:after{
content:"";
display:table;
clear:both;
}
.m-home-special-list.is-load{
opacity:1;
visibility:visible;
}
.m-home-special-list__item{
float:left;
width:25%;
padding-left:18px;
padding-right:2px;
padding-bottom:2px;
}
.m-home-special-list.m-icon-slide-prev{
left:-10px;
}
.m-home-special-item{
padding:20px 30px;
background-color:#ffffff;
-webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
box-shadow:2px 2px 0 rgba(0,0,0,0.1);
}
.m-home-product-list{
*zoom:1;
margin-right:20px;
padding-bottom:20px;
opacity:0;
-webkit-transition:1s;
transition:1s;
}
.m-home-product-list:after{
content:"";
display:table;
clear:both;
}
.m-home-product-list.is-load{
opacity:1;
visibility:visible;
}
.m-home-product-list__item{
float:left;
width:20%;
padding-left:20px;
}
.m-home-product-list.m-icon-slide-prev{
left:-10px;
}
.m-home-bnr-list{
*zoom:1;
margin-right:40px;
opacity:0;
-webkit-transition:1s;
transition:1s;
}
.m-home-bnr-list:after{
content:"";
display:table;
clear:both;
}
.m-home-bnr-list.is-load{
opacity:1;
visibility:visible;
}
.m-home-bnr-list__item{
width:calc(100%/3);
padding-left:40px;
}
.m-product-box-item{
width:99%;
border:solid 1px#c5cccf;
padding:20px;
background-color:#ffffff;
}
.m-product-box-item-h{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.m-product-box-item-h__btn{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}
.m-product-slider-detail{
*zoom:1;
margin-right:20px;
padding-bottom:40px;
opacity:0;
-webkit-transition:1s;
transition:1s;
}
.m-product-slider-detail:after{
content:"";
display:table;
clear:both;
}
.m-product-slider-detail.is-load{
opacity:1;
visibility:visible;
}
.m-product-slider-detail.m-icon-slide-prev{
left:-10px;
}
.m-product-slider{
*zoom:1;
margin-right:20px;
padding-bottom:40px;
opacity:0;
-webkit-transition:1s;
transition:1s;
}
.m-product-slider:after{
content:"";
display:table;
clear:both;
}
.m-product-slider.is-load{
opacity:1;
visibility:visible;
}
.m-product-slider__item{
width:25%;
padding-left:20px;
}
.m-product-slider.m-icon-slide-prev{
left:-10px;
}
.m-product-detail-col{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.m-product-detail-col__title{
width:480px;
-ms-flex-negative:0;
flex-shrink:0;
margin-right:40px;
}
.m-product-detail-col__spec,.m-product-detail-col__content{
width:calc(100%-520px);
}
.m-product-detail-col__cart{
width:480px;
-ms-flex-negative:0;
flex-shrink:0;
margin-left:40px;
}
.m-product-detail-image{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.m-product-detail-image__l{
width:200px;
-ms-flex-negative:0;
flex-shrink:0;
margin-right:30px;
}
.m-product-detail-stock-item--toggle{
display:none;
}
.m-product-detail-btn{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
overflow:hidden;
}
.m-product-detail-btn__title{
-ms-flex-negative:0;
flex-shrink:0;
width:4em;
margin-right:10px;
}
.m-product-detail-btn__content{
width:100%;
}
.m-product-detail-price{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.m-product-detail-price+.m-product-detail-price{
margin-top:2px;
}
.m-product-detail-price+.m-product-detail-price--total{
margin-top:5px;
}
.m-product-detail-price__title{
width:30%;
}
.m-product-detail-price__text{
width:70%;
padding:.25em;
background-color:#ebeff1;
text-align:right;
}
.m-product-detail-price__text-lgy{
width:70%;
padding:.25em;
background-color:#f5f7f8;
}
.m-product-detail-price--total.m-product-detail-price__text{
background-color:#f7e2e2;
}
.m-product-detail-spec{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.m-product-detail-spec__l{
width:100%;
}
.m-product-detail-spec__r{
width:calc(50%-15px);
-ms-flex-negative:0;
flex-shrink:0;
margin-left:15px;
}
.m-product-detail-spec__r_s{
width:35%;
-ms-flex-negative:0;
flex-shrink:0;
margin-left:20px;
}
.m-product-detail-spec__bnr img{
transition:0.2s;
}
.m-product-detail-spec__bnr img:hover{
opacity:0.7;
}
.m-product-detail-spec--flex{
display:flex;
}
.m-product-detail-spec-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding-top:5px;
padding-bottom:5px;
border-bottom:solid 1px#c5cccf;
}
.m-product-detail-spec-list--wide50{
width:50%;
}
.m-product-detail-spec-list__title{
width:180px;
padding-left:20px;
padding-right:20px;
}
.m-product-detail-spec-list__title--wide{
width:185px;
padding-left:10px;
padding-right:10px;
}
.m-product-detail-spec-list__text,.m-product-detail-spec-list__content{
width:calc(100%-200px);
overflow:hidden;
}
.m-product-detail-spec-list__text--short{
width:calc(100%-185px);
overflow:hidden;
}
@media(max-width:768px){
.m-product-detail-spec--flex{
flex-direction:column;
}
.m-product-detail-spec-list--wide50{
width:100%;
}
}
.m-product-detail-spec-list__text--withBtn{
width:calc(100%-360px);
}
.m-product-detail-spec-list__text--withBtn+dd{
padding-top:0.55em;
}
.m-product-detail-spec-list:nth-of-type(even){
background-color:#ebeff1;
}
.m-bg-w{
background-color:white!important;
}
.m-product-detail-spec-thumb{
display:flex;
flex-direction:row-reverse;
justify-content:center;
}
.m-product-detail-spec-thumb-main{
flex-shrink:0;
position:relative;
width:200px;
height:200px;
border:solid 1px#ccc;
margin-left:10px;
margin-right:10px;
}
.m-product-detail-spec-thumb-main a{
position:absolute;
display:block;
width:100%;
height:100%;
}
.m-product-detail-spec-thumb-main img{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
margin:auto;
max-width:calc(100%-10px);
max-height:calc(100%-10px);
}
.m-product-detail-spec-thumb-sub{
position:relative;
height:38.4px;
width:38.4px;
border:solid 1px#ccc;
margin-bottom:2px;
}
.m-product-detail-spec-thumb-sub a{
position:absolute;
display:block;
width:100%;
height:100%;
}
.m-product-detail-spec-thumb-sub:last-child{
margin-bottom:0;
}
.m-product-detail-spec-thumb-sub:hover{
border-color:#f60;
}
.m-product-detail-spec-thumb-sub img{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
margin:auto;
max-width:100%;
max-height:100%;
}
.m-product-detail-spec-thumb-subWrap{
flex-shrink:0;
width:38.2px;
}
.m-product-detail-spec-thumb-subWrap:empty{
width:0;
height:0;
}
.m-product-detail-spec-thumb-caption{
text-align:center;
font-size:14px;
margin:0.6em 0;
}
.m-product-detail-dataList{
padding:0.5em;
background-color:#ebeff1;
}
.m-product-detail-dataList-menu{
display:flex;
flex-wrap:wrap;
font-size:1.3rem;
line-height:1.1;
margin-right:-0.5em;
margin-bottom:-0.5em;
}
.m-product-detail-dataList-menu>li{
background-color:#fff;
padding:5px 10px;
border-radius:12px;
margin-right:0.5em;
margin-bottom:0.5em;
}
.m-product-detail-dataList-menu>li a{
font-weight:700;
color:#0071b5;
}
.m-product-detail-dataList-others{
font-size:1.4rem;
padding-top:5px;
border-top:dashed 1px#ccc;
margin-top:5px;
}
.m-product-detail-dataList-others a{
font-weight:700;
color:#0071b5;
}
.m-lightbox{
width:600px;
height:600px;
background-color:#fff;
}
.m-lightbox img{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
margin:auto;
max-width:calc(100%-30px);
max-height:calc(100%-30px);
}
.m-lightbox_sidebar{
position:absolute;
top:0;
left:100%;
display:flex;
flex-direction:column;
align-items:center;
width:75px;
height:100%;
background-color:#fff;
padding:18px;
}
.m-lightbox_sidebar::before{
content:"";
display:block;
position:absolute;
left:0;
width:1px;
height:calc(100%-36px);
background-color:#ccc;
}
.m-lightbox_close{
position:absolute;
top:18px;
right:-56px;
text-align:center;
line-height:1;
font-size:30px;
font-weight:700;
background-color:#3988b8;
color:#fff;
padding:3px 6.5px;
margin-bottom:18px;
cursor:pointer;
}
.m-lightbox_close:hover{
opacity:0.7;
}
.m-lightbox_sidebar.m-product-detail-spec-thumb-subWrap{
margin-top:50px;
}
@media(max-width:768px){
.m-product-detail-spec-thumb{
flex-direction:column;
align-items:flex-start;
}
.m-product-detail-spec-thumb-main{
width:40vw;
height:40vw;
max-width:200px;
max-height:200px;
margin-left:0;
margin-bottom:10px;
}
.m-product-detail-spec-thumb-subWrap{
display:flex;
width:100%;
}
.m-product-detail-spec-thumb-subWrap:empty{
width:0;
height:0;
}
.m-product-detail-spec-thumb.m-product-detail-spec-thumb-subWrap{
width:40vw;
flex-wrap:wrap;
}
.m-product-detail-spec-thumb-sub{
flex-shrink:0;
width:38.4px;
margin-bottom:0;
margin-right:2px;
}
.m-lightbox_sidebar::before{
display:none;
}
.m-lightbox{
width:calc(100vw-20px);
height:calc(100vh-100px);
border-radius:5px;
}
.m-lightbox img{
position:absolute;
top:-50;
left:0;
bottom:0;
right:0;
margin:auto;
max-width:calc(100%-30px);
max-height:calc(100%-80px);
}
.m-lightbox_sidebar{
position:absolute;
top:calc(100%-60px);
left:0;
width:100%;
height:60px;
flex-direction:row;
padding:10px;
border-radius:5px;
}
.m-lightbox_close{
top:10px;
right:10px;
}
.m-lightbox_sidebar.m-product-detail-spec-thumb-subWrap{
margin-top:0;
width:calc(100%-53px);
}
}
.m-btn-search-tag{
display:inline-block;
min-width:100px;
padding:.25em 1em;
background-color:#0099ff;
text-align:center;
color:#ffffff;
}
.m-new-product{
position:relative;
padding-bottom:70px;
}
.m-new-product-btn{
position:absolute;
left:20px;
bottom:20px;
width:calc(100%-40px);
}
.m-new-product-thumb{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative;
width:100%;
padding-right:50px;
margin-bottom:10px;
}
.m-new-product-thumb.datetime{
display:block;
margin-top:.25em;
}
.m-new-product-thumb__image{
width:60px;
height:60px;
-ms-flex-negative:0;
flex-shrink:0;
margin-right:15px;
}
.m-new-product-thumb__btn{
position:absolute;
right:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
z-index:1;
}
.youtube{
position:relative;
width:100%;
padding-top:56.25%;
}
.youtube iframe{
position:absolute;
top:0;
right:0;
width:100%!important;
height:100%!important;
}
.tubebox{
display:table;
width:100%;
border-collapse:separate;
border-spacing:10px 0;
}
.inbox{
width:48%;
display:table-cell;
}
@media screen and(max-width:768px){
.tubebox{
display:block;
}
.tubebox.inbox{
display:block;
width:100%;
}
}
.m-modal-iframe{
display:block;
position:relative;
left:0;
top:0;
width:100%;
height:100%;
overflow:auto;
-webkit-overflow-scrolling:touch;
}
.m-modal-iframe iframe{
border:none;
display:block;
width:100%;
height:100%;
}
.m-scroll-tbl--bom-excel{
overflow-y:auto;
height:240px;
}
.m-scroll-tbl--column{
overflow-y:auto!important;
}
.m-scroll-tbl.m-product-tbl--xl{
min-width:2400px;
}
.m-scroll-tbl.m-product-tbl--2xl{
min-width:5000px;
}
@media screen and(min-width:768px){
.m-search-fixed-tbl-wrap{
position:fixed;
left:auto;
z-index:5001;
overflow:hidden;
}
}
.m-search-fixed-tbl-wrap--estimate{
position:fixed;
left:auto;
z-index:5001;
overflow:hidden;
}
.m-scroll-tbl.m-product-tbl--search{
min-width:1185px;
}
.m-scroll-tbl.m-product-tbl--estimate{
min-width:1500px;
}
.m-order-tbl{
width:100%;
table-layout:fixed;
background-color:#ffffff;
}
.m-order-tbl col.w40,
.m-product-tbl col.w40,
.m-estimate-tbl col.w40{
width:40px;
}
.m-order-tbl col.w50,
.m-product-tbl col.w50,
.m-estimate-tbl col.w50{
width:50px;
}
.m-order-tbl col.w60,
.m-product-tbl col.w60,
.m-estimate-tbl col.w60{
width:60px;
}
.m-order-tbl col.w70,
.m-product-tbl col.w70,
.m-estimate-tbl col.w70{
width:70px;
}
.m-order-tbl col.w80,
.m-product-tbl col.w80,
.m-estimate-tbl col.w80{
width:80px;
}
.m-order-tbl col.w90,
.m-product-tbl col.w90,
.m-estimate-tbl col.w90{
width:90px;
}
.m-order-tbl col.w100,
.m-product-tbl col.w100,
.m-estimate-tbl col.w100{
width:100px;
}
.m-order-tbl col.w105,
.m-product-tbl col.w105,
.m-estimate-tbl col.w105{
width:105px;
}
.m-order-tbl col.w120,
.m-product-tbl col.w120,
.m-estimate-tbl col.w120{
width:120px;
}
.m-order-tbl col.w130,
.m-product-tbl col.w130,
.m-estimate-tbl col.w130{
width:130px;
}
.m-order-tbl col.w140,
.m-product-tbl col.w140,
.m-estimate-tbl col.w140{
width:140px;
}
.m-order-tbl col.w160,
.m-product-tbl col.w160,
.m-estimate-tbl col.w160{
width:160px;
}
.m-order-tbl col.w180,
.m-product-tbl col.w180,
.m-estimate-tbl col.w180{
width:180px;
}
.m-order-tbl col.w200,
.m-product-tbl col.w200,
.m-estimate-tbl col.w200{
width:200px;
}
.m-product-tbl col.w220,
.m-estimate-tbl col.w220{
width:220px;
}
.m-product-tbl col.w250,
.m-estimate-tbl col.w250{
width:250px;
}
.m-product-tbl col.w260,
.m-estimate-tbl col.w260{
width:260px;
}
.m-product-tbl col.w345,
.m-estimate-tbl col.w345{
width:345px;
}
.m-product-tbl col.w370,
.m-estimate-tbl col.w370{
width:370px;
}
.m-product-tbl col.w410,
.m-estimate-tbl col.w410{
width:410px;
}
.m-product-tbl col.w475,
.m-estimate-tbl col.w475{
width:475px;
}
.m-order-tbl th,.m-order-tbl td{
padding:10px;
border:solid 1px#c5cccf;
vertical-align:top;
}
.m-order-tbl th{
font-weight:700;
}
.m-order-tbl thead th{
padding-right:0;
background-color:#d0e3f1;
}
.m-order-tbl tbody th{
text-align:center;
}
.m-product-tbl{
width:100%;
table-layout:fixed;
}
.m-estimate-tbl{
width:100%;
table-layout:fixed;
}
.dummy-th{
height:0!important;
padding:0!important;
}
@media screen and(min-width:1280px){
.m-product-tbl-height,.m-product-tbl-height_lgy{
height:238px;
}
.m-search-tbl-height{
height:117px;
}
}
.m-product-tbl-height,.m-product-tbl-height_lgy{
line-height:20px;
}
.m-product-tbl-height_lgy{
background-color:#f5f7f8;
}
.m-product-tbl--bor-w{
border:solid 8px#d9e2e8;
}
.m-product-tbl--align-c{
text-align:center;
}
.m-product-tbl>thead>tr>th,.m-product-tbl>thead>tr>td,
.m-product-tbl>tbody>tr>th,
.m-product-tbl>tbody>tr>td,
.m-product-tbl>tfoot>tr>th,
.m-product-tbl>tfoot>tr>td{
padding:5px;
border:solid 1px#c5cccf;
vertical-align:top;
}
.m-estimate-tbl{
width:100%;
table-layout:fixed;
}
.m-estimate-tbl thead th{
padding-right:0;
background-color:#d0e3f1;
}
.m-estimate-tbl>thead>tr>th,.m-estimate-tbl>thead>tr>td,
.m-estimate-tbl>tbody>tr>th,
.m-estimate-tbl>tbody>tr>td,
.m-estimate-tbl>tfoot>tr>th,
.m-estimate-tbl>tfoot>tr>td{
padding:3px 5px;
border:solid 1px#c5cccf;
vertical-align:middle;
}
.m-product-tbl>tbody>tr>td{
position:relative;
}
.m-product-tbl>thead>tr>th.m-title--noline,
.m-product-tbl>tbody>tr>th.m-title--noline,
.m-product-tbl>tfoot>tr>th.m-title--noline{
border-left:0;
border-right:0;
}
.m-product-tbl>thead>tr>th:nth-child(1),
.m-product-tbl>tbody>tr>th:nth-child(1),
.m-product-tbl>tfoot>tr>th:nth-child(1){
border-right:0;
}
.m-product-tbl>thead>tr>th.valign-c,.m-product-tbl>thead>tr>td.valign-c,
.m-product-tbl>tbody>tr>th.valign-c,
.m-product-tbl>tbody>tr>td.valign-c,
.m-product-tbl>tfoot>tr>th.valign-c,
.m-product-tbl>tfoot>tr>td.valign-c{
vertical-align:middle;
}
.m-product-tbl>thead>tr>th.bg-dgy,.m-product-tbl>thead>tr>td.bg-dgy,
.m-product-tbl>tbody>tr>th.bg-dgy,
.m-product-tbl>tbody>tr>td.bg-dgy,
.m-product-tbl>tfoot>tr>th.bg-dgy,
.m-product-tbl>tfoot>tr>td.bg-dgy{
background-color:#c6d0d9;
}
.m-product-tbl>thead>tr>th.bg-gy,.m-product-tbl>thead>tr>td.bg-gy,
.m-product-tbl>tbody>tr>th.bg-gy,
.m-product-tbl>tbody>tr>td.bg-gy,
.m-product-tbl>tfoot>tr>th.bg-gy,
.m-product-tbl>tfoot>tr>td.bg-gy{
background-color:#ebeff1;
}
.m-product-tbl>thead>tr>th.bg-bl,.m-product-tbl>thead>tr>td.bg-bl,
.m-product-tbl>tbody>tr>th.bg-bl,
.m-product-tbl>tbody>tr>td.bg-bl,
.m-product-tbl>tfoot>tr>th.bg-bl,
.m-product-tbl>tfoot>tr>td.bg-bl{
background-color:#cfe4f1;
}
.m-product-tbl>thead>tr>th.bg-be,.m-product-tbl>thead>tr>td.bg-be,
.m-product-tbl>tbody>tr>th.bg-be,
.m-product-tbl>tbody>tr>td.bg-be,
.m-product-tbl>tfoot>tr>th.bg-be,
.m-product-tbl>tfoot>tr>td.bg-be{
background-color:#f6efce;
}
.m-product-tbl>thead>tr>th.cart,.m-product-tbl>thead>tr>td.cart,
.m-product-tbl>tbody>tr>th.cart,
.m-product-tbl>tbody>tr>td.cart,
.m-product-tbl>tfoot>tr>th.cart,
.m-product-tbl>tfoot>tr>td.cart{
width:410px;
}
.m-product-tbl>thead>tr>th.main,.m-product-tbl>thead>tr>td.main,
.m-product-tbl>tbody>tr>th.main,
.m-product-tbl>tbody>tr>td.main,
.m-product-tbl>tfoot>tr>th.main,
.m-product-tbl>tfoot>tr>td.main{
width:475px;
height:40px;
}
.m-product-tbl>thead>tr>th.w410,.m-product-tbl>thead>tr>td.w410,
.m-product-tbl>tbody>tr>th.w410,
.m-product-tbl>tbody>tr>td.w410,
.m-product-tbl>tfoot>tr>th.w410,
.m-product-tbl>tfoot>tr>td.w410{
width:410px;
height:40px;
}
.m-product-tbl>thead>tr>th.w345,.m-product-tbl>thead>tr>td.w345,
.m-product-tbl>tbody>tr>th.w345,
.m-product-tbl>tbody>tr>td.w345,
.m-product-tbl>tfoot>tr>th.w345,
.m-product-tbl>tfoot>tr>td.w345{
width:345px;
}
.m-product-tbl>thead>tr>th.w260,.m-product-tbl>thead>tr>td.w260,
.m-product-tbl>tbody>tr>th.w260,
.m-product-tbl>tbody>tr>td.w260,
.m-product-tbl>tfoot>tr>th.w260,
.m-product-tbl>tfoot>tr>td.w260{
width:260px;
}
.m-product-tbl>thead>tr>th.sub,.m-product-tbl>thead>tr>td.sub,
.m-product-tbl>tbody>tr>th.sub,
.m-product-tbl>tbody>tr>td.sub,
.m-product-tbl>tfoot>tr>th.sub,
.m-product-tbl>tfoot>tr>td.sub{
width:200px;
}
.m-product-tbl>thead>tr>th.w180,.m-product-tbl>thead>tr>td.w180,
.m-product-tbl>tbody>tr>th.w180,
.m-product-tbl>tbody>tr>td.w180,
.m-product-tbl>tfoot>tr>th.w180,
.m-product-tbl>tfoot>tr>td.w180{
width:180px;
}
.m-product-tbl>thead>tr>th.w150,.m-product-tbl>thead>tr>td.w150,
.m-product-tbl>tbody>tr>th.w150,
.m-product-tbl>tbody>tr>td.w150,
.m-product-tbl>tfoot>tr>th.w150,
.m-product-tbl>tfoot>tr>td.w150{
width:150px;
}
.m-product-tbl>thead>tr>th.w120,.m-product-tbl>thead>tr>td.w120,
.m-product-tbl>tbody>tr>th.w120,
.m-product-tbl>tbody>tr>td.w120,
.m-product-tbl>tfoot>tr>th.w120,
.m-product-tbl>tfoot>tr>td.w120{
width:120px;
}
.m-product-tbl>thead>tr>th.w100,.m-product-tbl>thead>tr>td.w100,
.m-product-tbl>tbody>tr>th.w100,
.m-product-tbl>tbody>tr>td.w100,
.m-product-tbl>tfoot>tr>th.w100,
.m-product-tbl>tfoot>tr>td.w100{
width:100px;
}
.m-product-tbl>thead>tr>th.w80,.m-product-tbl>thead>tr>td.w80,
.m-product-tbl>tbody>tr>th.w80,
.m-product-tbl>tbody>tr>td.w80,
.m-product-tbl>tfoot>tr>th.w80,
.m-product-tbl>tfoot>tr>td.w80{
width:80px;
}
.m-product-tbl>thead>tr>th.w60,.m-product-tbl>thead>tr>td.w60,
.m-product-tbl>tbody>tr>th.w60,
.m-product-tbl>tbody>tr>td.w60,
.m-product-tbl>tfoot>tr>th.w60,
.m-product-tbl>tfoot>tr>td.w60{
width:60px;
}
.m-product-tbl>thead>tr>th.w66,.m-product-tbl>thead>tr>td.w66,
.m-product-tbl>tbody>tr>th.w66,
.m-product-tbl>tbody>tr>td.w66,
.m-product-tbl>tfoot>tr>th.w66,
.m-product-tbl>tfoot>tr>td.w66{
width:66px;
}
.m-product-tbl>thead>tr>th.w70,.m-product-tbl>thead>tr>td.w70,
.m-product-tbl>tbody>tr>th.w70,
.m-product-tbl>tbody>tr>td.w70,
.m-product-tbl>tfoot>tr>th.w70,
.m-product-tbl>tfoot>tr>td.w70{
width:70px;
}
.m-product-tbl>thead>tr>th.w75,.m-product-tbl>thead>tr>td.w75,
.m-product-tbl>tbody>tr>th.w75,
.m-product-tbl>tbody>tr>td.w75,
.m-product-tbl>tfoot>tr>th.w75,
.m-product-tbl>tfoot>tr>td.w75{
width:75px;
}
.m-product-tbl>thead>tr>th.w85,.m-product-tbl>thead>tr>td.w85,
.m-product-tbl>tbody>tr>th.w85,
.m-product-tbl>tbody>tr>td.w85,
.m-product-tbl>tfoot>tr>th.w85,
.m-product-tbl>tfoot>tr>td.w85{
width:85px;
}
.m-product-tbl>thead>tr>th.w90,.m-product-tbl>thead>tr>td.w90,
.m-product-tbl>tbody>tr>th.w90,
.m-product-tbl>tbody>tr>td.w90,
.m-product-tbl>tfoot>tr>th.w90,
.m-product-tbl>tfoot>tr>td.w90{
width:90px;
}
.m-product-tbl>thead>tr>th.w135,.m-product-tbl>thead>tr>td.w135,
.m-product-tbl>tbody>tr>th.w135,
.m-product-tbl>tbody>tr>td.w135,
.m-product-tbl>tfoot>tr>th.w135,
.m-product-tbl>tfoot>tr>td.w135{
width:135px;
}
.m-product-tbl>thead>tr>th.w50,.m-product-tbl>thead>tr>td.w50,
.m-product-tbl>tbody>tr>th.w50,
.m-product-tbl>tbody>tr>td.w50,
.m-product-tbl>tfoot>tr>th.w50,
.m-product-tbl>tfoot>tr>td.w50{
width:50px;
}
.m-product-tbl>thead>tr>th.btn,.m-product-tbl>thead>tr>td.btn,
.m-product-tbl>tbody>tr>th.btn,
.m-product-tbl>tbody>tr>td.btn,
.m-product-tbl>tfoot>tr>th.btn,
.m-product-tbl>tfoot>tr>td.btn{
width:60px;
padding-left:0;
padding-right:0;
}
.m-product-tbl>thead>tr>th,
.m-product-tbl>tbody>tr>th,
.m-product-tbl>tfoot>tr>th{
background-color:#cfe4f1;
}
.m-product-tbl--p-narrow>thead>tr>th,.m-product-tbl--p-narrow>thead>tr>td,
.m-product-tbl--p-narrow>tbody>tr>th,
.m-product-tbl--p-narrow>tbody>tr>td,
.m-product-tbl--p-narrow>tfoot>tr>th,
.m-product-tbl--p-narrow>tfoot>tr>td{
padding:10px 5px;
}
.m-product-tbl--tb-line>thead>tr>th,.m-product-tbl--tb-line>thead>tr>td,
.m-product-tbl--tb-line>tbody>tr>th,
.m-product-tbl--tb-line>tbody>tr>td,
.m-product-tbl--tb-line>tfoot>tr>th,
.m-product-tbl--tb-line>tfoot>tr>td{
border-top:0;
border-left:0;
border-right:0;
}
.m-product-tbl--vm th,
.m-product-tbl--vm td{
vertical-align:middle!important;
}
@media screen and(min-width:768px){
.scroll-pane.m-product-tbl--search:not(.m-product-tbl--fixed)>thead>tr>th{
padding-bottom:12px;
}
}
@media screen and(max-width:767px){
.m-product-tbl>tbody>tr>td.main{
height:100%;
}
}
@media screen and(min-width:768px)and(max-width:1279px){
.m-scroll-tb-only{
width:100%;
overflow-x:auto;
}
}
.m-product-tbl-main{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.m-product-tbl-main-col{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.m-product-tbl-main-col__title{
width:100%;
-ms-flex-negative:0;
flex-shrink:0;
overflow:hidden;
}
.m-product-tbl-main-col__title-main{
padding-top:3px;
}
.m-product-tbl-main-col__image{
width:100%;
display:flex;
-ms-flex-negative:0;
flex-shrink:0;
}
.m-product-tbl-main-col__image p img{
max-width:45px;
max-height:45px;
width:auto;
height:auto;
}
.m-searchResult_product-image p img{
max-width:45px;
max-height:45px;
width:auto;
height:auto;
}
.m-product-tbl-main-col__caption{
position:relative;
}
.m-product-tbl-main-btn{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:40px;
width:140px;
margin-right:20px;
}
.m-product-tbl-main-image{
display:flex;
width:100%;
}
.m-product-tbl-main-image.text{
padding-left:10px;
}
.m-product-tbl-main-btn>*{
-ms-flex-negative:0;
flex-shrink:0;
}
.m-product-tbl-main-btn>*+*{
margin-left:5px;
}
.m-product-tbl-cart{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.m-product-tbl-cart__item{
width:100%;
}
.m-product-tbl-cart__container{
width:calc(100%/2-30px);
margin:0 15px;
}
.m-product-tbl-cart__container--right{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.m-product-tbl-cart-num{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.m-product-tbl-cart-num__input{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}
.m-product-tbl-cart-num__input>*+*{
margin-left:5px;
}
.m-product-tbl-cart-num__input input{
text-align:right;
}
.m-product-tbl-cart-num-plus,.m-product-tbl-cart-num-minus{
border:none;
width:20px;
height:20px;
background-color:#0071b5;
background-size:auto 100%;
background-image:url(../images/common/icon-toggle.png);
}
.m-product-tbl-cart-num-plus_s,.m-product-tbl-cart-num-minus_s{
width:17px;
height:17px;
background-color:#0071b5;
background-size:auto 100%;
background-image:url(../images/common/icon-toggle.png);
}
.m-product-tbl-cart-num-minus,.m-product-tbl-cart-num-minus_s{
background-position:-100%0;
}
.m-m-product-tbl-cart-tbl{
width:100%;
}
.m-m-product-tbl-cart-tbl th:nth-last-of-type(1),.m-m-product-tbl-cart-tbl td:nth-last-of-type(1){
text-align:right;
}
.m-m-product-tbl-cart-tbl th{
font-weight:700;
}
.m-m-product-tbl-cart-tbl-ja{
width:120%;
}
.m-m-product-tbl-cart-tbl-ja th:nth-last-of-type(1),.m-m-product-tbl-cart-tbl-ja td:nth-last-of-type(1){
text-align:right;
}
.m-m-product-tbl-cart-tbl-ja th{
font-weight:700;
}
.m-info-tbl{
max-width:100%;
}
.m-info-tbl th,
.m-info-tbl td{
line-height:1.4;
padding:0.5em;
}
.m-info-tbl thead th{
background-color:#cfe4f1;
border:solid 1px#c5cccf;
}
.m-info-tbl tbody td{
background-color:#fff;
border:solid 1px#c5cccf;
}
.m-search-multiple-keyword-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-left:-10px;
margin-bottom:-10px;
}
.m-search-multiple-keyword-list__item{
width:calc(100%/5-10px);
margin-bottom:10px;
margin-left:10px;
font-size:1.6rem;
font-weight:700;
background-color:#ffffff;
}
.m-search-multiple-keyword-list__item.is-active{
background-color:#0071b5;
color:#ffffff;
}
.m-search-multiple-keyword-list__item.is-active a{
color:#ffffff;
}
.m-search-multiple-keyword-list__item a{
display:block;
padding:.5em 1em;
}
.m-scroll-tbl,.m-spec-scroll-tbl{
width:100%;
overflow-x:auto;
overflow-y:hidden;
position:relative;
}
.m-spec-scroll-tbl--oneline{
width:100%;
overflow-x:auto;
overflow-y:unset;
}
.m-search-text-14{
font-size:14px;
line-height:17px;
}
.m-search-text-16{
font-size:16px;
font-weight:700;
}
.m-search-text-12{
font-size:12px;
line-height:15px;
}
.m-search-text-ellipsis{
width:100%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
position:relative;
}
.m-search-text-hover{
border:solid 2px#999;
border-radius:5px;
background:#FFF;
margin:-5px-15px;
padding:5px;
word-break:break-all;
}
.m-search-bg_wh:before,
.m-search-bg_gy:before,
.m-search-bg_wh_left:before,
.m-search-bg_wh--sub:before{
content:"";
position:absolute;
top:-18px;
left:15px;
margin-left:-15px;
border:10px solid transparent;
border-bottom:10px solid#999;
}
.m-search-bg_wh--bottom:after{
content:"";
position:absolute;
bottom:-18px;
left:60px;
margin-left:-15px;
border:10px solid transparent;
border-top:10px solid#999;
}
.m-search-bg_wh--bottom-sub:after{
content:"";
position:absolute;
bottom:-18px;
left:200px;
margin-left:-15px;
border:10px solid transparent;
border-top:10px solid#999;
}
.m-search-bg_wh{
display:none;
position:absolute;
padding:5px;
background:transparent;
border-top:solid 5px transparent;
border-right:solid 10px transparent;
border-left:solid 10px#fff;
max-width:400px;
font-size:13px;
z-index:99999;
}
.m-search-bg_wh_left{
display:none;
position:absolute;
padding:5px;
background:transparent;
border-top:solid 5px transparent;
border-right:solid 10px transparent;
border-left:solid 10px#fff;
max-width:225px;
font-size:13px;
z-index:99999;
}
.m-search-bg_wh--sub{
display:none;
position:absolute;
padding:5px;
background:#fff;
border-top:solid 10px#fff;
border-right:solid 10px#fff;
border-left:solid 10px#fff;
width:170px;
z-index:99999;
}
.m-search-bg_wh--bottom{
display:none;
position:absolute;
padding:5px;
background:#fff;
border-right:solid 10px#fff;
border-left:solid 10px#fff;
width:335px;
z-index:99999;
bottom:2em;
}
.m-search-bg_wh--bottom-sub{
display:none;
position:absolute;
padding:5px;
background:#fff;
border-right:solid 10px#fff;
border-left:solid 10px#fff;
width:300px;
z-index:99999;
bottom:1.5em;
right:0px;
}
.m-search-bg_gy{
display:none;
position:absolute;
padding:5px;
background:#f5f7f8;
border:solid 10px#f5f7f8;
width:335px;
z-index:99999;
}
.m-search-text-ellipsis:hover+.m-search-bg_wh,
.m-search-text-ellipsis:hover+.m-search-bg_wh_left,
.m-search-text-ellipsis:hover+.m-search-bg_gy,
.m-search-text-ellipsis:hover+.m-search-bg_wh--sub,
.m-search-text-ellipsis:hover+.m-search-bg_wh--bottom,
.m-search-text-ellipsis:hover+.m-search-bg_wh--bottom-sub{
display:block;
}
.m-search-bg_wh_left:hover
{
display:block;
}
.m-search-title_l{
word-wrap:normal;
}
.m-search-title-text{
width:calc(100%-45px);
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.m-maker-link{
display:block;
-webkit-transition:.3s;
transition:.3s;
color:#FFF;
background-color:#0071b5;
border:solid 1px#c5cccf;
text-align:center;
}
.m-maker-link:hover{
background-color:#ebeff1;
color:#0000ff;
}
.m-alphabet-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-bottom:-10px;
margin-left:-10px;
}
.m-alphabet-list>*{
width:calc(100%/26-10px);
-ms-flex-negative:0;
flex-shrink:0;
margin-bottom:10px;
margin-left:10px;
font-weight:700;
font-size:1.6rem;
}
.m-alphabet-list>*a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:30px;
text-align:center;
color:#ffffff;
background-color:#8ea1b4;
}
.m-maker-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
width:920px;
margin-left:auto;
margin-right:auto;
margin-bottom:-20px;
}
.m-maker-list__item{
width:160px;
-ms-flex-negative:0;
flex-shrink:0;
margin-bottom:20px;
margin-right:30px;
text-align:center;
}
.m-maker-list__item:nth-of-type(5n){
margin-right:0;
}
.m-maker-box{
padding:30px 60px;
border:solid 8px#d9e2e8;
}
.m-maker-col{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
align-items:center;
}
.m-maker-col__logo{
width:160px;
-ms-flex-negative:0;
flex-shrink:0;
margin-right:40px;
}
.m-maker-col__content{
max-width:800px;
}
.m-maker-news-list{
margin-left:10px;
margin-right:10px;
}
.m-maker-news-list__item{
margin-top:5px;
}
.m-storetab{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-js-display:flex;
max-width:100%;
}
.m-storetab li a:hover{
opacity:0.7;
text-decoration:none;
}
.m-storetab_c2{
width:calc(100%/2);
height:40px;
border:solid 1px#CCC;
display:flex;
display:-ms-flex;
justify-content:center;
-ms-justify-content:center;
align-items:center;
-ms-align-items:center;
word-break:break-all;
}
.m-storetab_c3{
width:calc(100%/3);
height:40px;
border:solid 1px#CCC;
display:flex;
display:-ms-flex;
justify-content:center;
-ms-justify-content:center;
align-items:center;
-ms-align-items:center;
word-break:break-all;
}
.m-storetab_c4{
width:calc(100%/4);
height:40px;
border:solid 1px#CCC;
display:flex;
display:-ms-flex;
justify-content:center;
-ms-justify-content:center;
align-items:center;
-ms-align-items:center;
word-break:break-all;
}
.m-storetab_c5{
width:calc(100%/5);
height:40px;
border:solid 1px#CCC;
display:flex;
display:-ms-flex;
justify-content:center;
-ms-justify-content:center;
align-items:center;
-ms-align-items:center;
word-break:break-all;
}
.m-storetab_c6{
width:calc(99.6%/6);
height:40px;
border:solid 1px#CCC;
display:flex;
display:-ms-flex;
justify-content:center;
-ms-justify-content:center;
align-items:center;
-ms-align-items:center;
word-break:break-all;
box-sizing:border-box;
font-size:1.2rem;
line-height:1;
}
@media screen and(max-width:767px){
.m-storetab_c6{
width:calc(100%/3);
height:40px;
border:solid 1px#CCC;
display:flex;
display:-ms-flex;
justify-content:center;
-ms-justify-content:center;
align-items:center;
-ms-align-items:center;
word-break:break-all;
font-size:1.2rem;
line-height:1;
}
}
.acttab{
background-color:#CCC;
opacity:1;
}
.m-news-col{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
overflow:hidden;
}
.m-news-col__content{
width:calc(100%-240px-40px);
-webkit-transition:.3s;
transition:.3s;
}
.m-news-col__menu{
position:relative;
width:240px;
-ms-flex-negative:0;
flex-shrink:0;
-webkit-transition:.3s;
transition:.3s;
}
@media screen and(min-width:1280px){
.m-news-col.is-closed.m-news-col__content{
width:calc(100%-40px);
margin-left:40px;
-ms-flex-negative:0;
flex-shrink:0;
}
.m-condition-toggle{
cursor:pointer;
position:absolute;
top:0;
right:-30px;
width:30px;
height:150px;
background-size:auto 100%;
background-position:-100%0;
background-image:url(../images/common/icons-condition.png);
}
.m-condition-toggle--cn{
background-image:url(../images/common/icons-condition-cn.png);
}
.m-condition-toggle--de{
background-image:url(../images/common/icons-condition-de.png);
}
.m-condition-toggle--kr{
background-image:url(../images/common/icons-condition-kr.png);
}
.m-condition-toggle--us{
background-image:url(../images/common/icons-condition-us.png);
}
.m-condition-toggle.is-closed{
background-position:0 0;
}
}
.m-news-tab{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border-bottom:solid 2px#0071b5;
}
.m-news-tab__item{
width:50%;
font-weight:700;
font-size:1.6rem;
}
.m-news-tab__item a{
display:block;
height:50px;
line-height:50px;
text-align:center;
background-color:#d9e2e8;
-webkit-transition:.3s;
transition:.3s;
color:#333333;
}
.m-news-tab__item a:hover,.m-news-tab__item a.is-active{
background-color:#0071b5;
color:#ffffff;
text-decoration:none;
}
.m-news-arichives-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
border-bottom:solid 1px#c5cccf;
padding-top:10px;
padding-bottom:10px;
}
.m-news-arichives-item a{
color:#0000ff;
}
.m-news-arichives-item a:hover{
text-decoration:underline;
}
.m-news-arichives-item.sub{
display:inline-block;
margin-right:1em;
margin-top:.5em;
font-size:1.4rem;
}
.m-news-arichives-image{
width:80px;
-ms-flex-negative:0;
flex-shrink:0;
margin-left:20px;
}
.m-news-arichives-title{
font-size:1.6rem;
line-height:1.5;
font-weight:700;
}
.m-condition-reset{
color:#ffffff;
font-weight:700;
font-size:1.4rem;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border-radius:12px;
height:24px;
width:100px;
background-color:#8ea1b4;
}
.m-condition-reset:hover{
opacity:0.7;
text-decoration:none;
}
.m-news-cat{
position:relative;
border:solid 1px#c5cccf;
}
.m-news-cat+.m-news-cat{
margin-top:20px;
}
.m-news-cat__logo{
padding:20px;
text-align:center;
}
.m-news-cat__title{
position:relative;
padding:10px 15px;
font-weight:700;
font-size:1.6rem;
background-color:#cfe4f1;
}
.m-news-cat.m-condition-reset{
position:absolute;
right:10px;
top:7px;
color:#ffffff;
}
.m-news-cat.m-condition-reset:hover{
text-decoration:none;
}
.m-news-cat__content{
border-top:solid 1px#c5cccf;
font-size:1.4rem;
line-height:1.875;
padding:15px;
overflow-y:scroll;
}
.m-news-cat__content--noscroll{
overflow-y:auto;
}
.m-news-cat__content--nopadding{
padding:0;
}
.m-news-cat__content--s{
max-height:380px;
}
.m-news-cat__content--m{
max-height:500px;
}
.m-news-cat__content--l{
max-height:660px;
}
.m-news-cat__content--ranking{
max-height:258px
}
.m-news-cat__content--ranking.title{
overflow:hidden;
height:2.6em;
}
.m-news-cat__content--ranking.title>a{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
@media screen and(max-width:1279px){
.m-news-cat__content--ranking{
max-height:220px;
overflow-y:scroll!important;
}
.m-news-cat__content--ranking.title{
overflow:hidden;
height:2.6em;
}
}
.m-news-cat__content a{
color:#0000ff;
}
.m-news-cat__content a:hover{
text-decoration:underline;
}
.m-news-cat__content a.m-btn{
color:#ffffff;
}
.m-news-cat__content a.m-btn:hover{
text-decoration:none;
}
.m-news-cat-ranking>*,.m-news-cat-ranking2>*{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.m-news-cat-ranking>*+*,.m-news-cat-ranking2>*+*{
margin-top:10px;
padding-top:10px;
border-top:solid 1px#c5cccf;
}
.m-news-cat-ranking>*.title,.m-news-cat-ranking2>*.title{
position:relative;
width:100%;
-ms-flex-negative:0;
flex-shrink:0;
padding-left:40px;
min-height:30px;
margin-bottom:5px;
font-size:1.4rem;
line-height:1.3;
font-weight:700;
}
.m-news-cat-ranking>*.title:before,.m-news-cat-ranking2>*.title:before{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:absolute;
left:0;
top:2px;
content:"";
width:30px;
height:30px;
background-color:#d9e2e8;
font-size:1.6rem;
font-weight:700;
vertical-align:middle;
}
.m-news-cat-ranking>*:nth-of-type(1).title:before,.m-news-cat-ranking>*:nth-of-type(2).title:before,.m-news-cat-ranking>*:nth-of-type(3).title:before,.m-news-cat-ranking2>*:nth-of-type(1).title:before,.m-news-cat-ranking2>*:nth-of-type(2).title:before,.m-news-cat-ranking2>*:nth-of-type(3).title:before{
background-color:#ff9600;
color:#ffffff;
}
.m-news-cat-ranking>*:nth-of-type(1).title:before,.m-news-cat-ranking2>*:nth-of-type(1).title:before{
content:"1";
}
.m-news-cat-ranking>*:nth-of-type(2).title:before,.m-news-cat-ranking2>*:nth-of-type(2).title:before{
content:"2";
}
.m-news-cat-ranking>*:nth-of-type(3).title:before,.m-news-cat-ranking2>*:nth-of-type(3).title:before{
content:"3";
}
.m-news-cat-ranking>*:nth-of-type(4).title:before,.m-news-cat-ranking2>*:nth-of-type(4).title:before{
content:"4";
}
.m-news-cat-ranking>*:nth-of-type(5).title:before,.m-news-cat-ranking2>*:nth-of-type(5).title:before{
content:"5";
}
.m-news-cat-ranking>*:nth-of-type(6).title:before,.m-news-cat-ranking2>*:nth-of-type(6).title:before{
content:"6";
}
.m-news-cat-ranking>*:nth-of-type(7).title:before,.m-news-cat-ranking2>*:nth-of-type(7).title:before{
content:"7";
}
.m-news-cat-ranking>*:nth-of-type(8).title:before,.m-news-cat-ranking2>*:nth-of-type(8).title:before{
content:"8";
}
.m-news-cat-ranking>*:nth-of-type(9).title:before,.m-news-cat-ranking2>*:nth-of-type(9).title:before{
content:"9";
}
.m-news-cat-ranking>*:nth-of-type(10).title:before,.m-news-cat-ranking2>*:nth-of-type(10).title:before{
content:"10";
}
.m-news-cat-ranking>*:nth-of-type(11).title:before,.m-news-cat-ranking2>*:nth-of-type(11).title:before{
content:"11";
}
.m-news-cat-ranking>*:nth-of-type(12).title:before,.m-news-cat-ranking2>*:nth-of-type(12).title:before{
content:"12";
}
.m-news-cat-ranking>*:nth-of-type(13).title:before,.m-news-cat-ranking2>*:nth-of-type(13).title:before{
content:"13";
}
.m-news-cat-ranking>*:nth-of-type(14).title:before,.m-news-cat-ranking2>*:nth-of-type(14).title:before{
content:"14";
}
.m-news-cat-ranking>*:nth-of-type(15).title:before,.m-news-cat-ranking2>*:nth-of-type(15).title:before{
content:"15";
}
.m-news-cat-ranking>*:nth-of-type(16).title:before,.m-news-cat-ranking2>*:nth-of-type(16).title:before{
content:"16";
}
.m-news-cat-ranking>*:nth-of-type(17).title:before,.m-news-cat-ranking2>*:nth-of-type(17).title:before{
content:"17";
}
.m-news-cat-ranking>*:nth-of-type(18).title:before,.m-news-cat-ranking2>*:nth-of-type(18).title:before{
content:"18";
}
.m-news-cat-ranking>*:nth-of-type(19).title:before,.m-news-cat-ranking2>*:nth-of-type(19).title:before{
content:"19";
}
.m-news-cat-ranking>*:nth-of-type(20).title:before,.m-news-cat-ranking2>*:nth-of-type(20).title:before{
content:"20";
}
.m-news-cat-ranking>*.sub,.m-news-cat-ranking2>*.sub{
font-size:1.2rem;
margin-right:1em;
}
.m-news-cat-ranking>*time.sub,.m-news-cat-ranking2>*time.sub{
margin-right:0.75em;
-ms-flex-negative:0;
flex-shrink:0;
}
.m-news-cat-ranking>*span,.m-news-cat-ranking2>*span{
max-width:9em;
height:1.6em;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.m-news-cat-ranking2>*.title{
width:85%;
font-size:1.8rem;
font-weight:400;
}
.m-search-cat-list{
font-size:1.4rem;
}
.m-search-cat-list_l{
font-size:1.3rem;
word-break:break-all;
}
.m-news-cat-list>*,
.m-search-cat-list>*,
.m-search-cat-list_l>*{
position:relative;
padding:0;
line-height:1.2;
}
.m-news-cat-list>*{
width:185px;
}
.m-search-cat-list>*{
width:100%;
margin-bottom:0.5em;
}
.m-search-cat-list_l>*{
width:100%;
margin-bottom:0.3em;
}
.m-news-cat-list>*+*{
margin-top:.5em;
}
.m-select-active{
background-color:#cfe4f1;
position:relative;
}
.m-select-active:before,.m-select-active:after{
content:'';
height:2px;
width:15px;
display:block;
background:#333;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
position:absolute;
top:0.65em;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
}
.m-select-active:after{
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
}
.m-news-cat-list.m-select-active:before,
.m-news-cat-list.m-select-active:after{
left:160px;
}
.m-search-cat-list.m-select-active:before,
.m-search-cat-list.m-select-active:after{
right:-1em;
}
.m-search-cat-list_l.m-select-active:before,
.m-search-cat-list_l.m-select-active:after{
right:-1em;
}
.m-product-tbl-env,.m-news-cat-list,
.m-news-col__content,.m-news-cat-maker,
.m-news-cat__title,.m-product-tbl-deli{
word-break:normal;
}
.w-wrap{
word-wrap:break-word;
}
.m-news-cat-maker+.m-news-cat-maker{
margin-top:10px;
}
.m-news-cat-maker__title{
position:relative;
font-weight:700;
background-color:#ebeff1;
min-height:30px;
line-height:22px;
padding:4px 4px 4px 35px;
}
.m-news-cat-maker__title:before{
content:"";
position:absolute;
left:4px;
top:4px;
width:22px;
height:22px;
background-size:auto 100%;
background-color:#8ea1b4;
background-image:url(../images/common/icon-toggle.png);
background-position:0 0;
}
.m-news-cat-maker__title.is-active:before{
background-position:-100%0;
}
.m-news-cat-maker__title-child{
position:relative;
padding-left:28px;
}
.m-news-cat-maker__childList{
background-color:#ebeff1;
}
.m-news-cat-maker__subTitle{
background-color:#ddd;
margin:0 5px;
}
.m-news-cat-maker__title-child:before{
content:"";
position:absolute;
left:0px;
top:4px;
width:18px;
height:18px;
background-size:auto 100%;
background-color:#aebccb;
background-image:url(../images/common/icon-toggle.png);
background-position:0 0;
}
.m-news-cat-maker__title-child.is-active:before{
background-position:-100%0;
}
.m-news-cat-maker__content{
padding-top:10px;
padding-bottom:10px;
}
.m-news-cat-monthly+.m-news-cat-monthly{
margin-top:10px;
}
.m-news-cat-monthly__title{
font-weight:700;
}
.m-news-cat-monthly__list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.m-news-cat-monthly__list>*{
margin-right:1.25em;
margin-top:.25em;
}
.m-news-pager--l{
position:relative;
display:flex;
flex-wrap:wrap;
-webkit-box-pack:center;
font-size:1.4rem;
text-align:center;
}
.m-news-pager--l a,.m-news-pager--l span{
margin-left:.25em;
margin-right:.25em;
}
.m-news-pager--l a.current,.m-news-pager--l span.current{
font-weight:700;
}
.m-news-pager--l a{
color:#0000ff;
}
.m-news-pager--l a:hover{
text-decoration:underline;
}
.m-news-pager--l.guide{
position:absolute;
right:20px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.m-news-pager--l.sort{
position:absolute;
left:5px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.m-news-pager{
width:100%;
word-wrap:break-word;
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-size:1.4rem;
text-align:center;
line-height:1.0;
justify-content:space-between;
}
.m-search-pager{
width:100%;
word-wrap:break-word;
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
text-align:center;
line-height:1.0;
justify-content:space-between;
}
.m-news-pager a,.m-news-pager span,
.m-search-pager a,.m-search-pager span{
margin-left:.25em;
margin-right:.25em;
}
.m-news-pager a.current,.m-news-pager span.current,
.m-search-pager a.current,.m-search-pager span.current{
font-weight:700;
}
.m-news-pager a,
.m-search-pager a{
color:#0000ff;
}
.m-news-pager a:hover,
.m-search-pager a:hover{
text-decoration:underline;
}
.m-news-pager.select,
.m-search-pager.select{
display:flex;
}
.m-search-pager_center{
display:flex;
align-items:center;
position:absolute;
left:50%;
transform:translateX(-50%);
}
.m-search-pager_right{
display:flex;
flex-wrap:wrap;
align-items:center;
padding: 0 5px;
}
.m-search-pager_right{
margin-left:auto;
}
@media screen and(max-width:1279px){
.m-search-pager_center{
position:static;
margin-left:auto;
margin-right:auto;
transform:none;
margin-bottom:-5px;
}
.m-search-pager_right{
margin-left:0;
}
}
.m-news-pager.pager,
.m-news-pager.guide,
.m-search-pager.pager,
.m-search-pager.guide{
padding:5px 0;
}
.m-news-article-h{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:10px 20px;
border-top:solid 1px#c5cccf;
border-bottom:solid 1px#c5cccf;
}
.m-news-article-h--with-link{
padding-right:80px;
}
.m-news-article-h--with-link.btn{
position:absolute;
right:20px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.m-news-article-h.title{
width:100%;
flex-shrink:0;
margin-bottom:10px;
}
.m-news-article-h.sub{
margin-right:1em;
}
.m-news-article-body img{
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}
.m-news-article-body p{
width:100%;
margin-bottom:20px;
word-break:normal;
}
.m-openTab{
position:relative;
width:100%;
min-width:300px;
}
.m-openTab--en{
min-width:350px;
}
.m-openTab_btn{
font-size:1.6rem;
line-height:1;
text-align:center;
background-color:#fff;
color:#333;
padding:7.5px 10px;
border:solid 2px#c5cccf;
border-radius:5px;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.m-openTab_btn.is-opened{
padding-bottom:9.5px;
border-radius:5px 5px 0 0;
border-bottom:none;
}
.m-openTab_inner{
display:none;
position:absolute;
width:100%;
height:0;
font-size:15px;
border:none;
}
.m-openTab_inner option{
position:relative;
}
.m-openTab_inner option::before{
display:none;
}
.is-opened+.m-openTab_inner{
display:block;
height:150px;
padding:0 0.5em;
border:solid 2px#c5cccf;
border-top:none;
border-radius:0 0 5px 5px;
}
@media screen and(max-width:768px){
.m-openTab{
min-width:0;
}
.m-openTab_inner{
display:none;
}
.m-openTab_sp{
width:100%;
max-width:400px;
height:150px;
text-align:left;
background-color:#fff;
padding:10px;
border:solid 2px#c5cccf;
border-radius:5px;
margin-left:auto;
margin-right:auto;
overflow-y:scroll;
}
.m-openTab_sp li{
margin-bottom:5px;
}
}
.l-tabMenu_panel{
display:none;
}
.l-tabMenuBtn{
display:flex;
border-bottom:solid 5px#0071b5;
}
.l-tabMenuBtn_item{
width:100%;
border:solid 3px#0071b5;
border-bottom:none;
text-align:center;
color:#0074b5;
font-size:1.2em;
font-weight:700;
padding:0.6em 0 0.5em;
border-radius:15px 15px 0 0;
margin:0 0.5em;
cursor:pointer;
}
.l-tabMenuBtn_item.is-active{
background-color:#0071b5;
color:#fff;
cursor:default;
}
.l-gdprArea{
position:fixed;
bottom:0;
width:100%;
background-color:rgba(230,244,255,0.93);
animation:gdprAreaPop 1s ease 0s 1 alternate none running;
z-index:9999;
}
.l-gdprArea_inner{
position:relative;
display:flex;
align-items:center;
max-width:1280px;
padding:15px 20px;
margin-left:auto;
margin-right:auto;
}
.l-gdprArea_text{
font-size:14px;
line-height:1.5;
}
.l-gdprArea_accept{
margin-left:auto;
margin-right:auto;
}
@media screen and(max-width:767px){
.l-gdprArea_inner{
display:block;
padding:10px 10px;
margin-left:auto;
margin-right:auto;
}
.l-gdprArea_text{
font-size:12px;
line-height:1.3;
padding-bottom:6px;
}
}
@keyframes gdprAreaPop{
0%{
transform:translateY(100%);
}
100%{
transform:translateY(0);
}
}
.l-searchPager{
display:flex;
justify-content:space-between;
align-items:center;
font-size:1.4rem;
background-color:#d9e2e8;
padding:0.5em 0.7em;
}
.l-searchPager_select{
display:flex;
}
.l-searchPager_select>*{
margin-right:7px;
}
.l-searchPager_select>*:last-child{
margin-right:0;
}
.l-searchPager_select>*>*{
margin-right:5px;
}
.l-searchPager_select>*>*:last-child{
margin-right:0;
}
.l-searchPager_caption{
font-weight:700;
display:inline-block;
margin-right:0.5em;
}
.l-searchPager_pagenation a{
margin:0 5px;
}
.l-searchPager_guide{
color:#555;
}
@media screen and(max-width:1279px){
.l-searchPager{
flex-wrap:wrap;
}
.l-searchPager_pagenation{
margin:0 auto;
}
.l-searchPager_pagenation a{
margin:0 2px;
}
.l-searchPager_guide{
width:100%;
text-align:center;
padding-top:5px;
}
}
@media screen and(max-width:767px){
.l-searchPager{
padding:0.5em 0.1em;
font-size:13px;
}
.l-searchPager_select{
flex-wrap:wrap;
justify-content:space-around;
width:100%;
}
.l-searchPager_select>*{
margin-right:0;
margin-bottom:3px;
text-align:center;
}
.l-searchPager_select>*:last-child{
margin-right:0;
margin-bottom:0;
}
.l-searchPager_caption{
text-align:center;
}
.l-searchPager_pagenation{
padding-top:5px;
}
.l-searchPager_guide{
padding-top:3px;
}
}
.l-footerGuide-wrap{
display:flex;
}
.l-footerGuide-wrap>*{
width:50%;
}
.l-footerGuide-wrap>*:first-child{
margin-right:40px;
}
.l-footerGuide_items{
margin-bottom:20px;
}
.l-footerGuide_items-head{
font-size:1.8rem;
font-weight:700;
background-color:#ebeff1;
padding:10px 15px;
margin-bottom:15px;
}
.l-footerGuide_items-body{
font-size:1.6rem;
padding:10px 0;
overflow:hidden;
}
.l-footerGuide_datalist{
display:flex;
font-size:1.4rem;
line-height:1.5;
padding-bottom:10px;
}
.l-footerGuide_datalist:last-child{
padding-bottom:0;
}
.l-footerGuide_datalist-head{
min-width:150px;
}
@media screen and(max-width:768px){
.l-footerGuide-wrap{
flex-direction:column;
}
.l-footerGuide-wrap>*{
margin:0;
width:100%;
}
.l-footerGuide_datalist{
flex-direction:column;
}
.l-footerGuide_datalist-head{
min-width:auto;
padding-bottom:5px;
}
}
.p-selectArea{
background-color:#d9e2e8;
padding:20px;
}
.p-selectArea_heading{
font-size:1.2em;
}
.p-selectArea_contents{
display:flex;
}
.p-selectArea_form{
width:100%;
}
.p-selectArea_btnArea{
width:230px;
flex-shrink:0;
align-self:flex-end;
padding:0 15px;
margin:0 auto;
}
.p-selectArea_field{
width:100%;
display:flex;
align-items:center;
}
.p-selectArea_title{
flex-shrink:0;
text-align:center;
margin-right:0.5em;
}
.p-selectArea_title--7em{
width:7em;
flex-shrink:0;
text-align:center;
margin-right:0.5em;
}
.p-selectArea_title--9em{
width:9em;
flex-shrink:0;
text-align:center;
margin-right:0.5em;
}
.p-selectArea_input{
margin-right:0.5em;
}
.p-selectArea_input:last-child{
margin-right:0;
}
.p-selectArea_input input[type="checkbox"]{
margin-right:5px;
margin-top:0px;
}
@media screen and(max-width:769px){
.p-selectArea_heading{
font-weight:700;
}
.p-selectArea_contents{
display:block;
}
.p-selectArea_field{
display:block;
}
.p-selectArea_title,
.p-selectArea_title--9em,
.p-selectArea_title--7em{
width:100%;
flex-shrink:0;
text-align:left;
margin-left:0;
margin-right:0;
margin-bottom:0.25em;
}
.p-selectArea_input{
width:100%;
text-align:center;
}
}
.p-bomTable table{
table-layout:auto;
}
.p-bomTable table tbody tr>*:first-child{
width:100px;
}
.p-bomTable td,.p-bomTable th{
vertical-align:middle!important;
min-width:80px;
}
.p-bomTable_spTh{
display:none;
}
.p-bomTable_btnList{
max-width:270px;
display:flex;
flex-wrap:wrap;
justify-content:center;
margin:0 auto;
}
.p-bomTable_btnList::after{
content:'';
display:block;
width:130px;
}
@media screen and(max-width:769px){
.p-bomTable thead{
display:none;
}
.p-bomTable colgroup{
display:none;
}
.p-bomTable tr{
display:block;
border:solid 2px#ccc;
padding-bottom:10px;
margin-bottom:15px;
}
.p-bomTable th,
.p-bomTable td{
width:100%!important;
display:block;
border:none!important;
}
.p-bomTable_spTh{
display:inline-block;
}
.p-bomTable.p-bomTable_harfTd{
width:50%!important;
float:left!important;
}
}
@media screen and(max-width:410px){
.p-bomTable.p-bomTable_harfTd{
width:100%!important;
float:none!important;
}
}
.p-itemTable{
font-size:14px;
}
.p-itemTable_inner{
width:100%;
}
.p-itemTable_inner tr:not(:last-child){
border-bottom:solid 1px#ccc;
}
.p-itemTable_inner thead{
border-bottom:dashed 1px#ccc;
}
.p-itemTable_inner thead th{
font-weight:700;
padding:6px 3px;
}
.p-itemTable_inner td{
padding:6px 3px;
}
@media screen and(max-width:767px){
.p-itemTable_inner,
.p-itemTable_inner>tbody{
display:block;
max-width:100%;
}
.p-itemTable_inner tr{
display:block;
background-color:#fff;
padding:9px;
border:solid 3px#ccc!important;
margin-bottom:12px;
}
.p-itemTable_inner td{
width:100%!important;
display:block;
padding:0;
margin-bottom:6px;
}
.p-itemTable_inner td:last-child{
margin-bottom:0;
}
.p-itemTable_inner thead{
display:none;
}
}
.p-flowList{
font-size:14px;
}
.p-flowList_inner{
width:100%;
}
.p-flowList_item{
position:relative;
display:flex;
align-items:center;
background-color:#ebeff1;
border-radius:6px;
}
.p-flowList_item:not(:last-child){
margin-bottom:18px;
}
.p-flowList_item:not(:last-child)::after{
position:absolute;
top:100%;
left:calc(50%-12px);
content:'';
display:block;
width:0;
height:0;
border-style:solid;
border-width:15px 12px 0 12px;
border-color:#ebeff1 transparent transparent transparent;
}
.p-flowList_item>td{
padding:6px 12px;
}
.p-flowList_item>td:last-child{
margin-left:auto;
}
.p-flowList_item-num{
font-weight:700;
}
@media screen and(max-width:767px){
.p-flowList_item{
display:block;
padding:9px;
}
.p-flowList_item>td{
display:block;
padding:0;
}
.p-flowList_item>td:last-child{
text-align:center;
}
}
.p-dialog{
position:fixed;
width:700px;
max-width:700px;
height:auto;
border:1px solid#666;
z-index:10003;
overflow:hidden;
}
.p-dialog--fill{
position:fixed;
width:calc(100vw-2%);
height:calc(100vh-2%);
border:1px solid#666;
z-index:10003;
overflow:hidden;
}
.p-dialog--large{
position:fixed;
width:calc(100vw-6%);
max-width:1000px;
height:calc(100vh-6%);
border:1px solid#666;
z-index:10003;
overflow:hidden;
}
.p-dialog_header{
display:flex;
justify-content:space-between;
align-items:center;
padding:5px 10px 4px;
background:#0071b5;
color:#fff;
font-weight:bold;
overflow:hidden;
}
.p-dialog_title{
font-size:18px;
font-weight:700;
line-height:1.5;
}
.p-dialog_closebtn{
font-size:20px;
width:1.2em;
height:1.2em;
background-color:#4D9CCB;
padding:2px;
line-height:0;
color:#fff;
border:none;
}
.p-dialog_content{
width:698px;
padding:15px;
background-color:#f7fdfd;
}
.p-dialog--fill.p-dialog_content,
.p-dialog--large.p-dialog_content,
.p-dialog--sm.p-dialog_content{
width:100%;
height:calc(100%-35px);
padding:15px;
background-color:#f7fdfd;
overflow-y:auto;
}
.p-dialog_btnArea{
display:flex;
justify-content:center;
}
.p-dialog_content.p-mForm_items p{
width:100%;
text-align:center;
margin:1em 0;
}
.p-dialog_desc{
margin:1em 0;
}
@media screen and(max-width:768px){
.p-dialog{
position:absolute;
width:100%;
}
.p-dialog--fill,
.p-dialog--large{
position:fixed;
width:calc(100vw-14px);
height:calc(100vh-14px);
border:1px solid#666;
z-index:10003;
overflow:hidden;
}
.p-dialog_content{
width:100%;
}
.p-dialog--fill.p-dialog_content,
.p-dialog--large.p-dialog_content{
width:100%;
height:100%;
padding:10px 0 30px;
background-color:#f7fdfd;
overflow-y:scroll;
}
}
.p-dialog--mail{
position:fixed;
width:700px;
max-width:700px;
border:1px solid#666;
z-index:10003;
}
.l-btn-cs{
display:flex;
justify-content:space-around;
}
.btn-cc{
width:120px;
}
.btn-ss{
width:120px;
}
.mg-10{
margin:10px 0;
}
@media screen and(max-width:768px){
.p-dialog--mail{
width:100%;
}
}
.p-cartAlert_toc{
margin-bottom:15px;
}
.p-cartAlert_toc-spth{
display:none;
}
.p-cartAlert_toc table{
width:100%;
}
.p-cartAlert_toc table th{
text-align:center;
background-color:#ebeff1;
border:solid 1px#ccc;
padding:5px;
}
.p-cartAlert_toc table td{
text-align:center;
background-color:#fff;
border:solid 1px#ccc;
padding:5px;
}
.p-cartAlert_announce{
background-color:#fff;
font-size:13px;
padding:0 1em;
border:solid 1px#ccc;
}
.p-cartAlert_announce-item{
padding:0.5em 0;
border-bottom:solid 1px#ccc;
}
.p-cartAlert_announce-item:last-child{
border-bottom:none;
}
.p-cartAlert_consent-desc{
text-align:center;
margin:1em 0;
}
.p-cartAlert_consent-btn{
display:flex;
justify-content:space-around;
}
.p-cartAlert_consent-btn-accept{
width:200px;
background-color:#1db75b;
color:#fff;
font-size:1.2em;
font-weight:700;
padding:0.3em 0.2em;
border:none;
border-radius:5px;
}
.p-cartAlert_consent-btn-reject{
width:200px;
background-color:#cc0000;
color:#fff;
font-size:1.2em;
font-weight:700;
padding:0.3em 0.2em;
border:none;
border-radius:5px;
}
.p-cartAlert_consent-foot{
font-size:0.8em;
margin-top:0.5em;
text-align:right;
}
@media screen and(max-width:768px){
.p-cartAlert_toc-spth{
display:block;
border-bottom:solid 2px#ebeff1;
background-color:#ebeff1;
margin-bottom:0.25em;
}
.p-cartAlert_toc td{
display:block;
padding:0;
border-right:none;
border-top:solid 1px#ccc;
padding-bottom:0.25em;
}
.p-cartAlert_toc th{
display:none;
}
.p-cartAlert_consent-btn-accept{
width:150px;
background-color:#1db75b;
color:#fff;
font-size:1.2em;
font-weight:700;
padding:0.3em 0.2em;
border:none;
border-radius:5px;
}
.p-cartAlert_consent-btn-reject{
width:150px;
background-color:#cc0000;
color:#fff;
font-size:1.2em;
font-weight:700;
padding:0.3em 0.2em;
border:none;
border-radius:5px;
}
}
.p-draggableArea{
position:relative;
width:100%;
height:230px;
background-color:#fff;
border:dashed 4px#ccc;
}
.p-draggableArea--small{
position:relative;
width:100%;
height:150px;
background-color:#fff;
border:dashed 2px#ccc;
}
.p-draggableArea_info{
position:absolute;
top:50%;
transform:translateY(-50%);
width:100%;
text-align:center;
font-size:30px;
font-weight:500;
color:#ccc;
}
.p-draggableArea-result{
max-width:700px;
font-weight:500;
margin-left:auto;
margin-right:auto;
}
.p-draggableArea-result_table{
width:100%;
}
.p-draggableArea-result_table th{
border:solid 1px#ccc;
padding:5px;
background-color:#cfe4f1;
text-align:center;
}
.p-draggableArea-result_table th:last-child{
width:90px;
}
.p-draggableArea-result_table td{
border:solid 1px#ccc;
padding:5px 15px;
vertical-align:middle;
}
@media screen and(max-width:1279px){
.p-draggableArea{
display:none;
}
.p-draggableArea--small{
display:none;
}
.p-draggableArea_result{
display:none;
}
}
.p-itemInputList{
width:100%;
}
.p-itemInputList thead th{
font-weight:700;
padding-bottom:5px;
border-bottom:solid 2px#ccc;
margin-bottom:5px;
}
.p-itemInputList tbody tr:first-child td{
padding-top:5px;
}
.p-itemInputList tbody td{
padding-right:5px;
padding-bottom:5px;
}
@media screen and(max-width:767px){
.p-itemInputList{
display:none;
}
.p-itemInputListSp_col{
position:relative;
padding:12px 0;
border-bottom:solid 1px#ccc;
}
.p-itemInputListSp.js-accordion-trigger{
position:absolute;
top:3px;
right:0;
}
.p-itemInputListSp.js-accordion-trigger.c-arrow{
top:0;
right:0;
}
.p-itemInputListSp_item{
margin-bottom:6px;
}
.p-itemInputListSp_item dt{
margin-bottom:3px
}
}
.p-p-ban-nav{
display:flex;
margin-bottom:15px;
}
.p-p-ban-nav_item{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background-color:#0071b5;
text-align:center;
color:#fff;
font-size:1.2em;
font-weight:700;
padding:0.6em 0 0.5em;
border-radius:5px;
margin:0 0.5em;
cursor:pointer;
}
.p-p-ban-nav_item--small{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background-color:#0071b5;
text-align:center;
color:#fff;
font-size:0.8em;
font-weight:700;
padding:0.6em 0 0.5em;
border-radius:5px;
margin:0 0.5em;
cursor:pointer;
height:40px;
}
.p-p-ban-nav_item--small:nth-child(1),.p-p-ban-nav_item--small:nth-child(2){
width:39%;
}
.p-p-ban-nav_item--small:nth-child(3){
width:280px;
}
@media screen and(max-width:1279px){
.p-p-ban-nav_item--small{
width:33%!important;
margin-top:30px;
}
}
@media screen and(max-width:759px){
.p-p-ban-nav_item--small{
width:100%!important;
margin-top:30px;
font-size:1.4rem;
}
}
.p-p-ban-nav_item.is-active{
background-color:#465869;
}
.p-p-ban-nav_item a{
color:#fff;
}
.p-p-ban-nav_item img{
display:inline-block;
height:1.6rem;
width:auto;
padding-left:5px;
padding-bottom:2px;
vertical-align:middle
}
.p-p-ban-nav_item[aria-current="true"]{
background-color:#465869;
}
@media screen and(max-width:759px){
.p-p-ban-nav{
flex-direction:column;
align-items:center;
}
.p-p-ban-nav_item{
margin:0;
margin-bottom:5px;
}
}
.CA{
width:100%;
max-width:1120px;
margin:30px auto;
}
.p-mForm{
font-size:16px;
color:#333;
}
.p-mForm*{
box-sizing:border-box;
}
.p-mForm_section{
margin-bottom:0;
}
.p-mForm_box{
margin-bottom:0;
}
.p-mForm_heading{
background-color:#0071b5;
color:#fff;
font-size:1.2em;
font-weight:700;
padding:0.5em 0.8em 0.4em;
}
.p-mForm_heading-desc{
font-weight:700;
padding:0.2em 1em;
border-bottom:solid 3px#0071b5;
}
.p-mForm_innerHeading{
background-color:#ecf3f7;
font-size:1.2em;
font-weight:700;
padding:0.2em 0.8em;
}
.p-mForm_col{
display:flex;
padding:1em 0;
border-bottom:solid 1px#ccc;
min-height:130px;
}
.p-mForm_col-head{
display:flex;
align-items:center;
flex-shrink:0;
}
.p-mForm_col-body{
flex-grow:1;
display:flex;
flex-direction:column;
margin:0 1em;
}
.p-mForm_title{
flex-shrink:0;
font-size:1.2em;
font-weight:700;
color:#465869;
margin:0 1em;
text-align:center;
}
.p-mForm_title--large{
width:7em;
font-size:1.1em;
font-weight:700;
color:#465869;
margin:0 1em;
text-align:center;
}
.p-mForm_descImage{
flex-shrink:0;
width:130px;
line-height:0;
}
.p-mForm_descList{
list-style:disc;
padding-left:1.5em;
}
.p-mForm_content{
flex-grow:1;
display:flex;
align-items:center;
justify-content:space-around;
flex-wrap:wrap;
}
.p-mForm_items{
flex-grow:1;
display:flex;
align-items:center;
padding:5px 0;
}
.p-mForm_items--long{
flex-grow:1;
display:flex;
align-items:center;
}
.p-mForm_items--long p{
width:80%;
}
.p-mForm_items.p-mForm_input{
width:7em;
}
.p-mForm_state{
font-size:1.2em;
font-weight:700;
}
.p-mForm_btnArea{
display:flex;
justify-content:center;
min-width:300px;
}
.p-mForm_textArea{
width:90%;
max-width:700px;
margin-left:auto;
margin-right:auto;
}
.p-mForm_textArea textarea{
width:100%;
}
.p-mForm_checkbox{
flex-grow:1;
display:flex;
justify-content:space-around;
width:100%;
}
.p-mForm_checkbox label{
display:block;
width:100%;
color:#333;
cursor:pointer;
text-align:center;
padding:0.7em 0.3em;
border:solid 1px#ccc;
border-radius:5px;
margin:0 0.25em;
font-size:14px;
font-weight:700;
}
.p-mForm_checkbox input{
display:none;
}
.p-mForm_otherArea{
width:430px;
display:flex;
align-items:center;
margin-left:auto;
}
.p-mForm_otherArea>input[type="checkbox"]{
flex-shrink:0;
}
.p-mForm_otherArea-heading{
flex-shrink:0;
margin-right:0.5em;
}
.p-mForm_otherArea>textarea{
font-size:14px;
}
.p-mForm_checkbox-color{
width:100%;
padding-bottom:5px;
border-bottom:solid 5px#ccc;
margin-left:7px;
}
.p-mForm_checkbox-color label{
margin:0;
}
.p-p-ban-inquily{
display:flex;
align-items:center;
justify-content:flex-end;
}
.p-p-ban-inquily>p{
font-weight:700;
margin-right:0.5em;
}
.check_box:checked+.label{
background-color:#0071b5;
color:#fff;
}
.p-mForm_confirmtext{
min-width:10em;
text-align:center;
background-color:#e4e4e4;
padding:0.7em;
font-weight:700;
color:#444;
margin:0 15px;
}
.p-mForm_items-caption{
min-width:6em;
flex-shrink:0;
padding:0.7em 0.3em;
text-align:center;
}
.p-mForm_toEstimate{
text-align:right;
margin:0.5em 0;
}
@media screen and(max-width:767px){
.p-p-ban-inquily{
display:block;
}
.p-p-ban-inquily>p{
margin-right:0;
margin-bottom:0.5em;
}
}
@media screen and(max-width:768px){
.p-mForm{
font-size:14px;
color:#333;
}
.p-mForm_col{
flex-direction:column;
align-items:center;
}
.p-mForm_col-head{
flex-direction:column;
}
.p-mForm_col-body{
width:100%;
margin:1em 5px;
}
.p-mForm_content{
flex-direction:column;
margin-bottom:10px;
}
.p-mForm_items{
flex-direction:column;
margin-bottom:1em;
}
.p-mForm_items--long{
width:100%;
}
.p-mForm_items--long p{
margin:0 auto;
}
.p-mForm_checkbox{
width:90%;
flex-wrap:wrap;
}
.p-mForm_checkbox label{
display:block;
width:45%;
color:#333;
cursor:pointer;
text-align:center;
padding:0.7em;
border:solid 1px#ccc;
border-radius:5px;
margin:0.5em 0;
font-size:14px;
font-weight:700;
}
.p-mForm_items-caption{
width:100%;
}
}
@media screen and(max-width:768px){
.p-mForm_checkbox-color{
width:calc(50%-7px);
padding:0px;
border-bottom:solid 10px#ccc;
margin-bottom:10px;
}
.p-mForm_checkbox-color label{
width:100%;
}
}
@media screen and(max-width:768px){
.p-mForm_content{
display:block;
}
}
.p-smallForm{
font-size:16px;
line-height:1;
}
.p-smallForm_col{
display:flex;
min-height:90px;
font-size:16px;
padding:15px 0;
border-bottom:solid 1px#ccc;
}
.p-smallForm_col-head{
width:170px;
font-size:1em;
flex-shrink:0;
font-weight:700;
padding:0 1.5em;
align-self:center;
}
.p-smallForm_col-head--long{
width:230px;
flex-shrink:0;
font-weight:700;
padding:0 1.5em;
align-self:center;
}
.p-smallForm_col-body{
width:100%;
display:flex;
align-items:center;
flex-wrap:wrap;
align-self:center;
margin-right:-15px;
margin-bottom:-10px;
}
.p-smallForm_col-body>*{
margin-right:15px;
margin-bottom:10px;
}
.p-smallForm_col input[type="text"]{
max-width:600px;
font-size:14px;
line-height:1.2;
padding:0.5em;
}
.p-smallForm.c-alert{
width:100%;
}
.p-smallForm_caption{
font-size:14px;
color:#777;
}
@media screen and(max-width:1279px){
.p-smallForm_col-head{
width:130px;
flex-shrink:0;
font-size:14px;
padding:0 0.5em;
align-self:center;
}
}
@media screen and(max-width:767px){
.p-smallForm_col{
min-height:unset;
display:block;
}
.p-smallForm_col-head--long,
.p-smallForm_col-head{
width:100%;
padding:0;
margin-bottom:5px;
}
.p-smallForm_col-body>*{
margin-left:auto;
margin-right:auto;
}
}
.p-answerBox_heading{
font-size:1.2em;
font-weight:700;
color:#fff;
background-color:#0071b5;
padding:0.5em;
}
.p-answerBox_contents{
border:none;
margin-top:15px;
}
.p-pban-answer{
position:relative;
display:flex;
border:solid 1px#ccc;
margin-left:50px;
}
.p-pban-answer_heading{
position:absolute;
top:0;
left:-120px;
width:120px;
height:100%;
padding-top:40px;
}
.p-pban-answer_heading-text{
min-height:34px;
font-size:14px;
font-weight:700;
text-align:center;
padding:8px 0;
border-radius:10px 0 0 10px;
background-color:#e2eef8;
margin-left:2px;
margin-right:1px;
margin-bottom:1px;
}
.p-pban-answer_box{
width:100%;
border-right:solid 1px#ccc;
}
.p-pban-answer_box:last-child{
border-right:none;
}
.p-pban-answer_box.is-invalid{
background-color:#eee;
}
.p-pban-answer_box-status{
font-size:18px;
font-weight:700;
text-align:center;
line-height:1.7;
background-color:#aaa;
color:#fff;
padding:5px;
}
.p-pban-answer_box-status.more-low-priced{
background-color:#dd1a00;
}
.p-pban-answer_box-status.low-priced{
background-color:#ee5700;
}
.p-pban-answer_box-status.middle-priced{
background-color:#f18900;
}
.p-pban-answer_box-status.express{
background-color:#06a700;
}
.p-pban-answer_box-status.rapid-express{
background-color:#0038b9;
}
.p-pban-answer_box-inner{
flex-grow:1;
font-size:15px;
padding:0 8px 8px;
}
.p-pban-answer_box.is-invalid.p-pban-answer_box-inner{
display:flex;
justify-content:center;
align-items:center;
height:calc(100%-40px);
text-align:center;
}
.p-pban-answer_box-info{
height:35px;
padding-top:9px;
padding-bottom:8px;
border-bottom:solid 1px#ccc;
}
.p-pban-answer_box-info-sp{
display:none;
}
.p-pban-answer_box-btn{
margin:8px 0;
}
.p-pban-answer_box-btn>*{
margin-bottom:5px;
}
.p-pban-answer_box-btn>*:last-child{
margin-bottom:0;
}
.p-pban-answer_box-desc{
font-size:14px;
line-height:1.5;
}
@media screen and(max-width:1279px){
.p-pban-answer{
display:block;
margin-left:0;
}
.p-pban-answer_heading{
display:none;
}
.p-pban-answer_box{
display:flex;
border-bottom:solid 1px#ccc;
border-right:none;
}
.p-pban-answer_box:last-child{
border-bottom:none;
}
.p-pban-answer_box-inner{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
width:100%;
padding:10px;
}
.p-pban-answer_box.is-invalid.p-pban-answer_box-inner{
height:100%;
text-align:left;
}
.p-pban-answer_box-info{
width:calc(33.33%-5px);
height:auto;
}
.p-pban-answer_box.is-invalid.p-pban-answer_box-info{
display:none;
}
.p-pban-answer_box-info-sp{
display:inline-block;
font-weight:700;
margin-right:0.5em;
}
.p-pban-answer_box-btn{
padding-right:10px;
border-right:dashed 1px#ccc;
margin-right:10px;
}
.p-pban-answer_box.is-invalid.p-pban-answer_box-btn{
width:160px;
padding:10px 0;
}
.p-pban-answer_box-desc{
margin-right:auto;
}
.p-pban-answer_box-status{
width:45px;
line-height:1.2;
}
}
@media screen and(max-width:767px){
.p-pban-answer_box-info{
width:100%;
}
.p-pban-answer_box-btn{
width:100%;
margin-right:0;
border-right:none;
padding-right:0;
}
}
.p-tableForm{
width:100%;
margin:0 5px;
}
.p-tableForm_inner{
margin-bottom:20px;
}
.p-tableForm table{
width:100%;
}
.p-tableForm td{
min-width:150px;
padding:0.25em;
text-align:center;
border:solid 1px#ccc;
}
.p-tableForm td input{
text-align:right;
margin:0 0.3em;
}
.p-tableForm th{
padding:0.25em;
background-color:#ebeff1;
border:solid 1px#ccc;
text-align:center;
}
.c-alert{
color:#c00000;
}
.c-smallalert{
font-size:11px;
color:#c00000;
line-height:1.2;
}
.c-notes{
font-size:0.8em;
}
.c-basicBtn{
background-color:#ff932d;
border-radius:5px;
cursor:pointer;
}
.c-basicBtn a{
display:inline-block;
padding:0.5em 1em;
color:#fff;
font-size:1.1em;
font-weight:700;
text-decoration:none;
}
.h-inchihenkanBtn{
margin:10px 1.5em;
}
.c-title--gy{
font-size:1.6rem;
font-weight:700;
background-color:#ebeff1;
padding:10px 15px;
}
.c-lineTitle{
font-size:2rem;
font-weight:700;
padding-bottom:.25em;
border-bottom:solid 1px#c5cccf;
}
.c-arrow{
top:7px;
right:20px;
font-size:2.4rem;
line-height:1;
transition:0.3s;
color:#666;
}
.c-emphasisLink{
display:block;
font-size:12px;
line-height:1.3;
color:#0000ff;
padding:6px;
border-radius:3px;
}
.m-searchResult{
position:relative;
font-size:12px;
border-top:solid 1px#ccc;
}
.m-searchResult[aria-hidden=true]{
opacity:0;
}
.m-searchResult_header{
overflow:hidden;
position:absolute;
font-size:14px;
z-index:1;
}
.m-searchResult_header.is-fixed{
position:fixed;
z-index:10001;
}
.m-searchResult_contents{
margin-left:810px;
position:static!important;
padding-top:30px;
overflow-x:hidden;
}
.m-searchResult_results{
table-layout:fixed;
min-width:100%;
}
.m-searchResult.jspContainer{
position:static!important;
}
.m-searchResult.jspPane{
margin-left:810px;
}
.m-searchResult.jspDrag{
border-radius:15px;
}
.m-searchResult_results-headCheck{
position:relative;
padding-left:30px;
}
.m-searchResult_results-headCheck-input{
position:absolute;
top:1px;
left:0;
width:24px;
height:100%;
display:flex;
align-items:center;
padding-right:6px;
border-right:solid 1px#ddd;
}
.m-searchResult_results-headCheck-input input[type="checkbox"]{
margin-right:0;
}
.m-searchResult_results-column{
display:flex;
}
.m-searchResult_results-column.is-checked>*{
background-color:#fffceb!important;
}
.m-bg-fff{
background-color:#fff;
}
.m-searchResult_product-image p img{
max-width:45px;
max-height:45px;
width:auto;
height:auto;
}
.m-searchResult_results-box{
display:block;
flex-shrink:0;
width:160px;
min-width:160px;
height:200px;
padding:5px;
border-right:solid 1px#ccc;
}
.m-searchResult_results-fixbox{
position:absolute;
left:0;
display:flex;
flex-shrink:0;
width:810px;
height:auto;
padding:5px;
border-left:solid 1px#ccc;
border-right:solid 3px#ccc;
}
th.m-searchResult_results-box{
font-size:1.2rem;
height:30px;
padding:6px;
background-color:#cfe4f1!important;
}
th.m-searchResult_results-box.box-first{
padding-left:803px;
}
th.m-searchResult_results-fixbox{
height:30px;
padding:6px;
background-color:#cfe4f1!important;
}
.m-searchResult_scrollbar{
margin-left:810px;
}
.m-searchResult_scrollbar.jspHorizontalBar{
top:auto;
left:810px;
bottom:0;
right:0;
}
.m-searchResults_scrollbar-inner{
height:15px;
}
.m-searchResult_scrollbarWrap{
margin-top:-15px;
position:relative;
background-color:rgba(0,0,0,0.2);
}
.m-searchResult_scrollbarWrap.is-fixed{
position:fixed;
bottom:0;
}
.m-searchResult_product{
width:280px;
position:relative;
padding-left:30px;
}
.m-searchResult_product-checkBox{
position:absolute;
top:0;
left:0;
width:24px;
height:100%;
display:flex;
align-items:center;
padding-right:6px;
border-right:solid 1px#ddd;
}
.m-searchResult_product-checkBox input[type="checkbox"]{
margin-right:0;
}
.m-searchResult_product-name,
.m-searchResult_product-maker,
.m-searchResult_product-category,
.m-searchResult_product-caption{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.m-searchResult_product-name{
font-size:1.8rem;
font-weight:700;
}
.m-searchResult_product-icon>a{
display:block;
width:30px;
height:30px;
margin-right:5px;
background-image:url(../images/common/icons-search-data.png);
}
.m-searchResult_product-icon>a:hover{
opacity:0.7;
}
.m-searchResult_product-icon.pdf a{
background-position:0 0;
}
.m-searchResult_product-icon.rohs a{
background-position:0-30px;
}
.m-searchResult_product-icon.norohs a{
background-position:0 30px;
}
.m-searchResult_product-icon.ccl a{
background-position:0 60px;
}
.m-searchResult_product-icon.fav a{
background-position:0-60px;
}
.m-searchResult_product-icon.share{
position:relative;
}
.m-searchResult_product-icon.share>a{
background-image:url(../images/common/icon-share.png);
background-size:contain;
}
.m-searchResult_product-icon.dwl a{
background-image:url(../images/common/icon-dl.png);
background-size:contain;
}
.m-searchResult_product-icon.dwl input{
background-image:url(../images/common/icon-dl.png);
background-size:contain;
}
.m-searchResult_product-image{
display:flex;
justify-content:center;
align-items:center;
width:47px;
height:47px;
background-color:#fff;
border:solid 1px#ccc;
margin-left:auto;
}
.m-searchResult_product-info{
margin-top:5px;
}
.m-searchResult_price{
width:170px;
border-left:solid 1px#ddd;
padding-left:10px;
margin-left:10px;
}
.m-searchResult_info{
width:133px;
border-left:solid 1px#ddd;
padding-left:10px;
margin-left:10px;
}
.m-searchResult_price-tbl{
width:100%;
}
.m-searchResult_price-tbl th{
font-weight:700;
padding:1px 0;
border-bottom:solid 1px#333;
}
.m-searchResult_price-tbl tr>td:nth-child(2),
.m-searchResult_price-tbl tr>th:nth-child(2){
text-align:right;
}
.m-searchResult_cart{
width:170px;
border-left:solid 1px#ddd;
padding-left:10px;
margin-left:10px;
}
.m-searchResult_cart-input{
display:flex;
align-items:center;
justify-content:space-between;
}
.m-searchResult_cart-input span{
flex-shrink:0;
display:inline-block;
width:56px;
font-size:1.1rem;
line-height:1.1;
}
.m-searchResult_cart-input-num{
flex-shrink:0;
display:flex;
justify-content:center;
align-items:center;
margin-left:auto;
}
.m-searchResult_cart-input-num-plus,
.m-searchResult_cart-input-num-minus{
border:none;
width:20px;
height:20px;
font-weight:700;
color:#fff;
background-color:#0071b5;
background-size:auto 100%;
}
.m-searchResult_cart-total{
width:100%;
min-width:120px;
text-align:right;
font-size:1.1em;
font-weight:700;
color:#cc0000;
background-color:#ffe2e4;
padding:6px;
}
.m-searchResult_cart-subTotal{
width:100%;
min-width:120px;
text-align:right;
font-size:1.1em;
font-weight:700;
background-color:#e2f1ff;
padding:6px;
}
.m-searchResult_stock{
width:170px;
border-left:solid 1px#ddd;
padding-left:10px;
margin-left:10px;
}
.m-searchResult_checkBox{
display:flex;
align-items:center;
flex-shrink:0;
max-width:25px;
padding-right:5px;
border-right:solid 1px#ccc;
margin-right:5px;
}
input[type="text"].m-searchResult_cart-input-num-text{
width:55px;
font-size:1.3rem;
text-align:right;
background-color:#fff;
padding:0 0.2em;
margin:0 3px;
}
input[type="text"].m-searchResult_cart-input-num-text.m-searchResult_cart-input-num--fill{
width:100px;
}
.m-searchResult_status{
display:inline-block;
background-color:#ccc;
color:#fff;
padding:0 0.5em;
}
.m-searchResult_status.newitem{
background-color:#eb4080;
}
.m-searchResult_status.stock{
background-color:#3988b8;
}
.m-searchResult_status.orgstock{
background-color:#3893a7;
}
.m-searchResult_status.extraparts{
background-color:#4c9fb0;
}
.m-searchResult_status.distribution{
background-color:#7fbdca;
}
.m-searchResult_status.MFRoriginal{
background-color:#25899e;
}
.m-searchResult_status.greencat{
background-color:#27c968;
}
.m-searchResult_status.pinkcat{
background-color:#f855c7;
}
.m-searchResult_status.full-reel{
background-color:#9bbe79;
}
.m-searchResult_status.Reel-process{
background-color:#9ad662;
}
@media screen and(max-width:1279px){
.m-searchResult{
background-color:#fff;
border:none;
}
.m-searchResult_header{
display:none;
}
.m-searchResult_contents{
padding-top:0;
margin-left:0;
}
.m-searchResult_results{
width:100%;
}
.m-searchResult_results-column{
display:block;
width:100%;
border:solid 3px#ccc;
margin-bottom:10px;
}
.m-searchResult_results-fixbox{
width:100%;
height:auto;
position:static;
flex-wrap:wrap;
padding:10px;
border-right:none;
}
.m-searchResult_results-box{
width:100%;
height:auto;
display:block;
padding:10px;
}
.m-searchResult_product{
width:100%;
padding-bottom:20px;
border-bottom:solid 1px#ddd;
margin-bottom:10px;
}
.m-searchResult_product-name{
overflow:visible;
white-space:pre-wrap;
line-height:1.1;
}
.m-searchResult_product-info{
margin-top:-5px;
margin-left:15px;
}
.m-searchResult_cart,
.m-searchResult_price{
width:50%;
padding:0 10px 10px;
border-left:none;
border-bottom:1px solid#ddd;
margin-left:0;
margin-bottom:10px;
}
.m-searchResult_stock{
width:100%;
padding:0 10px;
border-left:none;
margin-left:0;
margin-bottom:10px;
}
.m-searchResult_cart-total{
min-width:100px;
}
.m-searchResult_results-box{
display:none;
}
.m-searchResult_scrollbarWrap{
display:none;
}
}
@media screen and(max-width:767px){
.m-searchResult_checkBox{
width:100%;
max-width:unset;
display:block;
text-align:center;
padding:0 0 5px;
border:none;
border-bottom:solid 1px#ccc;
margin-bottom:5px;
}
}
.m-searchResult--noclassification{
position:relative;
font-size:12px;
background-color:#ccc;
}
.m-searchResult--noclassification.m-searchResult_contents{
margin-left:0;
overflow-x:inherit;
}
.m-searchResult--noclassification.m-searchResult_scrollbar{
display:none;
}
.m-searchResult--noclassification.m-searchResult_header,
.m-searchResult--noclassification.m-searchResult_contents{
border-left:solid 1px#ccc;
}
.m-searchResult--noclassification.m-searchResult_header,
.m-searchResult--noclassification.m-searchResult_header-inner,
.m-searchResult--noclassification th.m-searchResult_results-box,
.m-searchResult--noclassification td.m-searchResult_results-box{
width:100%;
}
.m-searchResult--noclassification td.m-searchResult_results-box{
display:flex;
height:auto;
}
.m-searchResult--noclassification.m-searchResult_product{
flex-shrink:0;
width:450px;
padding-top:5px;
padding-bottom:5px;
}
.m-searchResult--noclassification.m-searchResult_price,
.m-searchResult--noclassification.m-searchResult_cart,
.m-searchResult--noclassification.m-searchResult_stock,
.m-searchResult--noclassification.m-searchResult_info{
width:calc(25%-125px);
max-width:270px;
border-left:solid 1px#ddd;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
margin-left:10px;
}
@media screen and(max-width:1279px){
.m-searchResult--noclassification{
background-color:#fff;
border:none;
padding-bottom:0;
margin-bottom:0;
}
.m-searchResult--noclassification.m-searchResult_contents{
border-left:none;
}
.m-searchResult--noclassification.m-searchResult_results-column{
margin-bottom:10px;
}
.m-searchResult--noclassification td.m-searchResult_results-box{
flex-wrap:wrap;
height:auto;
}
.m-searchResult--noclassification.m-searchResult_product{
width:100%;
padding-top:0;
padding-bottom:20px;
}
.m-searchResult--noclassification.m-searchResult_cart,
.m-searchResult--noclassification.m-searchResult_price,
.m-searchResult--noclassification.m-searchResult_stock,
.m-searchResult--noclassification.m-searchResult_info{
width:50%;
padding:0 10px 10px;
border-left:none;
border-bottom:1px solid#ddd;
margin-left:0;
margin-bottom:10px;
}
.m-searchResult--noclassification.m-searchResult_stock,
.m-searchResult--noclassification.m-searchResult_info{
border-bottom:none;
margin-bottom:0;
}
}
.m-searchSample{
border-bottom:solid 1px#ccc;
}
.m-searchSample.m-searchResult_contents{
padding-bottom:0;
}
.m-searchSample th.m-searchResult_results-fixbox,
.m-searchSample th.m-searchResult_results-box{
background-color:#d6f1cf!important;
}
.m-searchSample td.m-searchResult_results-fixbox,
.m-searchSample td.m-searchResult_results-box{
background-color:#f7fbf1!important;
}
.m-searchSample[aria-hidden=true]{
opacity:0;
}
.m-searchResult--others{
overflow:hidden;
position:relative;
font-size:12px;
padding-bottom:100px;
border-top:solid 1px#ccc;
margin-bottom:-100px;
}
.m-searchResult--others.m-searchResult_contents{
margin-left:0;
}
.m-searchResult--others.m-searchResult_header,
.m-searchResult--others.m-searchResult_header-inner,
.m-searchResult--others th.m-searchResult_results-box,
.m-searchResult--others td.m-searchResult_results-box{
width:100%;
}
.m-searchResult--others.m-searchResult_scrollbar{
margin-left:0;
}
.m-searchResult--others.m-searchResult_scrollbar.jspHorizontalBar{
left:0;
}
.m-searchResult--others.m-searchResult_results-box{
border-left:solid 1px#ccc;
}
.m-searchResult--others.m-searchResult_results-box{
display:flex;
}
.m-searchResult--others.m-searchResult_contents.m-searchResult_results-box{
height:auto;
}
.m-searchResult--others.m-searchResult_results-box>*{
flex-grow:1;
}
.m-searchResult--others.m-searchResult_product{
width:250px;
}
.m-searchResult--others.m-searchResult_price,
.m-searchResult--others.m-searchResult_cart,
.m-searchResult--others.m-searchResult_stock,
.m-searchResult--others.m-searchResult_info{
border-left:solid 1px#ddd;
padding-left:10px;
margin-left:10px;
}
.m-searchResult_date{
flex-grow:0!important;
flex-shrink:0;
width:90px;
font-weight:700;
background-color:#cfe4f1;
padding:5px;
margin:-5px;
margin-right:5px;
}
.m-searchResult_bin{
flex-grow:0!important;
flex-shrink:0;
width:55px;
border-left:solid 1px#ddd;
padding-left:10px;
margin:0 5px;
}
.m-searchResult_user{
flex-grow:0!important;
flex-shrink:0;
width:100px;
border-left:solid 1px#ddd;
padding-left:10px;
margin-left:10px;
}
.m-searchResult_header-product{
width:100%;
}
.m-searchResult_header-bin{
flex-grow:0!important;
flex-shrink:0;
width:55px;
padding-left:5px;
border-left:solid 1px#ccc;
margin:0 5px;
}
.m-searchResult_header-user{
flex-grow:0!important;
flex-shrink:0;
width:100px;
padding-left:5px;
margin-left:10px;
border-left:solid 1px#ccc;
}
@media screen and(max-width:1279px){
.m-searchResult--others{
background-color:#fff;
border:none;
padding-bottom:0;
margin-bottom:0;
}
.m-searchResult--others.m-searchResult_contents{
margin-top:10px;
padding-bottom:0;
}
.m-searchResult--noclassification.m-searchResult_results-column{
margin-bottom:10px;
}
.m-searchResult--others td.m-searchResult_results-box{
flex-wrap:wrap;
height:auto;
}
.m-searchResult--noclassification.m-searchResult_product{
width:100%;
}
.m-searchResult--others.m-searchResult_cart,
.m-searchResult--others.m-searchResult_price,
.m-searchResult--others.m-searchResult_stock,
.m-searchResult--others.m-searchResult_info{
flex-grow:0!important;
width:50%;
padding:0 10px 10px;
border-left:none;
border-bottom:1px solid#ddd;
margin-left:0;
margin-bottom:10px;
}
.m-searchResult--others.m-searchResult_stock,
.m-searchResult--others.m-searchResult_info{
border-bottom:none;
margin-bottom:0;
}
.m-searchResult_date{
flex-grow:0!important;
flex-shrink:0;
width:calc(100%+20px);
text-align:center;
padding:10px;
margin-top:-10px;
margin-left:-10px;
margin-right:-10px;
margin-bottom:10px;
}
.m-searchResult_date br{
display:none;
}
.m-searchResult_bin{
flex-grow:0!important;
flex-shrink:0;
width:100%;
border-left:none;
padding-left:0;
margin:0 5px;
}
.m-searchResult_user{
flex-grow:0!important;
flex-shrink:0;
width:100%;
border-top:solid 1px#ddd;
border-left:none;
padding-top:5px;
padding-left:10px;
margin-left:0;
}
}
.m-searchFilter{
background-color:#f8f8f8;
padding:10px 20px;
}
.m-searchFilter_strechArea{
display:flex;
}
.m-searchFilter_strechArea-spBtn{
display:none;
}
.m-searchFilter_strechArea-arrow{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
width:40px;
cursor:pointer;
}
.m-searchFilter_strechArea-arrow::before{
content:'';
width:0;
height:0;
border-style:solid;
border-width:13.0px 7.5px 0 7.5px;
border-color:#5f5f5f transparent transparent transparent;
transition:0.1s;
}
.m-searchFilter_strechArea-arrow.is-active::before{
transform:rotate(180deg);
}
.m-searchFilter_categories{
overflow-y:hidden;
overflow-x:scroll;
}
.m-searchFilter_categories-list{
display:flex;
margin-left:-10px;
}
.m-searchFilter_categories-item{
width:auto;
font-size:1.2rem;
white-space:nowrap;
background-color:#fff;
padding:10px;
border:solid 3px#aaa;
border-radius:5px;
margin-left:10px;
margin-bottom:10px;
}
.m-searchFilter_menu{
width:100%;
height:210px;
display:flex;
align-items:stretch;
overflow-y:hidden;
overflow-x:scroll;
border-left:solid 1px#ccc;
border-right:solid 1px#ccc;
}
.m-searchFilter_menu_spec{
width:100%;
height:210px;
display:flex;
align-items:stretch;
overflow-y:hidden;
overflow-x:scroll;
border-left:solid 1px#ccc;
border-right:solid 1px#ccc;
}
.m-specSiboriKomi_form{
display:flex;
width:80%
}
.m-searchFilter_menu.is-active{
height:320px;
}
.m-searchFilter_menu_spec.is-active{
height:320px;
}
.m-searchFilter_item{
flex-shrink:0;
width:auto;
display:flex;
flex-direction:column;
padding:0 5px;
}
.m-searchFilter_item-heading{
flex-shrink:0;
display:flex;
align-items:center;
height:25px;
font-size:1.2rem;
font-weight:700;
padding:5px;
background-color:#eaeaea;
z-index:1;
}
.m-searchFilter_item-container{
height:calc(100%-45px);
display:flex;
flex-direction:column;
background-color:#fff;
border:solid 2px#ccc;
}
input[type="text"].m-searchFilter_item-search{
flex-shrink:0;
position:relative;
display:block;
min-width:calc(100%-10px);
width:calc(100%-10px);
max-width:0px;
font-size:13px;
background-color:#fff;
padding:3px 5px;
margin:3px 5px;
z-index:1;
}
input[type="text"].m-searchFilter_item-search:focus{
background-color:#fff9e8;
}
.m-searchFilter_item-number{
display:flex;
align-items:center;
width:auto;
padding:0 5px;
}
.m-searchFilter_item-number input[type="number"]{
display:block;
width:70px;
font-size:13px;
background-color:#fff;
padding:3px 5px;
border:solid 2px#c5cccf;
border-radius:4px;
margin:3px 5px;
outline:none;
}
.m-searchFilter_item-number input[type="number"]:focus{
background-color:#fff9e8;
}
.m-searchFilter_item-number select{
font-size:1.2rem;
}
.m-searchFilter_item-number select:focus{
outline:none;
background-color:#fff9e8;
}
.m-searchFilter_item-select{
display:block;
position:relative;
flex-grow:1;
width:100%;
min-width:120px;
font-size:1.2rem;
line-height:2;
padding-left:5px;
border:none;
outline:none;
transition:0.1s;
overflow-x:auto;
overflow-y:scroll;
}
.m-searchFilter_item-select option{
position:relative;
padding:2px 0;
}
.m-searchFilter_item-select:focus{
background-color:#fff9e8;
}
.m-searchFilter_item-select-clear{
flex-shrink:0;
height:20px;
background-color:#ccc;
color:#fff;
text-align:center;
font-size:1.3rem;
}
.m-searchFilter_item-select-clear a{
padding:1px 0 2px;
color:#fff;
}
.m-searchFilter_item-select option:disabled{
color:#bbb;
}
.m-searchFilter_action{
display:flex;
justify-content:space-between;
align-items:center;
margin-top:10px;
}
.m-searchFilter_action-btn{
display:flex;
flex-wrap:wrap;
align-items:center;
}
.m-searchFilter_action-btn>*{
margin-left:5px;
}
.m-searchFilter_status{
font-size:18px;
font-weight:700;
}
.m-searchFilter_option{
display:flex;
align-items:center;
flex-wrap:wrap;
font-size:14px;
margin-top:10px;
margin-bottom:-10px;
}
.m-searchFilter_option-item{
display:flex;
align-items:center;
height:40px;
background-color:#e8eaec;
padding:0 10px;
border-radius:5px;
margin-right:1em;
margin-bottom:10px;
}
.m-searchFilter_procat{
width:100%;
background-color:#fff;
padding:10px 10px;
border-left:solid 1px#ccc;
border-right:solid 1px#ccc;
overflow:hidden;
}
.m-searchFilter_procat-inner{
display:flex;
flex-wrap:wrap;
width:100%;
height:45px;
margin-bottom:-7px;
transition:0.1s;
}
.m-searchFilter_procat-inner.is-active{
height:auto;
}
.m-searchFilter_procat-inner>li{
font-size:1.4rem;
margin-right:1em;
margin-bottom:7px;
}
@media screen and(max-width:1279px){
.m-searchFilter_strechArea{
display:block;
}
.m-searchFilter_strechArea-spBtn{
display:block;
padding:10px 0;
border-bottom:solid 1px#aaa;
margin-bottom:10px;
}
.m-searchFilter_strechArea-arrow{
display:none;
}
.m-searchFilter_action{
display:block;
}
.m-searchFilter_status{
margin-bottom:5px;
}
.m-searchFilter_action-btn>*{
margin-left:0;
margin-right:5px;
margin-bottom:5px;
}
.m-searchFilter_option{
display:block;
margin-right:-1em;
margin-bottom:0;
}
.m-searchFilter_option.is-searchFilterOn{
display:none;
}
.m-searchFilter_option-item{
font-size:1em;
height:auto;
padding:8px 1em;
}
.m-searchFilter_option-item label{
display:block;
width:100%;
}
.m-searchFilter_menu{
display:block;
height:auto;
padding:0;
border:none;
border-bottom:solid 1px#aaa;
}
.m-searchFilter_menu_spec{
display:none;
height:auto;
padding:0;
border:none;
border-bottom:solid 1px#aaa;
}
.m-searchFilter_menu.is-searchFilterOn{
display:none;
}
.m-searchFilter_procat{
display:block;
border:none;
}
.m-searchFilter_procat.is-searchFilterOn{
display:none;
}
.m-searchFilter_item{
margin-right:0;
margin-bottom:10px;
}
.m-searchFilter_procat-inner{
height:auto;
}
}
@media screen and(-webkit-min-device-pixel-ratio:0)and(min-resolution:.001dpcm){
.m-searchFilter_item{
width:auto;
/*max-width:250px;*/
max-width:350px;
}
@media screen and(max-width:1279px){
.m-searchFilter_item{
max-width:unset;
}
}
}
@-moz-document url-prefix(){
.m-searchFilter_item{
max-width:none;
}
.m-searchFilter_item-select{
padding-right:15px;
}
}
.m-searchMaker{
display:flex;
font-size:1.4rem;
line-height:1.1;
background-color:#ffc43a;
padding:0.5em;
}
.m-searchMaker_header{
padding-right:0.5em;
border-right:solid 1px#333;
margin-right:1em;
}
.m-searchMaker p{
margin-right:0.25em;
}
.m-searchMaker p::after{
content:',';
}
.m-searchMaker p:last-child::after{
content:'';
}
.m-pager{
display:flex;
justify-content:space-between;
font-size:1.4rem;
line-height:1.1;
background-color:#d9e2e8;
padding:0.5em;
}
.m-pager_posi{
position:relative;
}
.m-pager_item{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
margin:0 0.5em 0 0;
}
.m-pager_item.m-sortOption{
max-width:250px;
}
.m-pager_item-heading{
font-weight:700;
padding-right:0.5em;
margin-bottom:-1px;
}
.m-pager_contents{
display:flex;
align-items:center;
}
.m-pager_contents>a,
.m-pager_contents>span.current{
padding:0 0.3em;
}
.m-pager_contents>span.current{
font-weight:700;
}
.m-pager_left{
display:flex;
padding-right:0.5em;
}
.m-pager_right{
display:flex;
padding-left:0.5em;
}
.m-pager_center{
display:flex;
margin-left:auto;
margin-right:auto;
}
input[type="number"].m-sortOption{
width:85px;
}
input[type="checkbox"].m-sortOption{
margin-bottom:-2px;
}
@media screen and(max-width:1279px){
.m-pager{
display:block;
/*margin-bottom:-15px;*/
}
.m-pager_item{
margin-bottom:0.5em;
}
.m-pager_left,
.m-pager_right,
.m-pager_center{
justify-content:center;
flex-wrap:wrap;
margin-bottom:10px;
}
}
.m-searchItemInfo{
position:relative;
width:100%;
}
.m-searchItemInfo_trigger{
padding:4px 0;
border-top:dashed 1px#ccc;
margin-top:4px;
}
.m-searchItemInfo_contents{
display:none;
position:absolute;
top:100%;
left:-270px;
background-color:#fff;
padding:9px;
border:solid 2px#4D9CCB;
z-index:10000;
}
.m-searchItemInfo_contents.is-active{
display:block;
}
.m-searchItemInfo_contents.is-bottom{
top:auto;
bottom:100%;
}
.m-searchItemInfo_contents.is-right{
left:auto;
right:-120px;
}
.m-searchItemInfo_close{
display:block;
font-size:30px;
font-weight:700;
width:42px;
height:42px;
color:#fff;
background-color:#4D9CCB;
}
.m-searchItemInfo_close::after{
content:'×';
}
.m-bor.m-searchItemInfo{
font-size:12px;
line-height:1.3;
}
.m-bor.m-searchItemInfo_trigger{
padding:0;
border-top:none;
margin-top:0;
}
@media screen and(max-width:1279px){
.m-searchItemInfo_trigger.m-inventryInfo-trigger.is-active::after{
content:'';
position:fixed;
top:0;
left:0;
width:100vw;
height:100vh;
background-color:black;
opacity:0.4;
z-index:10001;
}
.m-searchItemInfo_contents.is-active{
position:fixed;
top:9px;
left:9px;
width:calc(100vw-18px);
height:calc(100vh-18px);
z-index:10002;
}
.m-searchItemInfo_close{
font-size:18px;
width:27px;
height:27px;
}
}
.m-inventryInfo-trigger{
display:block;
color:#0000ff;
background-color:#ffca80;
padding:3px;
border-radius:3px;
}
.m-bor.m-inventryInfo-trigger{
background-color:#d9e2e8;
padding:6px;
border-radius:4px;
}
.m-inventryInfo_list{
display:flex;
}
.m-inventryInfo_box{
position:relative;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.m-inventryInfo_box:first-child{
width:207px;
background-color:#f1f8fc;
padding:8px 8px 6px 8px;
margin:-8px 0-6px-8px;
border-right:solid 1px#ccc;
}
.m-inventryInfo_box:not(:first-child){
width:207px;
padding-left:8px;
padding-right:8px;
border-right:solid 1px#ccc;
}
.m-inventryInfo_box:last-child{
width:198px;
padding-right:0;
border-right:0px;
}
.m-inventryInfo_box-heading{
line-height:1.2;
margin-bottom:6px;
}
.m-inventryInfo_box-name{
font-size:1.2em;
font-weight:700;
}
.m-inventryInfo_box-status{
margin-bottom:6px;
}
.m-inventryInfo_box-price{
height:110px;
margin-top:auto;
}
.m-inventryInfo_box-icon{
display:flex;
flex-wrap:wrap;
margin-top:3px;
margin-right:-3px;
margin-bottom:-3px;
}
.m-inventryInfo_box-icon>li{
font-size:0.9em;
color:#fff;
background-color:#aaa;
padding:3px 3px 2px;
margin-right:3px;
margin-bottom:3px;
}
.m-inventryInfo_box-icon>.full-reel{
background-color:#9bbe79;
}
.m-inventryInfo_box-icon>.Reel-process{
background-color:#9ad662;
}
.m-inventryInfo_box-input-other{
display:flex;
}
.m-inventryInfo_box-input-other-item{
flex-shrink:0;
width:70px;
margin-right:-6px;
margin-left:6px;
}
.m-inventryInfo_other{
display:flex;
align-items:center;
padding-top:6px;
padding-left:8px;
padding-right:8px;
border-top:solid 1px#ccc;
margin-top:6px;
margin-left:-8px;
margin-right:-8px;
margin-bottom:-3px;
}
.m-inventryInfo_viewmore>.m-btn{
color:#0000ff;
background-color:#ffca80;
}
.m-inventryInfo_close{
position:absolute;
top:-2px;
right:-42px;
}
@media screen and(max-width:1279px){
.m-inventryInfo{
height:calc(100%+18px);
margin-top:-9px;
margin-bottom:-9px;
}
.m-inventryInfo_list{
display:block;
height:calc(100%-35px);
margin:0-9px 0;
overflow-x:hidden;
overflow-y:scroll;
}
.m-inventryInfo_box{
width:100%!important;
flex-direction:row;
flex-wrap:wrap;
padding:9px!important;
border-right:0px!important;
border-bottom:solid 1px#bbb;
margin:0!important;
}
.m-inventryInfo_other{
justify-content:center;
margin-top:0;
margin-bottom:-9px;
}
.m-inventryInfo_box-heading{
width:100%;
padding-right:15px;
}
.m-inventryInfo_box-status{
width:100%;
}
.m-inventryInfo_box-price{
width:50%;
height:auto;
padding-top:9px;
padding-right:9px;
border-top:solid 1px#ddd;
margin-top:0;
}
.m-inventryInfo_box-input{
width:50%;
padding-top:9px;
border-top:solid 1px#ddd;
}
.m-inventryInfo_close{
position:absolute;
top:-2px;
right:-2px;
}
}
.m-inventryInfoDetail{
width:100%;
display:flex;
}
.m-inventryInfoDetail_source{
position:relative;
width:312px;
font-size:14px;
padding-right:15px;
border-right:solid 1px#ccc;
z-index:1;
}
.m-inventryInfoDetail_source-image{
width:240px;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:9px;
margin-bottom:12px;
}
.m-inventryInfoDetail_source-spec{
border:solid 1px#ccc;
margin:15px 0;
}
.m-inventryInfoDetail_source-spec-heading{
font-size:1.2em;
font-weight:700;
color:#ffffff;
background-color:#0071b5;
padding:6px;
}
.m-inventryInfoDetail_source-spec-table{
font-size:12px;
overflow-x:auto;
overflow-y:hidden;
}
.m-inventryInfoDetail_source-spec.m-searchDetailInfo{
margin:0-1px-1px;
}
.m-inventryInfoDetail_source-spec-table table{
width:100%;
min-width:500px;
}
.m-inventryInfoDetail_result{
width:calc(100%-312px);
font-size:12px;
margin-left:9px;
}
.m-inventryInfoDetail_result-column{
display:flex;
width:100%;
min-height:180px;
background-color:#fff;
padding:6px 9px;
margin-left:-9px;
}
.m-inventryInfoDetail_result-column:nth-child(odd){
background-color:#f5f7f8;
}
.m-inventryInfoDetail_result-column.m-searchResult_product{
flex-grow:1.5;
min-width:300px;
}
.m-inventryInfoDetail_result-column.m-searchResult_price,
.m-inventryInfoDetail_result-column.m-searchResult_cart,
.m-inventryInfoDetail_result-column.m-searchResult_stock,
.m-inventryInfoDetail_result-column.m-searchResult_info{
flex-grow:1;
min-width:180px;
}
.m-inventryInfoDetail_filter{
display:flex;
align-items:center;
flex-wrap:wrap;
background-color:#f8f8f8;
padding:10px;
margin-bottom:9px;
}
.m-inventryInfoDetail_filter-option{
display:flex;
flex-wrap:wrap;
margin-right:6px;
margin-bottom:6px;
}
.m-inventryInfoDetail_filter-option-item{
display:flex;
align-items:center;
font-size:1.4rem;
background-color:#e8eaec;
padding:3px;
border-radius:3px;
margin-right:0.5em;
}
.m-inventryInfoDetail_filter-action{
display:flex;
flex-wrap:wrap;
}
.m-inventryInfoDetail_filter-action>*{
margin-right:6px;
}
.m-inventryInfoDetail_filter-other{
margin-right:6px;
}
.m-inventryInfoDetail_result-other{
padding-left:15px;
overflow-x:auto;
}
.m-inventryInfoDetail_result-other>.m-scroll-tbl{
min-width:840px;
}
@media screen and(max-width:1279px){
.m-inventryInfoDetail{
display:block;
}
.m-inventryInfoDetail_source{
display:flex;
flex-direction:row-reverse;
flex-wrap:wrap;
width:100%;
font-size:14px;
padding-right:0;
border-right:0px;
}
.m-inventryInfoDetail_source-name{
order:2;
padding-right:9px;
}
.m-inventryInfoDetail_source-image{
order:1;
width:210px;
margin-top:0;
margin-bottom:0;
}
.m-inventryInfoDetail_source-info{
order:3;
width:100%;
padding-right:12px;
}
.m-inventryInfoDetail_source-other{
order:4;
width:100%;
}
.m-inventryInfoDetail_result{
width:100%;
margin-left:0;
}
.m-inventryInfoDetail_result-column{
display:flex;
flex-wrap:wrap;
padding:12px;
border:solid 3px#ccc;
margin-left:0;
margin-bottom:15px;
}
.m-inventryInfoDetail_filter-option{
display:block;
width:100%;
margin-right:0;
margin-bottom:0;
}
.m-inventryInfoDetail_filter-option-item{
width:100%;
height:auto;
padding:8px 1em;
margin-bottom:10px;
}
.m-inventryInfoDetail_filter-action{
width:100%;
}
.m-inventryInfoDetail_filter-action>*{
margin-bottom:6px;
}
.m-inventryInfoDetail_filter-other{
margin-bottom:6px;
}
.m-inventryInfoDetail_result-column.m-searchResult_price,
.m-inventryInfoDetail_result-column.m-searchResult_cart{
width:50%;
min-width:unset;
}
.m-inventryInfoDetail_result-other{
padding-left:0;
}
}
@media screen and(max-width:767px){
.m-inventryInfoDetail_source-image{
width:150px;
}
}
.m-relatedProductsItemWrap>{
align-items:stretch;
}
.m-relatedProductsItem{
position:relative;
height:100%;
padding:12px;
border:solid 1px#c5cccf;
}
.m-relatedProductsItem_heading{
font-size:18px;
font-weight:700;
}
.m-relatedProductsItem_desc{
font-size:14px;
line-height:1.4;
}
.m-relatedProductsItem_image{
max-width:90px;
margin-left:auto;
margin-right:auto;
}
.m-relatedProductsItem_status{
font-size:12px;
}
.m-relatedProductsItem.js-toolchip-obj{
max-width:calc(100%-24px);
height:auto;
white-space:normal;
}
.m-relatedProductsItem_select{
min-height:90px;
}
.m-searchDetailInfo{
margin-bottom:1px;
}
.m-searchDetailInfo_contents{
width:100%;
}
.m-searchDetailInfo_contents td,
.m-searchDetailInfo_contents th{
padding:5px;
border:solid 1px#ccc;
}
.m-searchDetailInfo_contents td{
font-size:1.4rem;
background-color:#fff;
}
.m-searchDetailInfo_heading{
font-size:1.6rem;
font-weight:700;
background-color:#cfe4f1;
}
.m-subResult{
overflow-x:auto;
}
.m-subResult_table{
min-width:100%;
table-layout:fixed;
}
.m-subResult_thead{
font-size:13px;
line-height:1.3;
}
.m-subResult_tbody{
font-size:12px;
line-height:1.3;
}
.m-subResult_thead-col{
background-color:#cfe4f1;
border:solid 1px#ccc;
}
.m-subResult_tbody-col{
border:solid 1px#ccc;
}
.m-subResult_tbody-col:nth-child(odd){
background-color:#fff;
}
.m-subResult_tbody-col:nth-child(even){
background-color:#fafafa;
}
.m-subResult_thead-col>th,
.m-subResult_tbody-col>td{
padding:5px 5px 4px;
border:solid 1px#ccc;
}
.m-subResult_thead-col>th{
white-space:nowrap;
}
.m-subResult--search.m-subResult_tbody-col>td{
vertical-align:top;
min-width:150px;
}
.m-subResult_products{
display:flex;
}
.m-subResult_products>*{
flex-grow:1;
max-width:300px;
}
.m-subResult_products>*:last-child{
max-width:900px;
}
.m-subResult_products>.m-searchResult_checkBox{
max-width:25px;
}
@media screen and(max-width:1279px){
.m-subResult_thead-col>th:not(:nth-child(1)),
.m-subResult_tbody-col>td:not(:nth-child(1)){
display:none;
}
}
@media screen and(max-width:768px){
.m-subResult_thead{
display:none;
}
.m-subResult_table,
.m-subResult_tbody,
.m-subResult_tbody-col,
.m-subResult_tbody-col>td{
width:100%;
display:block;
padding:0;
}
.m-subResult_tbody-col{
margin-bottom:10px;
}
.m-subResult_products{
display:flex;
flex-wrap:wrap;
padding:10px;
}
m-subResult_products>*{
max-width:50%;
}
.m-subResult_products>.m-searchResult_checkBox{
width:100%;
max-width:100%;
display:flex;
justify-content:center;
padding-bottom:6px;
border-right:none;
border-bottom:solid 1px#ccc;
margin-bottom:6px;
}
.m-subResult_products>.m-searchResult_product{
max-width:100%;
}
}
.p-alertArea{
position:fixed;
bottom:0;
width:100%;
background-color:rgba(246,183,172,0.9);
animation:gdprAreaPop 1s ease 0s 1 alternate none running;
z-index:9999;
}
.p-alertArea_inner{
background-color:transparent;
max-height:200px;
position:relative;
align-items:center;
max-width:1280px;
padding:10px 10px;
margin-left:auto;
margin-right:auto;
}
@media screen and(max-width:767px){
.p-alertArea_inner{
padding:0;
}
}
.p-alertArea_inner-mainText{
padding:10px 25px 10px 25px;
font-weight:700;
}
.p-alertArea_inner-mainBox{
background-color:#fff;
margin:0px 25px 10px;
max-height:120px;
padding:10px 10px 5px 10px;
overflow-y:scroll;
}
.p-alertArea_inner-mainBox-errer{
margin-bottom:15px;
}
.p-alertArea_inner-mainBox-errer>p{
color:red;
font-weight:700;
}
.p-alertArea_inner-mainBox-errer>a{
display:block;
}
.m-lineHeight28{
line-height:28px;
}
.m-selectText--w90{
width:90%;
}
.m-orderResult{
position:relative;
font-size:13px;
overflow:hidden;
padding-bottom:30px;
margin-bottom:-15px;
}
.m-orderResult_table{
position:relative;
table-layout:fixed;
min-width:100%;
border-bottom:solid 1px#ccc;
}
.m-orderResult_thead{
position:absolute;
top:0;
left:0;
min-width:100%;
z-index:2;
overflow:hidden;
}
.m-orderResult--products.m-orderResult_thead{
width:100%;
}
.m-orderResult_thead.is-fixed{
min-width:0;
}
.m-orderResult_tbody{
display:table;
min-width:100%;
margin-top:100px;
}
.m-orderResult_tbody-alert{
vertical-align:bottom;
background-color:#f6efce;
}
.m-orderResult_table>*>tr{
border-top:solid 1px#ccc;
}
.m-orderResult_table>*>tr>th,
.m-orderResult_table>*>tr>td{
padding:5px;
border-left:solid 1px#ccc;
border-right:solid 1px#ccc;
}
.m-orderResult_thead>tr>th{
background-color:#cfe4f1;
}
.m-orderResult_table td{
width:180px;
max-width:180px;
}
.m-orderResult_scrollBar{
position:absolute;
left:0;
bottom:15px;
width:100%;
height:15px;
background-color:rgba(0,0,0,0.2);
z-index:1;
}
.m-orderResult_scrollBar.is-fixed{
position:fixed;
bottom:0;
}
.m-orderResult_scrollBar-wrap{
width:100%;
max-width:100%;
margin-left:auto;
overflow-x:scroll;
overflow-y:hidden;
}
.m-orderResult_scrollBar-box{
height:1px;
margin-bottom:-1px;
}
.m-orderResult_searchResult{
display:flex;
}
.m-orderResult_searchResult+.m-orderResult_searchResult{
padding-top:5px;
border-top:dashed 1px#ccc;
margin-top:5px;
}
.m-orderResult_searchResult>*{
flex-shrink:0;
}
.m-orderResult--products.m-orderResult_scrollBar{
display:none;
}
.m-orderResult--products td{
width:100%;
}
.m-orderResult--products.m-orderResult_clickable{
width:60px;
min-width:60px;
max-width:60px;
text-align:center;
}
.m-orderResult--products.m-orderResult_quantity{
width:180px;
min-width:180px;
max-width:180px;
}
.m-orderResult_reference{
position:relative;
display:flex;
padding:3px;
}
.m-orderResult_reference-inner{
flex-grow:1;
overflow:hidden;
padding-left:30px;
}
.m-orderResult_reference-image{
flex-shrink:0;
width:160px;
padding-left:8px;
border-left:solid 1px#ccc;
margin-left:8px;
}
.m-orderResult_reference-image-box{
display:flex;
justify-content:center;
align-items:center;
}
.m-orderResult_reference-image-box>img{
width:auto;
height:auto;
max-width:100%;
max-height:100px;
}
.m-orderResult_reference-name{
font-size:1.8rem;
font-weight:700;
white-space:break-all;
}
.m-orderResult_reference-desc{
max-width:100%;
white-space:nowrap;
}
.m-orderResult_reference-checkBox{
position:absolute;
top:0;
left:0;
width:24px;
height:100%;
display:flex;
align-items:center;
padding-right:6px;
border-right:solid 1px#ddd;
}
.m-orderResult_reference-checkBox input[type="checkbox"]{
margin-right:0;
}
@media screen and(max-width:1279px){
.m-orderResult{
overflow:scroll;
}
.m-orderResult_searchResult{
flex-wrap:wrap;
}
}
@media screen and(max-width:767px){
.m-orderResult{
overflow:scroll;
padding-bottom:15px;
margin-bottom:-15px;
}
.m-orderResult_scrollBar{
display:none;
}
.m-orderResult_searchResult+.m-orderResult_searchResult{
padding-top:10px;
border-top:dashed 2px#ccc;
margin-top:10px;
}
.m-orderResult--products{
overflow:hidden;
}
.m-orderResult--products.m-orderResult_table,
.m-orderResult--products.m-orderResult_tbody{
display:block;
width:100%;
border-bottom:none;
}
.m-orderResult--products.m-orderResult_tbody{
margin-top:0!important;
}
.m-orderResult--products.m-orderResult_thead{
display:none;
}
.m-orderResult--products.m-orderResult_tbody-column{
display:block;
max-width:100%;
padding:10px;
border:solid 2px#ccc;
margin-bottom:10px;
}
.m-orderResult--products.m-orderResult_tbody-column>td{
width:100%;
max-width:unset;
display:block;
padding:0;
border:none;
}
.m-orderResult--products.m-orderResult_tbody-column>.m-orderResult_checkBox{
width:100%;
padding-bottom:5px;
border-bottom:solid 1px#ddd;
}
.m-orderResult--products.m-orderResult_tbody-column>.m-orderResult_quantity{
padding:5px;
border-top:solid 1px#ddd;
border-bottom:solid 1px#ddd;
margin:5px 0;
}
.m-orderResult_reference{
display:block;
padding:0 0 8px;
border-bottom:solid 1px#ccc;
margin-bottom:8px;
}
.m-orderResult_reference-image{
width:100%;
padding-top:8px;
padding-left:0;
border-top:solid 1px#ccc;
border-left:0;
margin-top:8px;
margin-left:0;
}
}
.m-orderSearch{
display:flex;
flex-wrap:wrap;
width:100%;
font-size:14px;
padding:10px 10px 0;
margin-bottom:-10px;
}
.m-orderSearch_item,
.m-orderSearch_item--long,
.m-orderSearch_item--longest{
flex-shrink:0;
width:calc(25%-10px);
background-color:#e8eaec;
padding:5px;
border-radius:5px;
margin-right:10px;
margin-bottom:10px;
}
.m-orderSearch_item--long{
width:calc(50%-10px);
}
.m-orderSearch_item--longest{
width:calc(100%-10px);
}
.m-orderSearch_item-text{
display:flex;
align-items:center;
}
.m-orderSearch_item-text-title{
flex-shrink:0;
font-weight:700;
line-height:1.2;
min-width:120px;
padding-right:5px;
}
.m-orderSearch_item-text-caption{
flex-shrink:0;
font-size:0.9em;
margin:0 0.5em;
}
.m-orderSearch_item-text-input{
width:100%;
max-width:500px;
}
.m-orderSearch_item-text-input>input[type="text"],
.m-orderSearch_item-text-input>input[type="date"],
.m-orderSearch_item-text-input>input[type="number"],
.m-orderSearch_item-text-input>select{
width:100%;
font-size:13px;
background-color:#fff;
padding:3px 5px;
border:solid 2px#c5cccf;
border-radius:4px;
box-shadow:none;
outline:none;
}
.m-orderSearch_item-text-input>input[type="date"]{
width:calc(50%-2em);
}
.m-orderSearch_item-text-input>span{
padding:0 3px;
}
@media screen and(max-width:1279px){
.m-orderSearch_item,
.m-orderSearch_item--long{
width:calc(50%-10px);
padding-right:0;
}
.m-orderSearch_item-text{
flex-wrap:wrap;
}
.m-orderSearch_item-text-title{
font-size:0.9em;
margin-bottom:5px;
}
.m-orderSearch_item-text-input{
min-width:50%;
padding-right:5px;
}
}
@media screen and(max-width:767px){
.m-orderSearch{
display:block;
padding:5px 5px 0;
margin-bottom:0;
}
.m-orderSearch_item,
.m-orderSearch_item--long,
.m-orderSearch_item--longest{
width:100%;
padding-right:0;
}
.m-orderSearch_item-text-caption{
width:100%;
margin:5px 0 0;
}
}
.m-proColSlider{
position:relative;
padding-left:30px;
padding-right:30px;
}
.m-proColSlider_list>.m-icon-slide-prev{
left:-30px;
}
.m-proColSlider_list-item{
font-size:14px;
line-height:1.5;
border:solid 1px#ccc;
margin-right:15px;
}
.m-proColSlider_list-item:last-child{
margin-right:0;
}
.m-proCatList{
display:flex;
flex-wrap:wrap;
margin-right:-8px;
margin-bottom:-8px;
}
.m-proCatList>li{
font-size:0.9em;
line-height:1;
margin-bottom:8px;
margin-right:8px;
}
.m-proCatList a{
display:block;
background-color:#cfe4f1;
padding:8px 12px;
border-radius:5px;
text-decoration:none!important;
}
.m-proCatList a:hover{
opacity:0.7;
}
.m-dataTbl{
max-width:100%;
line-height:1.3;
table-layout:fixed;
word-break:break-all;
word-wrap:break-all;
}
.m-dataTbl>tbody>tr>th,
.m-dataTbl>tbody>tr>td{
vertical-align:text-top;
padding:5px;
}
.m-dataTbl>tbody>tr>th{
font-weight:700;
white-space:nowrap;
border-right:solid 2px#ccc;
padding-right:1em;
}
.m-dataTbl>tbody>tr>td{
position:relative;
max-width:100%;
}
.m-proTbl{
max-width:100%;
font-size:14px;
line-height:1.3;
border:solid 1px#ccc;
}
.m-proTbl>tbody>tr>th,
.m-proTbl>tbody>tr>td{
padding:5px;
border:solid 1px#ccc;
}
.m-proTbl>tbody>tr>th{
background-color:#cfe4f1;
}
.m-proTbl>tbody>tr>td{
padding-left:8px;
padding-right:8px;
}
@media screen and(max-width:1279px){
.u-tableWrapper{
width:100%;
border-left:solid 1px#ccc;
border-right:solid 1px#ccc;
overflow-x:scroll;
}
.u-tableWrapper>table{
width:100%;
}
}
@media screen and(max-width:767px){
.m-dataTbl,
.m-dataTbl>tbody,
.m-dataTbl>tbody>tr{
display:block;
}
.m-dataTbl>tbody>tr>th,
.m-dataTbl>tbody>tr>td{
display:block;
}
.m-dataTbl>tbody>tr>th{
font-weight:700;
white-space:nowrap;
border-right:none;
border-bottom:solid 1px#ccc;
padding-right:5px;
}
.m-proTbl{
font-size:12px;
}
.u-tableWrapper>table{
min-width:768px;
}
}
.c-descList__item-head{
min-width:170px;
font-weight:700;
font-size:1.2em;
}
.c-descList__item-body{
flex-grow:1;
}
.c-checkbox{
display:flex;
align-items:center;
width:100%;
}
.c-checkbox>input{
width:1.1em;
height:1.1em;
margin-top:0;
margin-right:0.25em;
}
.c-checkbox>input:focus{
background-color:#fff9e8;
}
.c-checkbox>label{
line-height:1;
margin-bottom:-1px;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
.c-filterSelect{
display:flex;
align-items:center;
}
.c-filterSelect>p{
flex-shrink:0;
line-height:1;
margin-right:0.25em;
}
.c-filterSelect>select{
display:block;
max-width:100%;
font-size:0.9em;
}
.c-filterSelect>select>option{
line-height:1;
}
.c-filterSelect>input[type=text],
.c-filterSelect>input[type=number]{
font-size:inherit;
line-height:1;
background-color:#fff;
padding:0;
border:solid 1px#a9a9a9;
border-radius:0px;
}
.c-switch{
display:flex;
align-items:center;
width:auto;
height:24px;
font-size:1.4rem;
text-align:center;
line-height:20px;
padding-left:3px;
}
.c-switch>input{
margin-right:-22px;
margin-top:0px;
display:block;
}
.c-switch>label{
display:block;
width:auto;
white-space:nowrap;
line-height:24px;
background-color:#e8eaec;
color:#333;
border-radius:4px;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
transition:0.1s;
padding-left:30px;
padding-right:10px;
}
.c-switch>input:checked+label{
background-color:#0071b5;
color:#fff;
}
@media screen and(max-width:769px){
.c-switch{
width:100%;
}
.c-switch>label{
width:100%;
}
.c-filterSelect{
flex-wrap:wrap;
}
.c-filterSelect>select{
width:100%;
margin-top:5px;
}
}
.c-selectableBtn>input[type="radio"]{
display:none;
}
.c-selectableBtn>input[type="radio"]+label{
display:block;
line-height:24px;
font-size:1.4rem;
text-align:center;
color:#555;
background-color:#fff;
border:solid 1px#ccc;
border-radius:6px;
}
.c-selectableBtn>input[type="radio"]:checked+label{
color:#fff;
}
.c-selectableBtn>input[type="radio"]:checked+label.m-btn--bl{
background-color:#0071b5;
}
.c-selectableBtn>input[type="radio"]:checked+label.m-btn--rd{
background-color:#cc0000;
}
.c-selectableBtn>input[type="radio"]:checked+label:hover{
opacity:1;
}
.c-statusIcon--gray,
.c-statusIcon--green,
.c-statusIcon--red{
line-height:1.3;
text-align:center;
background-color:#eee;
padding:6px;
border-radius:6px;
}
.c-statusIcon--gray{
color:#888;
}
.c-statusIcon--green{
color:#207000;
}
.c-statusIcon--red{
color:#c00000;
}
.c-accordion-arrow{
transform:rotate(0);
}
.c-accordion-arrow.is-active{
transform:rotate(180deg);
}
.ie-td-debug{
position:static!important;
}
.u-ib{
display:inline-block;
}
.u-sideList{
display:flex;
flex-wrap:wrap;
margin-right:-15px;
}
.u-sideList--50{
display:flex;
flex-wrap:wrap;
}
.u-sideList--Fill{
display:flex;
flex-wrap:wrap;
}
.u-sideList--50>li{
width:50%;
}
.u-sideList--Fill>li{
flex-grow:1;
}
.u-sideList>li{
margin-right:15px;
}
@media screen and(max-width:769px){
.u-sideList>li{
width:100%;
padding-right:0;
}
}
.u-sideList>li:last-child{
padding-right:0;
}
.u-mAuto{
margin-left:auto;
margin-right:auto;
}
/* 改善要望_羽生郁恵_00002 20210610 Takuma add start */
.u-boxBtnSet{
  position: relative;
  height: 100%;
  padding-bottom: 40px;
}
.u-boxBtnSet>.u-boxBtnSet_btn{
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.u-boxBtnSet>.m-p-s+.u-boxBtnSet_btn{
  bottom: 0;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .u-boxBtnSet{
    padding: 0;
  }
  .u-boxBtnSet>.u-boxBtnSet_btn{
    position: relative;
  }
  .u-boxBtnSet>.m-p-s+.u-boxBtnSet_btn{
    padding: 0 10px 10px;
  }
}
/* 改善要望_羽生郁恵_00002 20210610 Takuma add  end  */
.m-order-col{
position:relative;
*zoom:1;
}
.m-order-col:after{
content:"";
display:table;
clear:both;
}
.m-order-col__content{
float:left;
width:840px;
}
.m-order-col__btn{
float:right;
width:240px;
}
@media screen and(min-width:1280px){
.m-order-col__btn.is-fixed{
position:fixed;
right:50%;
margin-right:-560px;
}
}
.m-estimate-form{
margin-right:-360px;
}
.m-estimate-order-col{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
background-color:#cfe4f1;
padding:10px 20px;
border-top:solid 1px#c5cccf;
border-bottom:solid 1px#c5cccf;
}
.m-estimate-order-col__l{
width:35%;
}
.m-estimate-order-col__r{
width:60%;
}
.m-balloon-history{
width:500px;
padding-left:5px;
}
.m-balloon-histor_list{
height:10em;
overflow-y:scroll;
}
.m-balloon-histor_data{
display:flex;
border-bottom:solid 1px#ccc;
}
.m-balloon-histor_data dt{
font-weight:700;
margin:0 0.5em;
flex-shrink:0;
}
@media screen and(max-width:767px){
.m-balloon-history{
width:calc(100vw-50px);
padding-left:5px;
}
}
.m-movie-col{
*zoom:1;
}
.m-movie-col:after{
content:"";
display:table;
clear:both;
}
.m-movie-col__content{
float:right;
width:840px;
}
.m-movie-col__menu{
float:left;
width:240px;
}
.m-movie-image-slider{
position:relative;
*zoom:1;
margin-left:40px;
margin-right:40px;
opacity:0;
-webkit-transition:1s;
transition:1s;
}
.m-movie-image-slider:after{
content:"";
display:table;
clear:both;
}
.m-movie-image-slider.is-load{
opacity:1;
visibility:visible;
}
.m-movie-image-slider__item{
float:left;
}
.m-movie-image-slider.slick-dots{
bottom:20px;
}
.m-movie-image-slider.slick-dots>*{
background-color:#ffffff;
}
.m-movie-image-slider.slick-dots>*.slick-active{
background-color:#0071b5;
}
.m-movie-image-slider.m-icon-slide-prev{
left:-30px;
}
.m-movie-list-slider{
position:relative;
*zoom:1;
margin-left:40px;
margin-right:80px;
padding-bottom:20px;
opacity:0;
-webkit-transition:1s;
transition:1s;
}
.m-movie-list-slider:after{
content:"";
display:table;
clear:both;
}
.m-movie-list-slider.is-load{
opacity:1;
visibility:visible;
}
.m-movie-list-slider__item{
float:left;
width:calc(100%/3);
padding-left:40px;
}
.m-movie-search-condition{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.m-movie-search-condition-toggle{
position:relative;
}
.m-movie-search-condition-btn{
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:40px;
margin-left:20px;
width:180px;
background-color:#0071b5;
font-size:1.6rem;
color:#ffffff;
}
.m-movie-search-condition-btn:hover{
opacity:0.7;
text-decoration:none;
}
.m-movie-search-condition-btn.icon{
margin-right:10px;
border-top:solid 14px#ffffff;
border-left:solid 7px transparent;
border-right:solid 7px transparent;
-webkit-transition:.3s;
transition:.3s;
}
.m-movie-search-condition-btn.is-active.icon{
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.m-movie-search-condition-content{
position:absolute;
top:40px;
right:-40px;
width:400px;
z-index:9999;
}
.m-movie-search-condition-content_l{
position:absolute;
top:40px;
right:-40px;
width:680px;
z-index:9999;
}
.m-filter--c3{
margin-right:-3px;
}
.m-flex--g20.m-filter--c3>.m-flex__item{
width:calc((100%/3)-21px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-movie-section{
padding-top:220px;
margin-top:-220px;
margin-bottom:30px;
}
.m-movie-catNav{
width:100%;
display:flex;
margin-bottom:15px;
}
.m-movie-catNav li:last-child{
border:none;
}
.m-movie-catNav li:hover{
background-color:#ebeff1;
transition:0.2s;
}
.m-movie-catNav__item{
width:100%;
text-align:center;
font-weight:700;
border-right:solid 1px#ccc;
}
.m-movie-catNav__item--pickup{
width:100%;
text-align:center;
font-weight:700;
border-right:solid 1px#ccc;
}
.m-movie-catNav__item>a,
.m-movie-catNav__item--pickup>a{
display:block;
width:100%;
color:#0071b5;
padding:5px 0;
transition:0.1s;
}
.m-movie-catNav__item>a:hover,
.m-movie-catNav__item--pickup>a:hover{
background-color:#0071b5;
color:#fff;
}
.m-order-campaign-item{
border:solid 4px#c5cccf;
text-align:center;
background-color:#ebeff1;
background-size:100%6px;
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(255,255,255,0.4)),color-stop(50%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));
background-image:linear-gradient(rgba(255,255,255,0.4)50%,rgba(0,0,0,0)50%,rgba(0,0,0,0));
}
.m-order-campaign-item--selected{
border-color:#ff9600;
background-color:#fef0b6;
}
.m-order-campaign-item--coupon{
border-color:#0071b5;
background-color:#d4e9f5;
}
.m-order-campaign-item--toggle{
display:none;
}
.m-education-ar-b-title{
position:relative;
padding:15px;
background-color:#8ea1b4;
color:#ffffff;
text-align:center;
}
.m-education-ar-b-title:before{
content:"";
border-top:solid 16px#8ea1b4;
border-left:solid 14px transparent;
border-right:solid 14px transparent;
position:absolute;
bottom:-16px;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
z-index:1;
}
ul.topRightSeikyou{
width:100%;
height:116px;
border:1px solid#dfe5e8;
overflow:scroll;
overflow-x:hidden;
}
ul.topRightSeikyou li{
margin:10px 10px 0 10px;
padding:0 0 0 15px;
background:url(../images/univ-top/dreceipt_ind.gif)no-repeat 0 2px;
*background:url(../images/univ-top/dreceipt_ind.gif)no-repeat 0 1px;
line-height:1;
}
.m-x-ray-col{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.m-x-ray-col__l{
width:calc(100%-500px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-x-ray-col__r{
width:480px;
-ms-flex-negative:0;
flex-shrink:0;
}
.m-x-ray-tbl{
width:100%;
table-layout:fixed;
}
.m-x-ray-tbl th,.m-x-ray-tbl td{
padding:10px;
text-align:center;
vertical-align:middle;
border:solid 1px#c5cccf;
}
.m-x-ray-tbl th{
font-weight:700;
background-color:#cfe4f1;
}
.m-cart-col{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.m-cart-col__item{
width:calc((100%-60px)/2-40px);
-ms-flex-negative:0;
flex-shrink:0;
margin-right:40px;
}
.m-cart-col__btn{
width:60px;
-ms-flex-item-align:center;
align-self:center;
}
.m-modal-unpaid{
padding:30px 40px 20px;
border:solid 2px#ffffff;
background-color:#ffbdbd;
}
.m-modal-popup{
padding:30px 40px 20px;
border:solid 2px#ffffff;
}
.m-modal-bg-wh{
background-color:#ffffff;
}
.m-modal-bg-gy{
background-color:#f5f7f8;
}
.m-modal-unpaid-btn{
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
display:block;
text-align:center;
background-color:#ff9600;
padding:.5em 1em;
font-size:1.6rem;
font-weight:700;
color:#ffffff;
}
.m-modal-unpaid-btn:hover{
opacity:0.7;
text-decoration:none;
}
.m-modal-unpaid-btn:hover{
text-decoration:none;
}
.m-modal-btn--close{
color:#333333;
background-color:#f6f6f6;
}
@media screen and(min-width:1280px){
.mbox-position{
box-sizing:border-box;
list-style-type:none;
border-collapse:separate;
border-spacing:10px 0;
display:flex;
flex-flow:row wrap;
justify-content:space-between;
}
.mbox-position::after{
box-sizing:border-box;
content:"";
display:block;
width:32.3%;
}
.mbox-position li.m-position{
box-sizing:border-box;
width:32.3%;
display:inline-flex;
position:relative;
align-content:flex-start;
}
.mbox-position.userbox{
width:100%;
position:relative;
margin-bottom:150px;
}
.mbox-position.userbox2{
position:relative;
margin-bottom:50px;
}
.mbox-position.groupbox{
width:100%;
position:relative;
margin-bottom:66px;
}
.m-position-b{
position:absolute;
bottom:0;
margin:0 auto;
left:0;
right:0;
}
.m-select-box.m-position-b2{
height:158px;
}
.m-select-box.m-position-b3{
height:66px;
}
}
@media screen and(max-width:1279px){
.mbox-position li:nth-child(2),
.mbox-position li:nth-child(3){
margin-top:10px;
}
}
.m-order-history-col{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.m-order-history-col__item{
width:280px;
}
.m-order-history-col__item--l{
width:420px;
}
.m-history-text-14{
font-size:1.4rem;
line-height:1.5;
}
.m-product-tbl>tbody>tr>td{
position:relative;
}
.m-mypage-title{
position:relative;
}
.m-mypage-title.m-btn{
position:absolute;
right:10px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.m-mypage-list{
*zoom:1;
margin-left:-15px;
margin-right:1px;
opacity:0;
}
.m-mypage-list:after{
content:"";
display:table;
clear:both;
}
.m-mypage-list.is-load{
opacity:1;
}
.m-mypage-list-wrap{
margin-left:40px;
margin-right:40px;
}
.m-mypage-list__item{
float:left;
width:calc(100%/3-15px);
margin-left:15px;
}
.m-mypage-list.m-icon-slide-prev{
left:-15px;
}
.m-mypage-list__item2{
float:left;
width:calc(100%/3-20px);
margin-left:15px;
}
.m-mypage-menu-list-item a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:10px;
}
.m-mypage-menu-list-item a.icon{
width:32px;
height:32px;
-ms-flex-negative:0;
flex-shrink:0;
margin-right:10px;
background-size:auto 100%;
background-image:url(../images/common/icons-mypage.png);
}
.m-mypage-menu-list-item a.icon--01{
background-position:0 0;
}
.m-mypage-menu-list-item a.icon--02{
background-position:-100%0;
}
.m-mypage-menu-list-item a.icon--03{
background-position:-200%0;
}
.m-mypage-menu-list-item a.icon--04{
background-position:-300%0;
}
.m-mypage-menu-list-item a.icon--05{
background-position:-400%0;
}
.m-mypage-menu-list-item a.icon--06{
background-position:-500%0;
}
.m-mypage-menu-list-item a.icon--07{
background-position:-600%0;
}
.m-mypage-menu-list-item a.icon--08{
background-position:-700%0;
}
.m-mypage-menu-list-item a.icon--09{
background-position:-800%0;
}
.m-mypage-menu-list-item a.icon--10{
background-position:-900%0;
}
.m-mypage-menu-list-item a.icon--11{
background-position:-1000%0;
}
.m-mypage-menu-list-item a.icon--12{
background-position:-1100%0;
}
.m-mypage-menu-list-item a.icon--13{
background-position:-1200%0;
}
.m-mypage-menu-list-item a.icon--14{
background-position:-1300%0;
}
.m-mypage-menu-list-item a.icon--15{
background-position:-1400%0;
}
.m-mypage-menu-list-item a.icon--16{
background-position:-1500%0;
}
.m-mypage-menu-list-item a.icon--17{
background-position:-1600%0;
}
.m-mypage-menu-list-item a.icon--18{
background-position:-1700%0;
}
.m-mypage-menu-list-item a.icon--card{
background-image:url(../images/common/icons-mypage-card.png);
}
.m-mypage-menu-list-item a.icon--group{
background-image:url(../images/common/icons-mypage-group.png);
}
.m-mypage-menu-list-item a.icon--accept{
background-image:url(../images/common/icons-mypage-accept.png);
}
.m-parent-and-child-tutorial{
*zoom:1;
display:flex;
justify-content:space-between;
max-width:800px;
margin-left:auto;
margin-right:auto;
padding:30px 60px;
margin-bottom:30px;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
align-items:stretch;
vertical-align:middle;
}
.m-parent-and-child-tutorial:after{
content:"";
display:table;
clear:both;
}
.m-parent-and-child-tutorial-item{
width:auto;
height:80vh;
display:flex;
display:-webkit-box;
display:-ms-flexbox;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
box-sizing:border-box;
vertical-align:middle;
margin-left:auto;
margin-right:auto;
}
.m-parent-and-child-tutorial-item>*{
width:auto;
-ms-flex-negative:0;
flex-shrink:0;
}
.m-parent-and-child-tutorial.slick-slide{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.m-parent-and-child-tutorial.m-icon-slide-prev{
left:25px;
}
.m-parent-and-child-tutorial.m-icon-slide-next{
right:25px;
}
.m-parent-and-child-tutorial-list>*{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
.m-parent-and-child-tutorial-list>*+*{
margin-top:10px;
}
.m-parent-and-child-tutorial-list>*i{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:30px;
height:30px;
-ms-flex-negative:0;
flex-shrink:0;
margin-right:.5em;
color:#ffffff;
border-radius:50%;
background-color:#0071b5;
}
.m-child-member-add-col{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.m-child-member-add-col__tbl{
width:900px;
-ms-flex-negative:0;
flex-shrink:0;
margin-right:20px;
}
.m-child-member-add-col__btn{
width:calc(100%-920px);
}
.m-invoice-step{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.m-invoice-step__item{
width:25%;
-ms-flex-negative:0;
flex-shrink:0;
border-bottom:solid 1px#c5cccf;
padding-bottom:10px;
}
.m-invoice-step__item.is-active{
font-weight:700;
color:#0071b5;
border-bottom:solid 2px#0071b5;
}
.m-rfdFigure{
display:flex;
flex-direction:row-reverse;
padding:15px 0;
border-top:solid 1px#ccc;
border-bottom:solid 1px#ccc;
margin:15px 0;
}
.m-rfdFigure_mainWrap{
flex-grow:1;
}
.m-rfdFigure_mainImage{
width:100%;
max-width:800px;
margin:0 auto;
}
.m-rfdFigure_mainImage>img{
width:100%;
}
.m-rfdFigure_subList{
flex-shrink:0;
width:60px;
margin-right:15px;
}
.m-rfdFigure_subImage{
position:relative;
width:60px;
height:60px;
border:solid 1px#ccc;
margin-bottom:6px;
}
.m-rfdFigure_subImage:last-child{
margin-bottom:0;
}
.m-rfdFigure_subImage:hover{
border-color:#f60;
}
.m-rfdFigure_subImage>img{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
margin:auto;
max-width:100%;
max-height:100%;
}
@media screen and(max-width:1279px){
.m-sp-only{
display:none!important;
}
.m-pc-only{
display:none!important;
}
.m-tb-only{
display:block!important;
}
th.m-sp-only,td.m-sp-only{
display:none!important;
}
th.m-pc-only,td.m-pc-only{
display:none!important;
}
th.m-tb-only,td.m-tb-only{
display:table-cell!important;
}
.l-indent{
margin-left:20px;
margin-right:20px;
}
.m-flex.m-flex--pc{
display:block;
margin-bottom:0;
}
.m-flex.m-flex--pc.m-flex--c2>.m-flex__item,.m-flex.m-flex--pc.m-flex--c3>.m-flex__item,.m-flex.m-flex--pc.m-flex--c4>.m-flex__item,.m-flex.m-flex--pc.m-flex--c5>.m-flex__item{
width:auto;
}
.m-flex.m-flex--pc.m-flex--g5,.m-flex.m-flex--pc.m-flex--g10,.m-flex.m-flex--pc.m-flex--g20,.m-flex.m-flex--pc.m-flex--g30,.m-flex.m-flex--pc.m-flex--g40,.m-flex.m-flex--pc.m-flex--g60,.m-flex.m-flex--pc.m-flex--g80{
margin-left:0;
margin-bottom:0;
}
.m-flex.m-flex--pc.m-flex--g5>.m-flex__item,.m-flex.m-flex--pc.m-flex--g10>.m-flex__item,.m-flex.m-flex--pc.m-flex--g20>.m-flex__item,.m-flex.m-flex--pc.m-flex--g30>.m-flex__item,.m-flex.m-flex--pc.m-flex--g40>.m-flex__item,.m-flex.m-flex--pc.m-flex--g60>.m-flex__item,.m-flex.m-flex--pc.m-flex--g80>.m-flex__item{
margin-left:0;
margin-bottom:0;
}
.m-flex.m-flex--pc.m-flex--g5.m-flex--c2>.m-flex__item,.m-flex.m-flex--pc.m-flex--g5.m-flex--c3>.m-flex__item,.m-flex.m-flex--pc.m-flex--g5.m-flex--c4>.m-flex__item,.m-flex.m-flex--pc.m-flex--g5.m-flex--c5>.m-flex__item,.m-flex.m-flex--pc.m-flex--g10.m-flex--c2>.m-flex__item,.m-flex.m-flex--pc.m-flex--g10.m-flex--c3>.m-flex__item,.m-flex.m-flex--pc.m-flex--g10.m-flex--c4>.m-flex__item,.m-flex.m-flex--pc.m-flex--g10.m-flex--c5>.m-flex__item,.m-flex.m-flex--pc.m-flex--g20.m-flex--c2>.m-flex__item,.m-flex.m-flex--pc.m-flex--g20.m-flex--c3>.m-flex__item,.m-flex.m-flex--pc.m-flex--g20.m-flex--c4>.m-flex__item,.m-flex.m-flex--pc.m-flex--g20.m-flex--c5>.m-flex__item,.m-flex.m-flex--pc.m-flex--g30.m-flex--c2>.m-flex__item,.m-flex.m-flex--pc.m-flex--g30.m-flex--c3>.m-flex__item,.m-flex.m-flex--pc.m-flex--g30.m-flex--c4>.m-flex__item,.m-flex.m-flex--pc.m-flex--g30.m-flex--c5>.m-flex__item,.m-flex.m-flex--pc.m-flex--g40.m-flex--c2>.m-flex__item,.m-flex.m-flex--pc.m-flex--g40.m-flex--c3>.m-flex__item,.m-flex.m-flex--pc.m-flex--g40.m-flex--c4>.m-flex__item,.m-flex.m-flex--pc.m-flex--g40.m-flex--c5>.m-flex__item,.m-flex.m-flex--pc.m-flex--g60.m-flex--c2>.m-flex__item,.m-flex.m-flex--pc.m-flex--g60.m-flex--c3>.m-flex__item,.m-flex.m-flex--pc.m-flex--g60.m-flex--c4>.m-flex__item,.m-flex.m-flex--pc.m-flex--g60.m-flex--c5>.m-flex__item,.m-flex.m-flex--pc.m-flex--g80.m-flex--c2>.m-flex__item,.m-flex.m-flex--pc.m-flex--g80.m-flex--c3>.m-flex__item,.m-flex.m-flex--pc.m-flex--g80.m-flex--c4>.m-flex__item,.m-flex.m-flex--pc.m-flex--g80.m-flex--c5>.m-flex__item{
width:auto;
}
.m-flex.m-flex--pc>.m-flex__item+.m-flex__item{
margin-top:20px;
}
.m-flex.m-flex--pc.m-btn:not(.m-btn--trash){
width:100%;
}
.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c2.m-flex--g30,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c2.m-flex--g40,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c2.m-flex--g60,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c2.m-flex--g80,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c3.m-flex--g30,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c3.m-flex--g40,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c3.m-flex--g60,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c3.m-flex--g80,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c4.m-flex--g30,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c4.m-flex--g40,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c4.m-flex--g60,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c4.m-flex--g80,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c5.m-flex--g30,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c5.m-flex--g40,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c5.m-flex--g60,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c5.m-flex--g80{
margin-left:-20px;
margin-bottom:-20px;
}
.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c2.m-flex--g30>.m-flex__item,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c2.m-flex--g40>.m-flex__item,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c2.m-flex--g60>.m-flex__item,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c2.m-flex--g80>.m-flex__item,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c3.m-flex--g30>.m-flex__item,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c3.m-flex--g40>.m-flex__item,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c3.m-flex--g60>.m-flex__item,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c3.m-flex--g80>.m-flex__item,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c4.m-flex--g30>.m-flex__item,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c4.m-flex--g40>.m-flex__item,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c4.m-flex--g60>.m-flex__item,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c4.m-flex--g80>.m-flex__item,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c5.m-flex--g30>.m-flex__item,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c5.m-flex--g40>.m-flex__item,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c5.m-flex--g60>.m-flex__item,.m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c5.m-flex--g80>.m-flex__item{
width:calc(50%-20px);
margin-left:20px;
margin-bottom:20px;
}
.m-flex.m-flex--list{
margin-bottom:0;
}
.m-flex.m-flex--list>.m-flex__item{
margin-bottom:0;
}
.m-flex.m-flex--list>.m-flex__item+.m-flex__item{
margin-top:0;
}
.m-col{
display:block;
}
.m-col__item--w360{
width:auto;
}
.m-col__item--w460{
width:auto;
}
.m-col__item+.m-col__item{
margin-top:40px;
}
.m-bg-title--with-link--tb{
display:block;
}
.m-bg-title--with-link--tb>*+*{
margin-top:10px;
}
.m-form-col{
display:block;
padding:20px;
}
.m-form-col--noline{
padding-bottom:0;
}
.m-form-col--s{
padding:10px 20px;
}
.m-form-col__title{
width:auto;
padding-right:0;
}
.m-form-col__content{
margin-top:10px;
}
.m-form-btn-col{
display:block;
}
.m-form-btn-col__item{
display:block;
margin-top:10px;
margin-left:0;
}
.m-form-btn-col__item>*{
width:auto;
margin-left:0;
}
.m-form-btn-col__item>*+*{
margin-top:10px;
}
.m-modal-item{
display:none;
position:fixed;
left:5%;
top:5%;
width:90%;
height:90%;
padding:20px;
}
.m-modal-item--narrow{
padding:0;
top:50%;
left:50%;
width:auto;
height:auto;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.m-modal-item--passive{
padding:0;
width:calc(100%-12px)!important;
top:50%;
left:50%;
width:auto;
height:auto;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
overflow:hidden;
}
.m-modal-close{
right:calc(5%+20px);
top:calc(5%+20px);
}
}
@media screen and(min-width:768px)and(max-width:1279px){
#l-wrapper{
min-width:768px;
}
.l-container,.l-container--history{
max-width:1279px;
padding-left:60px;
padding-right:60px;
margin-top:20px;
margin-bottom:60px;
}
.l-container--liquid{
max-width:inherit;
padding-left:20px;
padding-right:20px;
}
.t-header{
min-width:768px;
}
.b-footer-inner{
padding:20px;
}
.m-footer-nav{
margin-left:-20px;
}
.m-footer-nav-item{
width:calc(50%-20px);
margin-left:20px;
}
.m-footer-nav-list{
display:block;
}
.m-footer-nav-list>*{
width:auto;
}
.m-footer-language{
margin-left:80px;
margin-right:80px;
margin-bottom:-20px;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
}
.m-footer-language>*{
width:calc(100%/6);
margin-bottom:20px;
}
.m-footer-info{
display:block;
margin-top:40px;
padding:30px;
}
.m-footer-info>*{
width:auto;
}
.m-footer-info-content{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
margin-bottom:20px;
}
.m-footer-info-h{
display:block;
margin-bottom:0px;
}
.m-footer-info-logo{
margin-right:0px;
margin-bottom:30px;
}
.m-footer-info-list{
margin-left:30px;
}
.m-footer-text{
margin-top:30px;
}
}
@media screen and(max-width:1279px){
.t-header{
position:fixed;
left:0;
top:0;
width:100%;
z-index:10001;
background-color:#ffffff;
}
.t-header-inner{
position:static;
left:auto;
top:auto;
width:auto;
min-width:inherit;
background-color:transparent;
}
.t-header-h{
display:none;
}
.m-header-language{
position:relative;
right:auto;
top:auto;
margin-right:0;
display:block;
width:auto;
height:auto;
padding-left:0px;
font-size:1.4rem;
}
.m-header-language-l{
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:20px;
}
.m-header-language-r{
display:block;
}
.m-header-language-btn{
font-size:1.2rem;
}
.m-header-language-toggle{
border-top:solid 1px#c5cccf;
}
.m-header-language-toggle:hover.m-header-language-toggle-content{
display:none;
}
.m-header-language-toggle:hover.m-header-language-toggle-current a{
background-color:#d9e2e8;
}
.m-header-language-toggle-current a{
height:auto;
padding:20px;
}
.m-header-language-toggle-content{
display:none;
position:relative;
right:auto;
top:auto;
width:auto;
padding:20px;
}
.m-header-language-toggle-content--currency{
width:auto;
}
.m-header-main{
position:relative;
display:block;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:0;
height:auto;
}
.m-header-main-sub{
display:block;
}
.m-header-main-sub>*{
margin-left:0;
}
.m-header-logo{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
height:90px;
width:200px;
margin-right:auto;
margin-left:auto;
text-align:center;
}
.m-header-logo-sp{
display:inherit;
}
.m-header-logo-intra{
display:none;
}
.m-header-menu{
position:absolute;
left:0;
top:0;
display:block;
width:90px;
height:90px;
}
.m-header-menu:before{
content:"";
width:1px;
height:30px;
background-color:#c5cccf;
position:absolute;
right:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.m-header-menu span{
position:absolute;
left:0;
right:0;
bottom:15px;
margin:auto;
font-size:1.2rem;
font-weight:700;
text-align:center;
}
.m-header-menu figure{
-webkit-transition:.3s;
transition:.3s;
position:absolute;
width:40px;
height:4px;
left:50%;
margin-left:-20px;
display:inline-block;
background-color:#0071b5;
}
.m-header-menu figure:nth-of-type(1){
top:40%;
margin-top:-16px;
}
.m-header-menu figure:nth-of-type(2){
top:40%;
margin-top:-2px;
}
.m-header-menu figure:nth-of-type(3){
margin-bottom:-16px;
bottom:60%;
}
.m-header-menu.is-active{
background-color:transparent;
}
.m-header-menu.is-active figure:nth-of-type(1){
-webkit-transform:translateY(14px)rotate(-45deg);
transform:translateY(14px)rotate(-45deg);
}
.m-header-menu.is-active figure:nth-of-type(2){
height:0;
opacity:0;
}
.m-header-menu.is-active figure:nth-of-type(3){
-webkit-transform:translateY(-14px)rotate(45deg);
transform:translateY(-14px)rotate(45deg);
}
.m-header-search{
width:100%;
-ms-flex-negative:0;
flex-shrink:0;
padding:20px;
background-color:#ebeff1;
}
.m-header-search-opt_main{
width:100%;
justify-content:space-between;
align-items:center;
padding-bottom:10px;
}
.m-header-search-opt_none{
display:none;
}
.m-header-search-form{
position:relative;
margin-top:0;
}
.m-header-login{
position:relative;
right:auto;
top:auto;
margin-right:0;
width:auto;
padding:20px;
}
.m-header-login-register{
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin-bottom:10px;
}
.m-header-member{
position:relative;
right:auto;
top:auto;
margin-right:0;
width:auto;
}
.m-header-member-content{
position:relative;
padding:20px;
}
.m-header-member-content:before{
content:"";
position:absolute;
right:20px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
border-top:solid 10px#0000ff;
border-left:solid 6px transparent;
border-right:solid 6px transparent;
}
.m-header-member-content:hover{
text-decoration:none;
}
.m-header-member-puwin{
display:none;
position:relative;
left:auto;
top:auto;
min-width:inherit;
-webkit-transform:translateX(0);
transform:translateX(0);
border:0;
padding:20px;
}
.m-header-member-puwin.is-active{
display:none;
}
.m-header-member-puwin:before,.m-header-member-puwin:after{
display:none;
}
.m-header-member-puwin-close{
display:none;
}
.m-header-cart--sp{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:absolute;
right:0;
top:25px;
}
.m-header-cart--sp.m-header-cart-child{
top:65px;
}
.m-header-cart--sp.m-header-cart-child{
display:none;
position:absolute;
right:30px;
width:230px;
z-index:6000;
background-color:#ffffff;
border:solid 2px#4D9CCB;
padding:0 10px 10px;
line-height:1.5;
}
.m-header-cart-child.is-active{
display:block;
}
.m-header-cart-child-close{
display:none;
}
.m-header-login--sp{
display:block;
position:absolute;
top:21px;
left:110px;
}
.m-header-login--sp.m-icon--login_gr{
width:25px;
height:34px;
}
.m-header-login--sp p{
display:block;
width:36px;
height:43px;
transition:.3s;
padding:0 5px;
margin-right:0;
}
.m-header-login--sp span{
display:block;
font-size:1rem;
font-weight:700;
line-height:1;
text-align:center;
}
.m-header-cart--pc{
display:none;
}
.m-header-cart--pc.m-header-cart__item{
position:static;
width:calc(100%/3);
padding:15px;
}
.m-header-cart--pc.m-header-cart-child{
top:75px;
}
.m-header-cart-child{
width:calc(100vw);
padding-top:20px;
right:0px;
}
.m-header-cart__item--cancel{
display:none;
}
.m-header-cart-child-close{
position:absolute;
right:0;
top:0;
background-color:#4D9CCB;
width:20px;
height:20px;
display:block;
}
.m-header-cart-child-close:before{
content:"";
width:2px;
height:10px;
position:absolute;
left:50%;
top:50%;
margin-left:-1px;
margin-top:-5px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
background-color:#ffffff;
}
.m-header-cart-child-close:after{
content:"";
width:2px;
height:10px;
position:absolute;
left:50%;
top:50%;
margin-top:-5px;
margin-left:-1px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
background-color:#ffffff;
}
.m-header-nav{
position:fixed;
left:0;
top:90px;
width:100%;
height:calc(100%-90px);
overflow:auto;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
-webkit-transition:.2s;
transition:.2s;
z-index:5010;
background-color:#ffffff;
}
.m-header-nav.is-active{
-webkit-transform:translateX(0);
transform:translateX(0);
}
.m-global-nav{
display:block;
background-color:#0071b5;
}
.m-global-nav-item{
font-size:1.4rem;
}
.m-global-nav-item+.m-global-nav-item{
border-top:solid 1px rgba(255,255,255,0.5);
}
.m-global-nav-item:before{
display:none;
}
.m-global-nav-item>a{
padding-left:20px;
padding-right:20px;
}
.m-global-nav-child,.m-global-nav-gchild{
display:none;
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transition:0s;
transition:0s;
position:relative;
left:auto;
top:auto;
width:auto;
border:0;
font-size:1.2rem;
}
.m-global-nav-child--w,.m-global-nav-gchild--w{
width:auto;
}
.m-global-nav-child-title-text,.m-global-nav-gchild-title-text{
font-size:1.4rem;
}
.m-global-nav-child:not(.m-global-nav-child--w).m-global-nav-child-list:not(.m-global-nav-child-list--toggle),.m-global-nav-gchild:not(.m-global-nav-child--w).m-global-nav-child-list:not(.m-global-nav-child-list--toggle),
.m-global-nav-child-list--col,.m-global-nav-gchild-list--col{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-left:-10px;
}
.m-global-nav-child:not(.m-global-nav-child--w).m-global-nav-child-list:not(.m-global-nav-child-list--toggle)>*,.m-global-nav-gchild:not(.m-global-nav-child--w).m-global-nav-child-list:not(.m-global-nav-child-list--toggle)>*{
width:100%;
margin-left:30px;
}
.m-global-nav-child-list--col>*,.m-global-nav-gchild-list--col>*{
width:calc(100%/3-45px);
margin-left:25px;
}
.m-header-sub-link{
display:block;
}
.m-header-sub-link>*{
border-top:solid 1px#c5cccf;
font-size:1.4rem;
}
.m-header-sub-link>*a{
display:block;
padding:20px;
color:#0000ff;
}
.m-header-sp-tel{
display:block;
padding:20px;
border-top:solid 1px#c5cccf;
}
.m-header-sp-tel-title{
font-size:2rem;
font-weight:700;
}
.m-header-sp-tel-title a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
color:#0000ff;
}
.m-header-sp-tel-title.icon{
width:16px;
height:20px;
-ms-flex-negative:0;
flex-shrink:0;
margin-right:5px;
background-size:auto 100%;
background-image:url(../images/common/icon-tel.png);
}
.m-header-sp-tel-text{
margin-top:10px;
font-size:1.2rem;
}
.m-header-info-inner{
padding:5px 10px;
}
.m-header-info-contact{
margin-top:10px;
}
.m-header-info-droplist{
padding-top:0;
}
.m-header-info-droplist-trigger{
top:3px;
}
.m-header-nav-order{
display:none;
}
}
@media screen and(max-width:1279px){
.m-search-set-title{
margin-right:20px;
}
.m-search-set-title,
.m-search-set-content-left,
.m-search-set-content-right{
width:100%;
margin:5px;
}
.m-search-set-btn{
width:100px;
}
.m-search-set-content,
.m-search-set--wide.m-search-set-content{
width:400px;
}
.m-search-set-content--wide100{
width:100%;
}
.m-search-set{
display:block;
}
.m-home-inner{
max-width:inherit;
padding-left:20px;
padding-right:20px;
}
.m-home-member-register{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.m-home-member-register-icon{
margin-bottom:5px;
width:30px;
height:30px;
}
.m-home-member-register-text{
font-size:1.2rem;
}
.m-home-member-stage{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.m-home-member-stage-title{
font-size:1.2rem;
}
.m-home-member-stage-text{
font-size:1rem;
}
.m-home-member-stage-text strong{
font-size:1.4rem;
}
.m-home-member-stage-btn{
height:20px;
border-radius:10px;
margin-left:10px;
margin-right:10px;
font-size:1.2rem;
}
.m-home-maker-list{
margin-left:-16px;
margin-bottom:-16px;
}
.m-home-maker-list__item{
width:calc(100%/3-16px);
margin-left:16px;
margin-bottom:16px;
}
.m-home-special-list__item{
width:calc(100%/3);
}
.m-home-product-list__item{
width:calc(100%/3);
}
.m-home-product-list.m-icon-slide-prev{
left:-20px;
}
.m-home-bnr-list{
margin-right:20px;
}
.m-home-bnr-list__item{
width:50%;
padding-left:20px;
}
.m-home-bnr-list__item img{
width:100%;
}
.m-home-bnr-list.m-icon-slide-prev{
left:-10px;
}
.m-product-slider__item{
width:50%;
}
.m-product-detail-col{
display:block;
}
.m-product-detail-col__title{
width:auto;
-ms-flex-negative:0;
flex-shrink:0;
margin-right:0;
}
.m-product-detail-col__spec,.m-product-detail-col__content{
width:auto;
}
.m-product-detail-col__content{
margin-top:30px;
}
.m-product-detail-col__cart{
width:auto;
margin-left:0;
margin-top:30px;
}
.m-new-product-thumb__btn{
position:absolute;
right:0;
top:75%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
z-index:1;
}
.m-scroll-tbl.m-product-tbl{
width:960px;
}
.m-spec-scroll-tbl.m-spec-product-tbl{
width:960px;
}
.m-scroll-tbl.m-product-tbl--s{
min-width:840px;
}
.m-scroll-tbl.m-product-tbl--m{
min-width:1120px;
}
.m-scroll-tbl.m-product-tbl--l{
min-width:1440px;
}
.m-scroll-tbl.m-product-tbl--xl{
min-width:2400px;
}
.m-spec-scroll-tbl.m-product-tbl--xl{
min-width:2400px;
}
.m-scroll-tbl.m-order-tbl{
min-width:840px;
}
.m-spec-scroll-tbl.m-order-tbl{
min-width:840px;
}
.m-search-multiple-keyword-list__item{
width:calc(100%/2-10px);
text-align:center;
}
.m-alphabet-list>*{
width:calc(100%/13-10px);
}
.m-maker-list{
width:auto;
margin-left:-20px;
}
.m-maker-list__item{
width:calc(100%/4-20px);
margin-left:20px;
margin-right:0;
}
.m-maker-box{
padding:20px;
}
.m-maker-col{
display:block;
}
.m-maker-col__logo{
width:auto;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
text-align:center;
}
.m-news-col{
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
.m-news-col__content{
width:100%;
-ms-flex-negative:0;
flex-shrink:0;
}
.m-news-col__menu{
width:100%;
-ms-flex-negative:0;
flex-shrink:0;
margin-top:30px;
}
.m-news-col--sp-reverse{
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse;
}
.m-news-col--sp-reverse.m-news-col__content{
margin-top:30px;
}
.m-news-col--sp-reverse.m-news-col__menu{
margin-top:0px;
}
.m-condition-reset{
font-size:1.2rem;
border-radius:15px;
height:30px;
width:100%;
}
.m-news-cat{
border:solid 1px#c5cccf;
}
.m-news-cat+.m-news-cat{
margin-top:20px;
}
.m-news-cat__title{
position:relative;
padding-left:40px;
}
.m-news-cat__title:before{
content:"";
width:22px;
height:22px;
position:absolute;
left:10px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
background-size:auto 100%;
background-image:url(../images/common/icon-toggle.png);
background-color:#0071b5;
}
.m-news-cat__title.is-active:before{
background-position:-100%0;
}
.m-news-cat.m-condition-reset{
position:relative;
right:auto;
top:auto;
margin-bottom:15px;
}
.m-news-cat__content{
display:none;
overflow:visible;
}
.m-news-cat__content.is-active{
display:block;
}
.m-news-cat__content--s{
max-height:inherit;
}
.m-news-cat__content--m{
max-height:inherit;
}
.m-news-cat__content--l{
max-height:inherit;
}
.m-news-pager.select,
.m-search-pager.select{
display:block;
width:100%;
}
.m-search-pager.sort,
.m-search-pager.quantity,
.m-search-pager.pager,
.m-search-pager.guide{
display:block;
position:relative;
width:100%;
margin-bottom:5px;
}
.m-news-pager.sort,
.m-news-pager.quantity,
.m-news-pager.pager,
.m-news-pager.guide{
display:block;
position:relative;
width:100%;
margin-bottom:5px;
}
.m-order-col__content{
float:none;
width:auto;
}
.m-order-col__btn{
width:auto;
float:none;
margin-top:30px;
}
.m-order-col--sp-reverse{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse;
}
.m-order-col--sp-reverse.m-order-col__content{
width:100%;
margin-top:30px;
}
.m-order-col--sp-reverse.m-order-col__menu{
width:100%;
margin-top:0px;
}
.m-estimate-order-col{
display:block;
}
.m-estimate-order-col__l{
width:auto;
}
.m-estimate-order-col__r{
width:auto;
margin-top:20px;
}
.m-movie-col__content{
float:none;
width:auto;
}
.m-movie-col__menu{
float:none;
width:auto;
margin-top:30px;
}
.m-movie-col--sp-reverse{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse;
}
.m-movie-col--sp-reverse.m-movie-col__content{
width:100%;
margin-top:30px;
}
.m-movie-col--sp-reverse.m-movie-col__menu{
width:100%;
margin-top:0px;
}
.m-movie-list-slider__item{
width:50%;
}
.m-x-ray-col{
display:block;
}
.m-x-ray-col__l{
width:auto;
}
.m-x-ray-col__r{
width:auto;
margin-top:20px;
}
.m-cart-col{
display:block;
}
.m-cart-col__item{
width:auto;
margin-right:0;
margin-bottom:20px;
}
.m-cart-col__btn{
width:auto;
text-align:center;
}
.m-order-history-col{
display:block;
}
.m-order-history-col__item{
width:auto;
}
.m-order-history-col__item--l{
width:auto;
}
.m-order-history-col__item+.m-order-history-col__item{
margin-bottom:10px;
}
dt.m-definition-col__item--w100,
dt.m-definition-col__item--w120,
dt.m-definition-col__item--w160{
-ms-flex-negative:0;
flex-shrink:0;
width:160px;
}
.m-definition-col__item input[type="password"].m-input-text--s,
.m-definition-col__item input[type="text"].m-input-text--s{
width:200px;
}
.m-mypage-title.m-btn{
position:relative;
right:auto;
top:auto;
margin-top:10px;
-webkit-transform:translateY(0);
transform:translateY(0);
}
.m-mypage-list__item{
width:calc(100%/2-15px);
}
.m-mypage-list__item2{
width:calc(100%/2-20px);
}
.m-mypage-menu-list-item a{
padding:5px 0;
}
.m-parent-and-child-tutorial{
max-width:640px;
}
.m-parent-and-child-tutorial-item{
min-height:calc(100vh-240px);
height:auto;
}
.m-invoice-step__item{
width:calc(100%/3);
}
.m-flex--g20.m-flex--c5>.m-flex__item{
width:calc((100%/3)-20px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-flex--g10.m-flex--c5>.m-flex__item{
width:calc((100%/3)-10px);
-ms-flex-negative:0;
flex-shrink:0;
}
}
@media screen and(max-width:767px){
.m-align-c--pc{
text-align:inherit;
}
.m-tb-only{
display:none!important;
}
.m-pc-only{
display:none!important;
}
.m-sp-only{
display:block!important;
}
th.m-tb-only,td.m-tb-only{
display:none!important;
}
th.m-pc-only,td.m-pc-only{
display:none!important;
}
th.m-sp-only,td.m-sp-only{
display:table-cell!important;
}
.m-sp-only.u-ib{
display:inline-block!important;
}
.m-sp-img-max{
width:100%;
}
.m-text-10{
font-size:1rem;
line-height:1.6;
}
.m-text-11{
font-size:1rem;
line-height:1.6;
}
.m-text-12{
font-size:1.2rem;
line-height:1.6;
}
.m-text-13{
font-size:1.2rem;
line-height:1.6;
}
.m-text-14{
font-size:1.3rem;
line-height:1.6;
}
.m-text-15{
font-size:1.3rem;
line-height:1.6;
}
.m-text-16{
font-size:1.3rem;
line-height:1.6;
}
.m-text-17{
font-size:1.4rem;
line-height:1.4;
}
.m-text-18{
font-size:1.4rem;
line-height:1.4;
}
.m-text-19{
font-size:1.4rem;
line-height:1.4;
}
.m-text-20{
font-size:1.4rem;
line-height:1.4;
}
.m-text-21{
font-size:1.5rem;
line-height:1.4;
}
.m-text-22{
font-size:1.5rem;
line-height:1.4;
}
.m-text-23{
font-size:1.6rem;
line-height:1.4;
}
.m-text-24{
font-size:1.6rem;
line-height:1.4;
}
.m-text-25{
font-size:1.6rem;
line-height:1.4;
}
.m-text-26{
font-size:1.6rem;
line-height:1.4;
}
.m-text-27{
font-size:1.6rem;
line-height:1.4;
}
.m-text-28{
font-size:1.8rem;
line-height:1.4;
}
.m-text-30{
font-size:1.8rem;
line-height:1.4;
}
.m-text-31{
font-size:1.8rem;
line-height:1.4;
}
.m-text-32{
font-size:2.0rem;
line-height:1.4;
}
.m-text-34{
font-size:2.0rem;
line-height:1.4;
}
.m-text-35{
font-size:2.0rem;
line-height:1.4;
}
.m-text-36{
font-size:2.0rem;
line-height:1.4;
}
.m-text-37{
font-size:2.0rem;
line-height:1.4;
}
.m-text-38{
font-size:2.0rem;
line-height:1.4;
}
.m-text-40{
font-size:2.2rem;
line-height:1.4;
}
.m-text-42{
font-size:2.2rem;
line-height:1.4;
}
.m-text-44{
font-size:2.2rem;
line-height:1.4;
}
.m-text-46{
font-size:2.2rem;
line-height:1.4;
}
.m-text-48{
font-size:2.2rem;
line-height:1.4;
}
.m-text-lhl{
line-height:1.8;
}
.m-text-lhs{
line-height:1.2;
}
.m-ls1{
letter-spacing:0em;
}
.m-ls2{
letter-spacing:0em;
}
.m-uline{
text-decoration:none;
}
.m-uline:hover{
text-decoration:none;
}
.m-hline{
text-decoration:none;
}
.m-hline:hover{
text-decoration:none;
}
.m-op{
-webkit-transition:opacity 0s;
transition:opacity 0s;
}
.m-op:hover{
opacity:1;
}
.m-marker:before{
height:4px;
}
.m-mt-2xs{
margin-top:5px;
}
.m-mt-xs{
margin-top:10px;
}
.m-mt-s{
margin-top:10px;
}
.m-mt{
margin-top:15px;
}
.m-mt-1{
margin-top:15px;
}
.m-mt-l{
margin-top:20px;
}
.m-mt-xl{
margin-top:25px;
}
.m-mt-2xl{
margin-top:30px;
}
.m-mt-3xl{
margin-top:30px;
}
.m-mb-2xs{
margin-bottom:5px;
}
.m-mb-xs{
margin-bottom:10px;
}
.m-mb-s{
margin-bottom:10px;
}
.m-mb{
margin-bottom:15px;
}
.m-mb-l{
margin-bottom:20px;
}
.m-mb-xl{
margin-bottom:25px;
}
.m-mb-2xl{
margin-bottom:30px;
}
.m-mb-3xl{
margin-bottom:30px;
}
.m-pt-2xs{
padding-top:5px;
}
.m-pt-xs{
padding-top:10px;
}
.m-pt-s{
padding-top:10px;
}
.m-pt{
padding-top:15px;
}
.m-pt-l{
padding-top:20px;
}
.m-pt-xl{
padding-top:25px;
}
.m-pt-2xl{
padding-top:30px;
}
.m-pt-3xl{
padding-top:30px;
}
.m-pb-2xs{
padding-bottom:5px;
}
.m-pb-xs{
padding-bottom:10px;
}
.m-pb-s{
padding-bottom:10px;
}
.m-pb{
padding-bottom:15px;
}
.m-pb-l{
padding-bottom:20px;
}
.m-pb-xl{
padding-bottom:25px;
}
.m-pb-2xl{
padding-bottom:30px;
}
.m-pb-3xl{
padding-bottom:30px;
}
.m-p-xs{
padding:5px;
}
.m-p-s{
padding:10px;
}
.m-p{
padding:15px;
}
.m-p-l{
padding:20px;
}
.m-p-xl{
padding:20px;
}
.m-list-ar>li{
padding-left:15px;
}
.m-list-ar>li:before{
border-left-width:5px;
border-top-width:3px;
border-bottom-width:3px;
top:6px;
}
.l-inner{
max-width:inherit;
padding-left:15px;
padding-right:15px;
}
.l-inner.l-inner{
padding-left:0;
padding-right:0;
}
.l-indent-s,
.l-indent{
margin-left:10px;
margin-right:10px;
}
.m-tab-list-nav__item a{
width:auto;
padding-left:1em;
padding-right:1em;
}
.m-tab-list-nav__item a{
width:auto;
padding-left:1em;
padding-right:2em;
}
.m-bor--w{
border-width:4px;
}
.m-media__image-l,.m-media__image-r{
float:none;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}
.m-flex.m-flex--pc,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list){
display:block;
margin-bottom:0;
}
.m-flex.m-flex--pc.m-flex--c3,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--c3{
margin-right:0;
}
.m-flex.m-flex--pc.m-flex--c2>.m-flex__item,.m-flex.m-flex--pc.m-flex--c3>.m-flex__item,.m-flex.m-flex--pc.m-flex--c4>.m-flex__item,.m-flex.m-flex--pc.m-flex--c5>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--c2>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--c3>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--c4>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--c5>.m-flex__item{
width:auto;
}
.m-flex.m-flex--pc.m-flex--g5,.m-flex.m-flex--pc.m-flex--g10,.m-flex.m-flex--pc.m-flex--g20,.m-flex.m-flex--pc.m-flex--g30,.m-flex.m-flex--pc.m-flex--g40,.m-flex.m-flex--pc.m-flex--g60,.m-flex.m-flex--pc.m-flex--g80,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g5,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g10,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g20,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g30,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g40,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g60,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g80{
margin-left:0;
margin-bottom:0;
}
.m-flex.m-flex--pc.m-flex--g5>.m-flex__item,.m-flex.m-flex--pc.m-flex--g10>.m-flex__item,.m-flex.m-flex--pc.m-flex--g20>.m-flex__item,.m-flex.m-flex--pc.m-flex--g30>.m-flex__item,.m-flex.m-flex--pc.m-flex--g40>.m-flex__item,.m-flex.m-flex--pc.m-flex--g60>.m-flex__item,.m-flex.m-flex--pc.m-flex--g80>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g5>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g10>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g20>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g30>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g40>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g60>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g80>.m-flex__item{
margin-left:0;
margin-bottom:0;
}
.m-flex.m-flex--pc.m-flex--g5.m-flex--c2>.m-flex__item,.m-flex.m-flex--pc.m-flex--g5.m-flex--c3>.m-flex__item,.m-flex.m-flex--pc.m-flex--g5.m-flex--c4>.m-flex__item,.m-flex.m-flex--pc.m-flex--g5.m-flex--c5>.m-flex__item,.m-flex.m-flex--pc.m-flex--g10.m-flex--c2>.m-flex__item,.m-flex.m-flex--pc.m-flex--g10.m-flex--c3>.m-flex__item,.m-flex.m-flex--pc.m-flex--g10.m-flex--c4>.m-flex__item,.m-flex.m-flex--pc.m-flex--g10.m-flex--c5>.m-flex__item,.m-flex.m-flex--pc.m-flex--g20.m-flex--c2>.m-flex__item,.m-flex.m-flex--pc.m-flex--g20.m-flex--c3>.m-flex__item,.m-flex.m-flex--pc.m-flex--g20.m-flex--c4>.m-flex__item,.m-flex.m-flex--pc.m-flex--g20.m-flex--c5>.m-flex__item,.m-flex.m-flex--pc.m-flex--g30.m-flex--c2>.m-flex__item,.m-flex.m-flex--pc.m-flex--g30.m-flex--c3>.m-flex__item,.m-flex.m-flex--pc.m-flex--g30.m-flex--c4>.m-flex__item,.m-flex.m-flex--pc.m-flex--g30.m-flex--c5>.m-flex__item,.m-flex.m-flex--pc.m-flex--g40.m-flex--c2>.m-flex__item,.m-flex.m-flex--pc.m-flex--g40.m-flex--c3>.m-flex__item,.m-flex.m-flex--pc.m-flex--g40.m-flex--c4>.m-flex__item,.m-flex.m-flex--pc.m-flex--g40.m-flex--c5>.m-flex__item,.m-flex.m-flex--pc.m-flex--g60.m-flex--c2>.m-flex__item,.m-flex.m-flex--pc.m-flex--g60.m-flex--c3>.m-flex__item,.m-flex.m-flex--pc.m-flex--g60.m-flex--c4>.m-flex__item,.m-flex.m-flex--pc.m-flex--g60.m-flex--c5>.m-flex__item,.m-flex.m-flex--pc.m-flex--g80.m-flex--c2>.m-flex__item,.m-flex.m-flex--pc.m-flex--g80.m-flex--c3>.m-flex__item,.m-flex.m-flex--pc.m-flex--g80.m-flex--c4>.m-flex__item,.m-flex.m-flex--pc.m-flex--g80.m-flex--c5>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g5.m-flex--c2>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g5.m-flex--c3>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g5.m-flex--c4>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g5.m-flex--c5>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g10.m-flex--c2>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g10.m-flex--c3>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g10.m-flex--c4>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g10.m-flex--c5>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g20.m-flex--c2>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g20.m-flex--c3>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g20.m-flex--c4>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g20.m-flex--c5>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g30.m-flex--c2>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g30.m-flex--c3>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g30.m-flex--c4>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g30.m-flex--c5>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g40.m-flex--c2>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g40.m-flex--c3>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g40.m-flex--c4>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g40.m-flex--c5>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g60.m-flex--c2>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g60.m-flex--c3>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g60.m-flex--c4>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g60.m-flex--c5>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g80.m-flex--c2>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g80.m-flex--c3>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g80.m-flex--c4>.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g80.m-flex--c5>.m-flex__item{
width:auto;
}
.m-flex.m-flex--pc>.m-flex__item+.m-flex__item,
.m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list)>.m-flex__item+.m-flex__item{
margin-top:10px;
}
.m-flex.m-flex--sp{
margin-left:-10px;
margin-bottom:-10px;
}
.m-flex.m-flex--sp>.m-flex__item{
margin-left:10px;
margin-bottom:10px;
}
.m-flex.m-flex--sp>a>.m-flex__item{
margin-left:10px;
margin-bottom:10px;
}
.m-flex.m-flex--sp--c2>.m-flex__item{
width:calc((100%/2)-10px);
}
.m-flex.m-flex--sp--c3>.m-flex__item{
width:calc((100%/3)-10px);
}
.m-flex.m-flex--sp--c4>.m-flex__item{
width:calc((100%/4)-10px);
}
.m-flex.m-flex--list{
margin-bottom:0;
}
.m-flex.m-flex--list>.m-flex__item{
margin-bottom:0;
}
.m-flex.m-flex--list>.m-flex__item+.m-flex__item{
margin-top:0;
}
.m-definition-col:not(.m-definition-col--sp){
display:block;
}
.m-definition-col:not(.m-definition-col--sp).m-definition-col__item{
width:auto;
}
.m-definition-col:not(.m-definition-col--sp).m-definition-col__item+.m-definition-col__item{
margin-top:10px;
}
.m-definition-col--sp.m-definition-col__item--w200{
width:160px;
}
button.m-btn,
input.m-btn,
a.m-btn,
.m-btn{
font-size:1.4rem;
}
button.m-btn--xs,
input.m-btn--xs,
a.m-btn--xs,
.m-btn--xs{
font-size:1.2rem;
}
button.m-btn--xl,
input.m-btn--xl,
a.m-btn--xl,
.m-btn--xl{
height:50px;
line-height:50px;
font-size:1.6rem;
}
button.m-btn--xl.m-btn--round,
input.m-btn--xl.m-btn--round,
a.m-btn--xl.m-btn--round,
.m-btn--xl.m-btn--round{
border-radius:25px;
}
button.m-btn--w160,
input.m-btn--w160,
a.m-btn--w160,
.m-btn--w160{
width:100%;
}
button.m-btn--w200,
input.m-btn--w200,
a.m-btn--w200,
.m-btn--w200{
width:100%;
}
button.m-btn--w240,
input.m-btn--w240,
a.m-btn--w240,
.m-btn--w240{
width:100%;
}
button.m-btn--w320,
input.m-btn--w320,
a.m-btn--w320,
.m-btn--w320{
width:100%;
}
button.m-btn--w480,
input.m-btn--w480,
a.m-btn--w480,
.m-btn--w480{
width:100%;
}
button.m-btn--w560,
input.m-btn--w560,
a.m-btn--w560,
.m-btn--w560{
width:100%;
}
button.m-address-search-btn,
input.m-address-search-btn,
a.m-address-search-btn,
.m-address-search-btn{
margin-left:10px;
font-size:1.2rem;
padding-left:1em;
padding-right:1em;
}
button.m-btn-star,
input.m-btn-star,
a.m-btn-star,
.m-btn-star{
width:24px;
height:24px;
}
button.m-btn-data,
input.m-btn-data,
a.m-btn-data,
.m-btn-data{
width:30px;
height:35px;
}
button.m-btn--w200h,
input.m-btn--w200h,
a.m-btn--w200h,
.m-btn--w200h{
width:50%;
}
button.m-btn--w240h,
input.m-btn--w240h,
a.m-btn--w240h,
.m-btn--w240h{
width:50%;
}
button.m-btn-data-ja,
input.m-btn-data-ja,
a.m-btn-data-ja,
.m-btn-data-ja{
width:36px;
height:36px;
}
button.m-btn-data-de,
input.m-btn-data-de,
a.m-btn-data-de,
.m-btn-data-de{
width:36px;
height:36px;
}
button.m-btn-data-en,
input.m-btn-data-en,
a.m-btn-data-en,
.m-btn-data-en{
width:36px;
height:36px;
}
button.m-btn-data-ko,
input.m-btn-data-ko,
a.m-btn-data-ko,
.m-btn-data-ko{
width:36px;
height:36px;
}
button.m-btn-data-zh,
input.m-btn-data-zh,
a.m-btn-data-zh,
.m-btn-data-zh{
width:36px;
height:36px;
}
.m-share-box{
width:24px;
}
.m-share-box-btn{
width:24px;
height:24px;
}
.m-share-box-content{
padding:10px;
left:30px;
width:124px;
font-size:1.2rem;
border-width:2px;
}
.m-share-box-content:before{
left:-8px;
border-top-width:6px;
border-bottom-width:6px;
border-right-width:8px;
}
.m-share-box-content:after{
left:-6px;
border-top-width:4px;
border-bottom-width:4px;
border-right-width:6px;
}
.m-share-box-content--bottom-left:before{
bottom:10px;
}
.m-share-box-content--bottom-left:after{
bottom:10px;
}
.m-share-box-content--top-right{
left:auto;
right:30px;
}
.m-share-box-content--top-right:before{
top:10px;
left:auto;
right:-8px;
}
.m-share-box-content--top-right:after{
top:10px;
left:auto;
right:-6px;
}
.m-share-box-close{
width:16px;
height:16px;
}
.m-share-box-close:before,.m-share-box-close:after{
height:8px;
margin-top:-4px;
}
.m-share-box-list__item+.m-share-box-list__item{
margin-left:5px;
}
.m-share-box-list__item a{
width:30px;
height:30px;
}
.m-icon--language{
-webkit-transform:translateY(0px);
transform:translateY(0px);
}
.m-icon--ar-r-or-l,.m-icon--ar-r-bl-l{
position:relative;
width:16px;
height:16px;
}
.m-icon--ar-r-or-l:before,.m-icon--ar-r-bl-l:before{
content:"";
border-left-width:5px;
border-top-width:3px;
border-bottom-width:3px;
}
.m-icon--product-tbl-info,.m-icon--product-tbl-search{
width:14px;
height:14px;
}
.m-icon--education-01,.m-icon--education-02{
width:40px;
height:30px;
}
.m-icon--check-cir-gr,.m-icon--caution-cir{
width:14px;
height:14px;
margin-top:-3px;
}
.m-icon--caution-triangle{
width:20px;
height:20px;
}
.m-cat-icon,m-cat-icon_s{
font-size:1rem;
}
.m-cat-icon--env1,.m-cat-icon--env2,.m-cat-icon--env3,.m-cat-icon--env4{
width:48px;
height:17px;
line-height:16px;
}
.m-breadcrumb,
.m-breadcrumb--c2{
display:none;
}
.m-title{
border-left-width:3px;
font-size:1.8rem;
}
.m-title--s{
font-size:1.2rem;
}
.m-bg-title{
padding:10px;
font-size:1.4rem;
}
.m-bg-title--with-link--pc{
display:block;
}
.m-bg-title--with-link--pc>*+*{
margin-top:10px;
}
.m-form-col,
.m-form-col--thin{
display:block;
padding:10px 0px;
font-size:1.2rem;
}
.m-form-col--noline{
padding-bottom:0;
}
.m-form-col--indent,.m-form-col--alternate-bg{
padding:10px;
}
.m-form-col__content{
margin-top:5px;
}
input[type="password"],
input[type="text"],
textarea{
width:100%;
padding:10px;
font-size:1.2rem;
}
input[type="password"].m-input-text--h-s,
input[type="text"].m-input-text--h-s{
font-size:1.2rem;
}
input[type="password"].m-input-text--xs,
input[type="text"].m-input-text--xs{
width:25%;
}
input[type="password"].m-input-text--s,
input[type="text"].m-input-text--s{
width:40%;
}
input[type="password"].m-input-text--m,
input[type="text"].m-input-text--m{
width:100%;
}
input[type="password"].m-input-text--m2,
input[type="text"].m-input-text--m2{
width:100%;
}
input[type="password"].m-input-text--w253,
input[type="text"].m-input-text--w253{
width:100%;
}
input[type="password"].m-input-text--sp,
input[type="text"].m-input-text--sp{
width:100%;
}
textarea.m-textarea--m{
width:100%;
}
input[type="radio"],
input[type="checkbox"]{
width:16px;
height:16px;
}
select.m-select{
width:100%;
font-size:1.2rem;
}
select.m-select--sp-auto{
width:auto;
}
select.m-select--sp-s{
width:40%;
}
.m-icon-slide-prev,
.m-icon-slide-next{
width:16px;
height:16px;
margin-top:-8px;
}
.m-icon-slide-prev{
left:-20px;
}
.m-icon-slide-next{
right:-20px;
}
.slick-dots>*{
width:5px;
height:5px;
}
.slick-dots>*+*{
margin-left:5px;
}
.m-modal-item{
left:0;
top:0;
width:100%;
height:100%;
overflow:auto;
padding:50px 10px 10px;
}
.m-modal-item--condition{
width:100%;
left:0;
-webkit-transform:translateX(0);
transform:translateX(0);
}
.m-modal-item--narrow{
padding:0;
top:50%;
left:50%;
width:auto;
height:auto;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
overflow:hidden;
}
.m-modal-item--passive{
padding:0;
width:calc(100%-12px)!important;
top:50%;
left:50%;
width:auto;
height:auto;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
overflow:hidden;
}
.m-modal-close{
right:0;
top:0;
}
.form-inline{
width:25%!important;
display:inline-block;
}
}
@media screen and(max-width:767px){
a{
-webkit-transition:none!important;
transition:none!important;
-webkit-tap-highlight-color:rgba(0,0,0,0.2);
}
a:hover{
opacity:1!important;
text-decoration:none!important;
}
a.m-uline:hover{
text-decoration:underline!important;
}
body{
font-size:1.2rem;
}
#l-wrapper{
min-width:inherit;
}
.l-container,.l-container--history{
max-width:inherit;
padding-left:10px;
padding-right:10px;
margin-top:10px;
margin-bottom:20px;
}
.l-container--liquid{
max-width:inherit;
padding-left:10px;
padding-right:10px;
}
.t-header{
min-width:inherit;
}
.m-header-language{
font-size:1.2rem;
}
.m-header-language-l{
padding:10px;
}
.m-header-language-btn{
font-size:1rem;
}
.m-header-language-toggle-current a{
padding:10px;
}
.m-header-language-toggle-current a:before{
right:15px;
border-top-width:8px;
border-left-width:5px;
border-right-width:5px;
}
.m-header-language-toggle-content{
padding:10px;
}
.m-header-language-toggle-content--currency.m-header-language-toggle-nav li{
width:calc(100%/2);
}
.m-header-logo{
height:60px;
width:120px;
}
.m-header-logo-intra{
display:none;
}
.m-header-menu{
width:50px;
height:50px;
}
.m-header-menu span{
bottom:5px;
font-size:1rem;
}
.m-header-menu figure{
width:20px;
height:2px;
margin-left:-10px;
}
.m-header-menu figure:nth-of-type(1){
margin-top:-8px;
}
.m-header-menu figure:nth-of-type(2){
margin-top:-1px;
}
.m-header-menu figure:nth-of-type(3){
margin-bottom:-8px;
}
.m-header-menu.is-active{
background-color:transparent;
}
.m-header-menu.is-active figure:nth-of-type(1){
-webkit-transform:translateY(7px)rotate(-45deg);
transform:translateY(7px)rotate(-45deg);
}
.m-header-menu.is-active figure:nth-of-type(2){
height:0;
opacity:0;
}
.m-header-menu.is-active figure:nth-of-type(3){
-webkit-transform:translateY(-7px)rotate(45deg);
transform:translateY(-7px)rotate(45deg);
}
.m-header-search{
padding:10px;
}
.m-header-search-form input[type="password"],
.m-header-search-form input[type="text"]{
height:40px;
padding:5px 70px 5px 10px;
}
.m-header-search-form-btn{
width:40px;
height:40px;
line-height:36px;
font-size:1.2rem;
}
.m-header-search-form-btn.icon{
width:12px;
height:12px;
}
.m-header-login{
padding:15px 10px;
}
.m-header-login-register{
font-size:1.2rem;
}
.m-header-member-content{
padding:10px;
font-size:1.2rem;
}
.m-header-member-content:before{
right:15px;
border-top-width:8px;
border-left-width:5px;
border-right-width:5px;
}
.m-header-member-puwin{
font-size:1.2rem;
padding:10px;
}
.m-header-cart--sp{
right:0;
top:12px;
}
.m-header-cart--sp.m-header-cart__item{
width:50px;
margin-right:-8px;
}
.m-header-cart--sp.m-header-cart__item.num{
font-size:1rem;
height:12px;
border-radius:6px;
line-height:12px;
}
.m-header-login--sp{
display:block;
position:absolute;
top:12px;
left:56px;
}
.m-header-login--sp.m-icon--login_gr{
width:14px;
height:19px;
}
.m-header-login--sp p{
display:block;
height:22px;
transition:.3s;
padding:0 12px;
margin-right:0;
}
.m-header-login--sp span{
display:block;
font-size:1rem;
font-weight:700;
line-height:1;
}
.m-header-cart--sp.m-header-cart__item span{
font-size:1rem;
transform:scale(0.8);
}
.m-header-cart--sp.m-header-cart__item.icon{
width:16px;
height:16px;
}
.m-header-cart--sp.m-header-cart-child{
top:38px;
}
.m-header-nav{
top:60px;
height:calc(100%-50px);
}
.m-global-nav-child,.m-global-nav-gchild{
padding-top:10px;
padding-bottom:10px;
}
.m-global-nav-child-title,.m-global-nav-gchild-title{
padding-left:10px;
padding-right:10px;
margin-bottom:5px;
}
.m-global-nav-child-col,.m-global-nav-gchild-col{
display:block;
margin-left:0;
}
.m-global-nav-child-col>*,.m-global-nav-gchild-col>*{
width:auto;
margin-left:0;
}
.m-global-nav-child-col>*+*,.m-global-nav-gchild-col>*+*{
margin-top:10px;
}
.m-global-nav-child:not(.m-global-nav-child--w).m-global-nav-child-list:not(.m-global-nav-child-list--toggle),.m-global-nav-gchild:not(.m-global-nav-child--w).m-global-nav-child-list:not(.m-global-nav-child-list--toggle){
display:block;
margin-left:0;
}
.m-global-nav-child:not(.m-global-nav-child--w).m-global-nav-child-list:not(.m-global-nav-child-list--toggle)>*,.m-global-nav-gchild:not(.m-global-nav-child--w).m-global-nav-child-list:not(.m-global-nav-child-list--toggle)>*{
width:auto;
margin-left:0;
}
.m-global-nav-child-list,.m-global-nav-gchild-list{
display:block;
margin-left:0;
}
.m-global-nav-child-list.title,.m-global-nav-gchild-list.title{
margin-left:10px;
margin-right:10px;
margin-bottom:5px;
}
.m-global-nav-child-list>*,.m-global-nav-gchild-list>*{
width:auto;
margin-left:0;
}
.m-global-nav-child-list>*>a,.m-global-nav-gchild-list>*>a{
padding:5px 10px 5px 25px;
}
.m-global-nav-child-list>*>a:before,.m-global-nav-gchild-list>*>a:before{
top:8px;
left:10px;
}
.m-global-nav-child-list--col,.m-global-nav-gchild-list--col{
display:block;
margin-left:0;
}
.m-global-nav-child-list--col>*,.m-global-nav-gchild-list--col>*{
width:auto;
}
.m-global-nav-child-list--col>*+*,.m-global-nav-gchild-list--col>*+*{
width:auto;
margin-left:0;
}
.m-header-sub-link>*{
font-size:1.2rem;
}
.m-header-sub-link>*a{
padding:10px;
}
.m-header-sp-tel{
padding:10px;
}
.m-header-info{
display:block;
font-size:1.2rem;
}
.m-header-info-contact{
margin-top:10px;
}
.m-header-info-contact.icon{
margin-left:10px;
}
.m-header-info-emergency-title.icon{
width:16px;
height:16px;
margin-right:5px;
}
.m-header-info-inner{
padding:5px 10px;
}
.m-header-info-droplist li{
padding-bottom:10px;
}
.m-header-info-droplist-trigger{
position:absolute;
font-size:20px;
width:20px;
height:20px;
text-align:center;
line-height:1;
color:#555;
padding-top:2px;
border-radius:10px;
top:0px;
right:10px;
cursor:pointer;
}
.m-header-info-emergency{
display:flex;
flex-wrap:wrap;
}
.m-header-info-emergency-title{
width:auto;
text-align:center;
margin-right:0;
margin-bottom:0px;
}
.m-header-info-emergency-text{
width:calc(100%-120px);
}
.m-header-info-emergency-items{
width:100%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.m-header-info-emergency-list{
width:calc(100%-10px);
margin-left:5px;
margin-right:5px;
}
.m-header-info-droplist{
position:absolute;
width:100%;
top:100%;
left:0;
background-color:#d9e2e8;
}
.m-header-info-hideBtn{
margin-top:0;
}
.b-footer-inner{
max-width:inherit;
padding:20px 10px 80px;
}
.m-footer-device-change{
text-align:center;
}
.m-footer-nav{
display:block;
margin-left:0;
}
.m-footer-nav-item{
width:auto;
margin-left:0;
}
.m-footer-nav-item+.m-footer-nav-item{
margin-top:20px;
}
.m-footer-nav-title{
font-size:1.4rem;
padding-bottom:5px;
}
.m-footer-nav-list{
margin-top:10px;
font-size:1rem;
}
.m-footer-language{
display:none;
}
.m-footer-info{
display:block;
margin-top:20px;
padding:20px;
}
.m-footer-info>*{
width:auto;
}
.m-footer-info-h{
display:block;
margin-bottom:20px;
}
.m-footer-info-logo{
width:170px;
margin-right:0;
}
.m-footer-info-sns{
margin-top:20px;
}
.m-footer-info-sns>*a{
width:32px;
height:32px;
}
.m-footer-info-list{
font-size:1.2rem;
}
.m-footer-info-tel{
font-size:1.8rem;
}
.m-footer-info-tel.icon{
width:18px;
height:24px;
}
.m-footer-info-cal{
margin-left:-10px;
margin-top:20px;
}
.m-footer-info-cal-item{
width:calc(50%-10px);
margin-left:10px;
}
.m-footer-info-cal-title{
font-size:1rem;
}
.m-footer-info-cal-text{
margin-top:10px;
margin-left:10px;
font-size:1rem;
}
.m-footer-info-cal-text.icon{
width:16px;
height:16px;
}
.m-footer-info-cal-tbl th,.m-footer-info-cal-tbl td{
font-size:1rem;
padding-left:0;
padding-right:0;
}
.m-footer-device-change{
display:block;
margin-top:20px;
font-size:1rem;
}
.m-footer-text{
margin-top:20px;
font-size:1rem;
}
.m-footer-text-cr{
margin-top:5px;
}
.m-footer-guide{
display:block;
margin-left:0;
}
.m-footer-guide-item{
width:auto;
margin-left:0;
}
.m-footer-guide-item+.m-footer-guide-item{
margin-top:20px;
}
.m-footer-guide-list{
margin-top:10px;
font-size:1.2rem;
line-height:1.6;
}
.m-footer-guide-list-title{
width:100px;
margin-right:10px;
}
.m-fixed-contact{
width:70px;
height:60px;
padding:0;
display:block;
text-align:center;
}
.m-fixed-contact-icon{
display:block;
margin-left:auto;
margin-bottom:5px;
right:15px;
bottom:20px;
width:28px;
height:19px;
}
.m-fixed-contact-title{
display:block;
margin:2px-25px;
bottom:2px;
font-size:1rem;
}
.m-fixed-contact-title:hover{
display:block;
margin:2px-25px;
bottom:2px;
font-size:1rem;
text-decoration:none;
}
.m-fixed-contact-text{
display:none;
}
.m-fixed-cart{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
position:fixed;
left:0;
bottom:0;
width:calc(100%-70px);
height:60px;
background-color:#cc0000;
color:#ffffff;
text-align:center;
font-size:1.2rem;
}
}
@media screen and(max-width:767px){
.m-search-set{
display:block;
}
.m-search-set-title{
margin-right:0;
margin-bottom:10px;
}
.m-search-set-content{
position:relative;
width:auto;
}
.m-search-set--wide.m-search-set-content{
width:100%;
}
.m-search-set-btn{
width:80px;
font-size:1.4rem;
}
.m-search-text-16{
font-size:16px;
font-weight:700;
width:100%;
white-space:normal;
}
.m-home-inner{
padding-left:15px;
padding-right:15px;
}
.m-home-news{
display:block;
}
.m-home-news__title{
width:auto;
}
.m-home-image{
display:block;
}
.m-home-image__main{
width:auto;
}
.m-home-image__sub{
display:none;
}
.m-home-image2{
position:relative;
width:100%;
padding-top:21.9354%;
}
.m-home-image-list.slick-dots{
bottom:10px;
}
.m-home-title-text{
font-size:1.6rem;
}
.m-home-title-text.icon{
width:30px;
height:30px;
}
.m-home-image-item img{
width:100%;
}
.m-home-maker-list{
margin-left:-10px;
margin-bottom:-10px;
}
.m-home-maker-list__item{
width:calc(100%/2-10px);
margin-left:10px;
margin-bottom:10px;
}
.m-home-maker-slider{
margin-left:20px;
margin-right:20px;
padding-bottom:20px;
}
.m-home-special-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-left:20px;
margin-right:20px;
padding-bottom:20px;
}
.m-home-special-list__item{
width:100%;
padding-left:0;
}
.m-home-special-list.m-icon-slide-prev{
left:-20px;
}
.m-home-product-list{
margin-left:20px;
margin-right:20px;
padding-bottom:20px;
}
.m-home-product-list__item{
width:100%;
padding-left:0;
}
.m-home-product-list.m-icon-slide-prev{
left:-20px;
}
.m-home-bnr-list{
margin-left:20px;
margin-right:20px;
}
.m-home-bnr-list__item{
width:100%;
padding-left:0;
}
.m-home-bnr-list.m-icon-slide-prev{
left:-20px;
}
.m-product-slider-detail{
margin-left:20px;
margin-right:20px;
padding-bottom:20px;
}
.m-product-slider-detail.m-icon-slide-prev{
left:-20px;
}
.m-product-slider{
margin-left:20px;
margin-right:20px;
padding-bottom:20px;
}
.m-product-slider__item{
width:100%;
padding-left:0;
}
.m-product-slider.m-icon-slide-prev{
left:-20px;
}
.m-product-detail-col__content{
margin-top:20px;
}
.m-product-detail-image__l{
width:100px;
margin-right:10px;
}
.m-product-detail-btn{
display:block;
}
.m-product-detail-btn__title{
width:auto;
margin-right:0px;
margin-bottom:10px;
}
.m-product-detail-spec__l{
width:calc(55%-10px);
}
.m-product-detail-spec__r{
width:45%;
margin-left:10px;
text-align:right;
}
.m-product-detail-spec-list__title{
width:100px;
padding-left:10px;
padding-right:10px;
}
.m-product-detail-spec-list__text,.m-product-detail-spec-list__content{
width:calc(100%-110px);
overflow:hidden;
}
@media screen and(max-width:767px){
.m-product-detail-spec-list__text--withBtn{
width:calc(100%-180px);
overflow:hidden;
}
}
.m-btn-search-tag{
min-width:80px;
padding:.25em.5em;
}
.m-new-product{
padding-bottom:60px;
}
.m-new-product-btn{
left:10px;
bottom:10px;
width:calc(100%-20px);
}
.m-new-product-thumb{
padding-right:30px;
}
.m-new-product-thumb__image{
margin-right:10px;
}
.m-scroll-tbl.m-product-tbl{
width:100%;
}
.m-spec-scroll-tbl.m-spec-product-tbl{
width:100%;
}
.m-scroll-tbl.m-product-tbl--bor-w{
border-width:4px;
}
.m-scroll-tbl.m-product-tbl--s,.m-scroll-tbl.m-product-tbl--m,.m-scroll-tbl.m-product-tbl--search,.m-scroll-tbl.m-product-tbl--xl{
min-width:inherit;
}
.m-spec-scroll-tbl.m-product-tbl--s,.m-spec-scroll-tbl.m-product-tbl--m,.m-spec-scroll-tbl.m-product-tbl--search,.m-spec-scroll-tbl.m-product-tbl--xl{
min-width:inherit;
}
.m-scroll-tbl.m-product-tbl.m-product-tbl--sp.m-product-tbl--s{
min-width:600px;
}
.m-scroll-tbl.m-product-tbl.m-product-tbl--sp.m-product-tbl--m{
min-width:1120px;
}
.m-scroll-tbl.m-product-tbl.m-product-tbl--sp.m-product-tbl--xl{
min-width:2000px;
}
.m-spec-scroll-tbl.m-spec-product-tbl.m-product-tbl--sp.m-product-tbl--xl{
min-width:2000px;
}
.m-product-tbl:not(.m-product-tbl--sp){
display:block;
}
.m-product-tbl:not(.m-product-tbl--sp).m-product-tbl--bor-w{
border:none;
}
.m-product-tbl:not(.m-product-tbl--sp).m-product-tbl--s{
width:100%;
}
.m-product-tbl:not(.m-product-tbl--sp)colgroup,
.m-product-tbl:not(.m-product-tbl--sp)col{
display:none;
}
.m-product-tbl:not(.m-product-tbl--sp)colgroup.w60,.m-product-tbl:not(.m-product-tbl--sp)colgroup.w200,.m-product-tbl:not(.m-product-tbl--sp)colgroup.w220,.m-product-tbl:not(.m-product-tbl--sp)colgroup.w410,
.m-product-tbl:not(.m-product-tbl--sp)col.w60,
.m-product-tbl:not(.m-product-tbl--sp)col.w200,
.m-product-tbl:not(.m-product-tbl--sp)col.w220,
.m-product-tbl:not(.m-product-tbl--sp)col.w410{
width:auto;
}
.m-product-tbl:not(.m-product-tbl--sp)>thead,
.m-product-tbl:not(.m-product-tbl--sp)>tbody,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot{
display:block;
}
.m-product-tbl:not(.m-product-tbl--sp)>thead>tr,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr{
display:block;
}
.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>th,
.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>td,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>th,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>td,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>th,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>td{
display:block;
}
.m-product-tbl:not(.m-product-tbl--sp)>thead>tr,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr{
border:solid 3px#c5cccf;
}
.m-product-tbl:not(.m-product-tbl--sp)>thead>tr+tr,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr+tr,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr+tr{
margin-top:10px;
}
.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>th,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>td,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>th,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>td,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>th,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>td{
padding:0;
border:0;
}
.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>th.cart,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>th.product,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>th.product2,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>th.product3,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>th.product-set,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>th.main,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>th.sub,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>th.w120,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>th.w100,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>th.w80,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>th.w60,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>th.w50,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>th.btn,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>td.cart,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>td.product,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>td.product2,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>td.product3,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>td.product-set,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>td.main,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>td.sub,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>td.w120,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>td.w100,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>td.w80,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>td.w60,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>td.w50,.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>td.btn,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>th.cart,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>th.product,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>th.product2,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>th.product3,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>th.product-set,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>th.main,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>th.sub,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>th.w120,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>th.w100,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>th.w80,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>th.w60,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>th.w50,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>th.btn,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>td.cart,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>td.product,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>td.product2,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>td.product3,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>td.product-set,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>td.main,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>td.sub,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>td.w120,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>td.w100,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>td.w80,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>td.w60,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>td.w50,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>td.btn,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>th.cart,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>th.product,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>th.product2,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>th.product3,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>th.product-set,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>th.main,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>th.sub,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>th.w120,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>th.w100,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>th.w80,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>th.w60,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>th.w50,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>th.btn,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>td.cart,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>td.product,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>td.product2,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>td.product3,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>td.product-set,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>td.main,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>td.sub,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>td.w120,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>td.w100,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>td.w80,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>td.w60,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>td.w50,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>td.btn{
width:100%;
}
.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>th,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>th,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>th{
padding:7px 15px;
}
.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>th:nth-of-type(1),.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>th:nth-last-of-type(1),
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>th:nth-of-type(1),
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>th:nth-last-of-type(1),
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>th:nth-of-type(1),
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>th:nth-last-of-type(1){
padding-top:15px;
padding-bottom:15px;
}
.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>th.sub,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>th.sub,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>th.sub{
width:100%;
padding:7px 15px;
text-align:center;
}
.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>th.sub br,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>th.sub br,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>th.sub br{
display:none;
}
.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>td,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>td,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>td{
padding:7px 15px;
}
.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>td.sub,
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>td.sub,
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>td.sub{
display:none;
}
.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>td:nth-of-type(1),
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>td:nth-of-type(1),
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>td:nth-of-type(1){
padding-top:15px;
}
.m-product-tbl:not(.m-product-tbl--sp)>thead>tr>td:nth-last-of-type(1),
.m-product-tbl:not(.m-product-tbl--sp)>tbody>tr>td:nth-last-of-type(1),
.m-product-tbl:not(.m-product-tbl--sp)>tfoot>tr>td:nth-last-of-type(1){
padding-bottom:15px;
}
.m-product-tbl:not(.m-product-tbl--sp)>thead{
display:none;
}
.m-product-tbl-main-col{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.m-product-tbl-main-col__title{
width:calc(100%-110px);
-ms-flex-negative:0;
flex-shrink:0;
margin-bottom:0px;
}
.m-product-tbl-main-col__image{
width:100px;
-ms-flex-negative:0;
flex-shrink:0;
margin-right:0;
margin-left:10px;
margin-bottom:15px;
flex-direction:column;
}
.m-product-tbl-main-col__image p img{
max-width:60px;
width:auto;
height:auto;
}
.m-product-tbl-main-col__cat{
width:100%;
-ms-flex-negative:0;
flex-shrink:0;
margin-top:10px;
}
.m-product-tbl-main-btn{
width:100px;
}
.m-product-tbl-main-image{
display:block;
width:90px;
text-align:center;
}
.m-product-tbl-main-image.text{
padding-top:5px;
padding-left:0;
}
.m-product-tbl-cart{
display:block;
margin-left:0;
padding-top:10px;
border-top:solid 1px#c5cccf;
}
.m-product-tbl-cart__item{
width:auto;
margin-left:0;
}
.m-product-tbl-cart__container{
width:auto;
margin:0;
}
.m-product-tbl-cart-num--sp{
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.m-product-tbl-cart-num>*+*{
margin-left:10px;
}
.m-product-tbl-env{
padding-top:10px;
border-top:solid 1px#c5cccf;
}
.m-search-multiple-keyword-list__item{
font-size:1.2rem;
}
.m-alphabet-list>*{
width:calc(100%/9-10px);
font-size:1.2rem;
}
.m-maker-list{
margin-left:-10px;
margin-bottom:-10px;
}
.m-maker-list__item{
width:calc(100%/2-10px);
margin-left:10px;
margin-bottom:10px;
}
.m-maker-box{
padding:0;
border:none;
}
.m-maker-col_logo{
margin-bottom:10px;
}
.m-news-tab__item{
font-size:1rem;
}
.m-news-tab__item a{
height:40px;
line-height:40px;
}
.m-news-arichives-item.sub{
margin-right:.5em;
font-size:1rem;
}
.m-news-arichives-image{
margin-left:10px;
}
.m-news-arichives-title{
font-size:1.3rem;
}
.m-news-cat+.m-news-cat{
margin-top:10px;
}
.m-news-cat__logo{
padding:10px;
}
.m-news-cat__logo img{
width:80px;
}
.m-news-cat__title{
font-size:1.2rem;
padding-left:35px;
}
.m-news-cat__title:before{
left:4px;
}
.m-news-cat__content{
font-size:1rem;
padding:10px;
}
.m-news-cat__content--nopadding{
padding:0;
}
.m-news-cat-ranking>*.title,.m-news-cat-ranking2>*.title{
padding-left:30px;
min-height:20px;
font-size:1.2rem;
}
.m-news-cat-ranking>*.title:before,.m-news-cat-ranking2>*.title:before{
width:20px;
height:20px;
font-size:1.2rem;
}
.m-news-cat-ranking>*.sub,.m-news-cat-ranking2>*.sub{
font-size:1rem;
margin-right:.5em;
}
.m-news-cat-ranking>*time.sub,.m-news-cat-ranking2>*time.sub{
width:auto;
}
.m-news-cat-ranking2>*.title{
width:100%;
font-size:1.5rem;
font-weight:400;
}
.m-news-cat-list>*{
font-size:1.6rem;
padding-left:17px;
}
.m-news-cat-list>*+*{
margin-top:.25em;
}
.m-news-cat-list>*:before{
border-left-width:5px;
border-top-width:3px;
border-bottom-width:3px;
top:4px;
}
.m-news-cat-maker__title-child{
padding-left:25px;
}
.m-news-cat-maker__title-child:before{
width:16px;
height:16px;
top:2px;
}
.m-news-pager,.m-search-pager{
font-size:1.2rem;
}
.m-news-article-h{
padding:10px 0;
}
.m-news-article-h--with-link{
padding-right:40px;
}
.m-news-article-h--with-link.btn{
right:10px;
}
.m-news-article-body img{
margin-bottom:10px;
}
.m-news-article-body p{
margin-bottom:10px;
}
.m-news-article-body p{
width:100%;
margin-bottom:10px;
word-break:normal;
}
.m-movie-image-slider{
margin-left:30px;
margin-right:30px;
}
.m-movie-image-slider.slick-dots{
bottom:10px;
}
.m-movie-list-slider{
margin-left:30px;
margin-right:30px;
}
.m-movie-list-slider__item{
width:100%;
padding-left:0;
}
.m-movie-search-condition{
display:block;
}
.m-movie-search-condition-toggle{
margin-top:10px;
}
.m-movie-search-condition-btn{
margin-left:0px;
width:100%;
font-size:1.4rem;
}
.m-movie-search-condition-btn.icon{
border-top-width:10px;
border-left-width:5px;
border-right-width:5px;
}
.m-movie-search-condition-content,
.m-movie-search-condition-content_l{
position:static;
top:auto;
right:auto;
width:100%;
}
.m-select-active:before,
.m-select-active:after{
content:'';
height:2px;
width:12px;
display:block;
background:#333;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
position:absolute;
top:9px;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
}
.m-select-active:after{
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
}
.m-search-cat-list.m-select-active:before,
.m-search-cat-list.m-select-active:after{
right:-1em;
}
.m-search-cat-list_l.m-select-active:before,
.m-search-cat-list_l.m-select-active:after{
right:-1em;
}
.m-flex--g20.m-filter--c3>.m-flex__item{
width:calc((100%/2)-21px);
-ms-flex-negative:0;
flex-shrink:0;
}
.m-education-ar-b-title{
padding:10px;
}
.m-education-ar-b-title:before{
border-top-width:8px;
border-left-width:6px;
border-right-width:6px;
bottom:-8px;
}
.m-x-ray-tbl thead,
.m-x-ray-tbl tbody,
.m-x-ray-tbl tfoot,
.m-x-ray-tbl th,.m-x-ray-tbl td,.m-x-ray-tbl tr{
display:block;
}
.m-mypage-list{
margin-left:0;
margin-right:0;
}
.m-mypage-list-wrap{
margin-left:30px;
margin-right:30px;
}
.m-mypage-list__item.m-mypage-list__item2{
width:calc(100%-1px);
margin-left:1px;
}
.m-mypage-list.m-icon-slide-prev{
left:-20px;
}
.m-mypage-menu-list-item a.icon{
width:24px;
height:24px;
}
.m-parent-and-child-tutorial{
max-width:100%;
padding:40px 30px;
margin-bottom:20px;
}
.m-parent-and-child-tutorial-item{
width:auto;
min-height:calc(100vh-200px);
}
.m-parent-and-child-tutorial.m-icon-slide-prev{
left:10px;
}
.m-parent-and-child-tutorial.m-icon-slide-next{
right:10px;
}
.m-parent-and-child-tutorial-list>*i{
width:20px;
height:20px;
}
}
.m-captcha-c{
margin-left:95px;
}
.pickup-maker{
padding:0;
width:auto;
margin-right:-3px;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
align-items:flex-start;
}
.pickup-maker li{
width:calc((100%/3)-11px);
-ms-flex-negative:0;
flex-shrink:0;
list-style-type:none;
position:relative;
text-align:left;
align-items:center;
}
.pickup-maker li ul{
width:auto;
height:210px;
overflow-y:scroll;
position:relative;
display:none;
padding:10px;
z-index:9999;
background-color:#fff;
border:0;
}
.pickup-maker li ul li{
padding-left:1em;
display:inline-block;
width:100%;
line-height:1.2em;
overflow:hidden;
color:#0071b5;
background-color:#fff;
text-align:left;
}
.pickup-maker li ul li a{
color:#0071b5;
}
.pickup-maker li a{
color:#fff;
cursor:pointer;
}
.pickup-maker li ul:hover{
color:#0071b5;
}
.pickup-maker li ul li:not(:first-child)>*{
position:relative;
padding-left:20px;
}
.pickup-maker li ul li:not(:first-child)>*+*{
margin-top:.3em;
}
.pickup-maker li ul li:not(:first-child)>*:before{
content:"";
border-left:solid 8px#0071b5;
border-top:solid 5px transparent;
border-bottom:solid 5px transparent;
position:absolute;
left:0;
top:7px;
}
.pickup-maker li.icon-arrow{
position:absolute;
width:12px;
height:12px;
}
.pickup-maker li.icon-arrow span{
position:absolute;
content:"";
border-bottom:2px solid#fff;
border-right:2px solid#fff;
width:12px;
height:12px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
top:6px;
left:auto;
right:10px;
}
.pickup-maker li.icon-arrow,
.pickup-maker li.icon-arrow span{
display:inline-block;
transition:all.1s;
box-sizing:border-box;
left:auto;
right:10px;
}
.pickup-maker li.icon-arrow.active span:nth-of-type(1){
display:none;
}
.pickup-maker li.icon-arrow.active span:nth-of-type(2){
top:10px;
left:auto;
right:10px;
transform:rotate(225deg);
-webkit-transform:rotate(225deg);
-moz-transform:rotate(225deg);
-ms-transform:rotate(225deg);
-o-transform:rotate(225deg);
}
.m-country-title{
pointer-events:none;
width:100%;
}
@media screen and(max-width:767px){
.m-country-title{
pointer-events:all;
max-width:100%;
table-layout:fixed;
}
.m-country-toggle{
display:none;
}
.m-country-title p.icon-arrow2{
position:absolute;
width:10px;
height:10px;
}
.m-country-title p.icon-arrow2 span{
content:"";
border-bottom:2px solid#000;
border-right:2px solid#000;
width:10px;
height:10px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
top:2px;
left:auto;
right:10px;
}
p.icon-arrow2,
p.icon-arrow2 span{
position:absolute;
display:inline-block;
transition:all.1s;
box-sizing:border-box;
left:auto;
right:20px;
}
p.icon-arrow2.active span:nth-of-type(1){
display:none;
}
p.icon-arrow2.active span:nth-of-type(2){
top:5px;
left:auto;
right:10px;
display:inline-block;
transform:rotate(225deg);
-webkit-transform:rotate(225deg);
-moz-transform:rotate(225deg);
-ms-transform:rotate(225deg);
-o-transform:rotate(225deg);
}
}
@media screen and(min-width:768px)and(max-width:1279px){
.m-country-title{
pointer-events:all;
max-width:100%;
table-layout:fixed;
}
.m-country-toggle{
display:none;
}
.m-country-title p.icon-arrow2{
position:absolute;
width:12px;
height:12px;
}
.m-country-title p.icon-arrow2 span{
content:"";
border-bottom:2px solid#000;
border-right:2px solid#000;
width:12px;
height:12px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
top:2px;
left:auto;
right:10px;
}
p.icon-arrow2,
p.icon-arrow2 span{
position:absolute;
display:inline-block;
transition:all.1s;
box-sizing:border-box;
left:auto;
right:80px;
}
p.icon-arrow2.active span:nth-of-type(1){
display:none;
}
p.icon-arrow2.active span:nth-of-type(2){
top:5px;
left:auto;
right:10px;
display:inline-block;
transform:rotate(225deg);
-webkit-transform:rotate(225deg);
-moz-transform:rotate(225deg);
-ms-transform:rotate(225deg);
-o-transform:rotate(225deg);
}
}
.ellipsisStyle{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.current{
margin:0 5px;
font-weight:bold;
}
.unbind-style{
cursor:not-allowed;
pointer-events:none;
opacity:0.2;
}
.search_display{
display:none;
}
.search_width{
width:180px;
}
.search_padding{
padding-right:200px;
}
.search_top_cat{
top:35px;
}
.eye{
background:url(../images/common/icon-visible.png)no-repeat;
width:24px;
height:20px;
position:absolute;
top:50%;
right:3%;
margin-top:-11px;
}
.eye-closed{
background:url(../images/common/icon-invisible.png)no-repeat;
width:24px;
height:20px;
position:absolute;
top:50%;
right:3%;
margin-top:-11px;
}
.password-box{
position:relative;
}
.m-form-col--thin{
padding:12px 40px;
}
.m-form-col--thin.m-form-col__title{
line-height:1.3;
}
.m-form-col--thin input[type="text"]{
font-size:14px;
line-height:1.2;
max-width:480px;
padding:6px 10px;
}
.m-form-col--thin.m-select{
padding:6px 40px 6px 10px;
}
.m-btn-pdf{
display:inline-block;
text-indent:-9998em;
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
width:45px;
height:45px;
background-size:auto 100%;
background-image:url(../images/common/icon-pdf2.png);
position:relative;
}
.m-btn-pdf:hover{
opacity:0.7;
text-decoration:none;
}
.m-btn-star-none-display{
display:none;
}
input[type="text"].m-input-text--bom-insuu{
width:65px;
height:23.2px;
padding:1px 10px;
}
.m-insuu-label{
padding-right:50px;
font-size:11px;
}
.p-dialog--bom-search-popup{
width:calc(100vw-20%);
height:calc(100vh-20%);
}
.p-dialog-close-popup{
background-color:#4D9CCB!important;
}
.m-searchFilter_newbom{
background-color:#f8f8f8;
padding:10px 20px;
}
.m-detailRow_width{
max-width:5em!important;
}
.p-comments-pop-obj{
position:absolute;
max-width:300px;
font-size:13px;
font-weight:500;
word-break:break-all;
background-color:#fff;
padding:6px 6px;
border:solid 3px#aaa;
border-radius:5px;
margin-top:-2px;
z-index:10001;
height:auto;
width:300px;
}
.js-comments{
display:none;
}
.p-comments-pop-obj-head{
display:flex;
justify-content:space-between;
margin-bottom:5px;
}
.p-comments-pop-obj-head>p{
font-size:18px;
}
.p-comments_closebtn{
font-size:20px;
width:1em;
height:1em;
background-color:#4D9CCB;
padding:2px;
line-height:0;
color:#fff;
border:none;
}
.p-comments-pop-obj-text{
height:80px;
}
.p-comments-pop-obj-btnlists{
display:flex;
justify-content:right;
}
.p-comments-pop-obj-btnlists>a{
margin-right:10px;
}
.m-info-tbl{
max-width:100%;
}
.m-info-tbl th,
.m-info-tbl td{
line-height:1.4;
padding:0.5em;
}
.m-info-tbl thead th{
background-color:#cfe4f1;
border:solid 1px#c5cccf;
}
.m-info-tbl tbody td{
background-color:#fff;
border:solid 1px#c5cccf;
}
.p-dialog--sm{
position:fixed;
width:calc(100vw-20%);
height:calc(100vh-20%);
border:1px solid#666;
z-index:10003;
overflow:hidden;
}

	position: absolute;
	z-index: 2;
	-webkit-animation: spin 0.8s linear infinite; /* Safari */
	animation: spin 0.8s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/*20180417 Hyron ADD END*/
/* 20180102 slu add end */
img {
  vertical-align: top;
  font-size: 0;
  line-height: 0;
  max-width: 100%;
  height: auto;
}
/* 20171027 ichikawa modify start */
ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, figure {
  margin: 0;
  padding: 0;
  /*word-break: break-all;*/
}
/* 20171027 ichikawa modify end */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%;
}
ol, ul {
  list-style: none;
}
i {
  font-style: normal;
}
label {
  cursor: pointer;
}
th, td {
  vertical-align: middle;
}
th {
  font-weight: normal;
  text-align: left;
}
a {
  color: #0000ff;
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: underline;
}
em {
  font-weight: bold;
  font-style: normal;
}
figcaption {
  line-height: normal;
}
/* 20180205 #24723 Hyron add start */
input[type="button"] {
  display: inline-block;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: 1;
  outline: none;
  margin: 5;
  padding: 0;
}
/* 20180205 #24723 Hyron add end */
button,
input[type="reset"],
input[type="submit"] {
  display: inline-block;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: none;
  outline: none;
  vertical-align: top;
  margin: 0;
  padding: 0;
}
hr {
  margin: 0;
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/* 20180320 #25757 Hyron  add start */
.m-header-main-l {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 150px;
  padding-left: 20px;
  padding-right: 300px;
  background-color: #ffffff;
}
.m-header-main-sub-at {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-top:65px;
}
.m-header-attention {
  width:  720px;
  margin-right: -720px;
  margin-bottom: 75px;
  margin-left: 15px;
  font-size:1.2rem;
  color: #cc0000;
}
/* 20180320  #27236 Hyron modify start */
.m-header-cart--pc-at {
  position: fixed;
  right: 50%;
  top: 55px;
  margin-right: -480px;
  margin-top:65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  z-index:10002;
}
/* 20180320  #27236 Hyron modify end */
/* 20180320  #25757 Hyron add end */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
モジュール
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-sp-only {
  display: none !important;
}
.m-tb-only {
  display: none !important;
}
.m-pc-only {
  display: block !important;
}
th.m-sp-only, td.m-sp-only {
  display: none !important;
}
th.m-tb-only, td.m-tb-only {
  display: none !important;
}
th.m-pc-only, td.m-pc-only {
  display: table-cell !important;
}
/* 親子会員機能改善 20201124 Takuma add start */
.m-sp-only.u-ib{
  display: none!important;
}
/* 親子会員機能改善 20201124 Takuma add  end  */
.m-img-max {
  width: 100%;
}
/* text */
.m-text-10 {
  font-size: 10px;
  line-height: 1.875;
}
.m-text-11 {
  font-size: 11px;
  line-height: 1.875;
}
.m-text-12 {
  font-size: 12px;
  line-height: 1.875;
}
.m-text-13 {
  font-size: 13px;
  line-height: 1.875;
}
.m-text-14 {
  font-size: 14px;
  line-height: 1.875;
}
.m-text-15 {
  font-size: 15px;
  line-height: 1.875;
}
.m-text-16 {
  font-size: 16px;
  line-height: 1.875;
}
.m-text-17 {
  font-size: 17px;
  line-height: 1.5;
}
.m-text-18 {
  font-size: 18px;
  line-height: 1.5;
}
.m-text-19 {
  font-size: 19px;
  line-height: 1.5;
}
.m-text-20 {
  font-size: 20px;
  line-height: 1.5;
}
.m-text-21 {
  font-size: 21px;
  line-height: 1.5;
}
.m-text-22 {
  font-size: 22px;
  line-height: 1.5;
}
/* CSS簡素化 Takuma 20200818 remove start */
/* .m-text-23 {
  font-size: 23px;
  line-height: 1.5;
} */
/* CSS簡素化 Takuma 20200818 remove end */
.m-text-24 {
  font-size: 24px;
  line-height: 1.4;
}
/* CSS簡素化 Takuma 20200818 remove start */
/* .m-text-25 {
  font-size: 25px;
  line-height: 1.4;
}
.m-text-26 {
  font-size: 26px;
  line-height: 1.4;
}
.m-text-27 {
  font-size: 27px;
  line-height: 1.4;
} */
/* CSS簡素化 Takuma 20200818 remove end */
.m-text-28 {
  font-size: 28px;
  line-height: 1.4;
}
/* CSS簡素化 Takuma 20200818 remove start */
/* .m-text-30 {
  font-size: 30px;
  line-height: 1.4;
}
.m-text-31 {
  font-size: 31px;
  line-height: 1.4;
} */
/* CSS簡素化 Takuma 20200818 remove end */
.m-text-32 {
  font-size: 32px;
  line-height: 1.2;
}
.m-text-34 {
  font-size: 34px;
  line-height: 1.2;
}
.m-text-35 {
  font-size: 35px;
  line-height: 1.2;
}
.m-text-36 {
  font-size: 36px;
  line-height: 1.2;
}
.m-text-37 {
  font-size: 37px;
  line-height: 1.2;
}
.m-text-38 {
  font-size: 38px;
  line-height: 1.2;
}
.m-text-40 {
  font-size: 40px;
  line-height: 1.2;
}
.m-text-42 {
  font-size: 42px;
  line-height: 1.2;
}
.m-text-44 {
  font-size: 44px;
  line-height: 1.2;
}
.m-text-46 {
  font-size: 46px;
  line-height: 1.2;
}
.m-text-48 {
  font-size: 48px;
  line-height: 1.2;
}
.m-text-lh-l {
  line-height: 2;
}
.m-text-lh-s {
  line-height: 1.5;
}
/* 20180904 Takuma add start */
.m-text-lh-n {
  line-height: normal;
}
.m-text-lh-xs {
  line-height: 1.2;
}
/* 20180904 Takuma add edd */
.m-ls1 {
  letter-spacing: 0.1em;
}
.m-ls2 {
  letter-spacing: 0.2em;
}
/* 20190820 */
.m-text-min{
  font-size: 0.9em;
}
/* 20190820 */
.m-text-ind {
  text-indent: 1em;
}
/* 改善要望_浦田_00382 20200714 Takuma add start */
.m-text-ba{
  word-break: break-all;
}
/* 改善要望_浦田_00382 20200714 Takuma add  end  */

.m-font-n {
  font-weight: 500;
}

.m-font-b {
  font-weight: 700;
}

.m-color-default {
  color: #333333;
}
.m-color-default a {
  color: #333333;
}

.m-color-wh {
  color: #ffffff;
}
.m-color-wh a {
  color: #ffffff;
}

.m-color-bl {
  color: #0000ff;
}
.m-color-bl a {
  color: #0000ff;
}

.m-color-gy {
  color: #999999;
}
.m-color-gy a {
  color: #999999;
}

.m-color-dbl {
  color: #0071b5;
}
.m-color-dbl a {
  color: #0071b5;
}

.m-color-gr {
  color: #1db75b;
}
.m-color-gr a {
  color: #1db75b;
}

.m-color-lred {
  color: #cc6666;
}
.m-color-lred a {
  color: #cc6666;
}

.m-color-red, .error, .m-attention {
  color: #cc0000;
}
.m-color-red a, .error a, .m-attention a {
  color: #cc0000;
}

/* 20180711 takakura add start */
.m-lt-red {
  color: #cc0000;
  text-decoration: line-through;
}
.m-lt-red span {
  color: #333333;
}
/* 20180711 takakura add end */

.m-uline {
  text-decoration: underline;
}

.m-uline:hover {
  text-decoration: none;
}

.m-hline:hover {
  text-decoration: underline;
}

.m-op {
  display: block;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.m-op:hover {
  opacity: 0.7;
  text-decoration: none;
}

/* display */
.m-cf {
  *zoom: 1;
}
.m-cf:after {
  content: "";
  display: table;
  clear: both;
}

.m-dis-n {
  display: none;
}

.m-dis-b {
  display: block;
}

.m-dis-ib {
  display: inline-block;
}

.m-dis-i {
  display: inline;
}

.m-ov-h {
  overflow: hidden;
}

.m-d-tbl {
  display: table;
  width: 100%;
}
.m-d-tbl__cell {
  display: table-cell;
}

.m-nowrap {
  white-space: nowrap;
}

.m-radius {
  border-radius: 50%;
}
/* 20180320 takakura add start */
/* 専門店CMS共通用 */
.clear {
  clear:both;
}

/* 20180320 takakura add end */

/* float */
.m-fl-l {
  float: left;
}

.m-fl-r {
  float: right;
}

.m-hr {
  height: 1px;
  background-color: #c5cccf;
  border: 0;
}

/* align */
.m-align-c {
  text-align: center;
}

.m-align-l {
  text-align: left;
}

.m-align-r {
  text-align: right;
}

.m-valign-t {
  vertical-align: top;
}

.m-valign-m {
  vertical-align: middle;
}

.m-valign-m *{
  vertical-align: middle;
}

.m-valign-b {
  vertical-align: bottom;
}

/* margin */
.m-mt-2xs {
  margin-top: 5px;
}

.m-mt-xs {
  margin-top: 10px;
}

.m-mt-s {
  margin-top: 20px;
}

.m-mt {
  margin-top: 30px;
}

.m-mt-l {
  margin-top: 40px;
}

.m-mt-xl {
  margin-top: 60px;
}

.m-mt-2xl {
  margin-top: 80px;
}

.m-mt-3xl {
  margin-top: 100px;
}

.m-mb-2xs {
  margin-bottom: 5px;
}

.m-mb-xs {
  margin-bottom: 10px;
}

.m-mb-s {
  margin-bottom: 20px;
}

.m-mb {
  margin-bottom: 30px;
}

.m-mb-l {
  margin-bottom: 40px;
}

.m-mb-xl {
  margin-bottom: 60px;
}

.m-mb-2xl {
  margin-bottom: 80px;
}

.m-mb-3xl {
  margin-bottom: 100px;
}

.m-ml-1em {
  margin-left: 1em;
}

.m-mil-1em {
  margin-left: 1em!important;
}
.m-mr-1em {
  margin-right: 1em;
}

/* padding */
.m-pt-2xs {
  padding-top: 5px;
}

.m-pt-xs {
  padding-top: 10px;
}

.m-pt-s {
  padding-top: 20px;
}

.m-pt {
  padding-top: 30px;
}

.m-pt-l {
  padding-top: 40px;
}

.m-pt-xl {
  padding-top: 60px;
}

.m-pt-2xl {
  padding-top: 80px;
}

.m-pt-3xl {
  padding-top: 100px;
}

.m-pb-2xs {
  padding-bottom: 5px;
}

.m-pb-xs {
  padding-bottom: 10px;
}

.m-pb-s {
  padding-bottom: 20px;
}

.m-pb {
  padding-bottom: 30px;
}

.m-pb-l {
  padding-bottom: 40px;
}

.m-pb-xl {
  padding-bottom: 60px;
}

.m-pb-2xl {
  padding-bottom: 80px;
}

.m-pb-3xl {
  padding-bottom: 100px;
}

.m-p-2xs {
  padding: 5px;
}

.m-p-xs {
  padding: 10px;
}

.m-p-s {
  padding: 20px;
}

.m-p {
  padding: 30px;
}

.m-p-l {
  padding: 40px;
}

.m-p-xl {
  padding: 60px;
}

/* list */
.m-list-line {
  border-top: solid 1px #c5cccf;
}
.m-list-line > * {
  border-bottom: solid 1px #c5cccf;
}

.m-list-dot > li {
  position: relative;
  padding-left: 1em;
}
.m-list-dot > li:before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}

.m-list-cir > li {
  position: relative;
  padding-left: 1em;
  text-indent: -1em;
}
.m-list-cir > li:before {
  content: "◯";
}

.m-list-square > li {
  position: relative;
  padding-left: 1em;
  text-indent: -1em;
}
.m-list-square > li:before {
  content: "■";
}

.m-list-decimal {
  list-style: decimal;
  margin-left: 1.5em;
}

.m-list-ar > li {
  position: relative;
  padding-left: 20px;
}
.m-list-ar > li:before {
  content: "";
  border-left: solid 8px #0000ff;
  border-top: solid 5px transparent;
  border-bottom: solid 5px transparent;
  position: absolute;
  left: 0;
  top: 7px;
}

/* layout */
.m-box-scroll-vertical {
  overflow-x: hidden;
  overflow-y: auto;
  height: 120px;
}

.l-inner {
  *zoom: 1;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.l-inner:after {
  content: "";
  display: table;
  clear: both;
}

.l-inner {
  max-width: 1320px;
}

.l-indent {
  margin-left: 40px;
  margin-right: 40px;
}
.l-indent-m {
  margin-left: 30px;
  margin-right: 30px;
}
.l-indent-s {
  margin-left: 20px;
  margin-right: 20px;
}
/* 基盤製造サービス作成 20190603 Takuma modify end */
.l-btnArea{
  width: 100%; /* add */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; /*modify*/
}
.l-btnArea>*{
  margin-left: 5px;
  margin-right: 5px;
}
@media screen and (max-width: 767px){
  .l-btnArea{
    flex-direction: column;
  }
  .l-btnArea>*{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
  }
}
/* 基盤製造サービス作成 20190603 Takuma modify end */
/* 改善要望_溝口_00006 20190125 Takuma add start */
.js-multiSelecter--sp{
  display: none;
}
@media screen and (max-width: 768px){
  .js-multiSelecter{
    display: none;
  }
  .js-multiSelecter--sp{
    display: block;
  }
}
/* 改善要望_溝口_00006 20190125 Takuma add end */
/* tabs */
.js-toggle-trigger,
.js-tab-trigger {
  cursor: pointer;
}

.js-toggle-target,
.js-tab-target,
.js-tab-add-target,
.js-toggle-seemore {
  display: none;
}
.js-toggle-target.is-active,
.js-tab-target.is-active,
.js-tab-add-target.is-active,
.js-toggle-seemore.is-active {
  display: block;
}

.js-toggle-seemore_contents {
  display:none;
}
.js-toggle-seemore input:checked + .js-toggle-seemore_contents {
  height:auto;
  opacity:1;
}
/* 改善要望_浦田_00323 20180919 Takuma add start*/
.js-multi-dialog[aria-hidden="true"]{
  visibility: hidden;
}
.js-multi-dialog + .js-overlay{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);  /* 背景を半透明にする */
  z-index: 10002;
}
.js-dialog{
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 10003;
}
.js-dialog-background{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.4;
  z-index: 10002;
}
.js-dialog2[aria-hidden="true"]{
  visibility: hidden;
}
.js-dialog2[aria-hidden="false"]{
  visibility: visible;
}
.js-dialog2{
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10003;
}
.js-dialog-background{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.4;
  z-index: 10002;
}
/* 改善要望_浦田_00323 20180919 Takuma add end*/
.js-tooltips-wrapper,
.js-tooltips-wrapper--clickable{
  position: relative;
}
.js-tooltips{
  display: none;
  position: absolute;
  bottom: 1.5em;
  background-color: #eee;
  padding: 0.25em;
  border: solid 1px #ccc;
  z-index: 1;
}
.js-tooltips-bottom{
  display: none;
  position: absolute;
  top: 1.5em;
  background-color: #eee;
  padding: 0.25em;
  border: solid 1px #ccc;
  z-index: 1;
}
.js-tooltips-image{
  display: none;
  position: absolute;
  width: 150px;
  height: 150px;
  left: 100%;
  bottom: -75px;
  transform: translateY(-75px);
  background-color: #fff;
  border: solid 5px #ccc;
  z-index: 10000;
}
.js-tooltips-image img{
  width: 100%!important;
  height: 100%!important;
  object-fit: contain;
}
/* 納期遅延改善 20190603 Takuma modify start */
.js-tooltips-balloon{
  display: none;
  position: absolute;
  bottom: calc(100% + 10px);
  right: 0;
  background-color: #eee;
  padding: 12px;
  border: solid 1px #ccc;
  border-radius: 10px;
  z-index: 10001;
  box-shadow: 5px 5px 10px #00000062;
}
/* 納期遅延改善 20190603 Takuma modify end */
.js-tooltips-balloon::after{
  content: '';
  display: block;
  position: absolute;
  bottom: -11px;
  right: 2em;
  width: 20px;
  height: 20px;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #eee;
  box-shadow: 5px 5px 10px #00000062;
}
@media screen and (max-width: 767px){
  .js-tooltips-image{
    left: auto;
    right: 80%;
    top: -70px;
  }
}
.js-is-send{
  cursor: pointer;
}
.js-vanish{
  display: none;
}
.js-vanish.is-active{
  display: block;
}
/* 改善要望_溝口_00006 20181112 Takuma add end*/
/* 改善要望_浦田_00323 20181005 Takuma add start*/
.js-lightbox{
  position: fixed;
  top: 50%;
  left: calc( 50% - 35px );
  transform: translate(-50%,-50%);
  z-index: 10003;
}
@media (max-width: 768px){
  .js-lightbox{
    position: fixed;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
  }
}
/* 改善要望_浦田_00323 20181005 Takuma add end*/
/* 改善要望_北村_00004 20190107 Takuma add start*/
.js-accordion-trigger{
  cursor: pointer;
  position: relative;
}
.js-accordion-arrow{
  display: block;
  position: absolute;
  user-select: none;
}
.is-active>.js-accordion-arrow{
  transform: rotate(180deg);
}
.js-accordion{
  display: none;
}
.js-sp-accordion-arrow{
  display: none!important;
}
@media screen and (max-width: 768px){
  .js-sp-accordion-trigger{
    cursor: pointer;
    position: relative;
  }
  .js-sp-accordion-arrow{
    display: block!important;
    position: absolute;
    user-select: none;
  }
  .is-active>.js-sp-accordion-arrow{
    transform: rotate(180deg);
  }
  .js-sp-accordion{
    display: none;
  }
}
/* 検索結果改善 20191204 Takuma add start */
.js-filterSelect-clear{
  display: none;
}
.js-filterSelect-clear.is-active{
  display: block;
}
.js-showAll-rcv>.is-showlength{
  display: none;
}
.js-showAll-rcv.is-showall>.is-showlength{
  display: block;
}
/* 検索結果改善 20191204 Takuma add  end  */
/* 改善要望_北村_00004 20190107 Takuma add end*/
/* 検索結果改善 20191204 Takuma modify start */
/* 注文見積履歴改善 20200108 Takuma modify start */
.js-toolchip{
  max-width: 100%;
}
.js-toolchip,
.js-toolchip-inner{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* 改善要望_浦田_00386 20210104 Takuma modify/remove start */
/* ユニーク型番表示 20200714 Takuma modify start */
.js-toolchip-obj{
  position: absolute;
  max-width: 400px;
  font-size: 13px;
  font-weight: 500;
  white-space: pre-wrap;
  word-break: break-all;
  background-color: #fff;
  padding: 3px 6px;
  border: solid 3px #aaa;
  border-radius: 5px;
  margin-top: -2px; /* modify */
  z-index: 10001;
}
/* ユニーク型番表示 20200714 Takuma modify end */
/* 注文見積履歴改善 20200108 Takuma modify end */
/* .js-toolchip-obj::after{
  content: '';
  position: absolute;
  top: -15px;
  left: 8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 13.0px 7.5px;
  border-color: transparent transparent #aaa transparent;
} */
/* 改善要望_浦田_00386 20210104 Takuma modify/remove end */
/* Web改善 関連製品表示 20210115 Takuma add start */
.js-toolchip-inner--inBox{
  position: relative;
  overflow: visible;
}
.js-toolchip-inner--inBox .js-toolchip-obj{
  width: 100%;
  max-width: 100%;
  height: auto;
}
.js-toolchip-obj--top{
  bottom: 100%;
  margin-bottom: -2px;
}
.js-accordion-rcv{
  height: 0;
  overflow: hidden;
}
.js-accordion-rcv.is-accordion{
  height: auto;
  overflow: inherit;
}
/* Web改善 関連製品表示 20210115 Takuma add end */
/* 改善要望_浦田_00394 20210426 Takuma add start */
.js-dummy{
  position: fixed;
  top: 100%;
  right: 100%;
}
.js-clickableCopy{
  position: relative;
  transition: 0.5s;
}
.js-clickableCopy.is-active{
  background-color: #1db75b;
  transition: 0s;
}
.js-clickableCopy_balloon{
  position: absolute;
  bottom: 100%;
  left: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  white-space: nowrap;
  background-color: #fafafa;
  padding: 6px 12px;
  border: solid 2px #1db75b;
  border-radius: 6px;
  margin-bottom: 6px;
}
.js-clickableCopy_balloon::before{
  content: 'コピー完了しました';
}
p[lang=en] .js-clickableCopy_balloon::before{
  content: 'Copied';
}
p[lang=zh] .js-clickableCopy_balloon::before{
  content: '已复制';
}
p[lang=ko] .js-clickableCopy_balloon::before{
  content: '복사 됨';
}
p[lang=de] .js-clickableCopy_balloon::before{
  content: 'Copied';
}
.js-clickableCopy_balloon::after{
  content: '';
  display: block;
  position: absolute;
  top: calc( 100% + 1px );
  left: 9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 5px 0 5px;
  border-color: #1db75b transparent transparent transparent;
}
/* 改善要望_浦田_00394 20210426 Takuma add  end  */
.js-searchImage{
  position: relative;
}
.js-searchImage-obj{
  position: absolute;
  bottom: -30px;
  left: calc( 100% + 10px );
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  background-color: #fff;
  border: solid 3px #aaa;
  z-index: 1;
}
.js-searchImage-obj>img{
  width: auto;
  height: auto;
  max-width: 144px;
  max-height: 144px;
}
.js-searchImage-obj::after{
  content: '';
  position: absolute;
  bottom: 30px;
  left: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 13px 7.5px 0;
  border-color: transparent #aaa transparent transparent;
}
/* 検索結果改善 20191204 Takuma modify end */
/* 検索結果改善 20191211 Takuma add start */
@media screen and (max-width: 1279px){
  .js-searchImage-obj{
    position: absolute;
    bottom: -50px;
    left: auto;
    right: calc( 100% + 10px );
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
    background-color: #fff;
    border: solid 3px #aaa;
    z-index: 1;
  }
  .js-searchImage-obj::after{
    content: '';
    position: absolute;
    bottom: 50px;
    left: auto;
    right: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 13.0px;
    border-color: transparent transparent transparent #aaa;
  }
}
/* 検索結果改善 20191211 Takuma add  end  */
/* 基盤製造サービス作成 20190618 Takuma add start */

.js-popup_wrapper{
  position: relative;
}
.js-popup_box{
  position: absolute;
  z-index: 1;
}
.js-popup_close{
  cursor: pointer;
}
.m-popup,
.m-popup--reverse{
  padding: 10px;
  background-color: #fff;
  border: solid 1px #777;
  box-shadow: 3px 3px 0px #777;
}
.m-popup{
  bottom: calc( 100% + 15px );
}
.m-popup--reverse{
  top: calc( 100% + 15px );
}
/* 基盤製造サービス作成 20190806 Takuma modify start */
.m-popup::before,
.m-popup--reverse::before{
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  background-color: #fff;
  position: absolute;
  left: 15%;
  transform: rotate(-45deg);
}
/* 基盤製造サービス作成 20190806 Takuma modify end */
.m-popup::before{
  top: calc( 100% - 15px );
  box-shadow: -4px 4px 0px #777;
}
.m-popup--reverse::before{
  bottom: calc( 100% - 13px );
  box-shadow: 1px -1px 0px #777;
}

.m-popup_close{
  display: inline-block;
  font-size: 15px;
  line-height: 0.85;
  color: #cc0000;
  padding: 2px;
  border: solid 2px #aaa;
  border-radius: 50%;
  margin-left: auto;
}
.m-popup_close:hover{
  background-color: #ddd;
}
.m-popup_header{
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 1;
  padding-left: 5px;
  padding-bottom: 9px;
  border-bottom: solid 1px #ccc;
  margin-bottom: 5px;
}
.m-popup_contents--400{
  position: relative;
  width: 400px;
  z-index: 1;
}
@media screen and (max-width: 767px){
  .m-popup_contents--400{
    width: auto;
  }
  .m-popup,
  .m-popup--reverse{
    width: calc( 100% - 10px );
    height: calc( 100% - 10px );
    position: fixed;
    top: 5px;
    left: 5px;
    z-index: 10002;
  }
  .m-popup::before,
  .m-popup--reverse::before{
    display: none;
  }
}

/* 基盤製造サービス作成 20190618 Takuma add end */
.m-tab-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  z-index: 1;
}

.m-tab-list-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 1px;
}
.m-tab-list-nav__item {
  position: relative;
  border: solid 1px #c5cccf;
  margin-left: -1px;
  margin-bottom: -1px;
}
.m-tab-list-nav__item a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 130px;
  height: 30px;
  padding: 10px;
  color: #333333;
}
.m-tab-list-nav__item a:hover {
  text-decoration: none;
}
.m-tab-list-nav__item a.is-active {
  cursor: default;
  background-color: #cfe4f1;
  text-decoration: none;
}

.m-tab-list-btn {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30px;
  height: 31px;
  background-color: #0071b5;
}
.m-tab-list-btn:hover {
  opacity: 0.7;
  text-decoration: none;
}
.m-tab-list-btn:before, .m-tab-list-btn:after {
  content: "";
  width: 2px;
  height: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -5px;
  margin-left: -1px;
  background-color: #ffffff;
}
.m-tab-list-btn:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.m-price-set {
  display: table;
}
.m-price-set-row {
  display: table-row;
}
.m-price-set-item {
  display: table-cell;
}
.m-price-set-item + .m-price-set-item {
  padding-left: 1em;
}

/* border */
.m-bor {
  border: solid 1px #c5cccf;
}
.m-bor--lbl {
  border-color: #d9e2e8;
}
.m-bor--bold {
  border-width: 2px;
}
.m-bor--w {
  border-width: 8px;
}
.m-bor--bl {
  border-color: #0071b5;
}

/* bg */
.m-bg-wh {
  background-color: #ffffff;
}

.m-bg-lbl {
  background-color: #d9e2e8;
}

.m-bg-bl {
  background-color: #0071b5;
}

.m-bg-lgy {
  background-color: #f5f7f8;
}

.m-bg-gy {
  background-color: #ebeff1;
}

.m-bg-mgy {

  background-color: #999999;
}

.m-bg-dgy {
  background-color: #8ea1b4;
}

.m-bg-be {
  background-color: #f6efce;
}

.m-bg-lbe {
  background-color: #fbf7e5;
}

.m-bg-or {
  background-color: #fdc540;
}

.m-bg-dor {
  background-color: #f4cc60;
}

.m-bg-sbl {
  background-color: #cfe4f1;
}

.m-bg-red {
  background-color: #cc0000;
}

.m-bg-gr {
  background-color: #1db75b;
}

.m-bg-lgr {
  background-color: #f0ffe0;
}

.m-bg-mgr {
  background-color: #e8ffef;
}

.m-bg-pk {
  background-color: #f4e0e0;
}

.m-bg-lpk {
  background-color: #faf3f3;
}

.m-bg-lpr {
  background-color: #f8edff;
}

/* box */
a.m-bg-link,
.m-bg-link {
  display: block;
  -webkit-transition: .3s;
  transition: .3s;
}
a.m-bg-link:hover,
.m-bg-link:hover {
  background-color: #ebeff1;
  text-decoration: none !important;
}

.m-scroll-h {
  overflow-y: auto;
}
.m-scroll-h--s {
  height: 120px;
}

.m-media {
  *zoom: 1;
}
.m-media:after {
  content: "";
  display: table;
  clear: both;
}
.m-media__image-l {
  display: block;
  float: left;
  margin-right: 20px;
}
.m-media__image-r {
  display: block;
  float: right;
  margin-left: 20px;
}
.m-media__content {
  overflow: hidden;
}

/* flex */
.m-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
/* 20180808 Takuma add start */
.m-flex--nowrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* 20180808 Takuma add end */
/* 2021/10/29 #42706 ADD START */
.m-flex--noWrap{
  flex-wrap: nowrap;
}
/* 2021/10/29 #42706 ADD END */
.m-flex--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.m-flex--right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.m-flex--between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
/* 共有部分 20181130 Takuma add start */
.m-flex--around{
  justify-content: space-around;
}
/* 共有部分 20181130 Takuma add end */
.m-flex--align-c {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-flex--align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

/* 改善要望_北村_00002 20181012 Takuma add start*/
.m-flex--movieCenter{
  display: flex;
}
.m-flex__item--movieCenter {
	width: 33.3%;
}
.m-flex__item--movieCenter dt{
  margin-bottom: 0.5em;
  line-height: 1.2;
}
.m-flex__item--movieCenter--4col{
  width: 25%;
}
@media screen and (max-width: 767px){
  .m-flex--movieCenter{
    flex-wrap: wrap;
  }
  .m-flex__item--movieCenter--4col {
    width: 50%;
  }
}
/* 改善要望_北村_00002 20181012 Takuma add end*/
.m-flex--c2 > .m-flex__item {
  width: calc(100% / 2);
}
.m-flex--c3 {
  margin-right: -3px;
}
.m-flex--c3 > .m-flex__item {
  width: calc(100% / 3);
}
/* 改善要望_浦田_00389 20210305 Takuma add start */
.m-flex--c3 > .m-flex__item--long{
  width: calc(200% / 3);
}
/* 改善要望_浦田_00389 20210305 Takuma add end */
.m-flex--c4 > .m-flex__item {
  width: calc(100% / 4);
}
.m-flex--c5 > .m-flex__item {
  width: calc(100% / 5);
}
.m-flex--g5 {
  margin-left: -5px;
  margin-bottom: -5px;
}
.m-flex--g5 > .m-flex__item {
  margin-left: 5px;
  margin-bottom: 5px;
}
.m-flex--g5.m-flex--c2 > .m-flex__item {
  width: calc((100% / 2) - 5px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g5.m-flex--c3 > .m-flex__item {
  width: calc((100% / 3) - 6px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g5.m-flex--c4 > .m-flex__item {
  width: calc((100% / 4) - 5px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g5.m-flex--c5 > .m-flex__item {
  width: calc((100% / 5) - 5px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g10 {
  margin-left: -10px;
  margin-bottom: -10px;
}
.m-flex--g10 > .m-flex__item {
  margin-left: 10px;
  margin-bottom: 10px;
}
.m-flex--g10.m-flex--c2 > .m-flex__item {
  width: calc((100% / 2) - 10px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g10.m-flex--c3 > .m-flex__item {
  width: calc((100% / 3) - 11px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g10.m-flex--c4 > .m-flex__item {
  width: calc((100% / 4) - 10px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g10.m-flex--c5 > .m-flex__item {
  width: calc((100% / 5) - 10px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g20 {
  margin-left: -20px;
  margin-bottom: -20px;
}
.m-flex--g20 > .m-flex__item {
  margin-left: 20px;
  margin-bottom: 20px;
}
.m-flex--g20.m-flex--c2 > .m-flex__item {
  width: calc((100% / 2) - 20px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g20.m-flex--c3 > .m-flex__item {
  width: calc((100% / 3) - 21px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g20.m-flex--c4 > .m-flex__item {
  width: calc((100% / 4) - 20px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g20.m-flex--c5 > .m-flex__item {
  width: calc((100% / 5) - 20px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
/*20180907 Takuma modify start*/
.m-flex--g30 {
  margin-left: -30px;
  margin-bottom: -15px;
}
.m-flex--g30 > .m-flex__item {
  margin-left: 30px;
  margin-bottom: 15px;
}
/*20180907 Takuma modify end*/
.m-flex--g30.m-flex--c2 > .m-flex__item {
  width: calc((100% / 2) - 30px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g30.m-flex--c3 > .m-flex__item {
  width: calc((100% / 3) - 31px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g30.m-flex--c4 > .m-flex__item {
  width: calc((100% / 4) - 30px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g30.m-flex--c5 > .m-flex__item {
  width: calc((100% / 5) - 30px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g40 {
  margin-left: -40px;
  margin-bottom: -40px;
}
.m-flex--g40 > .m-flex__item {
  margin-left: 40px;
  margin-bottom: 40px;
}
.m-flex--g40.m-flex--c2 > .m-flex__item {
  width: calc((100% / 2) - 40px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g40.m-flex--c3 > .m-flex__item {
  width: calc((100% / 3) - 41px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g40.m-flex--c4 > .m-flex__item {
  width: calc((100% / 4) - 40px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g40.m-flex--c5 > .m-flex__item {
  width: calc((100% / 5) - 40px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g60 {
  margin-left: -60px;
  margin-bottom: -40px;
}
.m-flex--g60 > .m-flex__item {
  margin-left: 60px;
  margin-bottom: 40px;
}
.m-flex--g60.m-flex--c2 > .m-flex__item {
  width: calc((100% / 2) - 60px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g60.m-flex--c3 > .m-flex__item {
  width: calc((100% / 3) - 61px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g60.m-flex--c4 > .m-flex__item {
  width: calc((100% / 4) - 60px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g60.m-flex--c5 > .m-flex__item {
  width: calc((100% / 5) - 60px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g80 {
  margin-left: -80px;
  margin-bottom: -40px;
}
.m-flex--g80 > .m-flex__item {
  margin-left: 80px;
  margin-bottom: 40px;
}
.m-flex--g80.m-flex--c2 > .m-flex__item {
  width: calc((100% / 2) - 80px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g80.m-flex--c3 > .m-flex__item {
  width: calc((100% / 3) - 81px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g80.m-flex--c4 > .m-flex__item {
  width: calc((100% / 4) - 80px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--g80.m-flex--c5 > .m-flex__item {
  width: calc((100% / 5) - 80px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-flex--list {
  margin-bottom: 0;
}
.m-flex--list > .m-flex__item {
  margin-bottom: 0;
}
/* 20171101 takakura add start */

.m-flex--g28 {
  margin-left: 8px;
  margin-bottom: -20px;
}
.m-flex--g28 > .m-flex__item {
  margin-left: 20px;
  margin-bottom: 20px;
}
.m-namebox-g60 {
  width: calc(100% - 60px);
}

/* 20171101 takakura add end */

@media screen and (max-width: 767px) {
  .m-flex--c2 > .m-flex__item + .m-mb-end {
    width: calc(100% / 2);
  }
  .m-mb-end {
    text-align:right;
  }
}


/* col */
.m-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m-col--left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.m-col__item--w120 {
  width: 120px;
}
.m-col__item--w280 {
  width: 280px;
}
.m-col__item--w360 {
  width: 360px;
}
.m-col__item--w460 {
  width: 460px;
}
.m-col__item--100 {
  width: 100%;
}
/* 20180306 takakura add start */
.m-login-right {
  width:420px;
  padding:30px;
  border:solid 1px #CCC;
  display:inline-block;
  vertical-align:middle;
}
.m-login-left {
  display:inline-block;
  vertical-align:middle;
  padding:95px;
}
.m-login-left img{
  width:500px;
}
@media screen and (max-width: 1279px) {
  .m-login-right {
    width:100%;
    padding:30px;
    border:solid 1px #CCC;
    display:inline-block;
    vertical-align:middle;
  }
}
/* 20180306 takakura add end */
.m-definition-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: auto;
  box-sizing: border-box;
}
.m-definition-col--left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
/* 2021/10/29 #42706 ADD START */
.m-bor-abreast{
  display: flex;
}
.m-definition-col--halfWidth {
  width: 50%;
  align-items: center;
}
.m-definition-col__item--small{
  font-size: 14px;
}
/* 2021/10/29 #42706 ADD END */
.m-definition-col__item {
  box-sizing: border-box;
  overflow: hidden;
}
/* 2021/10/29 #42706 ADD START */
.m-definition-col__item--w55 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 55px;
}
/* 2021/10/29 #42706 ADD END */
.m-definition-col__item--w60 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 60px;
}
.m-definition-col__item--w80 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 80px;
}
/* 2021/10/29 #42706 ADD START */
.m-definition-col__item--w85 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 85px;
}
/* 2021/10/29 #42706 ADD END */
.m-definition-col__item--w100 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100px;
}
.m-definition-col__item--w120 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 120px;
}
.m-definition-col__item--w160 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 160px;
}
.m-definition-col__item--w180 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 180px;
}
.m-definition-col__item--w200 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 200px;
}
.m-definition-col__item--w240 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 240px;
}
.m-definition-col__item--w280 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 280px;
}
.m-definition-col__item--w360 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 360px;
}
.m-definition-col__item--w460 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 460px;
}

/* table */
/* btn */
button.m-btn,
input.m-btn,
a.m-btn,
.m-btn {
  display: block;
  height: 40px;
  width: 100%;
  line-height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 1.6rem;
  -webkit-transition: .3s;
  transition: .3s;
  text-align: center;
}
button.m-btn:hover,
input.m-btn:hover,
a.m-btn:hover,
.m-btn:hover {
  text-decoration: none;
}
button.m-btn .m-icon,
input.m-btn .m-icon,
a.m-btn .m-icon,
.m-btn .m-icon {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
button.m-btn--center,
input.m-btn--center,
a.m-btn--center,
.m-btn--center {
  margin-left: auto;
  margin-right: auto;
}
button.m-btn--right,
input.m-btn--right,
a.m-btn--right,
.m-btn--right {
  float: right;
}
button.m-btn--gr,
input.m-btn--gr,
a.m-btn--gr,
.m-btn--gr {
  background-color: #1db75b;
  color: #ffffff;
}
button.m-btn--gr:hover,
input.m-btn--gr:hover,
a.m-btn--gr:hover,
.m-btn--gr:hover {
  background-color: #43d77e;
}
/* Web改善 関連製品表示 20210112 Takuma add start */
button.m-btn--lgr,
input.m-btn--lgr,
a.m-btn--lgr,
.m-btn--lgr {
  background-color:#ccf3c5;
  color: #333;
}
/* Web改善 関連製品表示 20210112 Takuma add end */
button.m-btn--lgr:hover,
input.m-btn--lgr:hover,
a.m-btn--lgr:hover,
.m-btn--lgr:hover {
  background-color: #adeca2;;
}
button.m-btn--bl,
input.m-btn--bl,
a.m-btn--bl,
.m-btn--bl {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background-color: #0071b5;
  color: #ffffff;
}
button.m-btn--bl:hover,
input.m-btn--bl:hover,
a.m-btn--bl:hover,
.m-btn--bl:hover {
  opacity: 0.7;
  text-decoration: none;
}
button.m-btn--rd,
input.m-btn--rd,
a.m-btn--rd,
.m-btn--rd {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background-color: #cc0000;
  color: #ffffff;
}
button.m-btn--rd:hover,
input.m-btn--rd:hover,
a.m-btn--rd:hover,
.m-btn--rd:hover {
  opacity: 0.7;
  text-decoration: none;
}
button.m-btn--or,
input.m-btn--or,
a.m-btn--or,
.m-btn--or {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background-color: #ff9600;
  color: #ffffff;
}
button.m-btn--or:hover,
input.m-btn--or:hover,
a.m-btn--or:hover,
.m-btn--or:hover {
  opacity: 0.7;
  text-decoration: none;
}
button.m-btn--gy,
input.m-btn--gy,
a.m-btn--gy,
.m-btn--gy {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background-color: #8ea1b4;
  color: #ffffff;
}
button.m-btn--gy:hover,
input.m-btn--gy:hover,
a.m-btn--gy:hover,
.m-btn--gy:hover {
  opacity: 0.7;
  text-decoration: none;
}
button.m-btn--deactive,
input.m-btn--deactive,
a.m-btn--deactive,
.m-btn--deactive {
  background-color: #8ea1b4;
  cursor: default;
  color: #ffffff;
}
/* Web改善 関連製品表示 20210112 Takuma add start */
button.m-btn--lor,
input.m-btn--lor,
a.m-btn--lor,
.m-btn--lor {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background-color: #ecd1ab;
  color: #333;
}
button.m-btn--lor:hover,
input.m-btn--lor:hover,
a.m-btn--lor:hover,
.m-btn--lor:hover {
  opacity: 0.7;
  text-decoration: none;
}
/* Web改善 関連製品表示 20210112 Takuma add end */
button.m-btn--round,
input.m-btn--round,
a.m-btn--round,
.m-btn--round {
  border-radius: 20px;
}
button.m-btn--trash,
input.m-btn--trash,
a.m-btn--trash,
.m-btn--trash {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  text-indent: -9998em;
  background-size: 100%;
  background-color: #8ea1b4;
  width: 32px;
  height: 32px;
  line-height: 32px;
  padding: 0;
  border-radius: 50%;
  background-image: url(../images/common/icon-trash.png);
}
button.m-btn--trash:hover,
input.m-btn--trash:hover,
a.m-btn--trash:hover,
.m-btn--trash:hover {
  opacity: 0.7;
  text-decoration: none;
}
button.m-btn--l,
input.m-btn--l,
a.m-btn--l,
.m-btn--l {
  height: 50px;
  line-height: 50px;
}
button.m-btn--l.m-btn--round,
input.m-btn--l.m-btn--round,
a.m-btn--l.m-btn--round,
.m-btn--l.m-btn--round {
  border-radius: 25px;
}
button.m-btn--xl,
input.m-btn--xl,
a.m-btn--xl,
.m-btn--xl {
  height: 70px;
  line-height: 70px;
  font-size: 2.4rem;
}
button.m-btn--xl.m-btn--round,
input.m-btn--xl.m-btn--round,
a.m-btn--xl.m-btn--round,
.m-btn--xl.m-btn--round {
  border-radius: 35px;
}
button.m-btn--s,
input.m-btn--s,
a.m-btn--s,
.m-btn--s {
  height: 30px;
  line-height: 30px;
  font-size: 1.4rem;
}
button.m-btn--s.m-btn--round,
input.m-btn--s.m-btn--round,
a.m-btn--s.m-btn--round,
.m-btn--s.m-btn--round {
  border-radius: 15px;
}
button.m-btn--xs,
input.m-btn--xs,
a.m-btn--xs,
.m-btn--xs {
  height: 24px;
  line-height: 24px;
  font-size: 1.4rem;
}
/* 検索結果改善 20190820 Takuma remove start */
/* .m-btn--view::after{
  content: '▼ 全て表示する';
}
.m-btn--view.is-active::after{
  content: '▲ 表示を戻す';
} */
/* 検索結果改善 20190820 Takuma remove end */
/* 20171215 takakura add start */

button.m-btn--xs_12,
input.m-btn--xs_12,
a.m-btn--xs_12,
.m-btn--xs_12 {
  height: 24px;
  line-height: 24px;
  font-size: 1.2rem;
}
button.m-btn--xs_10,
input.m-btn--xs_10,
a.m-btn--xs_10,
.m-btn--xs_10 {
  height: 24px;
  line-height: 24px;
  font-size: 1.0rem;
}
button.m-btn--ha_12,
input.m-btn--ha_12,
a.m-btn--ha_12,
.m-btn--ha_12 {
  height: auto;
  line-height: 1.5;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.2rem;
}
button.m-btn--ha_10,
input.m-btn--ha_10,
a.m-btn--ha_10,
.m-btn--ha_10 {
  height: auto;
  line-height: 1.5;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.0rem;
}

/* 20171215 takakura add start */


button.m-btn--xs.m-btn--round,
input.m-btn--xs.m-btn--round,
a.m-btn--xs.m-btn--round,
.m-btn--xs.m-btn--round {
  border-radius: 12px;
}
button.m-btn--ha,
input.m-btn--ha,
a.m-btn--ha,
.m-btn--ha {
  height: auto;
  line-height: 1.5;
  padding-top: 10px;
  padding-bottom: 10px;
}
button.m-btn--wa,
input.m-btn--wa,
a.m-btn--wa,
.m-btn--wa {
  width: auto;
}
button.m-btn--w100,
input.m-btn--w100,
a.m-btn--w100,
.m-btn--w100 {
  width: 100px;
  padding-left: 0;
  padding-right: 0;
}
button.m-btn--w120,
input.m-btn--w120,
a.m-btn--w120,
.m-btn--w120 {
  width: 120px;
}
button.m-btn--w160,
input.m-btn--w160,
a.m-btn--w160,
.m-btn--w160 {
  width: 160px;
}
button.m-btn--w200,
input.m-btn--w200,
a.m-btn--w200,
.m-btn--w200,
button.m-btn--w200h,
input.m-btn--w200h,
a.m-btn--w200h,
.m-btn--w200h {
  width: 200px;
}
button.m-btn--w240,
input.m-btn--w240,
a.m-btn--w240,
.m-btn--w240,
button.m-btn--w240h,
input.m-btn--w240h,
a.m-btn--w240h,
.m-btn--w240h {
  width: 240px;
}
/* 20210108 fujimoto add start */
button.m-btn--w260,
input.m-btn--w260,
a.m-btn--w260,
.m-btn--w260,
button.m-btn--w260h,
input.m-btn--w260h,
a.m-btn--w260h,
.m-btn--w260h {
  width: 260px;
}
button.m-btn--w280,
input.m-btn--w280,
a.m-btn--w280,
.m-btn--w280,
button.m-btn--w280h,
input.m-btn--w280h,
a.m-btn--w280h,
.m-btn--w280h {
  width: 280px;
}
/* 20210108 fujimoto add end */
button.m-btn--w320,
input.m-btn--w320,
a.m-btn--w320,
.m-btn--w320 {
  width: 320px;

}
button.m-btn--w480,
input.m-btn--w480,
a.m-btn--w480,
.m-btn--w480 {
  width: 480px;
}
button.m-btn--w560,
input.m-btn--w560,
a.m-btn--w560,
.m-btn--w560 {
  width: 560px;
}
/* 20171127 takakura add start */
button.m-btn--w730,
input.m-btn--w730,
a.m-btn--w730,
.m-btn--w730 {
  width: 730px;
}
/* 20171127 takakura add end */

button.m-address-search-btn,
input.m-address-search-btn,
a.m-address-search-btn,
.m-address-search-btn {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  font-size: 1.4rem;
  color: #ffffff;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background-color: #0071b5;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  text-align: center;
  padding-left: 2em;
  padding-right: 2em;
}
button.m-address-search-btn:hover,
input.m-address-search-btn:hover,
a.m-address-search-btn:hover,
.m-address-search-btn:hover {
  opacity: 0.7;
  text-decoration: none;
}
button.m-address-search-btn:hover,
input.m-address-search-btn:hover,
a.m-address-search-btn:hover,
.m-address-search-btn:hover {
  text-decoration: none;
}

/* 20180308 takakura add start*/
button.m-btn-sort,
input.m-btn-sort,
a.m-btn-sort,
.m-btn-sort {
  display: inline-block;
  vertical-align: middle;
  text-indent: -9998em;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background-color: #0071b5;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-size: auto 100%;
  background-image: url(../images/common/icons-sort.png);
  position:relative; /* takakura modify */
}
button.m-btn-sort:hover,
input.m-btn-sort:hover,
a.m-btn-sort:hover,
.m-btn-sort:hover {
  opacity: 0.7;
  text-decoration: none;
}
button.m-btn-sort--down,
input.m-btn-sort--down,
a.m-btn-sort--down,
.m-btn-sort--down {
  background-position: -100% 0;
}

button.m-btn-star,
input.m-btn-star,
a.m-btn-star,
.m-btn-star {
  display: inline-block;
  text-indent: -9998em;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  width: 24px;
  height: 24px;
  background-size: auto 100%;
  background-image: url(../images/common/icon-star.png);
  position:relative; /* takakura modify */
}
button.m-btn-star:hover,
input.m-btn-star:hover,
a.m-btn-star:hover,
.m-btn-star:hover {
  opacity: 0.7;
  text-decoration: none;
}

/* 180516 tottori modify start */
button.m-btn-data,
input.m-btn-data,
a.m-btn-data,
.m-btn-data {
  display: inline-block;
  text-indent: -9998em;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  width: 40px;
  height: 40px;
  background-size: auto 100%;
  background-image: url(../images/common/icon-data.png);
  position:relative; /* takakura modify */
}
/* 180516 tottori modify end */

button.m-btn-data:hover,
input.m-btn-data:hover,
a.m-btn-data:hover,
.m-btn-data:hover {
  opacity: 0.7;
  text-decoration: none;
}

/* 180516 tottori add start */

button.m-btn-data-ja,
input.m-btn-data-ja,
a.m-btn-data-ja,
.m-btn-data-ja {
  background-image: url(../images/common/icon-data_ja.png);
}

button.m-btn-data-de,
input.m-btn-data-de,
a.m-btn-data-de,
.m-btn-data-de {
  background-image: url(../images/common/icon-data_de.png);
}

button.m-btn-data-en,
input.m-btn-data-en,
a.m-btn-data-en,
.m-btn-data-en {
  background-image: url(../images/common/icon-data_en.png);
}

button.m-btn-data-ko,
input.m-btn-data-ko,
a.m-btn-data-ko,
.m-btn-data-ko {
  background-image: url(../images/common/icon-data_ko.png);
}

button.m-btn-data-zh,
input.m-btn-data-zh,
a.m-btn-data-zh,
.m-btn-data-zh {
  background-image: url(../images/common/icon-data_zh.png);
}

/* 180516 tottori add end */

/* リファレンスデザイン 20220418 Takuma add start */
.m-dfBtn{ /* 二桁以上の文言専用のボタン */
  height: 100%;
  max-height: 57px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  padding: 9px;
  border-radius: 6px;
}
/* リファレンスデザイン 20220418 Takuma add  end  */

/* 20180308 takakura add end */
.m-share-box {
  position: relative;
  z-index: 3;
}
.m-share-box-btn {
  display: inline-block;
  text-indent: -9998em;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: block;
  width: 24px;
  height: 24px;
  background-size: auto 100%;
  background-image: url(../images/common/icon-share.png);
  position:relative;
}
.m-share-box-btn:hover {
  opacity: 0.7;
  text-decoration: none;
}
.m-share-box-content {
  display: none;
  position: absolute;
  left: 45px;
  top: 50%;
  width: 170px;
  padding: 10px;
  background-color: #ffffff;
  border: solid 3px #0071b5;
  text-align: center;
  z-index: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  z-index: 3;
}
.m-share-box-content.is-active {
  display: block;
}
.m-share-box-content:before {
  content: "";
  position: absolute;
  left: -12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  border-right: solid 12px #0071b5;
}
.m-share-box-content:after {
  content: "";
  position: absolute;
  left: -8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-top: solid 7px transparent;
  border-bottom: solid 7px transparent;
  border-right: solid 8px #ffffff;
}
.m-share-box-content--bottom-left {
  top: auto;
  bottom: 0;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
.m-share-box-content--bottom-left:before {
  top: auto;
  bottom: 16px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
.m-share-box-content--bottom-left:after {
  top: auto;
  bottom: 16px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
.m-share-box-content--top-right {
  top: 0;
  left: auto;
  right: 45px;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
.m-share-box-content--top-right:before {
  top: 16px;
  left: auto;
  right: -12px;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.m-share-box-content--top-right:after {
  top: 16px;
  left: auto;
  right: -8px;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.m-share-box-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background-color: #0071b5;
}
/* 20171101 takakura add start */

.m-delivery-box-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 15px;
  height: 15px;
  background-color: #999999;
  margin-top: 8px;
  margin-right: 4px;
}
.m-delivery-box-close--left {
  right: auto;
  left: 0;
}
.m-delivery-box-close:before, .m-delivery-box-close:after {
  content: "";
  width: 2px;
  height: 10px;
  background-color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1px;
  margin-top: -5px;
}
.m-delivery-box-close:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.m-delivery-box-close:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* 20171101 takakura add end */
.m-share-box-close--left {
  right: auto;
  left: 0;
}
.m-share-box-close:before, .m-share-box-close:after {
  content: "";
  width: 2px;
  height: 10px;
  background-color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1px;
  margin-top: -5px;
}
.m-share-box-close:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.m-share-box-close:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.m-share-box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
}
/* 改善要望_北村_00020 Takuma add/modify start */
.m-share-box-list__item + .m-share-box-list__item,
.m-share-box-list__item-ko + .m-share-box-list__item-ko {
  margin-left: 10px;
}
.m-share-box-list__item a {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: block;
  width: 40px;
  height: 40px;
  background-size: auto 100%;
  background-image: url(../images/common/icons-sns.png);
  border-radius: 50%;
}
.m-share-box-list__item-ko a { /* add */
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: block;
  width: 40px;
  height: 40px;
  background-size: auto 100%;
  background-image: url(../images/common/icons-sns-ko.png);
  border-radius: 50%;
}
.m-share-box-list__item a:hover,
.m-share-box-list__item-ko a:hover {
  opacity: 0.7;
  text-decoration: none;
}

/* 20180221 #25199 Hyron modify start */
.m-share-box-list__item a.fb,
.m-share-box-list__item-ko a.fb {
  background-color: #000;
  background-image: url(../images/common/icons-sns-x.png) !important;
}
.m-share-box-list__item a.tw,
.m-share-box-list__item-ko a.tw {
  background-position: -100% 0;
  background-color: #3b5998;
}
/* 20180221 #25199 Hyron modify end */

.m-share-box-list__item a.ln,
.m-share-box-list__item-ko a.ln {
  background-position: -200% 0;
  background-color: #00c300;
}
.m-share-box-list__item-ko a.ka {
  background-position: -200% 0;
  background-color: #eaaf0a;
}
/* 改善要望_北村_00020 Takuma add/modify start */
/* 20171117 takakura add start */

.m-share-box-list__item a.wc {
  background-image: url(../images/common/icons-wc.png);
}
.m-share-box-list__item a.wb {
  background-image: url(../images/common/icons-wb.png);
}

/* 20171117 takakura add end */



/* 20171218 takakura add start */
.m-search-ascending /*昇順*/{
  display: -webkit-flex;
  display: flex;
  display:inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  background: none;
  border: 0;
  background-image: url(../images/search/ascending.gif);
  /* クリック後(../images/search/asc-a.gif) */
}

.m-search-descending /*降順*/{
  display: -webkit-flex;
  display: flex;
  display:inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: none;
  border: 0;
  background-image: url(../images/search/descending.gif);
  /* クリック後(../images/search/desc-a.gif) */
}

/* 20171218 takakura add end */
/* icon */
.m-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: .5em;
  background-size: auto 100%;
}
.m-icon--language {
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}
.m-icon--single {
  margin-right: 0;
}
.m-icon--ar-r-or-l, .m-icon--ar-r-bl-l, .m-icon--ar-b-or-l, .m-icon--ar-b-bl-l {
  position: relative;
  width: 20px;
  height: 20px;
  background-color: #0071b5;
  border-radius: 50%;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.m-icon--ar-r-or-l:before, .m-icon--ar-r-bl-l:before, .m-icon--ar-b-or-l:before, .m-icon--ar-b-bl-l:before {
  content: "";
  border-left: solid 8px #ffffff;
  border-top: solid 5px transparent;
  border-bottom: solid 5px transparent;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-35%, -50%);
          transform: translate(-35%, -50%);
}
.m-icon--ar-b-or-l:before, .m-icon--ar-b-bl-l:before {
  -webkit-transform: rotate(90deg) translate(-40%, 35%);
          transform: rotate(90deg) translate(-40%, 35%);
}
.m-icon--ar-b-or-l, .m-icon--ar-r-or-l {
  background-color: #ff9600;
}
.m-icon--login, .m-icon--logout {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
  width: 12px;
  height: 16px;
  background-image: url(../images/common/icons-login.png);
}
.m-icon--login_gr {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 18px;
  height: 24px;
  background-image: url(../images/common/icons-login_gr.png);
}
.m-icon--logout {
  background-position: -100% 0;
}
.m-icon--register {
  width: 14px;
  height: 18px;
  background-image: url(../images/common/icon-register-wh.png);
}
.m-icon--product-tbl-est, .m-icon--product-tbl-cart {
  width: 24px;
  height: 24px;
  background-size: 100%;
}
.m-icon--product-tbl-cart {
  background-image: url(../images/common/icon-product-tbl-cart.png);
}
.m-icon--product-tbl-est {
  background-image: url(../images/common/icon-product-tbl-est.png);
}
.m-icon--product-tbl-info, .m-icon--product-tbl-search {
  width: 18px;
  height: 18px;
  background-size: auto 100%;
  background-image: url(../images/common/icons-product-tbl.png);
}
/* 20180618 takakura add start */
.m-icon--product-tbl-info_s, .m-icon--product-tbl-search_s {
  width: 15px;
  height: 15px;
  background-size: auto 100%;
  background-image: url(../images/common/icons-product-tbl.png);
}
/* 20180618 takakura add start */

.m-icon--product-tbl-search, .m-icon--product-tbl-search_s /*modify*/ {
  background-position: -100% 0;
}

.m-icon--education-01, .m-icon--education-02 {
  width: 80px;
  height: 60px;
  background-image: url(../images/education/icons-title.png);
}
.m-icon--education-02 {
  background-position: -100% 0;
}
/* 納期遅延改善 20190604 Takuma add start */
.m-icon--caution-bk{
  width: 1.1em;
  height: 1.1em;
  margin-top: -0.1em;
  margin-right: 0.25em;
  background-image: url(../images/common/icon-caution-triangle.png);
}
.m-icon--caution{
  width: 1.1em;
  height: 1.1em;
  margin-top: -0.1em;
  margin-right: 0.25em;
  background-image: url(../images/common/icon-caution-triangle-rd.png);
}
/* 納期遅延改善 20190604 Takuma add end */
.m-icon--check-cir-gr {
  width: 18px;
  height: 18px;
  background-image: url(../images/common/icon-check-cir-gr.png);
}
.m-icon--caution-cir {
  width: 18px;
  height: 18px;
  background-image: url(../images/common/icon-caution-cir.png);
}
.m-icon--caution-triangle {
  width: 30px;
  height: 30px;
  background-image: url(../images/common/icon-caution-triangle.png);
}
.m-icon--update {
  width: 24px;
  height: 24px;
  background-image: url(../images/common/icon-update.png);
}
.m-icon--trash {
  width: 32px;
  height: 32px;
  background-image: url(../images/common/icon-trash.png);
}
.m-icon--dl {
  width: 24px;
  height: 24px;
  background-image: url(../images/common/icon-dl.png);
}
.m-icon--search {
  width: 16px;
  height: 16px;
  background-image: url(../images/common/icon-search.png);
}
/* 改善要望_溝口_00006 20181017 Takuma add start */
.m-icon-xs{
  width: 1.5em;
  height: 1.5em;
  margin-right: 0;
}
/* 改善要望_溝口_00006 20181017 Takuma add end */
.m-cat-icon {
  display: inline-block;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  max-height: 40px;
  padding-left: .5em;
  padding-right: .5em;
  line-height: 18px;
  font-size: 1.4rem;
  color: #ffffff;
  margin-top:2px;
}
.m-cat-icon_s {
  display: inline-block;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  max-height: 40px;
  padding-left: .5em;
  padding-right: .5em;
  line-height: 14px; /*16px*/
  font-size: 1.1rem; /*1.2rem*/
  color: #ffffff;
/*  margin-top:2px; */
}

.m-cat-icon--new1 {
  background-color: #eb4080;
}
.m-cat-icon--new2 {
  background-color: #f37aa8;
}
.m-cat-icon--stock1 {
  background-color: #3988b8;
}
.m-cat-icon--stock2 {
  background-color: #69a7cd;
}
.m-cat-icon--item1 {
  background-color: #25899e;
}
.m-cat-icon--item2 {
  background-color: #4c9fb0;
}
.m-cat-icon--item3 {
  background-color: #7fbdca;
}
.m-cat-icon--item4 {
  background-color: #3893a7;
}

/* #33126 Hyron mod start */
/* 改善要望_奥田_00136 20190521 Takuma modify/add start */
.m-cat-icon--env1, .m-cat-icon--env2, .m-cat-icon--env3, .m-cat-icon--env4, .m-cat-icon--env5 { /*modified*/
  width: 48px;
  padding-bottom: 2px;
  text-indent: -9998em;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.m-cat-icon--env1 {
  background-image: url(../images/common/icon-env-rohs.png);
}
.m-cat-icon--env2 {
  background-image: url(../images/common/icon-env-pb-free.png);
}
.m-cat-icon--env3 {
  background-image: url(../images/common/icon-env-no-rohs.png);
}
.m-cat-icon--env4 {
  background-image: url(../images/common/icon-env-pb.png);
}
.m-cat-icon--env5 { /*added*/
  background-image: url(../images/common/icon-env-rohs2.png);
}
/* 改善要望_奥田_00136 20190521 Takuma modify/add end */
/* #33126 Hyron mod end */

/* breadcrumb */
.m-breadcrumb--c2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1280px;
  overflow: hidden;
  font-size: 1.2rem;
  margin-left: auto;
  margin-right: auto;
}
.m-breadcrumb--c2_l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  font-size: 1.2rem;
  margin-left: auto;
  margin-right: auto;
}
.m-breadcrumb--c2_item {
  padding: 5px 20px; /* 10px 20px*/
  display: -webkit-box;
  display: -ms-flexbox;
  display:flex;
}
.flex-1 {
  flex: 1 30%;
  flex-wrap: wrap;
}
.flex-2 {
  flex: 2 70%;
  flex-wrap: wrap;
}
.m-breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1280px;
  padding: 5px 20px; /* 10px 20px*/
  margin-left: auto;
  margin-right: auto;
  font-size: 1.2rem;
  overflow: hidden;
}
.m-breadcrumb_m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1580px;
  padding: 5px 20px; /* 10px 20px*/
  margin-left: auto;
  margin-right: auto;
  font-size: 1.2rem;
  overflow: hidden;
}
.m-breadcrumb__item {
  position: relative;
  padding-right: 2em;
  font-weight: 700;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-breadcrumb__item:before {
  content: "＞";
  position: absolute;
  right: .5em;
  top: 0;
  font-size: 1.2rem;
  font-weight: normal;
}
.m-breadcrumb__item:last-child:before {
  display: none;
}
.m-breadcrumb__item a {
  color: #0000ff;
  font-weight: normal;
}
.m-breadcrumb__item a:hover {
  text-decoration: underline;
}

/* title */
.m-title {
  padding-left: 1rem;
  border-left: solid 5px #0071b5;
  font-weight: 700;
  font-size: 2.8rem;
}
.m-title--s {
  font-size: 1.6rem;
}

/* 20180711 takakura add start */
.m-title-btn {
  position: relative;
}
.m-title-btn .m-btn {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
/* 20180711 takakura add end */

.m-line-title {
  padding-bottom: .25em;
  border-bottom: solid 1px #c5cccf;
}
.m-line-title--both {
  padding-top: .25em;
  border-top: solid 1px #c5cccf;
}
.m-line-title--l {
  padding-top: .5em;
  padding-bottom: .5em;
}

/* 20180214 tottori modify start */

.m-bg-title{
  width: 100%;
  display: inline-block;
  padding: 10px 20px;
  background-color: #cfe4f1;
  border-top: solid 1px #c5cccf;
  border-bottom: solid 1px #c5cccf;
  font-weight: 700;
  font-size: 1.6rem;
}

.m-cart-col {
  display: inline-block;
  padding: 10px 20px;
  background-color: #cfe4f1;
  border-top: solid 1px #c5cccf;
  border-bottom: solid 1px #c5cccf;
  font-weight: 700;
  font-size: 1.6rem;
}

/* 20180214 tottori modify end */

.m-bg-title--with-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
/* 基盤製造サービス作成 20190604 Takuma add start */
.m-btnInput{
  width: 100%;
  display: flex;
}
.m-btnInput.is-calc450{
  width: auto;
  max-width: calc( 100% - 450px );
  min-width: 450px;
}
.m-btnInput.is-calc300{
  max-width: calc( 100% - 300px );
}
.m-btnInput input[type="checkbox"],
.m-btnInput input[type="radio"]{
  display: none;
}
.m-btnInput label{
  width: 100%;
  display: block;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  padding: 0.5em;
  border: solid 1px #ccc;
  border-radius: 3px;
  cursor: pointer;
  margin-right: 0.5em;
}
.m-btnInput.is-calc450 label{
  min-width: 150px;
}
.m-btnInput input[type="checkbox"]:checked+label,
.m-btnInput input[type="radio"]:checked+label{
  color: #fff;
  background-color: #0071b5;
}
@media screen and (max-width: 1279px){
  .m-btnInput,
  .m-btnInput.is-calc450,
  .m-btnInput.is-calc300{
    width: 100%;
    max-width: unset;
    min-width: unset;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: 5px;
  }
  .m-btnInput::after{
    content: '';
    display: block;
    width: calc( 33.33% - 5px );
  }
  .m-btnInput label{
    width: calc( 33.33% - 5px );
    display: block;
    font-size: 14px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 767px){
  .m-btnInput label{
    width: calc( 50% - 5px );
    display: block;
    font-size: 14px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
}
.m-otherCondition{
  display: flex;
  align-items: center;
}
.m-otherCondition input{
  flex-shrink: 0;
  margin: 0;
}
.m-otherCondition label{
  flex-shrink: 0;
  font-size: 14px;
  padding: 0 5px;
}
.m-otherCondition input[type="text"]{
  width: 300px;
  background-color: #fff;
}
@media screen and (max-width: 767px){
  .m-otherCondition input[type="text"]{
    width: 100%;
    flex-shrink: 1;
  }
}
.m-inputArea{
  display: flex;
  align-items: center;
}
/* 基盤製造サービス作成 20190604 Takuma add end */
/* Web改善 関連製品表示 20210112 Takuma add start */
.m-bg-title--lgr {
  background-color: #7ecf72;
}
.m-bg-title--llgr{
  background-color: #ccf3c5;
}
.m-bg-title--yl {
  background-color: #e7b671;
}
/* Web改善 関連製品表示 20210112 Takuma add end */
.m-bg-title--gy {
  background-color: #ebeff1;
}
.m-bg-title--mgy {
  background-color: #c5cccf;
  color: #ffffff;
}
.m-bg-title--pk {
  background-color: #f4e0e0;
}
.m-bg-title--dgy {
  background-color: #8ea1b4;
  color: #ffffff;
}
.m-bg-title--red {
  background-color: #cc0000;
  color: #ffffff;
}
.m-bg-title--noline {
  border: 0;
}

.m-bor-title {
  padding-bottom: .25em;
  border-bottom: solid 1px #c5cccf;
}

.m-title-toggle-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333333;
}
.m-title-toggle-icon .icon {
  position: relative;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #8ea1b4;
}
.m-title-toggle-icon .icon:before, .m-title-toggle-icon .icon:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 2px;
  margin-left: -6px;
  margin-top: -1px;
  background-color: #ffffff;
}
.m-title-toggle-icon .icon:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.m-title-toggle-icon.is-active .icon:after {
  -webkit-transform: none;
          transform: none;
}

/* form */
.m-form-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #c5cccf;
  font-size: 1.6rem;
  line-height: 1.875;
}
.m-form-col .m-form-col {
  padding: 0;
}
.m-form-col--s {
  padding: 10px 20px;
}
.m-form-col--alternate-bg:nth-of-type(odd) {
  background-color: #f5f7f8;
}
.m-form-col--noline {
  border-bottom: 0;
  padding-bottom: 0;
}
.m-form-col--noline + .m-form-col {
  margin-top: 10px;
}
.m-form-col__title {
  width: 280px;
  padding-right: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: 700;
}
.m-form-col__title--s {
  width: 140px;
}
.m-form-col__title--m {
  width: 200px;
}
.m-form-col__content {
  width: 100%;
  min-width: 0;
}

/* 20171108 takakura add start */
.m-form-col__title--l {
  width: 375px;
  padding-right: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: 700;
}
.m-form-col__title--s2 {
  width: 190px;
}
/* 20171108 takakura add end */

/* 改善要望_ファンダソン_00002 Tamura 20220317 modify start */
.m-form-col__title--auto {
  width: auto;
}
/* 改善要望_ファンダソン_00002 Tamura 20220317 modify end */

/* 改善要望_ファンダソン_00002 Tamura 20220317 modify start */
.m-form-col--column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #c5cccf;
  font-size: 1.6rem;
  line-height: 1.875;
  flex-direction: column;
}
/* 改善要望_ファンダソン_00002 Tamura 20220317 modify end */

.m-form-btn-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m-form-btn-col--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.m-form-btn-col__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -20px;
}
.m-form-btn-col__item > * {
  width: 320px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 20px;
}

input[type="password"],
input[type="text"],
textarea {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: solid 2px #c5cccf;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 10px;
  border-radius: 4px;
  width: 100%;
  background-color: #ffffe4;
  outline: none;
  font-size: 1.6rem;
}
input[type="password"]:focus,
input[type="text"]:focus,
textarea:focus {
  background-color: #ffffff;
}
input[type="password"].m-textarea--any, input[type="password"].m-input-text--any,
input[type="text"].m-textarea--any,
input[type="text"].m-input-text--any,
textarea.m-textarea--any,
textarea.m-input-text--any {
  background-color: #ffffff;
}

input[type="password"].m-textarea--any_gy, input[type="password"].m-input-text--any_gy,
input[type="text"].m-textarea--any_gy,
input[type="text"].m-input-text--any_gy,
textarea.m-textarea--any_gy,
textarea.m-input-text--any_gy{
  background-color: #ebeff1;
}

/* 20180316 takakura add start */
.m-input-frame {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: solid 2px #c5cccf;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 10px;
  border-radius: 4px;
  width: 180px;
  background-color: #FFF;
  outline: none;
  font-size: 1.6rem;
  cursor:default;
}
.m-input-side {
  max-width:580px;
  padding:15px;
  height:50px;
  display:inline-block;
}
/* 20180316 takakura add start */
label.m-label-set input[type="checkbox"]:disabled {
  background-color: #eee;
}
.m-bg-gy label.m-label-set input[type="radio"] {
  margin-top:-9px;
}
/* 20180214 tottori add start */

input[type="text"]:disabled {
	background-color: #eee;
}

/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
:placeholder-shown {
    color: #AAAAAA; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #AAAAAA; }

/* Firefox 18- */
:-moz-placeholder {
    color: #AAAAAA; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder {
    color: #AAAAAA; opacity: 1; }

/* IE 10+ */
:-ms-input-placeholder {
    color: #AAAAAA; }

/* 20180214 tottori add end */

input[type="password"],
input[type="text"] {
  width: 100%;
}

/* 20180309 tottori add start */
input[type="text"].m-input-text:focus::-webkit-input-placeholder,
input[type="text"].m-input-text:focus:-moz-placeholder,
input[type="text"].m-input-text:focus::-moz-placeholder {
  color: transparent;
}

/* 20180309 tottori add end */

input[type="password"].m-input-text--auto,
input[type="text"].m-input-text--auto {
  width: auto;
}
input[type="password"].m-input-text--h-2s,
input[type="text"].m-input-text--h-2s {
  padding: 0px 0.2em;
  font-size: 1.3rem;
  text-align: right;
}
input[type="password"].m-input-text--h-s,
input[type="text"].m-input-text--h-s {
  padding: 5px 10px;
  font-size: 1.4rem;
}
input[type="password"].m-input-text--h-xs,
input[type="text"].m-input-text--h-xs {
  padding: 0 5px; /*1px 10px*/
  font-size: 1.4rem;
}
/* 20180627 takakura add start */
input[type="password"].m-input-text--h-2xs,
input[type="text"].m-input-text--h-2xs {
  padding: 0 3px;
  font-size: 1.3rem;
}
input[type="password"].m-input-text--search,
input[type="text"].m-input-text--search {
  width: 90px;
}
input[type="password"].m-input-text--3xs,
input[type="text"].m-input-text--3xs {
  width: 50px;
}
input[type="password"].m-input-text--3s,
input[type="text"].m-input-text--3s {
  width: 55px;
}
input[type="password"].m-input-text--credit,
input[type="text"].m-input-text--credit {
  width: 70px;
}
input[type="password"].m-input-text--2xs,
input[type="text"].m-input-text--2xs {
  width: 100px;
}
input[type="password"].m-input-text--history, /*modify*/
input[type="text"].m-input-text--history {
  max-width: 160px;
}
input[type="password"].m-input-text--xs,
input[type="text"].m-input-text--xs {
  width: 180px;
}
input[type="password"].m-input-text--s,
input[type="text"].m-input-text--s {
  width: 240px;
}
input[type="password"].m-input-text--m2,
input[type="text"].m-input-text--m2 {
  width: 360px;
}
input[type="password"].m-input-text--m,
input[type="text"].m-input-text--m {
  width: 480px;
}
/* 20180627 takakura add end */

/* 20180402 takakura add start */
input[type="password"].m-input-text--w253,
input[type="text"].m-input-text--w253 {
  width: 253px;
}

@media screen and (max-width:1279px) {
input[type="password"].m-input-text--m2,
input[type="text"].m-input-text--m2,
input[type="password"].m-input-text--m,
input[type="text"].m-input-text--m {
  width: 100%;
  }
}

/* 20180402 takakura add end */
textarea {
  width: 100%;
  resize: none;
}
textarea.m-textarea--m {
  width: 600px;
}

input[type="radio"],
input[type="checkbox"] {
  position: relative;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  margin-right: 10px;
  margin-top: -3px;
  border: solid 1px #c5cccf;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #ffffff;
  outline: none;
  width: 18px;
  height: 18px;
  vertical-align: middle;
}
input[type="radio"].m-input-cb--single, input[type="radio"].m-input-rc--single,
input[type="checkbox"].m-input-cb--single,
input[type="checkbox"].m-input-rc--single {
  margin-right: 0;
}

input[type="radio"]:after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #0071b5;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -4px;
  margin-left: -4px;
  border-radius: 100%;
  display: none;
}
input[type="radio"]:checked:after {
  display: block;
}

input[type="checkbox"]:after {
  content: "";
  width: 6px;
  height: 12px;
  position: absolute;
  left: 50%;
  top: 50%;
  border-bottom: solid 2px #0071b5;
  border-right: solid 2px #0071b5;
  margin-top: -8px;
  margin-left: -3px;
  display: none;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
input[type="checkbox"]:checked:after {
  display: block;
}

input[type="radio"] {
  border-radius: 100%;
}

input[type="checkbox"] {
  border-radius: 0;
}
input[type="checkbox"].m-cb-b {
  position: relative;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  margin-right: 7px;
  margin-left:5px;
  margin-top: -3px;
  border: solid 2px #c5cccf;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #ffffff;
  outline: none;
  width: 18px;
  height: 18px;
  vertical-align: middle;
}
label.m-label-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
label.m-label-set input[type="radio"],
label.m-label-set input[type="checkbox"] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
  display: block;
  -webkit-transform: translateY(0.55em);
          transform: translateY(0.55em);
}

/* 20171214 takakura add start */

input[type="radio"].m-input-gya,
input[type="checkbox"].m-input-gya {
  position: relative;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  margin-right: 10px;
  margin-top: -3px;
  border: solid 1px #c5cccf;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #ebeff1;
  outline: none;
  width: 18px;
  height: 18px;
  vertical-align: middle;
}
input[type="radio"].m-input-gya {
  border-radius: 100%;
}

input[type="checkbox"].m-input-gya {
  border-radius: 0;
}



select.m-select_gy {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  min-height: 40px;
  padding: 12px 40px 12px 15px;
  border: solid 2px #c5cccf;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
	 -moz-appearance: none;
          appearance: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1.6rem;
  outline: none;
  line-height: 1.231;
  text-overflow: '';
}
select.m-select--any_gy {
  background-color: #ebeff1;
}
/* 20180613 tottori add start */
select.m-select_gy::-ms-expand {
    display: none;
}
/* 20180613 tottori add end */

/* 20171214 takakura add end */

select.m-select {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  min-height: 25px; /*40px*/
  padding: 12px 40px 12px 15px;
  border: solid 2px #c5cccf;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 4px;
  background-color: #ffffe4;
  background-repeat: no-repeat;
  background-size: 40px auto;
  background-image: url(../images/common/icon-select.png);
  background-position: right 50%;
  cursor: pointer;
  font-size: 1.6rem;
  outline: none;
  line-height: 1.231;
  text-overflow: '';
}
select.m-select--any {
  background-color: #ffffff;
}
select.m-select--s {
  min-height: 30px;
  padding: 8px 20px 8px 10px;
  font-size: 1.4rem;
  background-size: 20px auto;
}
/* 20180406 takakura add start */
select.m-select--xs {
  padding: 3px 20px 3px 10px;
  font-size: 1.4rem;
  background-size: 20px auto;
}
/* 20180406 takakura add end */
select.m-select::-ms-expand {
  display: none;
}
/* 改善要望_溝口_00006 20181016 Takuma add */
select:disabled{
  background-color: #eee;
  color: #aaa;
}
/* 改善要望_溝口_00006 20181016 Takuma add */
/* Slider */
.m-icon-slide-prev,
.m-icon-slide-next {
  position: absolute;
  top: 50%;
  width: 24px;
  height: 24px;
  border-top: solid 2px #0071b5;
  border-left: solid 2px #0071b5;
  text-indent: -9998em;
  margin-top: -12px;
  cursor: pointer;
  z-index: 5002;
}

.m-icon-slide-prev {
  left: 10px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.m-icon-slide-next {
  right: -30px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.slick-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 5002;
}
.slick-dots > * {
  cursor: pointer;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  text-indent: -9998em;
  background-color: #8ea1b4;
}
.slick-dots > * + * {
  margin-left: 10px;
}
.slick-dots > *.slick-active {
  background-color: #0071b5;
}

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  min-height: 1px;
  display: none;
  outline: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
}

.slick-arrow.slick-disabled {
  display: none;
  opacity: 0;
}

/* modal window */
/* 20180517 takakura modify * header max z-index:10002 */
.m-modal-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 11110;
}
.m-modal-buy-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 11110;
}
.m-modal-buy-bg-js {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7;
  z-index: 10002;
}
.js-modal-buypopup {
  position: fixed;
}
.m-modal-over-popup-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10003;
}

.m-modal-close {
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: block;
  width: 40px;
  height: 40px;
  position: fixed;
  right: calc(10% + 40px);
  top: calc(10% + 40px);
  text-indent: -9998em;
  z-index: 11111;
  background-color: #0071b5;
}
.m-modal-close:hover {
  opacity: 0.7;
  text-decoration: none;
}
.m-modal-close:before, .m-modal-close:after {
  content: "";
  width: 20px;
  height: 4px;
  background-color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -2px;
  margin-left: -10px;
}
.m-modal-close:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.m-modal-close:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.m-modal-item {
  display: none;
  position: fixed;
  left: 10%;
  top: 10%;
  width: 80%;
  height: 80%;
  overflow: auto;
  padding: 40px;
  background-color: #ffffff;
  z-index: 11112;
}
.m-modal-item--condition {
  width: 480px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.m-modal-item--condition .m-modal-close {
  position: absolute;
  top: 0;
  right: 0;
}
/* 改善要望_橋本_00037 20200603 Takuma add start */
.m-modal-item--passive{
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 0;
  overflow: hidden;
}
/* 改善要望_橋本_00037 20200603 Takuma add end */
/* 20180329 tottori add start */
.js-modal-popup {
  position: fixed;
/*  z-index: 10020; */
}
/* 20180329 tottori add end */


/* 20171115 ichikawa add start */

.m-modal-item-iframe {
  display: none;
  position: fixed;
  left: 10%;
  top: 10%;
  width: 80%;
  height: 80%;
  overflow: auto;
  background-color: #ffffff;
  z-index: 10002;
}
/* 20171115 ichikawa add end */

.m-modal-item--narrow {
  padding: 0;
  top: 50%;
  left: 50%;
  max-width: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  overflow: hidden;
}
.m-modal-item--narrow .m-modal-close {
  position: absolute;
  top: 0;
  right: 0;
}

/* date picker */
.ui-datepicker {
  background-color: #ffffff;
  -webkit-box-shadow: 2px 2px 0 0 #8ea1b4;
          box-shadow: 2px 2px 0 0 #8ea1b4;
  color: #333333;
  font-size: 1.4rem;
  overflow: hidden;
}
.ui-datepicker a {
  color: #333333;
}
.ui-datepicker a:hover {
  text-decoration: none;
}

.ui-widget-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background-color: #ebeff1;
  border: 1px solid #c5cccf;
  border-bottom: 0;
  text-align: center;
  height: 40px;
}

.ui-datepicker-prev {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-right: 5px;
}

.ui-datepicker-next {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin-left: 5px;
}

.ui-datepicker-prev .ui-icon,
.ui-datepicker-next .ui-icon {
  cursor: pointer;
  display: block;
  text-indent: -9998em;
  width: 10px;
  height: 10px;
  border-top: solid 2px #0099ff;
  border-right: solid 2px #0099ff;
  margin-top: -2px;
}
.ui-datepicker-prev.ui-state-disabled .ui-icon,
.ui-datepicker-next.ui-state-disabled .ui-icon {
  opacity: 0;
  cursor: default;
}

.ui-datepicker-prev .ui-icon {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.ui-datepicker-next .ui-icon {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.ui-datepicker-title {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-weight: 700;
}

.ui-datepicker-calendar th, .ui-datepicker-calendar td {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border: solid 1px #8ea1b4;
  text-align: center;
  font-size: 1.4rem;
}
.ui-datepicker-calendar th.ui-datepicker-week-end, .ui-datepicker-calendar td.ui-datepicker-week-end {
  background-color: #f8e5e5;
}
.ui-datepicker-calendar th.ui-datepicker-week-end:nth-last-of-type(1), .ui-datepicker-calendar td.ui-datepicker-week-end:nth-last-of-type(1) {
  background-color: #cfe4f1;
}
.ui-datepicker-calendar th.ui-datepicker-today, .ui-datepicker-calendar td.ui-datepicker-today {
  background-color: #ff9600;
}
.ui-datepicker-calendar th.ui-datepicker-other-month, .ui-datepicker-calendar td.ui-datepicker-other-month {
  color: #999999;
}
.ui-datepicker-calendar th.ui-datepicker-other-month a, .ui-datepicker-calendar td.ui-datepicker-other-month a {
  color: #999999;
}
.ui-datepicker-calendar th.ui-datepicker-unselectable, .ui-datepicker-calendar th.ui-state-disabled, .ui-datepicker-calendar td.ui-datepicker-unselectable, .ui-datepicker-calendar td.ui-state-disabled {
  color: #dddddd;
}
.ui-datepicker-calendar th.ui-datepicker-unselectable a, .ui-datepicker-calendar th.ui-state-disabled a, .ui-datepicker-calendar td.ui-datepicker-unselectable a, .ui-datepicker-calendar td.ui-state-disabled a {
  color: #dddddd;
}
.ui-datepicker-buttonpane {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 40px;
}
.ui-datepicker-buttonpane:before, .ui-datepicker-buttonpane:after {
  content: "";
  width: 2px;
  height: 12px;
  background-color: #8ea1b4;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1px;
  margin-top: -6px;
}
.ui-datepicker-buttonpane:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.ui-datepicker-buttonpane:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.ui-datepicker-buttonpane .ui-datepicker-close {
  position: relative;
  width: 30px;
  height: 40px;
  text-indent: -9998em;
  z-index: 1;
}
.form-block {
  display: block;
  padding-left:50px; /*modify*/
}
/* 20180620 takakura add start */
.form-text {
  width: 41px;
  font-size:14px;
  line-height:1.6;
  display:inline-block;
  margin:2px 5px;
}
/* 20180620 takakura add end */
.form-inline {
  width: 180px;
  display: inline-block;
}
/* =======================================================================
共通
======================================================================= */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
base
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
/* 20180418 tottori modify start */
body {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.231;
  color: #333333;
  overflow-x: hidden;
  word-break: normal;
}
/* 20180418 tottori modify end */
#l-wrapper {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  min-width: 1280px;
}
.l-container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
  margin-top: 10px; /* 20px */
  margin-bottom: 80px;
}
.l-container--history {
  max-width: 1580px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
  margin-top: 10px;
  margin-bottom: 80px;
}
.l-container--liquid {
  max-width: inherit;
  padding-left: 20px;
  padding-right: 20px;
}

/* +--------------------------------------------------------------------------------------+
header　旧ver リニューアル完了後、不要のため削除推奨
+--------------------------------------------------------------------------------------+ */
 .b-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  min-width: 1280px;
  z-index: 10001;
  background-color: #ffffff;
  border-bottom: 2px solid #d9e2e8;
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .b-header {
    min-width: 768px;
  }
}
.m-header-h {
  background-color: #ebeff1;
}
@media screen and (max-width: 1279px) {
  .m-header-h {
    display: none;
  }
}
.m-header-h-inner {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
/* +--------------------------------------------------------------------------------------+
header　リニューアル用
+--------------------------------------------------------------------------------------+ */
.t-header-inner {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  min-width: 1280px;
  z-index: 10001;
  background-color: #ffffff;
  border-bottom: 2px solid #d9e2e8;
}
.t-header-h{
  background-color: #ebeff1;
}
.t-header-h-inner {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
/* 検索結果改善 20190731 Takuma modify start */
/* ユニーク型番表示 20200714 Takuma modify start */
.t-shortHeader{
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 80px;
  z-index: 10004; /* modify */
  background-color: #fff;
  border-bottom: 2px solid #d9e2e8;
}
/* ユニーク型番表示 20200714 Takuma modify end */
.t-shortHeader_inner{
  display: flex;
  align-items: center;
  max-width: 1280px;
  height: 100%;
  padding-left: 20px;
  padding-right: 200px;
  margin: 0 auto;
}
.t-shortHeader_inner-logo{
  flex-shrink: 0;
  width: 180px;
  margin-right: 20px;
}
.m-header-cart--pc.is-streched{
  top: 18px;
  transition: 0.05s;
}
/* 検索結果改善 20190731 Takuma modify end */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
header first line
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-header-h-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 400px);
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ebeff1;
  font-size: 1.2rem;
}
.m-header-h-title-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-header-h-title-link > * + * {
  margin-left: 20px;
  padding-left: 20px;
  border-left: solid 1px #333333;
}
.m-header-h-title-link > * a {
  color: #0000ff;
}
.m-header-h-title-link > * a:hover {
  text-decoration: underline;
}
.m-header-language {
  position: fixed;
  right: 50%;
  margin-right: -640px;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  height: 30px;
  padding-left: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #d9e2e8;
  font-size: 1.2rem;
  z-index: 10002;
}
.m-header-language-l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.m-header-language-r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.m-header-language-current {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 14px;
}
.m-header-language-current .icon {
  margin-left: auto;
  margin-right: auto;
  width: 25px;
  height: 14px;
  margin-right: 5px;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.m-header-language-current .icon--jpn {
  background-image: url(../images/common/icons-language_jpn.png);
  background-repeat: no-repeat;
}
.m-header-language-current .icon--chn {
  background-image: url(../images/common/icons-language_chn.png);
  background-repeat: no-repeat;
}
.m-header-language-current .icon--hkg {
  background-image: url(../images/common/icons-language_hkg.png);
  background-repeat: no-repeat;
}
.m-header-language-current .icon--twn {
  background-image: url(../images/common/icons-language_twn.png);
  background-repeat: no-repeat;
}
.m-header-language-current .icon--kor {
  background-image: url(../images/common/icons-language_kor.png);
  background-repeat: no-repeat;
}
.m-header-language-current .icon--sgp {
  background-image: url(../images/common/icons-language_sgp.png);
  background-repeat: no-repeat;
}
.m-header-language-current .icon--aus {
  background-image: url(../images/common/icons-language_aus.png);
  background-repeat: no-repeat;
}
.m-header-language-current .icon--usa {
  background-image: url(../images/common/icons-language_usa.png);
  background-repeat: no-repeat;
}
.m-header-language-current .icon--gbr {
  background-image: url(../images/common/icons-language_gbr.png);
  background-repeat: no-repeat;
}
.m-header-language-current .icon--deu {
  background-image: url(../images/common/icons-language_deu.png);
  background-repeat: no-repeat;
}
.m-header-language-current .icon--global {
  background-image: url(../images/common/icons-language_grobal.png);
  background-repeat: no-repeat;
}
.m-header-language-btn {
  background-color: #0071b5;
  color: #ffffff;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 10px;
  -webkit-transition: .3s;
  transition: .3s;
}
.m-header-language-btn:hover {
  background-color: #0000ff;
}
.m-header-language-toggle {
  position: relative;
}
.m-header-language-toggle:hover .m-header-language-toggle-content {
  display: block;
}
.m-header-language-toggle:hover .m-header-language-toggle-current a {
  background-color: #ebeff1;
}
.m-header-language-toggle-title {
  margin-bottom: 10px;
  text-align: center;
  cursor: pointer;
}
.m-header-language-toggle-current a {
  -webkit-transition: .3s;
  transition: .3s;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  color: #0000ff;
  padding-left: 20px;
  padding-right: 40px;
}
.m-header-language-toggle-current a:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-top: solid 10px #0000ff;
  border-left: solid 6px transparent;
  border-right: solid 6px transparent;
}
.m-header-language-toggle-content {
  display: none;
  position: absolute;
  right: 0;
  top: 30px;
  width: 200px;
  padding: 20px 10px;
  background-color: #ebeff1;
  z-index: 5002;
}
.m-header-language-toggle-content--currency {
  width: 310px;
}
.m-header-language-toggle-content--currency .m-header-language-toggle-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.m-header-language-toggle-content--currency .m-header-language-toggle-nav li {
  width: calc(100% / 3);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
}
.m-header-language-toggle-nav li a {
  display: block;
  padding: 10px;
  color: #0000ff;
  -webkit-transition: .3s;
  transition: .3s;
}
.m-header-language-toggle-nav li a:hover, .m-header-language-toggle-nav li a.current {
  background-color: #ffffff;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
header logo
header search
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-header-main {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 90px;
  padding-left: 20px;
  padding-right: 300px;
  background-color: #ffffff;
}
.m-header-main--login {
  padding-right: 360px;
}
.m-header-main-sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.m-header-main-sub > * {
  margin-left: 20px;
}
.m-header-logo {
  width: 200px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 20px;
}
.m-header-logo a {
  display: block;
  overflow: hidden;
}

/* 20171204 ichikawa add start */
.m-header-logo-sp{
	display:none;
}
/* 20180320 #25757 Hyron  modify start */
.m-header-logo-intra{
	max-width: 290px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
/* 20180320 #25757 Hyron  modify end */

.m-header-logo-intra__item {
  position: relative;
}
.m-header-logo-intra__item--c1s {
  width: 160px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-header-logo-intra__item + .m-header-logo-intra__item {
  margin-left: 30px;
}
.m-header-logo-intra__item + .m-header-logo-intra__item:before, .m-header-logo-intra__item + .m-header-logo-intra__item:after {
  content: "";
  width: 16px;
  height: 2px;
  background-color: #333333;
  position: absolute;
  left: -30px;
  top: 50%;
  margin-top: -1px;
}
.m-header-logo-intra__item + .m-header-logo-intra__item:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.m-header-logo-intra__item + .m-header-logo-intra__item:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* 20171204 ichikawa add end */

.m-header-menu {
  display: none;
}
.m-header-search {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
/* modify start */
.m-header-search-opt_main,
.m-header-search-opt_none,
.m-header-search-opt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* modify end */
.m-header-search-opt-item {
  margin-right: 30px;
  font-size: 1.4rem;
}
.m-header-search-opt label.m-label-set {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-header-search-opt label.m-label-set input[type="checkbox"] {
  -webkit-transform: none;
          transform: none;
}
.m-header-search-opt-sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: 1.2rem;
}
.m-header-search-opt-sub > * {
  position: relative;
  margin-left: 1em;
}
.m-header-search-opt-sub a {
  color: #0000ff;
}
.m-header-search-opt-sub a:hover {
  text-decoration: underline;
}
.m-header-search-opt-sub-multiple {
  position: relative;
}
/* 一括検索 20200228 Takuma add/modify start */
.m-header-search-opt-sub-multiple-content {
  position: absolute;
  display: none;
  left: 0;
  top: 20px;
  width: 650px; /* modified */
  -webkit-transform: translateX(-24%); /* modified */
          transform: translateX(-24%); /* modified */
  background-color: #ebeff1;
  border: solid 2px #0071b5;
  padding: 20px;
  z-index: 5001;
}
.m-header-search-opt-sub-multiple-content.is-active {
  display: block;
}
.m-header-search-opt-sub-multiple-content-heading{ /* added */
  font-weight: 700;
  font-size: 1.5em;
  color: #0071b5;
}
.m-header-search-opt-sub-multiple-content-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  z-index: 1;
}
.m-header-search-opt-sub-multiple-content-close:before, .m-header-search-opt-sub-multiple-content-close:after {
  content: "";
  width: 16px;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1px;
  margin-top: -8px;
  background-color: #0071b5;
}
.m-header-search-opt-sub-multiple-content-close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.m-header-search-opt-sub-multiple-content-close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.m-header-search-opt-sub-multiple-content-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 10px;
}
.m-header-search-opt-sub-multiple-content-form > * + * {
  margin-left: 20px;
}
.m-header-search-opt-sub-multiple-content-form--btnArea::after{ /* added */
  content: '';
  display: block;
  clear: both;
}
.m-header-search-opt-sub-multiple-content-form-textarea {
  width: 100%;
  height: 120px;
  resize: none;
  background-color: #ffffff;
}
.m-header-search-opt-sub-multiple-content-form-btn {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  width: 180px; /* modified */
  height: 40px;
  margin-left: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 40px;
  background-color: #ff9600;
  font-size: 1.4rem;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
}
.m-header-search-opt-sub-multiple-content-form-btn:hover {
  opacity: 0.7;
  text-decoration: none;
}
/* 一括検索 20200228 Takuma add/modify end */
.m-header-search-form {
  position: relative;
  margin-top: 5px;
}
/* 20171127 shindo modify start */
  /* padding change */
.m-header-search-form input[type="password"],
.m-header-search-form input[type="text"] {
  height: 40px;
  padding: 5px 115px 5px 10px;/* padding: 5px 130px 5px 10px; */
  background-color: #ffffff;
}
/* 20171127 shindo modify end */
.m-header-search-form-btn {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 60px;
  height: 40px;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
  background-color: #ff9600;
  border: solid 2px #c5cccf;
  border-left: 0;
  border-radius: 0 4px 4px 0;
  text-align: center;
}
.m-header-search-form-btn:hover {
  opacity: 0.7;
  text-decoration: none;
}
.m-header-search-form-btn span {
  display: block;
  text-indent: -9998em;
}
/* CSS簡素化 Takuma 20200818 remove start */
.m-header-search-form-btn .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  line-height: 1;
  /* vertical-align: middle; removed */
  width: 16px;
  height: 16px;
  background-size: 100%;
  background-image: url(../images/common/icon-search.png);
}
/* CSS簡素化 Takuma 20200818 remove end */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
header login
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-header-login {
  position: fixed;
  right: 50%;
  top: 45px;
  margin-right: -500px;
  width: 140px;
  z-index: 10002;
}
.m-header-login--sp {
  display:none;
}
.m-header-login-register {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
  color: #0000ff;
  font-size: 1.4rem;
}
.m-header-login-register:hover {
  text-decoration: underline;
}
.m-header-login-register .icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 5px;
  width: 14px;
  height: 18px;
  background-size: 100%;
  background-image: url(../images/common/icon-register-gr.png);
}
.m-header-member {
  position: fixed;
  right: 50%;
  top: 45px;
  margin-right: -440px;
  width: 140px;
  z-index: 10002;
}
.m-header-member-content {
  cursor: pointer;
  padding: 10px;
  background-color: #d9e2e8;
  font-size: 1.4rem;
}
.m-header-member-content:hover {
  text-decoration: underline;
}
/* 改善要望_一ノ瀬_0040 20211008 Takuma add start */
.m-header-member--royal .m-header-member-content{
  background-color: #fff8d4;
}
.m-header-member-icon{
  position: absolute;
  bottom: 9px;
  right: 9px;
  width: 30px;
  height: 20px;
}
.js-toolchip-obj--right{
  right: 0;
}
/* 改善要望_一ノ瀬_0040 20211008 Takuma add end */
.m-header-member-title {
  margin-bottom: 5px;
  font-weight: 700;
  color: #0000ff;
}
.m-header-member-puwin {
  display: none;
  position: absolute;
  left: 50%;
  top: 30px;
  min-width: 200px; /* 180px */
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #ffffff;
  border: solid 2px #0071b5;
  padding: 20px 10px 10px;
  font-size: 1.4rem;
  line-height: 1.5;
  z-index: 5001;
}
.m-header-member-puwin.is-active {
  display: block;
}
.m-header-member-puwin-title {
  margin-bottom: 5px;
  font-weight: 700;
}
.m-header-member-puwin-list {
  margin-bottom: 10px;
}
.m-header-member-puwin-list a {
  color: #0000ff;
}
.m-header-member-puwin-list a:hover {
  text-decoration: underline;
}
.m-header-member-puwin:before {
  content: "";
  border-bottom: solid 12px #0071b5;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: -12px;
}
.m-header-member-puwin:after {
  content: "";
  border-bottom: solid 9px #ffffff;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: -9px;
}
.m-header-member-puwin-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-color: #0071b5;
  text-indent: -9998em;
}
.m-header-member-puwin-close:before, .m-header-member-puwin-close:after {
  content: "";
  width: 2px;
  height: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1px;
  margin-top: -5px;
  background-color: #ffffff;
}
.m-header-member-puwin-close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.m-header-member-puwin-close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.m-header-cart--pc {
  position: fixed;
  right: 50%;
  top: 55px;
  margin-right: -640px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  z-index: 10002;
}
/* 20180509 takakura add start */
.m-header-cart--intra {
  position: fixed;
  right: 55%; /*50%*/
  top: 55px;
  margin-right: -640px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  z-index:10002;
}
/* 20180509 takakura add end */
.m-header-cart--sp {
  display: none;
}
.m-header-cart__item {
  position: relative;
  width: 60px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
}
.m-header-cart__item > a {
  position: relative;
  -webkit-transition: .3s;
  transition: .3s;
  display: block;
}
.m-header-cart__item > a:hover {
  color: #0000ff;
}
.m-header-cart__item .num {
  position: absolute;
  left: 50%;
  margin-left: -28px;
  top: -8px;
  display: inline-block;
  height: 16px;
  border-radius: 8px;
  line-height: 16px;
  font-size: 1rem;
  padding-left: .5em;
  padding-right: .5em;
  background-color: #ff0000;
  color: #ffffff;
  z-index: 1;
}
.m-header-cart__item span {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}
.m-header-cart__item .icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
  background-size: auto 100%;
  background-image: url(../images/common/icons-cart.png);
}

#noticeicon
{
	 background-image: url(../images/common/icon_notification.png) !important;
}
/* 20171204 ichikawa add start */

.m-header-cart__item--cancel {
  width: auto;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.2rem;
}
.m-header-cart__item--cancel a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #8ea1b4;
  border-radius: 4px;
  padding: 5px 10px;
  color: #ffffff;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.m-header-cart__item--cancel a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.m-header-cart__item--cancel a:hover {
  color: #ffffff;
  text-decoration: none;
}
.m-header-cart__item--cancel a .icon {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  background-image: url(../images/common/icon-caution-triangle-wh.png);
}
.m-header-cart__item--cancel a span {
  text-align: left;
  line-height: 1.5;
}

/* 20171204 ichikawa add end */

.m-header-cart__item--estimate .icon {
  background-position: -100% 0;
}
.m-header-cart__item--continuation .icon {
  width: 20px;
  height: 20px;
  background-position: -200% 0;
}
.m-header-cart__item--answer .icon {
  width: 20px;
  height: 20px;
  background-position: -300% 0;
}
.m-header-cart__item--answer .num, .m-header-cart__item--continuation .num {
  background-color: #333333;
}
.m-header-cart-child {
  display: none;
  position: absolute;
  right: 30px;
  top: 55px; /* 30px */
  width: 260px;
  z-index: 6000;
  background-color: #ffffff;
  border: solid 2px #4D9CCB;
  padding: 0 10px 10px;
  line-height: 1.5;
}
.m-header-cart-child.is-active {
  display: block;
}
.m-header-cart-child-close {
  display: none;
}
/* 20180307 takakura modify start */
.m-header-cart-child-item {
  width:240px;
  padding-top: 10px;
  padding-bottom: 25px;
  font-size: 1.2rem;
  text-align:left;
  border-bottom: solid 1px #c5cccf;

}
.m-header-cart-child-item-w50 {
  width:50%;
  float:left;
}
/* 20180307 takakura modify end */
.m-header-cart-child-other {
  margin-top: 10px;
  font-size: 1.2rem;
  text-align: center;
}
.m-header-cart-child-price {
  margin-top: 10px;
  font-weight: 700;
  font-size: 1.4rem;
  text-align: center;
}
.m-header-cart-child-price dd {
  color: #ff0000;
}
.m-header-cart-child-btn {
  display: block;
  margin-top: 10px;
  text-align: center;
  font-weight: 700;
  font-size: 1.4rem;
  padding: 10px;
  color: #ffffff;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.m-header-cart-child-btn:hover {
  opacity: 0.7;
  text-decoration: none;
}
.m-header-cart-child-btn:hover {
  color: #ffffff !important;
}
.m-header-cart-child-btn--cart {
  background-color: #ff9600;
}
.m-header-cart-child-btn--estimate {
  background-color: #0071b5;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
global nav
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-header-nav {
  background-color: #0071b5;
  position:relative;
}
.m-global-nav {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m-global-nav-item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  width: 100%;
  font-weight: 700;
  font-size: 1.6rem;
}
.m-global-nav-item:before {
  content: "";
  width: 1px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1;
}
.m-global-nav-item:nth-of-type(1):before, .m-global-nav-item:nth-of-type(4):before {
  display: none;
}
.m-global-nav-item > a {
  -webkit-transition: .3s;
  transition: .3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 50px;
  color: #ffffff;
  background-color: #0071b5;
}
.m-global-nav-item > a.is-active, .m-global-nav-item > a:hover {
  background-color: #4D9CCB;
  text-decoration: none;
}
.m-global-nav-item > a .icon {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
  background-size: auto 100%;
  background-image: url(../images/common/icons-gnav.png);
}
.m-global-nav-item > a .icon--cat {
  background-position: 0 0;
}
.m-global-nav-item > a .icon--maker {
  background-position: -100% 0;
}
.m-global-nav-item > a .icon--solution {
  background-position: -200% 0;
}
.m-global-nav-item > a .icon--new {
  background-position: -300% 0;
}
.m-global-nav-item > a .icon--design {
  background-position: -400% 0;
}
.m-global-nav-item > a .icon--info {
  background-position: -500% 0;
}
.m-global-nav-item--sub > a {
  background-color: #465869;
}
.m-global-nav-item--sub > a.is-active, .m-global-nav-item--sub > a:hover {
  background-color: #465869;
}
.m-global-nav-item--sub .m-global-nav-child-list {
  border-color: #465869;
}
.m-global-nav-child, .m-global-nav-gchild {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: .1s;
  transition: .1s;
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  border: solid 2px #4D9CCB;
  background-color: #ffffff;
  font-size: 1.2rem;
  padding:20px 10px; /* 20180308 takakura modify */
  z-index:10002;
}
.m-global-nav-child.is-active, .m-global-nav-gchild.is-active {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.m-global-nav-child a, .m-global-nav-gchild a {
  color: #0000ff;
}
.m-global-nav-child a:hover, .m-global-nav-gchild a:hover {
  text-decoration: underline;
}
.m-global-nav-child--w, .m-global-nav-gchild--w {
  width: 400%;
  z-index:10002;
}

/* 20171205 ichikawa add start */
.m-global-nav-child--w-intra {
  width: 200%;
}
.m-global-nav-child--w300 {
  width: 300%;
}

/* 20180226 tottori add start */

.w-l100 {
  left: -100%;
}

.w-l200 {
  left: -200%;
}


/* 20171205 ichikawa add start */
.m-global-nav-child-title, .m-global-nav-gchild-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10px; /* 20px */
  padding-right: 20px;
  margin-bottom: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 700;
}
.m-global-nav-child-title-text, .m-global-nav-gchild-title-text {
  font-size: 1.6rem;
}
.m-global-nav-child-col, .m-global-nav-gchild-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
}
.m-global-nav-child-col > *, .m-global-nav-gchild-col > * {
  width: calc(100% / 3 - 10px);
  margin-left: 10px;
}
.m-global-nav-child-list .title, .m-global-nav-gchild-list .title {
  margin-left: 20px;
  margin-bottom: 10px;
  color: #72808D;
}
.m-global-nav-child-list--col, .m-global-nav-gchild-list--col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
}

.m-global-nav-child-list--col > *, .m-global-nav-gchild-list--col > * {
  width: calc(100% / 4 - 10px);
  margin-left: 10px;
}

/* 20171205 ichikawa add start */
.m-global-nav-child-list--col-23, .m-global-nav-gchild-list--col-23 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
}
.m-global-nav-child-list--col-23 > *, .m-global-nav-gchild-list--col-23 > * {
  width: 23%;
  margin-left: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.m-global-nav-child-list--col-intra {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
}

.m-global-nav-child-list--col-intra > * {
  width: calc(100% / 3 - 10px);
  margin-left: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 20171205 ichikawa add end */
/* 20180110 takakura modify start*/
.m-global-nav-child-list > * > a, .m-global-nav-gchild-list > * > a {
  position: relative;
  display: block;
  padding: 3px 5px 3px 19px; /* padding: 8px 20px 8px 35px; */
  -webkit-transition: .3s;
  transition: .3s;
}
/* 20180110 takakura add end*/
.m-global-nav-child-list > * > a.is-active, .m-global-nav-child-list > * > a:hover, .m-global-nav-gchild-list > * > a.is-active, .m-global-nav-gchild-list > * > a:hover {
  background-color: #4D9CCB;
  color: #ffffff;
  text-decoration: none;
}
.m-global-nav-child-list > * > a.is-active:before, .m-global-nav-child-list > * > a:hover:before, .m-global-nav-gchild-list > * > a.is-active:before, .m-global-nav-gchild-list > * > a:hover:before {
  border-top-color: #ffffff;
  border-right-color: #ffffff;
}
/* 20180110 takakura modify start */
.m-global-nav-child-list > * > a:before, .m-global-nav-gchild-list > * > a:before {
  content: "";
  position: absolute;
  left: 7px; /* 20px */
  top: 5px; /* 11px */
  width: 8px;
  height: 8px;
  border-top: solid 1px #9BB3C2;
  border-right: solid 1px #9BB3C2;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
/* 20180110 takakura modify end */
.m-global-nav-gchild {
  position: absolute;
  left: 100%;
  top: -2px;
  width: 750px; /* 400px */;
  min-height: calc(100% + 4px);
  background-color: #4D9CCB;
  color: #ffffff;
}
.m-global-nav-gchild a {
  color: #ffffff;
}
.m-global-nav-gchild-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.m-global-nav-gchild-list > * {
  flex-shrink: 0;
  width: calc(100% / 3); /* 50% */
}
.m-global-nav-gchild-list > * > a.is-active, .m-global-nav-gchild-list > * > a:hover {
  background-color: #ffffff;
  color: #4D9CCB;
}
.m-global-nav-gchild-list > * > a.is-active:before, .m-global-nav-gchild-list > * > a:hover:before {
  border-top-color: #4D9CCB;
  border-right-color: #4D9CCB;
}
.m-global-nav-gchild-list > * > a:before {
  border-top-color: solid 1px #ffffff;
  border-right-color: solid 1px #ffffff;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
header sp link
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-header-sub-link,
.m-header-sp-tel {
  display: none;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
header information
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-header-info {
  background-color: #d9e2e8;
  font-size: 1.4rem;
  line-height: 1.5;
}
.m-header-info-inner {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 20px;
  position: relative;
}
.m-header-info a:hover {
  text-decoration: underline;
}
.m-header-info--member {
  background-color: #b3daf2;
}
.m-header-info-text {
  font-weight: 700;
}
.m-header-info-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.m-header-info-contact .icon {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  text-indent: -9998em;
  width: 18px;
  height: 12px;
  background-size: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 15px;
  background-image: url(../images/common/icon-mail-nv.png);
}
.m-header-info-contact .icon:hover {
  opacity: 0.7;
  text-decoration: none;
}
.m-header-info-emergency {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
/* 改善要望_北村_00006 20190111 Takuma modify start*/
.m-header-info-emergency-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* 20190112 Hyron mod start */
  max-width: 215px;
  /* 20190112 Hyron mod end */
  margin-right: 20px;
  font-weight: 700;
  color: #cc0000;
}
.m-header-info-emergency-title .icon {
  width: 20px;
  height: 20px;
  background-size: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
  background-image: url(../images/common/icon-h-info.png);
}

.m-header-info-emergency-text {
  /* 20190112 Hyron mod start */
  width: calc( 100% - 230px );
  /* 20190112 Hyron mod end */
}
.m-header-info-emergency-list{
  transition: 0.4s;
  width: calc( 100% - 50px );
}
/* 改善要望_北村_00006 20190111 Takuma modify end*/
.m-header-info-emergency-item {
  display: none;
}
.m-header-info-emergency-item.is-load {
  display: block;
}
.m-header-info-emergency-items{
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.m-header-info-droplist{
  width: calc( 100% - 30px );
  padding: 10px 10px 0px;
}
.m-header-info-droplist-trigger{
  position: absolute;
  font-size: 20px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 1;
  color: #555;
  padding-top: 2px;
  border-radius: 10px;
  top: 10px;
  right: 30px;
  cursor: pointer;
  user-select: none;
  z-index: 1;
}
.m-header-info-hideBtn{
  padding-top: 5px;
  border-top: dotted 1px #aaa;
  margin-top: 5px;
  text-align: right;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
header order nav
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-header-nav-order {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 40px;
}
.m-header-nav-order__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 120px;
  height: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: solid 1px #c5cccf;
  font-size: 1.2rem;
  text-align: center;
}
.m-header-nav-order__item.is-active {
  color: #0071b5;
  border-bottom: solid 2px #0071b5;
}
/* 20180104 takakura add start*/
.m-header-nav-order__item-l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: solid 1px #c5cccf;
  font-size: 1.2rem;
  text-align: center;
}
.m-header-nav-order__item-l.is-active {
  color: #0071b5;
  border-bottom: solid 2px #0071b5;
}
/* 20180104 takakura add end*/
/* 20180808 Takuma add start*/
.m-header-nav-order__item--de {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: solid 1px #c5cccf;
  font-size: 1rem;
  text-align: center;
}
.m-header-nav-order__item--de.is-active {
  color: #0071b5;
  border-bottom: solid 2px #0071b5;
}
/* 20180808 Takuma add end*/
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
footer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.b-footer {
  position: relative;
  background-color: #0071b5;
}
.b-footer-inner {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  /* padding: 60px 20px 100px; */
  padding: 20px;
}

.m-footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -40px;
  color: #ffffff;
}
.m-footer-nav a {
  color: #ffffff;
}
.m-footer-nav a:hover {
  text-decoration: underline;
}
.m-footer-nav-item {
  width: calc(50% - 40px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 40px;
}
.m-footer-nav-title {
  font-weight: 700;
  font-size: 2rem;
  padding-bottom: 10px;
  border-bottom: solid 1px #ffffff;
}
.m-footer-nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
  margin-bottom: -10px;
  font-size: 1.6rem;
}
.m-footer-nav-list > * {
  width: 50%;
  margin-bottom: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-footer-nav-list > * a {
  position: relative;
  padding-left: 1em;
}
.m-footer-nav-list > * a:before {
  content: "";
  width: 10px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  background-color: #ffffff;
}
.m-footer-language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* margin-top: 40px;
  margin-left: 40px;
  margin-right: 40px; */
  margin: 15px 15px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1.2rem;
  color: #ffffff;
  align-items: center;
}
.m-footer-language li {
  text-align: center;
}
.m-footer-language a {
  display: block;
  color: #ffffff;
}
.m-footer-language a:hover {
  text-decoration: underline;
}
.m-footer-language .icon {
  display: block;
  width: 32px;
  height: 18px;
  margin: 0 auto;
  padding: 0;
}
.icon--jpn {
  background-image: url(../images/common/icons-language_jpn.png);
  background-repeat: no-repeat;
}
.icon--chn {
  background-image: url(../images/common/icons-language_chn.png);
  background-repeat: no-repeat;
}
.icon--hkg {
  background-image: url(../images/common/icons-language_hkg.png);
  background-repeat: no-repeat;
}
.icon--twn {
  background-image: url(../images/common/icons-language_twn.png);
  background-repeat: no-repeat;
}
.icon--kor {
  background-image: url(../images/common/icons-language_kor.png);
  background-repeat: no-repeat;
}
.icon--sgp {
  background-image: url(../images/common/icons-language_sgp.png);
  background-repeat: no-repeat;
}
.icon--aus {
  background-image: url(../images/common/icons-language_aus.png);
  background-repeat: no-repeat;
}
.icon--usa {
  background-image: url(../images/common/icons-language_usa.png);
  background-repeat: no-repeat;
}
.icon--gbr {
  background-image: url(../images/common/icons-language_gbr.png);
  background-repeat: no-repeat;
}
.icon--deu {
  background-image: url(../images/common/icons-language_deu.png);
  background-repeat: no-repeat;
}
.icon--global {
  background-image: url(../images/common/icons-language_grobal.png);
  background-repeat: no-repeat;
}
.m-footer-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #ffffff;
  /* margin-top: 40px; */
  margin-top: 15px;
  /* padding: 30px 40px; */
  padding: 20px;
}
.m-footer-info > * {
  width: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-footer-info-h {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* margin-bottom: 40px; */
  margin-bottom: 12px;
}
.m-footer-info-logo {
  width: 200px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 40px;
}
/* 改善要望_浦田_00395 20210511 Takuma modify start */
.m-footer-info-sns{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-footer-info-sns > * + *{
  margin-left: 10px;
}
.m-footer-info-sns > * a {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.m-footer-info-sns > * a:hover{
  opacity: 0.7;
  text-decoration: none;
}
/* 改善要望_浦田_00395 20210511 Takuma modify start */

.m-footer-info-list {
  font-size: 1.6rem;
  line-height: 1.875;
}
.m-footer-info-tel {
  color: #0071b5;
  font-weight: 700;
  font-size: 2.8rem;
}
.m-footer-info-tel .icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 24px;
  height: 30px;
  background-size: auto 100%;
  background-image: url(../images/common/icon-tel.png);
}
/* 20180629  takakura modify start */
.m-footer-info-mail {
  color: #0071b5;
  font-weight: 700;
  font-size: 1.8rem;
}
.m-footer-info-mail .icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 24px;
  height: 16px;
  background-size: auto 100%;
  background-image: url(../images/common/icon-mail-bl.png);
}
/* 20180629  takakura modify end */
/* 改善要望_橋本奈々_00052 20200522 Takuma add/modify start */
.m-footer-info-mainAddress{
  margin-top: 18px;
  margin-bottom: 12px;
}
.m-footer-info-mainAddress-heading{
  font-size: 1.8rem;
  font-weight: 700;
}
.m-footer-info-subAddress{
  display: flex;
  margin-bottom: 12px;
}
.m-footer-info-subAddress-item{
  width: 100%;
}
.m-footer-info-subAddress-heading{
  font-size: 1.6rem;
  font-weight: 700;
}
.m-footer-info-list--main{
  display: flex;
  align-items: center;
}
.m-footer-info-list--main .m-footer-info-mail{
  font-size: 2.1rem;
  margin-left: 1em;
}
.m-footer-info-list--main .m-footer-info-mail{
  font-size: 2.1rem;
  margin-left: 1em;
}
.m-footer-info-list--sub .m-footer-info-tel{
  font-size: 1.8rem;
}
.m-footer-info-list--sub .m-footer-info-tel>.icon{
  width: 18px;
  height: 22px;
}
@media screen and (max-width: 1279px) and (min-width: 768px){
  .m-footer-info-content--multi{
    flex-wrap: wrap;
  }
  .m-footer-info-mainAddress{
    width: calc( 100% - 200px );
    padding: 0 21px;
  }
  .m-footer-info-subAddress{
    width: 100%;
    max-width: 540px;
  }
  .m-footer-info-subAddress+.m-footer-info-list{
    margin-left: 0;
  }
  .m-footer-info-list--main,
  .m-footer-info-list--sub{
    margin-left: 0;
  }
  .m-footer-info-list--main{
    flex-wrap: wrap;
  }
  .m-footer-info-subAddress{
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px){
  .m-footer-info-mainAddress-heading{
    padding-bottom: 3px;
    border-bottom: solid 1px #ccc;
    margin-bottom: 3px;
  }
  .m-footer-info-subAddress{
    display: block;
  }
  .m-footer-info-subAddress-heading{
    padding-bottom: 3px;
    border-bottom: solid 1px #ccc;
    margin-bottom: 3px;
  }
  .m-footer-info-subAddress-item{
    margin-bottom: 12px;
  }
  .m-footer-info-list--main{
    flex-wrap: wrap;
    margin-left: -1em;
  }
  .m-footer-info-list--main .m-footer-info-tel{
    margin-left: 1em;
  }
  .m-footer-info-list--main .m-footer-info-mail{
    font-size: 1.8rem;
  }
  .m-footer-info-list--sub .m-footer-info-tel,
  .m-footer-info-list--sub .m-footer-info-mail{
    font-size: 1.5rem;
  }
  .m-footer-info-list--sub .m-footer-info-tel>.icon{
    width: 12px;
    height: 15px;
  }
  .m-footer-info-list--sub .m-footer-info-mail>.icon{
    width: 12px;
    height: 8px;
  }
}
.m-footer-info-cal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  align-content: flex-start;
  margin-left: -40px;
}
/* 改善要望_橋本奈々_00052 20200522 Takuma add/modify end */
.m-footer-info-cal-item {
  width: calc(50% - 40px);
  margin-left: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-footer-info-cal-title {
  margin-bottom: 5px;
  text-align: center;
  font-weight: 700;
  font-size: 1.6rem;
}
.m-footer-info-cal-text {
  margin-top: 20px;
  margin-left: 40px;
  font-size: 1.4rem;
}
.m-footer-info-cal-text .icon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-color: #8ea1b4;
}
/* 改善要望_橋本奈々_00090_ISOフッター 20220907 Takuma add start */
.m-footer-info-iso{
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-top: 12px;
}
.m-footer-info-iso-icon{
  flex-shrink: 0;
  width: 100px;
}
.m-footer-info-iso-text{
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  margin-left: 12px;
}
/* 改善要望_橋本奈々_00090_ISOフッター 20220907 Takuma add end */

.m-footer-info-cal-tbl {
  width: 100%;
}
.m-footer-info-cal-tbl th, .m-footer-info-cal-tbl td {
  width: calc(100% / 7);
  padding: 5px;
  text-align: center;
  font-size: 1.4rem;
}
.m-footer-info-cal-tbl th.none, .m-footer-info-cal-tbl td.none {
  opacity: .5;
}
.m-footer-info-cal-tbl th.holiday, .m-footer-info-cal-tbl td.holiday {
  background-color: #8ea1b4;
  color: #ffffff;
}
.m-footer-device-change {
  display: none;
  margin-top: 40px;
  text-align: center;
  font-size: 1.4rem;
  color: #ffffff;
}
.m-footer-device-change a {
  color: #ffffff;
}
.m-footer-device-change a:hover {
  text-decoration: underline;
}
.m-footer-text {
  /* margin-top: 40px; */
  margin-top: 20px;
  text-align: center;
  color: #ffffff;
  font-size: 1.4rem;
}
.m-footer-text-cr {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}

.m-footer-guide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -40px;
}
.m-footer-guide-item {
  width: calc(50% - 40px);
  margin-left: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-footer-guide-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  font-size: 1.6rem;
  line-height: 1.875;
}

.m-footer-guide-icon {
  width: 50%;
  float: left;
}

.m-footer-guide-list-title {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 180px;
  margin-right: 20px;
}

/* #33126 Hyron mod start */
/* 改善要望_奥田_00136 20190521 Takuma modify start */
.m-footer-guide-list-title-s {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 60px; /*modified*/
  margin-right: 20px;
}
/* 改善要望_奥田_00136 20190521 Takuma modify end */
/* #33126 Hyron mod end */

/* 20180330 tottori add start */
.m-footer-guide-list-r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  font-size: 1.4rem;
  line-height: 1.6;
}
/* 20180330 tottori add end */
/* 20180418 tottori modify start */
.m-fixed-contact {
  position: fixed;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 190px;
  height: 55px;
  padding: 8px 6px;
  background-color: #0099ff;
  color: #ffffff;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  line-height: 1.5;
  -webkit-box-shadow: 2px -2px 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: 2px -2px 0 0 rgba(0, 0, 0, 0.2);
  z-index: 10000; /*5008*/
}
.m-fixed-contact-icon {
  position: fixed;
  width: 33px;
  height: 22px;
  background-size: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 10px 5px;
  right: 130px;
  bottom: 5px;
  background-image: url(../images/common/icon-mail-wh.png);
  z-index: 5010;
}
.m-fixed-contact-title {
  font-size: 1.4rem;
  position: absolute;
  right: 30px;
  bottom: 15px;
  color: #fff;
}
.m-fixed-contact-title:hover {
  color: #fff;
  font-size: 1.4rem;
  text-decoration: none;
}
.m-fixed-contact-title a {
  color: #fff;
  text-decoration: none;
}
 .m-fixed-contact-text {
    display: none;
  }
/* 20180413 tottori modify end */
/* 20180416 tottori add start */
 .m-fixed-contact-close {
	 height: 12px;
	 width: 12px;
	 display:block;
	 position:relative;
	 padding: 5px;
}
.m-fixed-contact-close:before, .m-fixed-contact-close:after {
	content: '';
	height: 2px;
	width: 10px;
	display: block;
	background: #fff;
	position: absolute;
	bottom: 20px;
	right: -162px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
.m-fixed-contact-close:after {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
}
/* 20180416 tottori add end */
/* 20180413 tottori modify start */
.m-fixed-contact2 {
  position: fixed;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80px;
  height: 60px;
  padding: 10px;
  background-color: #0099ff;
  color: #ffffff;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  line-height: 1.5;
  -webkit-box-shadow: 2px -2px 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: 2px -2px 0 0 rgba(0, 0, 0, 0.2);
  z-index: 5008;
}
.m-fixed-contact2:hover {
  text-decoration: none;
}
.m-fixed-contact-icon2 {
  position: absolute;
  width: 33px;
  height: 22px;
  background-size: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 20px;
  right: 0px;
  bottom: 15px;
  background-image: url(../images/common/icon-mail-wh.png);
  z-index: 5010;
}
.m-fixed-contact-close2 {
	 height: 12px;
	 width: 12px;
	 display: block;
	 position: relative;
}
.m-fixed-contact-close2:before, .m-fixed-contact-close2:after {
	content: '';
	height: 2px;
	width: 10px;
	display: block;
	background: #fff;
	position: absolute;
	bottom: 23px;
	right: -50px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
.m-fixed-contact-close2:after {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
}
.m-fixed-contact-text2 {
	display: none;
}

@media screen and (max-width: 767px) {
  .m-fixed-contact2 {
    width: 60px;
    height: 50px;
    display: block;
    text-align: center;
  }
  .m-fixed-contact-icon2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
	width: 26px;
    height: 17px;
  }
/* 20180416 tottori add start */
 .m-fixed-contact-close {
	 height: 10px;
	 width: 10px;
	 display:block;
	 position: relative;
  }
  .m-fixed-contact-close:before, .m-fixed-contact-close:after {
	content: '';
	height: 2px;
	width: 8px;
	display: block;
	background: #fff;
	position: absolute;
	bottom: 0;
	right: -55px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
  }
  .m-fixed-contact-close:after {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
  }
 .m-fixed-contact-close2 {
	 height: 10px;
	 width: 10px;
	 display: block;
	 position: relative;
  }
  .m-fixed-contact-close2:before, .m-fixed-contact-close2:after {
	content: '';
	height: 2px;
	width: 8px;
	display: block;
	background: #fff;
	position: absolute;
	bottom: 10px;
	right: -35px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
  }
  .m-fixed-contact-close2:after {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
  }
}
/* 20180416 tottori add end */
/* 20180418 tottori modify end */

.m-fixed-cart {
  display: none;
}

.m-f-clock-icon {
  display: inline-block;
  background-image: url(../images/common/icon-clock.gif) ;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  text-align: center;
}


/* =======================================================================
検索バー
======================================================================= */
.m-search-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-search-set--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.m-search-set-title {
  margin-right: 30px;
  width:15%;
}
/* 2021/10/29 #42706 ADD START */
.m-search-set-title--p {
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  font-weight: 700;
}
/* 2021/10/29 #42706 ADD END */
.m-search-set-content {
  position: relative;
  width: 480px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 180606 takakura modify start */
.m-search-set-content-left {
  position: relative;
  width: 45%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 30px;
}
.m-search-set-content-right {
  position: relative;
  width: 30%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
/* 180606 takakura modify end */


.m-search-set--wide {

  display: block;
}
.m-search-set--wide .m-search-set-title {
  margin-right: 0;
  margin-bottom: 10px;
}
.m-search-set--wide .m-search-set-content {
  width: 620px; /* auto */
}
.m-search-set-text,
.m-search-set input[type="text"] {
  height: 40px;
  padding: 5px 130px 5px 10px;
  background-color: #ffffff;
}
.m-search-set-btn {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 120px;
  height: 40px;
  line-height: 36px;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
  background-color: #ff9600;
  border: solid 2px #c5cccf;
  border-left: 0;
  border-radius: 0 4px 4px 0;
  text-align: center;
}
.m-search-set-btn:hover {
  opacity: 0.7;
  text-decoration: none;
}
.m-search-set-btn .icon {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background-size: 100%;
  background-image: url(../images/common/icon-search.png);
}
.m-search-set-btn .icon--check {
  background-image: url(../images/common/icon-check-wh.png);
}

/* =======================================================================
トップページ
======================================================================= */
.m-home-inner {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}

/* 20180206 takakura modify start */
/* 高さの変更に伴うレイアウト調整 */
.m-home-member-register {
  display: block;
  background-color: #1db75b;
  padding:auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }
.m-home-member-register-icon {
  margin: 10px;
  width: 50px;
  height: 50px;
  background-size: 100%;
  border-radius: 60%;
  background-image: url(../images/index/icon-member-register.png);
}
.m-home-member-register-text {
  font-size: 2rem;
  font-weight: 700;
  margin: 10px;
  width: auto;
  height: 50px;
  color: #ffffff;
  display: flex;
  align-items: center;
  text-align:center;
  }
.m-home-member-stage {
  overflow: hidden;
  background-color: #b3daf2;
  background-size: 100% 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0.4)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(rgba(255, 255, 255, 0.4) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0));
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.m-home-member-stage-title {
  background-color: #0099ff;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight:700;
}
.m-home-member-stage-content {
  padding: 5px;
}
.m-home-member-stage-text {
  color: #333333;
  font-size: 1.6rem;
}
.m-home-member-stage-text strong {
  font-size: 2.5rem;
}
/*  不要のため削除
.m-home-member-stage-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
  background-color: #0071b5;
  color: #ffffff;
  border-radius: 15px;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 1.4rem;
} */
/* 20180206 takakura modify end */
/* 改善要望_北村_00006 20181112 Takuma add/modify start */
.m-home-news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  width: calc( 100% - 20px );
}
.m-home-news__title {
  width: 50px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
i.m-home-news__new {
  display: inline-block;
  width: 36px;
  height: 18px;
  vertical-align: middle;
  background-image: url(../images/common/icon-new.gif);
}
i.m-home-news__info {
  display: inline-block;
  width: 36px;
  height: 18px;
  vertical-align: middle;
  background-image: url(../images/common/icon-info.gif);
}
i.m-home-news__up {
  display: inline-block;
  width: 36px;
  height: 18px;
  vertical-align: middle;
  background-image: url(../images/common/icon-up.gif);
}
.m-nome-news-wrap{
  position: relative;
}
.m-home-news dd{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-nome-news-droplist-trigger{
  position: absolute;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 1;
  color: #fff;
  top: 3px;
  right: 0;
  transform: rotate(180deg);
  user-select: none;
  cursor: pointer;
}
.m-nome-news-droplist{
  position: absolute;
  top: 100%;
  width: 100%;
  background-color: #fff;
  padding: 6px;
  border: solid 1px #ccc;
  box-sizing: border-box;
  z-index: 1;
}
.m-nome-news-droplist>li{
  margin-bottom: 5px;
}
.m-nome-news-droplist>li:last-child{
  margin-bottom: 0;
}
@media screen and (max-width: 769px){
  .m-nome-news-droplist-trigger{
    padding-top: 3px;
    top: 0;
  }
  .m-home-news{
    display: flex!important;
    align-items: center;
  }
}
/* 改善要望_北村_00006 20181112 Takuma add/modify end */
.m-home-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position:relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position:relative;
  width:100%;
  height:auto;
}
.m-home-image__main {
  width: calc(800 / 1120 * 100%);
}
.m-home-image__sub {
  width: calc(310 / 1120 * 100%);
}

.m-home-image-item + .m-home-image-item {
  margin-top: 5px;
}
.m-home-image-item img {
  width: 100%;
  height: auto;
}
.m-home-image-item2 {
  position: relative;
  padding-top: 22.5806%;
}

.m-home-image-list {
  *zoom: 1;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
  width: 100%;
  height: auto;
}
.m-home-image-list:after {
  content: "";
  display: table;
  clear: both;
}
.m-home-image-list.is-load {
  opacity: 1;
  visibility: visible;
}
.m-home-image-list__item {
  float: left;
}
.m-home-image-list__item img{
  width: 100%;
  height: auto;
}
.m-home-image-list .slick-dots {
  bottom: 10px;
}
.m-home-image-list .slick-dots > * {
  background-color: #ffffff;
}
.m-home-image-list .slick-dots > *.slick-active {
  background-color: #0071b5;
}

.m-home-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m-home-title-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  font-size: 2.4rem;
}
.m-home-title-text .icon {
  width: 40px;
  height: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
  background-color: #0071b5;
  border-radius: 50%;
  background-size: auto 100%;
  background-image: url(../images/index/icons-title.png);
}
.m-home-title-text .icon--special {
  background-position: -100% 0;
}
.m-home-title-text .icon--pickup {
  background-position: -200% 0;
}
.m-home-title-text .icon--history {
  background-position: -300% 0;
}

.m-home-maker-list {
  /* margin-left: -32px;
  margin-bottom: -32px; */
  margin-left: -16px;
  margin-bottom: -16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.m-home-maker-list__item {
  /* width: calc(100% / 6 - 32px);
  margin-left: 32px;
  margin-bottom: 32px; */
  width: calc(100% / 6 - 16px);
  margin-left: 16px;
  margin-bottom: 16px;
  text-align: center;
}

.m-home-maker-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* padding-bottom: 40px; */
  padding-bottom: 15px;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.m-home-maker-slider.is-load {
  opacity: 1;
  visibility: visible;
}

.m-home-special-list {
  *zoom: 1;
  margin-right: 20px;
  /* padding-bottom: 40px; */
  padding-bottom: 20px;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.m-home-special-list:after {
  content: "";
  display: table;
  clear: both;
}
.m-home-special-list.is-load {
  opacity: 1;
  visibility: visible;
}
.m-home-special-list__item {
  float: left;
  width: 25%;
  padding-left: 18px;
  padding-right: 2px;
  padding-bottom: 2px;
}
.m-home-special-list .m-icon-slide-prev {
  left: -10px;
}

.m-home-special-item {
  padding: 20px 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}

.m-home-product-list {
  *zoom: 1;
  margin-right: 20px;
  /* padding-bottom: 40px; */
  padding-bottom: 20px;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.m-home-product-list:after {
  content: "";
  display: table;
  clear: both;
}
.m-home-product-list.is-load {
  opacity: 1;
  visibility: visible;
}
.m-home-product-list__item {
  float: left;
  width: 20%;
  padding-left: 20px;
}
.m-home-product-list .m-icon-slide-prev {
  left: -10px;
}

.m-home-bnr-list {
  *zoom: 1;
  margin-right: 40px;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.m-home-bnr-list:after {
  content: "";
  display: table;
  clear: both;
}
.m-home-bnr-list.is-load {
  opacity: 1;
  visibility: visible;
}
.m-home-bnr-list__item {
  width: calc(100% / 3);
  padding-left: 40px;
}

/* =======================================================================
製品共通
======================================================================= */
.m-product-box-item {
  width: 99%;
  border: solid 1px #c5cccf;
  padding: 20px;
  background-color: #ffffff;
}
.m-product-box-item-h {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-product-box-item-h__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* =======================================================================
製品詳細
======================================================================= */
.m-product-slider-detail {
  *zoom: 1;
  margin-right: 20px;
  padding-bottom: 40px;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.m-product-slider-detail:after {
  content: "";
  display: table;
  clear: both;
}
.m-product-slider-detail.is-load {
  opacity: 1;
  visibility: visible;
}
.m-product-slider-detail .m-icon-slide-prev {
  left: -10px;
}
.m-product-slider {
  *zoom: 1;
  margin-right: 20px;
  padding-bottom: 40px;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.m-product-slider:after {
  content: "";
  display: table;
  clear: both;
}
.m-product-slider.is-load {
  opacity: 1;
  visibility: visible;
}
.m-product-slider__item {
  width: 25%;
  padding-left: 20px;
}
.m-product-slider .m-icon-slide-prev {
  left: -10px;
}

.m-product-detail-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-product-detail-col__title {
  width: 480px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 40px;
}
.m-product-detail-col__spec, .m-product-detail-col__content {
  width: calc(100% - 520px);
}
.m-product-detail-col__cart {
  width: 480px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 40px;
}
.m-product-detail-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-product-detail-image__l {
  width: 200px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 30px;
}

.m-product-detail-stock-item--toggle {
  display: none;
}

.m-product-detail-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.m-product-detail-btn__title {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 4em;
  margin-right: 10px;
}
.m-product-detail-btn__content {
  width: 100%;
}

.m-product-detail-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-product-detail-price + .m-product-detail-price {
  margin-top: 2px;
}
.m-product-detail-price + .m-product-detail-price--total {
  margin-top: 5px;
}
.m-product-detail-price__title {
  width: 30%;
}
.m-product-detail-price__text {
  width: 70%;
  padding: .25em;
  background-color: #ebeff1;
  text-align: right;
}
.m-product-detail-price__text-lgy {
  width: 70%;
  padding: .25em;
  background-color: #f5f7f8;
}
.m-product-detail-price--total .m-product-detail-price__text {
  background-color: #f7e2e2;
}

.m-product-detail-spec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-product-detail-spec__l {
  width: 100%;
/*  overflow: hidden;  */
}
/* 20180405 takakura add start */
/* リール加工改善 20190802 takakura modify start */
.m-product-detail-spec__r {
  width: calc( 50% - 15px ) ;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 15px;
}
/* リール加工改善 20190802 takakura modify end */
.m-product-detail-spec__r_s {
  width: 35%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 20px;
}
/* 20180405 takakura add end */
/* 20180921 Takuma add start */
.m-product-detail-spec__bnr img {
	transition: 0.2s;
}
.m-product-detail-spec__bnr img:hover {
	opacity: 0.7;
}
/* 20180921 Takuma add end */
/* 2021/10/29 #42706 ADD START */
.m-product-detail-spec--flex{
  display: flex;
}
/* 2021/10/29 #42706 ADD END */
.m-product-detail-spec-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: solid 1px #c5cccf;
}
/* 2021/10/29 #42706 ADD START */
.m-product-detail-spec-list--wide50 {
  width: 50%;
}
/* 2021/10/29 #42706 ADD END */
.m-product-detail-spec-list__title {
  width: 180px;
  padding-left: 20px;
  padding-right: 20px;
}
/* 2021/10/29 #42706 ADD START */
.m-product-detail-spec-list__title--wide {
  width: 185px;
  padding-left: 10px;
  padding-right: 10px;
}
/* 2021/10/29 #42706 ADD END */
.m-product-detail-spec-list__text, .m-product-detail-spec-list__content {
  width: calc(100% - 200px);
  overflow: hidden;
}
/* 2021/10/29 #42706 ADD START */
.m-product-detail-spec-list__text--short {
  width: calc(100% - 185px);
  overflow: hidden;
}
@media (max-width: 768px){
  .m-product-detail-spec--flex{
    flex-direction: column;
  }
  .m-product-detail-spec-list--wide50 {
    width: 100%;
  }
}
/* 2021/10/29 #42706 ADD END */
/* 改善要望_溝口_00006 20181016 Takuma add start */
.m-product-detail-spec-list__text--withBtn{
  width: calc(100% - 360px);
}
.m-product-detail-spec-list__text--withBtn+dd{
  padding-top: 0.55em;
}
/* 改善要望_溝口_00006 20181016 Takuma add end */
.m-product-detail-spec-list:nth-of-type(even) {
  background-color: #ebeff1;
}
/* 2021/10/29 #42706 ADD START */
.m-bg-w {
  background-color: white !important;
}
/* 2021/10/29 #42706 ADD END */
/* 改善要望_浦田_00323 20181005 Takuma add/modify start */
.m-product-detail-spec-thumb{
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}
.m-product-detail-spec-thumb-main{
  flex-shrink: 0;
  position: relative;
  width: 200px;
  height: 200px;
  border: solid 1px #ccc;
  margin-left: 10px;
  margin-right: 10px;
}
.m-product-detail-spec-thumb-main a{
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}
.m-product-detail-spec-thumb-main img{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  max-width: calc(100% - 10px);
  max-height: calc(100% - 10px);
}
.m-product-detail-spec-thumb-sub{
  position: relative;
  height: 38.4px;
  border: solid 1px #ccc;
  margin-bottom: 2px;
}
.m-product-detail-spec-thumb-sub a{
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}
.m-product-detail-spec-thumb-sub:last-child{
  margin-bottom: 0;
}
.m-product-detail-spec-thumb-sub:hover{
  border-color: #f60;
}
.m-product-detail-spec-thumb-sub img{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.m-product-detail-spec-thumb-subWrap{
  flex-shrink: 0;
  width: 38.2px;
}
.m-product-detail-spec-thumb-subWrap:empty{
  width: 0;
  height: 0;
}
.m-product-detail-spec-thumb-caption{
  text-align: center;
  font-size: 14px;
  margin: 0.6em 0;
}
/* リール加工改善 20191025 Takuma add start */
.m-product-detail-dataList{
  padding: 0.5em;
  background-color: #ebeff1;
}
.m-product-detail-dataList-menu{
  display: flex;
  flex-wrap: wrap;
  font-size: 1.3rem;
  line-height: 1.1;
  margin-right: -0.5em;
  margin-bottom: -0.5em;
}
.m-product-detail-dataList-menu>li{
  background-color: #fff;
  padding: 5px 10px;
  border-radius: 12px;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}
.m-product-detail-dataList-menu>li a{
  font-weight: 700;
  color: #0071b5;
}
.m-product-detail-dataList-others{
  font-size: 1.4rem;
  padding-top: 5px;
  border-top: dashed 1px #ccc;
  margin-top: 5px;
}
.m-product-detail-dataList-others a{
  font-weight: 700;
  color: #0071b5;
}
/* リール加工改善 20191025 Takuma add end */
.m-lightbox{
  width: 600px;
  height: 600px;
  background-color: #fff;
}
.m-lightbox img{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  max-width: calc( 100% - 30px );
  max-height: calc( 100% - 30px );
}
.m-lightbox_sidebar{
  position: absolute;
  top: 0;
  left: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 75px;
  height: 100%;
  background-color: #fff;
  padding: 18px;
}
.m-lightbox_sidebar::before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 1px;
  height: calc(100% - 36px);
  background-color: #ccc;
}
.m-lightbox_close{
  position: absolute;
  top: 18px;
  right: -56px;
  text-align: center;
  line-height: 1;
  font-size: 30px;
  font-weight: 700;
  background-color: #3988b8;
  color: #fff;
  padding: 3px 6.5px;
  margin-bottom: 18px;
  cursor: pointer;
}
.m-lightbox_close:hover{
  opacity: 0.7;
}
.m-lightbox_sidebar .m-product-detail-spec-thumb-subWrap{
  margin-top: 50px;
}
@media (max-width: 768px){
  .m-product-detail-spec-thumb{
    flex-direction: column;
    align-items: flex-start;
  }
  .m-product-detail-spec-thumb-main{
    width: 40vw;
    height: 40vw;
    max-width: 200px;
    max-height: 200px;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .m-product-detail-spec-thumb-subWrap{
    display: flex;
    width: 100%;
  }
  .m-product-detail-spec-thumb-subWrap:empty{
    width: 0;
    height: 0;
  }
  .m-product-detail-spec-thumb .m-product-detail-spec-thumb-subWrap{
    width: 40vw;
    flex-wrap: wrap;
  }
  .m-product-detail-spec-thumb-sub{
    flex-shrink: 0;
    width: 38.4px;
    margin-bottom: 0;
    margin-right: 2px;
  }
  .m-lightbox_sidebar::before{
    display: none;
  }
  .m-lightbox{
    width: calc( 100vw - 20px );
    height: calc( 100vh - 100px );
    border-radius: 5px;
  }
  .m-lightbox img{
    position: absolute;
    top: -50;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: calc( 100% - 30px );
    max-height: calc( 100% - 80px );
  }
  .m-lightbox_sidebar{
    position: absolute;
    top: calc(100% - 60px) ;
    left: 0;
    width: 100%;
    height: 60px;
    flex-direction: row;
    padding: 10px;
    border-radius: 5px;
  }
  .m-lightbox_close{
    top: 10px;
    right: 10px;
  }
  .m-lightbox_sidebar .m-product-detail-spec-thumb-subWrap{
    margin-top: 0;
    width: calc( 100% - 53px );
  }
}
/* 改善要望_浦田_00323 20181005 Takuma add/modify end */

.m-btn-search-tag {
  display: inline-block;
  min-width: 100px;
  padding: .25em 1em;
  background-color: #0099ff;
  text-align: center;
  color: #ffffff;
}

/* =======================================================================
新製品
======================================================================= */
.m-new-product {
  position: relative;
  padding-bottom: 70px;
}
.m-new-product-btn {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: calc(100% - 40px);
}

.m-new-product-thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  padding-right: 50px;
  margin-bottom: 10px;
}
.m-new-product-thumb .datetime {
  display: block;
  margin-top: .25em;
}
.m-new-product-thumb__image {
  width: 60px;
  height:60px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 15px;
}
.m-new-product-thumb__btn {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}

/* 20171101 takakura add start */

/* =======================================================================
BOM（部品表）管理機能
======================================================================= */

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/* 20171101 takakura add end */

/* 20180216 tottori add start */
.tubebox {
   display: table;
   width: 100%;
   border-collapse: separate;
   border-spacing: 10px 0;
}
.inbox {
   width: 48%;
   display: table-cell;
}

@media screen and (max-width: 768px) {
   .tubebox {
      display: block;
   }
   .tubebox .inbox {
      display: block;
      width: 100%;
   }
}
/* 20180216 tottori add end */

/* 20171114 ichikawa add start */

/*.m-modal-iframe{
  position: relative;
  width: 100%;
  height:125%;
  padding-top: 56.25%;
	}
.m-modal-iframe iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 125% !important;
  border:none;
}*/
/* 20171114 ichikawa add end */

/* 20180222 tottori modify start */
.m-modal-iframe {
   display: block;
   /* 20180226 Hyron modify start */
   /* position: fixed;*/
   position: relative;
   /* 20180226 Hyron modify end */
   left:0;
   top:0;
   width: 100%;
   height: 100%;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
}
.m-modal-iframe iframe {
   border: none;
   display: block;
   width: 100%;
   height: 100%;
/* 20180301 Hyron modify start */
/*}　*/
}
/* 20180301 Hyron modify END */
/* 20180222 tottori modify end */

/* =======================================================================
新製品詳細
検索結果
閲覧履歴
======================================================================= */

.m-scroll-tbl--bom-excel {
  overflow-y: auto;
  height: 240px;
}
/* グループ会員機能 Takuma 20210205 add start */
.m-scroll-tbl--column{
  overflow-y: auto!important;
}
/* グループ会員機能 Takuma 20210205 add end */
.m-scroll-tbl .m-product-tbl--xl {
  min-width: 2400px;
}

/* 20171116 ichikawa add start */
.m-scroll-tbl .m-product-tbl--2xl {
  min-width: 5000px;
}
/* 20171116 ichikawa add end */

@media screen and (min-width: 768px) {
  .m-search-fixed-tbl-wrap {
    position: fixed;
    left: auto;
    z-index: 5001;
    overflow: hidden;
  }
}
/* 改善要望_浦田_00324 20181012 Takuma add start */
.m-search-fixed-tbl-wrap--estimate {
  position: fixed;
  left: auto;
  z-index: 5001;
  overflow: hidden;
}
/* 改善要望_浦田_00324 20181012 Takuma add end */
.m-scroll-tbl .m-product-tbl--search {
  /* 220 + 410 + 220(ここは可変) + 150 + 150 + 150 + 150 + 150 + 150 + 150 + 150 + 150 + 150 */
  /* セル追加削除の場合 足した分の幅をあわせて変更する */
  min-width: 1185px;
}
.m-scroll-tbl .m-product-tbl--estimate {
  /* 220 + 410 + 220(ここは可変) + 150 + 150 + 150 + 150 + 150 + 150 + 150 + 150 + 150 + 150 */
  /* セル追加削除の場合 足した分の幅をあわせて変更する */
  min-width: 1500px;
}
.m-order-tbl {
  width: 100%;
  table-layout: fixed;
  background-color: #ffffff;
}

/* 最終更新日 20180614 takakura add start */
/* 20171215 省略表記し不要を削除*/
.m-order-tbl col.w40,
.m-product-tbl col.w40,
.m-estimate-tbl col.w40 {
  width: 40px;
}
.m-order-tbl col.w50,
.m-product-tbl col.w50,
.m-estimate-tbl col.w50 {
  width: 50px;
}
.m-order-tbl col.w60,
.m-product-tbl col.w60,
.m-estimate-tbl col.w60 {
  width: 60px;
}
.m-order-tbl col.w70,
.m-product-tbl col.w70,
.m-estimate-tbl col.w70 {
  width: 70px;
}
.m-order-tbl col.w80,
.m-product-tbl col.w80,
.m-estimate-tbl col.w80 {
  width: 80px;
}
.m-order-tbl col.w90,
.m-product-tbl col.w90,
.m-estimate-tbl col.w90 {
  width: 90px;
}
.m-order-tbl col.w100,
.m-product-tbl col.w100,
.m-estimate-tbl col.w100 {
  width: 100px;
}
/* #32916 Hyron add start */
.m-order-tbl col.w105,
.m-product-tbl col.w105,
.m-estimate-tbl col.w105 {
  width: 105px;
}
/* #32916 Hyron add end */
.m-order-tbl col.w120,
.m-product-tbl col.w120,
.m-estimate-tbl col.w120 {
  width: 120px;
}
.m-order-tbl col.w130,
.m-product-tbl col.w130,
.m-estimate-tbl col.w130 {
  width: 130px;
}
.m-order-tbl col.w140,
.m-product-tbl col.w140,
.m-estimate-tbl col.w140 {
  width: 140px;
}
.m-order-tbl col.w160,
.m-product-tbl col.w160,
.m-estimate-tbl col.w160 {
  width: 160px;
}
.m-order-tbl col.w180,
.m-product-tbl col.w180,
.m-estimate-tbl col.w180 {
  width: 180px;
}
.m-order-tbl col.w200 ,
.m-product-tbl col.w200,
.m-estimate-tbl col.w200 {
  width: 200px;
}
.m-product-tbl col.w220,
.m-estimate-tbl col.w220 {
  width: 220px;
}
.m-product-tbl col.w250,
.m-estimate-tbl col.w250 {
  width: 250px;
}
/* 改善要望_浦田_00324 20181012 Takuma add start */
.m-product-tbl col.w260,
.m-estimate-tbl col.w260 {
  width: 260px;
}
.m-product-tbl col.w345,
.m-estimate-tbl col.w345 {
  width: 345px;
}
.m-product-tbl col.w370,
.m-estimate-tbl col.w370 {
  width: 370px;
}
.m-product-tbl col.w410,
.m-estimate-tbl col.w410 {
  width: 410px;
}
.m-product-tbl col.w475,
.m-estimate-tbl col.w475 {
  width: 475px;
}
/* 改善要望_浦田_00324 20181012 Takuma add end */
/* 201806014 takakura add end */

.m-order-tbl th, .m-order-tbl td {
  padding: 10px;
  border: solid 1px #c5cccf;
  vertical-align: top;
}
.m-order-tbl th {
  font-weight: 700;
}
.m-order-tbl thead th {
  padding-right: 0;
  background-color: #d0e3f1;
}
.m-order-tbl tbody th {
  text-align: center;
}

.m-product-tbl {
  width: 100%;
  table-layout: fixed;
}
.m-estimate-tbl{
  width: 100%;
  table-layout: fixed;
}
/*20180803 Takuma add start headerが上部にないタイプの表で横スクロールを再現させるためのダミー要素*/
.dummy-th {
  height: 0!important;
  padding: 0!important;
}
/*20180803 Takuma add end headerが上部にないタイプの表で横スクロールを再現させるためのダミー要素*/

@media screen and (min-width: 1280px) {
  .m-product-tbl-height, .m-product-tbl-height_lgy {
    height:238px;
  }
  .m-search-tbl-height {
	height:117px;
  }
}
.m-product-tbl-height, .m-product-tbl-height_lgy {
  line-height:20px;
}
.m-product-tbl-height_lgy {
  background-color:#f5f7f8;
}

.m-product-tbl--bor-w {
  border: solid 8px #d9e2e8;
}
.m-product-tbl--align-c {
  text-align: center;
}
.m-product-tbl > thead > tr > th, .m-product-tbl > thead > tr > td,
.m-product-tbl > tbody > tr > th,
.m-product-tbl > tbody > tr > td,
.m-product-tbl > tfoot > tr > th,
.m-product-tbl > tfoot > tr > td {
  padding: 5px; /* 10px */
  border: solid 1px #c5cccf;
  vertical-align: top;
}

/* 20180614 takakura add start */
.m-estimate-tbl {
  width: 100%;
  table-layout: fixed;
}
.m-estimate-tbl thead th {
  padding-right: 0;
  background-color: #d0e3f1;
}
.m-estimate-tbl > thead > tr > th, .m-estimate-tbl > thead > tr > td,
.m-estimate-tbl > tbody > tr > th,
.m-estimate-tbl > tbody > tr > td,
.m-estimate-tbl > tfoot > tr > th,
.m-estimate-tbl > tfoot > tr > td {
  padding:3px 5px; /* 10px */
  border: solid 1px #c5cccf;
  vertical-align: middle;
}
/* 20180614 takakura add end */
/* 20180816 Takuma add start*/
.m-product-tbl > tbody > tr > td{
  position: relative;
}
/* 20180816 Takuma add end */
/* 20171110 ichikawa add start */

.m-product-tbl > thead > tr > th.m-title--noline,
.m-product-tbl > tbody > tr > th.m-title--noline,
.m-product-tbl > tfoot > tr > th.m-title--noline {
  border-left: 0;
  border-right: 0;
}

.m-product-tbl > thead > tr > th:nth-child(1),
.m-product-tbl > tbody > tr > th:nth-child(1),
.m-product-tbl > tfoot > tr > th:nth-child(1) {
  border-right: 0;
}

/* 20171110 ichikawa add end */

.m-product-tbl > thead > tr > th.valign-c, .m-product-tbl > thead > tr > td.valign-c,
.m-product-tbl > tbody > tr > th.valign-c,
.m-product-tbl > tbody > tr > td.valign-c,
.m-product-tbl > tfoot > tr > th.valign-c,
.m-product-tbl > tfoot > tr > td.valign-c {
  vertical-align: middle;
}
.m-product-tbl > thead > tr > th.bg-dgy, .m-product-tbl > thead > tr > td.bg-dgy,
.m-product-tbl > tbody > tr > th.bg-dgy,
.m-product-tbl > tbody > tr > td.bg-dgy,
.m-product-tbl > tfoot > tr > th.bg-dgy,
.m-product-tbl > tfoot > tr > td.bg-dgy {
  background-color: #c6d0d9;
}
.m-product-tbl > thead > tr > th.bg-gy, .m-product-tbl > thead > tr > td.bg-gy,
.m-product-tbl > tbody > tr > th.bg-gy,
.m-product-tbl > tbody > tr > td.bg-gy,
.m-product-tbl > tfoot > tr > th.bg-gy,
.m-product-tbl > tfoot > tr > td.bg-gy {
  background-color: #ebeff1;
}
.m-product-tbl > thead > tr > th.bg-bl, .m-product-tbl > thead > tr > td.bg-bl,
.m-product-tbl > tbody > tr > th.bg-bl,
.m-product-tbl > tbody > tr > td.bg-bl,
.m-product-tbl > tfoot > tr > th.bg-bl,
.m-product-tbl > tfoot > tr > td.bg-bl {
  background-color: #cfe4f1;
}
.m-product-tbl > thead > tr > th.bg-be, .m-product-tbl > thead > tr > td.bg-be,
.m-product-tbl > tbody > tr > th.bg-be,
.m-product-tbl > tbody > tr > td.bg-be,
.m-product-tbl > tfoot > tr > th.bg-be,
.m-product-tbl > tfoot > tr > td.bg-be {
  background-color: #f6efce;
}
.m-product-tbl > thead > tr > th.cart, .m-product-tbl > thead > tr > td.cart,
.m-product-tbl > tbody > tr > th.cart,
.m-product-tbl > tbody > tr > td.cart,
.m-product-tbl > tfoot > tr > th.cart,
.m-product-tbl > tfoot > tr > td.cart {
  width: 410px;
}
/* 20180614　削除
.m-product-tbl > thead > tr > th.product, .m-product-tbl > thead > tr > td.product,
.m-product-tbl > tbody > tr > th.product,
.m-product-tbl > tbody > tr > td.product,
.m-product-tbl > tfoot > tr > th.product,
.m-product-tbl > tfoot > tr > td.product {
  width: 410px;
}
.m-product-tbl > thead > tr > th.product2, .m-product-tbl > thead > tr > td.product2,
.m-product-tbl > tbody > tr > th.product2,
.m-product-tbl > tbody > tr > td.product2,
.m-product-tbl > tfoot > tr > th.product2,
.m-product-tbl > tfoot > tr > td.product2 {
  width: 210px;
}
.m-product-tbl > thead > tr > th.product3, .m-product-tbl > thead > tr > td.product3,
.m-product-tbl > tbody > tr > th.product3,
.m-product-tbl > tbody > tr > td.product3,
.m-product-tbl > tfoot > tr > th.product3,
.m-product-tbl > tfoot > tr > td.product3 {
  width: 210px;
}
.m-product-tbl > thead > tr > th.product-set, .m-product-tbl > thead > tr > td.product-set,
.m-product-tbl > tbody > tr > th.product-set,
.m-product-tbl > tbody > tr > td.product-set,
.m-product-tbl > tfoot > tr > th.product-set,
.m-product-tbl > tfoot > tr > td.product-set {
  width: 620px;
}
*/

.m-product-tbl > thead > tr > th.main, .m-product-tbl > thead > tr > td.main,
.m-product-tbl > tbody > tr > th.main,
.m-product-tbl > tbody > tr > td.main,
.m-product-tbl > tfoot > tr > th.main,
.m-product-tbl > tfoot > tr > td.main {
  width: 475px; /* 220px */
  height:40px; /* 75px */
}
/* 改善要望_浦田_00324 20181012 Takuma add start */
.m-product-tbl > thead > tr > th.w410, .m-product-tbl > thead > tr > td.w410,
.m-product-tbl > tbody > tr > th.w410,
.m-product-tbl > tbody > tr > td.w410,
.m-product-tbl > tfoot > tr > th.w410,
.m-product-tbl > tfoot > tr > td.w410 {
  width: 410px;
  height:40px;
}
.m-product-tbl > thead > tr > th.w345, .m-product-tbl > thead > tr > td.w345,
.m-product-tbl > tbody > tr > th.w345,
.m-product-tbl > tbody > tr > td.w345,
.m-product-tbl > tfoot > tr > th.w345,
.m-product-tbl > tfoot > tr > td.w345 {
  width: 345px;
}
.m-product-tbl > thead > tr > th.w260, .m-product-tbl > thead > tr > td.w260,
.m-product-tbl > tbody > tr > th.w260,
.m-product-tbl > tbody > tr > td.w260,
.m-product-tbl > tfoot > tr > th.w260,
.m-product-tbl > tfoot > tr > td.w260 {
  width: 260px;
}
.m-product-tbl > thead > tr > th.sub, .m-product-tbl > thead > tr > td.sub,
.m-product-tbl > tbody > tr > th.sub,
.m-product-tbl > tbody > tr > td.sub,
.m-product-tbl > tfoot > tr > th.sub,
.m-product-tbl > tfoot > tr > td.sub {
  width: 200px; /* 150px */
}
.m-product-tbl > thead > tr > th.w180, .m-product-tbl > thead > tr > td.w180,
.m-product-tbl > tbody > tr > th.w180,
.m-product-tbl > tbody > tr > td.w180,
.m-product-tbl > tfoot > tr > th.w180,
.m-product-tbl > tfoot > tr > td.w180 {
  width: 180px;
}
.m-product-tbl > thead > tr > th.w150, .m-product-tbl > thead > tr > td.w150,
.m-product-tbl > tbody > tr > th.w150,
.m-product-tbl > tbody > tr > td.w150,
.m-product-tbl > tfoot > tr > th.w150,
.m-product-tbl > tfoot > tr > td.w150 {
  width: 150px;
}
/* 改善要望_浦田_00324 20181012 Takuma add end */
.m-product-tbl > thead > tr > th.w120, .m-product-tbl > thead > tr > td.w120,
.m-product-tbl > tbody > tr > th.w120,
.m-product-tbl > tbody > tr > td.w120,
.m-product-tbl > tfoot > tr > th.w120,
.m-product-tbl > tfoot > tr > td.w120 {
  width: 120px;
}
.m-product-tbl > thead > tr > th.w100, .m-product-tbl > thead > tr > td.w100,
.m-product-tbl > tbody > tr > th.w100,
.m-product-tbl > tbody > tr > td.w100,
.m-product-tbl > tfoot > tr > th.w100,
.m-product-tbl > tfoot > tr > td.w100 {
  width: 100px;
}
.m-product-tbl > thead > tr > th.w80, .m-product-tbl > thead > tr > td.w80,
.m-product-tbl > tbody > tr > th.w80,
.m-product-tbl > tbody > tr > td.w80,
.m-product-tbl > tfoot > tr > th.w80,
.m-product-tbl > tfoot > tr > td.w80 {
  width: 80px;
}
.m-product-tbl > thead > tr > th.w60, .m-product-tbl > thead > tr > td.w60,
.m-product-tbl > tbody > tr > th.w60,
.m-product-tbl > tbody > tr > td.w60,
.m-product-tbl > tfoot > tr > th.w60,
.m-product-tbl > tfoot > tr > td.w60 {
  width: 60px;
}
.m-product-tbl > thead > tr > th.w66, .m-product-tbl > thead > tr > td.w66,
.m-product-tbl > tbody > tr > th.w66,
.m-product-tbl > tbody > tr > td.w66,
.m-product-tbl > tfoot > tr > th.w66,
.m-product-tbl > tfoot > tr > td.w66 {
  width: 66px;
}
.m-product-tbl > thead > tr > th.w70, .m-product-tbl > thead > tr > td.w70,
.m-product-tbl > tbody > tr > th.w70,
.m-product-tbl > tbody > tr > td.w70,
.m-product-tbl > tfoot > tr > th.w70,
.m-product-tbl > tfoot > tr > td.w70 {
  width: 70px;
}
.m-product-tbl > thead > tr > th.w75, .m-product-tbl > thead > tr > td.w75,
.m-product-tbl > tbody > tr > th.w75,
.m-product-tbl > tbody > tr > td.w75,
.m-product-tbl > tfoot > tr > th.w75,
.m-product-tbl > tfoot > tr > td.w75 {
  width: 75px;
}
.m-product-tbl > thead > tr > th.w85, .m-product-tbl > thead > tr > td.w85,
.m-product-tbl > tbody > tr > th.w85,
.m-product-tbl > tbody > tr > td.w85,
.m-product-tbl > tfoot > tr > th.w85,
.m-product-tbl > tfoot > tr > td.w85 {
  width: 85px;
}
.m-product-tbl > thead > tr > th.w90, .m-product-tbl > thead > tr > td.w90,
.m-product-tbl > tbody > tr > th.w90,
.m-product-tbl > tbody > tr > td.w90,
.m-product-tbl > tfoot > tr > th.w90,
.m-product-tbl > tfoot > tr > td.w90 {
  width: 90px;
}
.m-product-tbl > thead > tr > th.w135, .m-product-tbl > thead > tr > td.w135,
.m-product-tbl > tbody > tr > th.w135,
.m-product-tbl > tbody > tr > td.w135,
.m-product-tbl > tfoot > tr > th.w135,
.m-product-tbl > tfoot > tr > td.w135 {
  width: 135px;
}
.m-product-tbl > thead > tr > th.w50, .m-product-tbl > thead > tr > td.w50,
.m-product-tbl > tbody > tr > th.w50,
.m-product-tbl > tbody > tr > td.w50,
.m-product-tbl > tfoot > tr > th.w50,
.m-product-tbl > tfoot > tr > td.w50 {
  width: 50px;
}
.m-product-tbl > thead > tr > th.btn, .m-product-tbl > thead > tr > td.btn,
.m-product-tbl > tbody > tr > th.btn,
.m-product-tbl > tbody > tr > td.btn,
.m-product-tbl > tfoot > tr > th.btn,
.m-product-tbl > tfoot > tr > td.btn {
  width: 60px;
  padding-left: 0;
  padding-right: 0;
}
.m-product-tbl > thead > tr > th,
.m-product-tbl > tbody > tr > th,
.m-product-tbl > tfoot > tr > th {
  background-color: #cfe4f1;
}
.m-product-tbl--p-narrow > thead > tr > th, .m-product-tbl--p-narrow > thead > tr > td,
.m-product-tbl--p-narrow > tbody > tr > th,
.m-product-tbl--p-narrow > tbody > tr > td,
.m-product-tbl--p-narrow > tfoot > tr > th,
.m-product-tbl--p-narrow > tfoot > tr > td {
  padding: 10px 5px;
}
.m-product-tbl--tb-line > thead > tr > th, .m-product-tbl--tb-line > thead > tr > td,
.m-product-tbl--tb-line > tbody > tr > th,
.m-product-tbl--tb-line > tbody > tr > td,
.m-product-tbl--tb-line > tfoot > tr > th,
.m-product-tbl--tb-line > tfoot > tr > td {
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
/* グループ会員機能 Takuma 20210205 add start */
.m-product-tbl--vm th,
.m-product-tbl--vm td{
  vertical-align: middle!important;
}
/* グループ会員機能 Takuma 20210205 add end */
@media screen and (min-width: 768px) {
  .scroll-pane .m-product-tbl--search:not(.m-product-tbl--fixed) > thead > tr > th {
    padding-bottom: 12px; /* 22px */
  }
}
@media screen and (max-width: 767px) {
  .m-product-tbl > tbody > tr > td.main {
     height:100%;
  }
}
@media screen and (min-width:768px) and (max-width:1279px) {
  .m-scroll-tb-only {
    width: 100%;
    overflow-x: auto;
  }
}
.m-product-tbl-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m-product-tbl-main-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.m-product-tbl-main-col__title {
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow:hidden;
/*  margin-bottom: 10px; */
}
.m-product-tbl-main-col__title-main {
  padding-top: 3px;
}
.m-product-tbl-main-col__image {
  width: 100%; /* 60px */
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
/* 改善要望_浦田_00323 20190108 Takuma add start*/
.m-product-tbl-main-col__image p img{
  max-width: 45px;
  max-height: 45px;
  width: auto;
  height: auto;
}
/* 改善要望_浦田_00323 20190108 Takuma add end*/
/*20191203 Hyron ADD START*/
.m-searchResult_product-image p img{
  max-width: 45px;
  max-height: 45px;
  width: auto;
  height: auto;
}
/*20191203 Hyron ADD END*/
/* 20180816 Takuma add start */
  .m-product-tbl-main-col__caption {
	position: relative;
  }
/* 20180816 Takuma add end */
.m-product-tbl-main-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  width: 140px;
  margin-right:20px;
/*  align-items: center; */
/*  margin-top: 10px; */
}
/* 20180629 takakura add start */
.m-product-tbl-main-image {
  display: flex;
  width: 100%;
}
.m-product-tbl-main-image .text {
  padding-left:10px;
}
/* 20180629 takakura add end */

.m-product-tbl-main-btn > * {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-product-tbl-main-btn > * + * {
  margin-left: 5px;
}

.m-product-tbl-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
/*  margin-left: -30px; */
}


/* 20180709 takakura del start */
.m-product-tbl-cart__item {
  width: 100%;
}
/*.m-product-tbl-cart__item--right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}*/
/* 20180402 takakura del end */
/* 20180802 Takuma add start */
/*表部分のコンテナを横ぞろえする専用(bookmarkなど)*/
.m-product-tbl-cart__container {
  width: calc(100% / 2 - 30px);
  margin: 0 15px;
}
.m-product-tbl-cart__container--right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
/* 20180802 Takuma add end */




.m-product-tbl-cart-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m-product-tbl-cart-num__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.m-product-tbl-cart-num__input > * + * {
  margin-left: 5px;
}
.m-product-tbl-cart-num__input input {
  text-align: right;
}
.m-product-tbl-cart-num-plus, .m-product-tbl-cart-num-minus {
/* 20180426 Ticket#26978 hryon add start */
  border:none;
/* 20180426 Ticket#26978 hryon add end */
  width: 20px;
  height: 20px;
  background-color: #0071b5;
  background-size: auto 100%;
  background-image: url(../images/common/icon-toggle.png);
}
/* 20180618 takakura add start */
.m-product-tbl-cart-num-plus_s, .m-product-tbl-cart-num-minus_s {
  width: 17px;
  height: 17px;
  background-color: #0071b5;
  background-size: auto 100%;
  background-image: url(../images/common/icon-toggle.png);
}
.m-product-tbl-cart-num-minus, .m-product-tbl-cart-num-minus_s /*modify*/ {
  background-position: -100% 0;
}
/* 20180618 takakura add end */

.m-m-product-tbl-cart-tbl {
  width: 100%;
}
.m-m-product-tbl-cart-tbl th:nth-last-of-type(1), .m-m-product-tbl-cart-tbl td:nth-last-of-type(1) {
  text-align: right;
}
.m-m-product-tbl-cart-tbl th {
  font-weight: 700;
}

.m-m-product-tbl-cart-tbl-ja {
  width: 120%;
}
.m-m-product-tbl-cart-tbl-ja th:nth-last-of-type(1), .m-m-product-tbl-cart-tbl-ja td:nth-last-of-type(1) {
  text-align: right;
}
.m-m-product-tbl-cart-tbl-ja th {
  font-weight: 700;
}

/* 改善要望_奥田_00195 20210604 Takuma add start */
/* =======================================================================
汎用情報表（PCNPDN情報など）
======================================================================= */
.m-info-tbl{
  max-width: 100%;
}
.m-info-tbl th,
.m-info-tbl td{
  line-height: 1.4;
  padding: 0.5em;
}
.m-info-tbl thead th{
  background-color: #cfe4f1;
  border: solid 1px #c5cccf;
}
.m-info-tbl tbody td{
  background-color: #fff;
  border: solid 1px #c5cccf;
}
/* 改善要望_奥田_00195 20210604 Takuma add end */

.m-search-multiple-keyword-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-bottom: -10px;
}
.m-search-multiple-keyword-list__item {
  width: calc(100% / 5 - 10px);
  margin-bottom: 10px;
  margin-left: 10px;
  font-size: 1.6rem;
  font-weight: 700;
  background-color: #ffffff;
}
/* 検索結果改善 20191204 Takuma remove start */
/* .m-search-multiple-keyword-list__item:nth-of-type(n+11) {
  display: none;
} */
/* 検索結果改善 20191204 Takuma remove end */
.m-search-multiple-keyword-list__item.is-active {
  background-color: #0071b5;
  color: #ffffff;
}
.m-search-multiple-keyword-list__item.is-active a {
  color: #ffffff;
}
.m-search-multiple-keyword-list__item a {
  display: block;
  padding: .5em 1em;
}
/* 20180614 takakura add start */
.m-scroll-tbl, .m-spec-scroll-tbl {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden; /*add*/
  position: relative; /*add*/
}
/* 20180807 Takuma add start */
.m-spec-scroll-tbl--oneline {
  width: 100%;
  overflow-x: auto;
  overflow-y: unset;
}
/* 20180807 Takuma add end */
.m-search-text-14 {
  font-size: 14px;
  line-height: 17px;
}
.m-search-text-16 {
  font-size:16px;
  font-weight:700;
}
.m-search-text-12 {
  font-size:12px;
  line-height:15px;
}
.m-search-text-ellipsis {
  width:100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
   position: relative;
}
.m-search-text-hover {
  border: solid 2px #999;
  border-radius: 5px;
  background: #FFF;
  margin: -5px -15px;
  padding: 5px;
  word-break: break-all;
}
.m-search-bg_wh:before,
.m-search-bg_gy:before,
/* 20191129 hyron mod start */
.m-search-bg_wh_left:before,
/* 20191129 hyron mod end */
.m-search-bg_wh--sub:before {
  content: "";
  position: absolute;
  top: -18px;
  left: 15px;
  margin-left: -15px;
  border: 10px solid transparent;
  border-bottom: 10px solid #999;
}
.m-search-bg_wh--bottom:after {
  content: "";
  position: absolute;
  bottom: -18px;
  left: 60px;
  margin-left: -15px;
  border: 10px solid transparent;
  border-top: 10px solid #999;
}
.m-search-bg_wh--bottom-sub:after {
  content: "";
  position: absolute;
  bottom: -18px;
  left: 200px;
  margin-left: -15px;
  border: 10px solid transparent;
  border-top: 10px solid #999;
}
.m-search-bg_wh {
  display: none;
  position: absolute;
  padding: 5px;
  /* 20191129 hyron mod start */
  background: transparent;
  border-top: solid 5px transparent;
  border-right: solid 10px transparent;
  border-left: solid 10px #fff;
  max-width: 400px;
  font-size: 13px;
  /* 20191129 hyron mod end */
  z-index:99999;
}
/* 20191129 hyron add start */
.m-search-bg_wh_left {
  display: none;
  position: absolute;
  padding: 5px;
  background: transparent;
  border-top: solid 5px transparent;
  border-right: solid 10px transparent;
  border-left: solid 10px #fff;
   max-width: 225px;
  font-size: 13px;
  z-index:99999;
}
/* 20191129 hyron add end */
/* 20180807 Takuma add start */
.m-search-bg_wh--sub {
  display: none;
  position: absolute;
  padding: 5px;
  background: #fff;
  border-top: solid 10px #fff;
  border-right: solid 10px #fff;
  border-left: solid 10px #fff;
  width: 170px;
  z-index:99999;
}
/* 20180807 Takuma add end */
/* 20180816 Takuma add start */
.m-search-bg_wh--bottom {
  display: none;
  position: absolute;
  padding: 5px;
  background: #fff;
  border-right: solid 10px #fff;
  border-left: solid 10px #fff;
  width: 335px;
  z-index:99999;
  bottom: 2em;
}
.m-search-bg_wh--bottom-sub {
  display: none;
  position: absolute;
  padding: 5px;
  background: #fff;
  border-right: solid 10px #fff;
  border-left: solid 10px #fff;
  width: 300px;
  z-index:99999;
  bottom: 1.5em;
  right: 0px;
}
/* 20180816 Takuma add end */

.m-search-bg_gy {
  display: none;
  position: absolute;
  padding: 5px;
  background: #f5f7f8;
  border: solid 10px #f5f7f8;
  width: 335px;
  z-index:99999;
}

.m-search-text-ellipsis:hover + .m-search-bg_wh,
/* 20191129 hyron add start */
.m-search-text-ellipsis:hover + .m-search-bg_wh_left,
/* 20191129 hyron add end */
.m-search-text-ellipsis:hover + .m-search-bg_gy,
.m-search-text-ellipsis:hover + .m-search-bg_wh--sub,
.m-search-text-ellipsis:hover + .m-search-bg_wh--bottom,
.m-search-text-ellipsis:hover + .m-search-bg_wh--bottom-sub {
  display: block;
}
/* 2021/01/27 改修依頼 #39336 ADD START */
.m-search-bg_wh_left:hover
{
  display: block;
}
/* 2021/01/27 改修依頼 #39336 ADD END   */
.m-search-title_l {
  word-wrap:normal;
}
/* 検索結果改善 20190731 Takuma modify start */
.m-search-title-text {
  width: calc( 100% - 45px );
  overflow:hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
}
/* 検索結果改善 20190731 Takuma modify end */
/* 20180614 takakura add end */

/* =======================================================================
メーカ
======================================================================= */
/* 20180209 takakura add start */

  .m-maker-link {
  display: block;
  -webkit-transition: .3s;
  transition: .3s;
  color: #FFF;
  background-color:#0071b5;
  border: solid 1px #c5cccf;
  text-align:center;
  }
  .m-maker-link :hover {
  background-color: #ebeff1;
  color: #0000ff;
  }

/* 20180209 takakura add end */

.m-alphabet-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -10px;
  margin-left: -10px;
}
.m-alphabet-list > * {
  width: calc(100% / 26 - 10px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-bottom: 10px;
  margin-left: 10px;
  font-weight: 700;
  font-size: 1.6rem;
}
.m-alphabet-list > * a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  text-align: center;
  color: #ffffff;
  background-color: #8ea1b4;
}

.m-maker-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 920px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -20px;
}
.m-maker-list__item {
  width: 160px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-bottom: 20px;
  margin-right: 30px;
  text-align: center;
}
.m-maker-list__item:nth-of-type(5n) {
  margin-right: 0;
}

.m-maker-box {
  padding: 30px 60px;
  border: solid 8px #d9e2e8;
}

.m-maker-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  align-items: center;
}
.m-maker-col__logo {
  width: 160px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 40px;
}
.m-maker-col__content {
  max-width: 800px;
}

.m-maker-news-list {
  margin-left: 10px;
  margin-right: 10px;
}
.m-maker-news-list__item {
  margin-top: 5px;
}


/* 20180426 takakura add start */
.m-storetab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	  -js-display: flex;
  max-width:100%;
}
.m-storetab li a:hover{
  opacity: 0.7;
  text-decoration: none;
}
.m-storetab_c2 {
  width:calc(100% / 2);
  height:40px;
  border:solid 1px #CCC;
  display: flex;
  display: -ms-flex;
  justify-content: center;
     -ms-justify-content: center;
  align-items: center;
     -ms-align-items: center;
  word-break: break-all;
}

.m-storetab_c3 {
  width:calc(100% / 3);
  height:40px;
  border:solid 1px #CCC;
  display: flex;
  display: -ms-flex;
  justify-content: center;
     -ms-justify-content: center;
  align-items: center;
     -ms-align-items: center;
  word-break: break-all;
}
.m-storetab_c4 {
  width:calc(100% / 4);
  height:40px;
  border:solid 1px #CCC;
  display: flex;
  display: -ms-flex;
  justify-content: center;
     -ms-justify-content: center;
  align-items: center;
     -ms-align-items: center;
  word-break: break-all;
}
.m-storetab_c5 {
  width:calc(100% / 5);
  height:40px;
  border:solid 1px #CCC;
  display: flex;
  display: -ms-flex;
  justify-content: center;
     -ms-justify-content: center;
  align-items: center;
     -ms-align-items: center;
  word-break: break-all;
}
.m-storetab_c6 {
  width:calc(99.6% / 6);
  height:40px;
  border:solid 1px #CCC;
  display: flex;
  display: -ms-flex;
  justify-content: center;
     -ms-justify-content: center;
  align-items: center;
     -ms-align-items: center;
  word-break: break-all;
  box-sizing: border-box;
  font-size: 1.2rem;
  line-height: 1;
}
@media screen and (max-width:767px){
.m-storetab_c6 {
  width:calc(100% / 3);
  height:40px;
  border:solid 1px #CCC;
  display: flex;
  display: -ms-flex;
  justify-content: center;
     -ms-justify-content: center;
  align-items: center;
     -ms-align-items: center;
  word-break: break-all;
  font-size: 1.2rem;
  line-height: 1;
  }
}
.acttab {
	background-color:#CCC;
	opacity:1;
}
/*  20180426 takakura add end */


/* =======================================================================
ニュースセンター
======================================================================= */
.m-news-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
}
.m-news-col__content {
  width: calc(100% - 240px - 40px);
  -webkit-transition: .3s;
  transition: .3s;
}
.m-news-col__menu {
  position: relative;
  width: 240px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: .3s;
  transition: .3s;
}

@media screen and (min-width: 1280px) {
  .m-news-col.is-closed .m-news-col__content {
    width: calc(100% - 40px);
    margin-left: 40px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .m-condition-toggle {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -30px;
    width: 30px;
    height: 150px;
    background-size: auto 100%;
    background-position: -100% 0;
    background-image: url(../images/common/icons-condition.png);
  }
  .m-condition-toggle--cn {
    background-image: url(../images/common/icons-condition-cn.png);
  }
  .m-condition-toggle--de {
    background-image: url(../images/common/icons-condition-de.png);
  }
  .m-condition-toggle--kr {
    background-image: url(../images/common/icons-condition-kr.png);
  }
  .m-condition-toggle--us {
    background-image: url(../images/common/icons-condition-us.png);
  }
  .m-condition-toggle.is-closed {
    background-position: 0 0;
  }
}
   /* 20171013 takakura add start */
/*
  .m-condition-toggle_en {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -30px;
    width: 30px;
    height: 140px;
    background-size: auto 100%;
    background-position: -100% 0;
    background-image: url(../images/common/icons-condition_en.png);
  }
  .m-condition-toggle_en.is-closed {
    background-position: 0 0;
  }
  .m-condition-toggle_de {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -30px;
    width: 30px;
    height: 140px;
    background-size: auto 100%;
    background-position: -100% 0;
    background-image: url(../images/common/icons-condition_de.png);
  }
  .m-condition-toggle_de.is-closed {
    background-position: 0 0;
  }
  .m-condition-toggle_ko {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -30px;
    width: 30px;
    height: 140px;
    background-size: auto 100%;
    background-position: -100% 0;
    background-image: url(../images/common/icons-condition_ko.png);
  }
  .m-condition-toggle_ko.is-closed {
    background-position: 0 0;
  }
  .m-condition-toggle_zh {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -30px;
    width: 30px;
    height: 140px;
    background-size: auto 100%;
    background-position: -100% 0;
    background-image: url(../images/common/icons-condition_zh.png);
  }
  .m-condition-toggle_zh.is-closed {
    background-position: 0 0;
  }*/
/* 20171013 takakura add end */

.m-news-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: solid 2px #0071b5;
}
.m-news-tab__item {
  width: 50%;
  font-weight: 700;
  font-size: 1.6rem;
}
.m-news-tab__item a {
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #d9e2e8;
  -webkit-transition: .3s;
  transition: .3s;
  color: #333333;
}
.m-news-tab__item a:hover, .m-news-tab__item a.is-active {
  background-color: #0071b5;
  color: #ffffff;
  text-decoration: none;
}

.m-news-arichives-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: solid 1px #c5cccf;
  padding-top: 10px; /* 15px */
  padding-bottom: 10px; /* 15px */
}
.m-news-arichives-item a {
  color: #0000ff;
}
.m-news-arichives-item a:hover {
  text-decoration: underline;
}
.m-news-arichives-item .sub {
  display: inline-block;
  margin-right: 1em;
  margin-top: .5em;
  font-size: 1.4rem;
}
.m-news-arichives-image {
  width: 80px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 20px;
}
.m-news-arichives-title {
  font-size: 1.6rem; /* 2rem */
  line-height: 1.5;
  font-weight: 700;
}

/* 20171120 takakura modify start */
/* 複数条件検索(de)の絞り込み条件「全て消去」への対応 */

.m-condition-reset {
  color: #ffffff;
  font-weight: 700;
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 12px;
  height: 24px;
  width: 100px;  /* width: 80px; */
  background-color: #8ea1b4;
}

/* 20171120 takakura modify end */
.m-condition-reset:hover {
  opacity: 0.7;
  text-decoration: none;
}

.m-news-cat {
  position: relative;
  border: solid 1px #c5cccf;
}
.m-news-cat + .m-news-cat {
  margin-top: 20px;
}
.m-news-cat__logo {
  padding: 20px;
  text-align: center;
}
.m-news-cat__title {
  position: relative;
  padding: 10px 15px;
  font-weight: 700;
  font-size: 1.6rem;
  background-color: #cfe4f1;
}
.m-news-cat .m-condition-reset {
  position: absolute;
  right: 10px;
  top: 7px;
  color: #ffffff;
}
.m-news-cat .m-condition-reset:hover {
  text-decoration: none;
}
.m-news-cat__content {
  border-top: solid 1px #c5cccf;
  font-size: 1.4rem;
  line-height: 1.875;
  padding: 15px;
  overflow-y: scroll;
}
.m-news-cat__content--noscroll {
  overflow-y: auto;
}
.m-news-cat__content--nopadding {
  padding: 0;
}
.m-news-cat__content--s {
  max-height: 380px;
}
.m-news-cat__content--m {
  max-height: 500px;
}
.m-news-cat__content--l {
  max-height: 660px;
}
/* 改善要望_北村_00003 20181012 Takuma add start */
.m-news-cat__content--ranking{
  max-height: 258px
}
.m-news-cat__content--ranking .title{
  overflow: hidden;
  height: 2.6em;
}
.m-news-cat__content--ranking .title>a{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 1279px){
  .m-news-cat__content--ranking{
    max-height: 220px;
    overflow-y: scroll!important;
  }
  .m-news-cat__content--ranking .title{
    overflow: hidden;
    height: 2.6em;
  }
}
/* 改善要望_北村_00003 20181012 Takuma add end */
.m-news-cat__content a {
  color: #0000ff;
}
.m-news-cat__content a:hover {
  text-decoration: underline;
}
.m-news-cat__content a.m-btn {
  color: #ffffff;
}
.m-news-cat__content a.m-btn:hover {
  text-decoration: none;
}
.m-news-cat-ranking > *, .m-news-cat-ranking2 > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.m-news-cat-ranking > * + *, .m-news-cat-ranking2 > * + * {
  margin-top: 10px;
  padding-top: 10px;
  border-top: solid 1px #c5cccf;
}
/* 改善要望_北村_00003 20181012 Takuma modify start */
.m-news-cat-ranking > * .title, .m-news-cat-ranking2 > * .title {
  position: relative;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-left: 40px;
  min-height: 30px;
  margin-bottom: 5px;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 700;
}
.m-news-cat-ranking > * .title:before, .m-news-cat-ranking2 > * .title:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  top: 2px;
  content: "";
  width: 30px;
  height: 30px;
  background-color: #d9e2e8;
  font-size: 1.6rem;
  font-weight: 700;
  vertical-align: middle;
}
/* 改善要望_北村_00003 20181012 Takuma modify end */
.m-news-cat-ranking > *:nth-of-type(1) .title:before, .m-news-cat-ranking > *:nth-of-type(2) .title:before, .m-news-cat-ranking > *:nth-of-type(3) .title:before, .m-news-cat-ranking2 > *:nth-of-type(1) .title:before, .m-news-cat-ranking2 > *:nth-of-type(2) .title:before, .m-news-cat-ranking2 > *:nth-of-type(3) .title:before {
  background-color: #ff9600;
  color: #ffffff;
}
.m-news-cat-ranking > *:nth-of-type(1) .title:before, .m-news-cat-ranking2 > *:nth-of-type(1) .title:before {
  content: "1";
}
.m-news-cat-ranking > *:nth-of-type(2) .title:before, .m-news-cat-ranking2 > *:nth-of-type(2) .title:before {
  content: "2";
}
.m-news-cat-ranking > *:nth-of-type(3) .title:before, .m-news-cat-ranking2 > *:nth-of-type(3) .title:before {
  content: "3";
}
.m-news-cat-ranking > *:nth-of-type(4) .title:before, .m-news-cat-ranking2 > *:nth-of-type(4) .title:before {
  content: "4";
}
.m-news-cat-ranking > *:nth-of-type(5) .title:before, .m-news-cat-ranking2 > *:nth-of-type(5) .title:before {
  content: "5";
}
.m-news-cat-ranking > *:nth-of-type(6) .title:before, .m-news-cat-ranking2 > *:nth-of-type(6) .title:before {
  content: "6";
}
.m-news-cat-ranking > *:nth-of-type(7) .title:before, .m-news-cat-ranking2 > *:nth-of-type(7) .title:before {
  content: "7";
}
.m-news-cat-ranking > *:nth-of-type(8) .title:before, .m-news-cat-ranking2 > *:nth-of-type(8) .title:before {
  content: "8";
}
.m-news-cat-ranking > *:nth-of-type(9) .title:before, .m-news-cat-ranking2 > *:nth-of-type(9) .title:before {
  content: "9";
}
.m-news-cat-ranking > *:nth-of-type(10) .title:before, .m-news-cat-ranking2 > *:nth-of-type(10) .title:before {
  content: "10";
}
.m-news-cat-ranking > *:nth-of-type(11) .title:before, .m-news-cat-ranking2 > *:nth-of-type(11) .title:before {
  content: "11";
}
.m-news-cat-ranking > *:nth-of-type(12) .title:before, .m-news-cat-ranking2 > *:nth-of-type(12) .title:before {
  content: "12";
}
.m-news-cat-ranking > *:nth-of-type(13) .title:before, .m-news-cat-ranking2 > *:nth-of-type(13) .title:before {
  content: "13";
}
.m-news-cat-ranking > *:nth-of-type(14) .title:before, .m-news-cat-ranking2 > *:nth-of-type(14) .title:before {
  content: "14";
}
.m-news-cat-ranking > *:nth-of-type(15) .title:before, .m-news-cat-ranking2 > *:nth-of-type(15) .title:before {
  content: "15";
}
.m-news-cat-ranking > *:nth-of-type(16) .title:before, .m-news-cat-ranking2 > *:nth-of-type(16) .title:before {
  content: "16";
}
.m-news-cat-ranking > *:nth-of-type(17) .title:before, .m-news-cat-ranking2 > *:nth-of-type(17) .title:before {
  content: "17";
}
.m-news-cat-ranking > *:nth-of-type(18) .title:before, .m-news-cat-ranking2 > *:nth-of-type(18) .title:before {
  content: "18";
}
.m-news-cat-ranking > *:nth-of-type(19) .title:before, .m-news-cat-ranking2 > *:nth-of-type(19) .title:before {
  content: "19";
}
.m-news-cat-ranking > *:nth-of-type(20) .title:before, .m-news-cat-ranking2 > *:nth-of-type(20) .title:before {
  content: "20";
}
.m-news-cat-ranking > * .sub, .m-news-cat-ranking2 > * .sub {
  font-size: 1.2rem;
  margin-right: 1em;
}
/* 改善要望_北村_00003 20181015 Takuma modify start */
.m-news-cat-ranking > * time.sub, .m-news-cat-ranking2 > * time.sub {
  margin-right: 0.75em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-news-cat-ranking > * span, .m-news-cat-ranking2 > * span{
  max-width: 9em;
  height: 1.6em;
  overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.m-news-cat-ranking2 > * .title {
  width: 85%;
  font-size: 1.8rem;
  font-weight: 400;
}
/* 改善要望_北村_00003 20181015 Takuma modify end */
/* 20180413 takakura add/modify start  */

/* 改善要望_北村_00002 20181012 Takuma add/modify start */
.m-search-cat-list{
  font-size: 1.4rem;
}
.m-search-cat-list_l{
  font-size: 1.3rem;
  word-break: break-all;
}
/* 改善要望_北村_00002 20181213 Takuma modify start */
.m-news-cat-list > * ,
.m-search-cat-list > * ,
.m-search-cat-list_l > * {
  position: relative;
  padding: 0;
  line-height: 1.2;
}
/* 改善要望_北村_00002 20181213 Takuma modify end */
/* 改善要望_北村_00002 20181012 Takuma add/modify end */
.m-news-cat-list > * {
  width: 185px;
}
.m-search-cat-list > * {
  width: 100%;
  margin-bottom: 0.5em;
}
.m-search-cat-list_l > * {
  width: 100%;
  margin-bottom: 0.3em;
}
.m-news-cat-list > * + * {
  margin-top: .5em;
}
/* 改善要望_北村_00002 20181213 Takuma remove start */
/* .m-search-cat-list > *:before ,
.m-search-cat-list_l > *:before ,
.m-news-cat-list > *:before {
  content: "";
  display: inline-block;
  border-left: solid 8px #0071b5;
  border-top: solid 5px transparent;
  border-bottom: solid 5px transparent;
  vertical-align: middle;
  margin-left: -1em;
  margin-right: 0.5em;
} */
/* 改善要望_北村_00002 20181213 Takuma remove end */
/* 改善要望_北村_00002 20181012 Takuma modify start */
.m-select-active{
  background-color: #cfe4f1;
  position: relative;
}
.m-select-active:before, .m-select-active:after {
	content:'';
	height:2px;
	width:15px;
	display:block;
	background:#333;
	border-radius:10px;
	  -webkit-border-radius:10px;
	  -moz-border-radius:10px;
	position:absolute;
	top: 0.65em;
	transform:rotate(-45deg);
	 -webkit-transform:rotate(-45deg);
	 -moz-transform:rotate(-45deg);
	 -o-transform:rotate(-45deg);
	 -ms-transform:rotate(-45deg);
	}
/* 改善要望_北村_00002 20181012 Takuma modify end */
.m-select-active:after {
	transform:rotate(45deg);
	  -webkit-transform:rotate(45deg);
	  -moz-transform:rotate(45deg);
	  -o-transform:rotate(45deg);
	  -ms-transform:rotate(45deg);
	}
.m-news-cat-list .m-select-active:before ,
.m-news-cat-list .m-select-active:after {
	left:160px;
    }
.m-search-cat-list .m-select-active:before ,
.m-search-cat-list .m-select-active:after {
	right: -1em;
    }
.m-search-cat-list_l .m-select-active:before ,
.m-search-cat-list_l .m-select-active:after {
	right: -1em;
    }
/* 20180413 takakura add/modify end  */
/* 20180413 tottori add start */
.m-product-tbl-env, .m-news-cat-list,
.m-news-col__content, .m-news-cat-maker,
.m-news-cat__title, .m-product-tbl-deli {
  word-break: normal;
}
/*.w-break {
  word-break: keep-all;
}*/
.w-wrap {
  word-wrap: break-word;
}
/* 20180413 tottori add end */

.m-news-cat-maker + .m-news-cat-maker {
  margin-top: 10px;
}


.m-news-cat-maker__title {
  position: relative;
  font-weight: 700;
  background-color: #ebeff1;
  min-height: 30px;
  line-height: 22px;
  padding: 4px 4px 4px 35px;
}
.m-news-cat-maker__title:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 22px;
  height: 22px;
  background-size: auto 100%;
  background-color: #8ea1b4;
  background-image: url(../images/common/icon-toggle.png);
  background-position: 0 0;
}
.m-news-cat-maker__title.is-active:before {
  background-position: -100% 0;
}
.m-news-cat-maker__title-child {
  position: relative;
  padding-left: 28px;
}
/*20180905 Takuma add start*/
.m-news-cat-maker__childList {
  background-color: #ebeff1;
}
.m-news-cat-maker__subTitle {
  background-color: #ddd;
  margin: 0 5px;
}
/*20180905 Takuma add end*/

.m-news-cat-maker__title-child:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 4px;
  width: 18px;
  height: 18px;
  background-size: auto 100%;
  background-color: #aebccb;
  background-image: url(../images/common/icon-toggle.png);
  background-position: 0 0;
}
.m-news-cat-maker__title-child.is-active:before {
  background-position: -100% 0;
}
.m-news-cat-maker__content {
  padding-top: 10px;
  padding-bottom: 10px;
}
.m-news-cat-monthly + .m-news-cat-monthly {
  margin-top: 10px;
}
.m-news-cat-monthly__title {
  font-weight: 700;
}
.m-news-cat-monthly__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.m-news-cat-monthly__list > * {
  margin-right: 1.25em;
  margin-top: .25em;
}

/* 20171108 takakura add start */

.m-news-pager--l {
  position: relative;
  display: flex;
      flex-wrap: wrap;
  -webkit-box-pack: center;
  font-size: 1.4rem;
  text-align: center;
}
.m-news-pager--l a, .m-news-pager--l span {
  margin-left: .25em;
  margin-right: .25em;
}
.m-news-pager--l a.current, .m-news-pager--l span.current {
  font-weight: 700;
}
.m-news-pager--l a {
  color: #0000ff;
}
.m-news-pager--l a:hover {
  text-decoration: underline;
}
.m-news-pager--l .guide {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.m-news-pager--l .sort {
  position: absolute;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* 20171108 takakura add end */

.m-news-pager {
  width: 100%;
  word-wrap: break-word;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.4rem;
  text-align: center;
  /* 20180424 hyron add start */
  line-height:1.0;
  justify-content:space-between;
  /* 20180424 hyron add end */
}
.m-search-pager {
  width: 100%;
  word-wrap: break-word;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  line-height:1.0;
  justify-content:space-between;
}
.m-news-pager a, .m-news-pager span,
.m-search-pager a, .m-search-pager span {
  margin-left: .25em;
  margin-right: .25em;
}
.m-news-pager a.current, .m-news-pager span.current,
.m-search-pager a.current, .m-search-pager span.current {
  font-weight: 700;
}
.m-news-pager a,
.m-search-pager a {
  color: #0000ff;
}
.m-news-pager a:hover,
.m-search-pager a:hover {
  text-decoration: underline;
}
.m-news-pager .select,
.m-search-pager .select {
  display: flex;
}
/* 2021/10/29 #42706 ADD START */
.m-search-pager_center{
  display: flex;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.m-search-pager_right{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 5px;
}
.m-search-pager_right{
  margin-left: auto;
}
@media screen and (max-width: 1279px){
  .m-search-pager_center{
    position: static;
    margin-left: auto;
    margin-right: auto;
    transform: none;
    margin-bottom: -5px;
  }
  .m-search-pager_right{
    margin-left: 0;
  }
}
/* 2021/10/29 #42706 ADD END */
.m-news-pager .pager,
/* 20180426 hyron add start */
.m-news-pager .guide,
/* 20180426 hyron add end */
.m-search-pager .pager,
.m-search-pager .guide {
  padding:5px 0;
}
/* 20180424 hyron del start */
/* .m-news-pager .guide { */
/*   position: absolute; */
/*   right: 20px; */
/*   top: 50%; */
/*   -webkit-transform: translateY(-50%); */
/*           transform: translateY(-50%); */
/* } */
/* .m-news-pager .sort { */
/*   position: absolute; */
/*   left: 20px; */
/*   top: 50%; */
/*   -webkit-transform: translateY(-50%); */
/*           transform: translateY(-50%); */
/* } */
/* 20180405 takakura add start */
/* .m-news-pager .quantity { */
/*   position: absolute; */
/*   left: 250px; */
/*   top: 50%; */
/*   -webkit-transform: translateY(-50%); */
/*           transform: translateY(-50%); */
/* } */
/* 20180424 hyron del end */
.m-news-article-h {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px 20px;
  border-top: solid 1px #c5cccf;
  border-bottom: solid 1px #c5cccf;
}
.m-news-article-h--with-link {
  padding-right: 80px;
}
.m-news-article-h--with-link .btn {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.m-news-article-h .title {
  width: 100%;
  flex-shrink: 0;
  margin-bottom: 10px;
}
.m-news-article-h .sub {
  margin-right: 1em;
}
.m-news-article-body img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
/*20180413 tottori modify start*/
.m-news-article-body p {
  width: 100%;
  margin-bottom: 20px;
  word-break: normal;
}
/*20180413 tottori modify end*/
/* 改善要望_溝口_00006 20190125 Takuma add start */
.m-openTab{
  position: relative;
  width: 100%;
  min-width: 300px;
}
.m-openTab--en{
  min-width: 350px;
}
.m-openTab_btn{
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
  background-color: #fff;
  color: #333;
  padding: 7.5px 10px;
  border: solid 2px #c5cccf;
  border-radius: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}
.m-openTab_btn.is-opened{
  padding-bottom: 9.5px;
  border-radius: 5px 5px 0 0;
  border-bottom: none;
}
/* 改善要望_溝口_00006 20190125 Takuma modify end */
.m-openTab_inner{
  display: none; /* modify */
  position: absolute;
  width: 100%;
  height: 0;
  font-size: 15px;
  border:none;
}
.m-openTab_inner option{
  position: relative;
  /* 20190125 #31707 Hyron del start */
  /* top: -1em; */
  /* 20190125 #31707 Hyron del end */
}
.m-openTab_inner option::before{
  display: none;
}
.is-opened+.m-openTab_inner{
  display: block; /* modify */
  height: 150px;
  padding: 0 0.5em;
  border: solid 2px #c5cccf;
  border-top: none;
  border-radius: 0 0 5px 5px;
}
/* 改善要望_溝口_00006 20190125 Takuma modify end */
@media screen and (max-width: 768px){
  .m-openTab{
    min-width: 0;
  }
  .m-openTab_inner{
    display: none;
  }
  .m-openTab_sp{
    width: 100%;
    max-width: 400px;
    height: 150px;
    text-align: left;
    background-color: #fff;
    padding: 10px;
    border: solid 2px #c5cccf;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    overflow-y: scroll;
  }
  .m-openTab_sp li{
    margin-bottom: 5px;
  }
}
/* 改善要望_溝口_00006 20190125 Takuma add end */
/* =======================================================================
タブメニュー用
======================================================================= */
.l-tabMenu_panel{
  display: none;
}
.l-tabMenuBtn{
  display: flex;
  border-bottom: solid 5px #0071b5;
}
.l-tabMenuBtn_item{
  width: 100%;
  border: solid 3px #0071b5;
  border-bottom: none;
  text-align: center;
  color: #0074b5;
  font-size: 1.2em;
  font-weight: 700;
  padding: 0.6em 0 0.5em;
  border-radius: 15px 15px 0 0;
  margin: 0 0.5em;
  cursor: pointer;
}
.l-tabMenuBtn_item.is-active{
  background-color: #0071b5;
  color: #fff;
  cursor: default;
}
/* =======================================================================
Cookieの同意
======================================================================= */
/* 改善要望_浦田_00358 20200121 Takuma add start */
.l-gdprArea{
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: rgba(230, 244, 255, 0.93);
  animation: gdprAreaPop 1s ease 0s 1 alternate none running;
  z-index: 9999;
}
.l-gdprArea_inner{
  position: relative;
  display: flex;
  align-items: center;
  max-width: 1280px;
  padding: 15px 20px;
  margin-left: auto;
  margin-right: auto;
}
.l-gdprArea_text{
  font-size: 14px;
  line-height: 1.5;
}
.l-gdprArea_accept{
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px){
  .l-gdprArea_inner{
    display: block;
    padding: 10px 10px;
    margin-left: auto;
    margin-right: auto;
  }
  .l-gdprArea_text{
    font-size: 12px;
    line-height: 1.3;
    padding-bottom: 6px;
  }
}
@keyframes gdprAreaPop {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* 改善要望_浦田_00358 20200121 Takuma add  end  */
/* =======================================================================
検索画面ページャー用
======================================================================= */
/* 改善要望_北村_00007 20181119 Takuma add start */
.l-searchPager{
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4rem;
  background-color: #d9e2e8;
  padding: 0.5em 0.7em;
}
.l-searchPager_select{
  display: flex;
}
.l-searchPager_select>*{
  margin-right: 7px;
}
.l-searchPager_select>*:last-child{
  margin-right: 0;
}
.l-searchPager_select>*>*{
  margin-right: 5px;
}
.l-searchPager_select>*>*:last-child{
  margin-right: 0;
}
.l-searchPager_caption{
  font-weight: 700;
  display: inline-block;
  margin-right: 0.5em;
}
.l-searchPager_pagenation a{
  margin: 0 5px;
}
.l-searchPager_guide{
  color: #555;
}
@media screen and (max-width: 1279px){
  .l-searchPager{
    flex-wrap: wrap;
  }
  .l-searchPager_pagenation{
    margin: 0 auto;
  }
  .l-searchPager_pagenation a{
    margin: 0 2px;
  }
  .l-searchPager_guide{
    width: 100%;
    text-align: center;
    padding-top: 5px;
  }
}
@media screen and (max-width: 767px){
  .l-searchPager{
  /* 20181228 #31493 Hyron add start */
    padding: 0.5em 0.1em;
    font-size: 13px;
  /* 20181228 #31493 Hyron add end */
  }
  .l-searchPager_select{
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
  }
  .l-searchPager_select>*{
    margin-right: 0;
    margin-bottom: 3px;
    text-align: center;
  }
  .l-searchPager_select>*:last-child{
    margin-right: 0;
    margin-bottom: 0;
  }
  .l-searchPager_caption{
    text-align: center;
  }
  .l-searchPager_pagenation{
    padding-top: 5px;
  }
  .l-searchPager_guide{
    padding-top: 3px;
  }
}
/* 改善要望_北村_00007 20181119 Takuma add end */
/* =======================================================================
フッターガイド用
======================================================================= */
/* 改善要望_北村_00004 20190107 Takuma add start */
.l-footerGuide-wrap{
  display: flex;
}
.l-footerGuide-wrap > *{
  width: 50%;
}
.l-footerGuide-wrap > *:first-child{
  margin-right: 40px;
}
.l-footerGuide_items{
  margin-bottom: 20px;
}
.l-footerGuide_items-head{
  font-size: 1.8rem;
  font-weight: 700;
  background-color: #ebeff1;
  padding: 10px 15px;
  margin-bottom: 15px;
}
.l-footerGuide_items-body{
  font-size: 1.6rem;
  padding: 10px 0;
  overflow: hidden;
}
.l-footerGuide_datalist{
  display: flex;
  font-size: 1.4rem;
  line-height: 1.5;
  padding-bottom: 10px;
}
.l-footerGuide_datalist:last-child{
  padding-bottom: 0;
}
.l-footerGuide_datalist-head{
  min-width: 150px;
}
@media screen and (max-width: 768px){
  .l-footerGuide-wrap{
    flex-direction: column;
  }
  .l-footerGuide-wrap > *{
    margin: 0;
    width: 100%;
  }
  .l-footerGuide_datalist{
    flex-direction: column;
  }
  .l-footerGuide_datalist-head{
    min-width: auto;
    padding-bottom: 5px;
  }
}
/* 改善要望_北村_00004 20190107 Takuma add end*/
/* =======================================================================
ユーザー操作エリア
======================================================================= */
/* 改善要望_溝口_00006 20181026 Takuma add start */
.p-selectArea{
  background-color: #d9e2e8;
  padding: 20px;
}
.p-selectArea_heading{
  font-size: 1.2em;
}
.p-selectArea_contents{
  display: flex;
}
.p-selectArea_form{
  width: 100%;
}
.p-selectArea_btnArea{
  width: 230px;
  flex-shrink: 0;
  align-self: flex-end;
  padding: 0 15px;
  margin: 0 auto;
}
.p-selectArea_field{
  width: 100%;
  display: flex;
  align-items: center;
}
.p-selectArea_title{
  flex-shrink: 0;
  text-align: center;
  margin-right: 0.5em;
}
.p-selectArea_title--7em{
  width: 7em;
  flex-shrink: 0;
  text-align: center;
  margin-right: 0.5em;
}
.p-selectArea_title--9em{
  width: 9em;
  flex-shrink: 0;
  text-align: center;
  margin-right: 0.5em;
}
.p-selectArea_input{
  margin-right: 0.5em;
}
.p-selectArea_input:last-child{
  margin-right: 0;
}
.p-selectArea_input input[type="checkbox"]{
  margin-right: 5px;
  margin-top: 0px;
}
/* 改善要望_溝口_00006 20190218 Takuma delete start */
/* .p-selectArea_input select{
  padding: 3px 8px 3px 8px;
} */
/* 改善要望_溝口_00006 20190218 Takuma delete end */
/* 改善要望_溝口_00006 20190214 Takuma add end */
@media screen and (max-width: 769px){
  .p-selectArea_heading{
    font-weight: 700;
  }
  .p-selectArea_contents{
    display: block;
  }
  .p-selectArea_field{
    display: block;
  }
  .p-selectArea_title,
  .p-selectArea_title--9em,
  .p-selectArea_title--7em{
    width: 100%;
    flex-shrink: 0;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0.25em;
  }
  .p-selectArea_input{
    width: 100%;
    text-align: center;
  }
}
/* 改善要望_溝口_00006 20181026 Takuma add end */
/* =======================================================================
BOM用テーブル
======================================================================= */
/* 改善要望_溝口_00006 20190201 Takuma modify start */
.p-bomTable table{
  table-layout: auto;
}
.p-bomTable table tbody tr>*:first-child{
  width: 100px;
}
.p-bomTable td,.p-bomTable th{
  vertical-align: middle!important;
  min-width: 80px;
}
.p-bomTable_spTh{
  display: none;
}
.p-bomTable_btnList{
  max-width: 270px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
}
.p-bomTable_btnList::after{
  content: '';
  display: block;
  width: 130px;
}
/* 改善要望_溝口_00006 20190131 Takuma modify start */
@media screen and (max-width: 769px){
  .p-bomTable thead{
    display: none;
  }
  .p-bomTable colgroup{
    display: none;
  }
  .p-bomTable tr{
    display: block;
    border: solid 2px #ccc;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  .p-bomTable th,
  .p-bomTable td{
    width: 100%!important;
    display: block;
    border: none!important;
  }
  .p-bomTable_spTh{
    display: inline-block;
  }
  .p-bomTable .p-bomTable_harfTd{
    width: 50%!important;
    float: left!important;
  }
}
@media screen and (max-width: 410px){
  .p-bomTable .p-bomTable_harfTd{
    width: 100%!important;
    float: none!important;
  }
}
/* 改善要望_溝口_00006 20190131 Takuma modify end */
/* 改善要望_溝口_00006 20190201 Takuma modify end */
/* =======================================================================
親子会員機能関連
======================================================================= */
/* 親子会員機能改善 20201113 Takuma add start */
/* アイテム表 */
.p-itemTable{
  font-size: 14px;
}
.p-itemTable_inner{
  width: 100%;
}
.p-itemTable_inner tr:not(:last-child){
  border-bottom: solid 1px #ccc;
}
.p-itemTable_inner thead{
  border-bottom: dashed 1px #ccc;
}
.p-itemTable_inner thead th{
  font-weight: 700;
  padding: 6px 3px;
}
.p-itemTable_inner td{
  padding: 6px 3px;
}
@media screen and (max-width: 767px){
  .p-itemTable_inner,
  .p-itemTable_inner>tbody{
    display: block;
    max-width: 100%;
  }
  .p-itemTable_inner tr{
    display: block;
    background-color: #fff;
    padding: 9px;
    border: solid 3px #ccc!important;
    margin-bottom: 12px;
  }
  .p-itemTable_inner td{
    width: 100%!important;
    display: block;
    padding: 0;
    margin-bottom: 6px;
  }
  .p-itemTable_inner td:last-child{
    margin-bottom: 0;
  }
  .p-itemTable_inner thead{
    display: none;
  }
}
/* 手順リスト */
.p-flowList{
  font-size: 14px;
}
.p-flowList_inner{
  width: 100%;
}
.p-flowList_item{
  position: relative;
  display: flex;
  align-items: center;
  background-color: #ebeff1;
  border-radius: 6px;
}
.p-flowList_item:not(:last-child){
  margin-bottom: 18px;
}
.p-flowList_item:not(:last-child)::after{
  position: absolute;
  top: 100%;
  left: calc( 50% - 12px );
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 12px 0 12px;
  border-color: #ebeff1 transparent transparent transparent;
}
.p-flowList_item>td{
  padding: 6px 12px;
}
.p-flowList_item>td:last-child{
  margin-left: auto;
}
.p-flowList_item-num{
  font-weight: 700;
}
@media screen and (max-width: 767px){
  .p-flowList_item{
    display: block;
    padding: 9px;
  }
  .p-flowList_item>td{
    display: block;
    padding: 0;
  }
  .p-flowList_item>td:last-child{
    text-align: center;
  }
}
/* 親子会員機能改善 20201113 Takuma add  end  */
/* =======================================================================
基本ダイアログ
======================================================================= */
/* 改善要望_浦田_00323 20180918 Takuma add start */
.p-dialog{
  position: fixed;
  width: 700px;
  max-width: 700px;
  height: auto;
  border:1px solid #666;
  z-index:10003;
  overflow: hidden;
}
/* 一括検索 20200206 Takuma modify start */
.p-dialog--fill{
  position: fixed;
  width: calc(100vw - 2%); /*modified*/
  height: calc(100vh - 2%); /*modified*/
  border:1px solid #666;
  z-index:10003;
  overflow: hidden;
}
/* 一括検索 20200401 Takuma add start */
.p-dialog--large{
  position: fixed;
  width: calc(100vw - 6%);
  max-width: 1000px;
  height: calc(100vh - 6%);
  border:1px solid #666;
  z-index:10003;
  overflow: hidden;
}
/* 一括検索 20200401 Takuma add  end  */
/* 一括検索 20200206 Takuma modify  end  */
.p-dialog_header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:5px 10px 4px;
  background: #0071b5;
  color: #fff;
  font-weight: bold;
  overflow: hidden;
}
.p-dialog_title{
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}
.p-dialog_closebtn{
  font-size: 20px;
  width: 1.2em;
  height: 1.2em;
  background-color: #4D9CCB;
  padding: 2px;
  line-height: 0;
  color: #fff;
  border: none;
}
.p-dialog_content{
  width: 698px;
  padding: 15px;
  background-color: #f7fdfd;
}
/* 一括検索 20200401 Takuma modify start */
.p-dialog--fill .p-dialog_content,
.p-dialog--large .p-dialog_content,
.p-dialog--sm .p-dialog_content{ /*modified*/
  width: 100%;
  height: calc( 100% - 35px );
  padding: 15px;
  background-color: #f7fdfd;
  overflow-y: auto;
}
/* 一括検索 20200401 Takuma modify  end  */
.p-dialog_btnArea{
  display: flex;
  justify-content: center;
}
.p-dialog_content .p-mForm_items p{
  width: 100%;
  text-align: center;
  margin: 1em 0;
}
.p-dialog_desc{
  margin: 1em 0;
}
@media screen and (max-width: 768px){
  .p-dialog{
    width: 100%;
  }
  /* 一括検索 20200401 Takuma modify start */
  .p-dialog--fill,
  .p-dialog--large{
    position: fixed;
    width: calc(100vw - 14px);
    height: calc(100vh - 14px);
    border:1px solid #666;
    z-index:10003;
    overflow: hidden;
  }
  .p-dialog_content{
    width: 100%;
  }
  .p-dialog--fill .p-dialog_content,
  .p-dialog--large .p-dialog_content{
    width: 100%;
    height: 100%;
    padding: 10px 0 30px;
    background-color: #f7fdfd;
    overflow-y: scroll;
  }
}
  /* 一括検索 20200401 Takuma modify  end  */
/* 改善要望_浦田_00323 20180918 Takuma add end */
/* 改善要望_新藤明日佳_00129 20190621 oshio add start */
.p-dialog--mail{
  position: fixed;
  width: 700px;
  max-width: 700px;
  border:1px solid #666;
  z-index:10003;
}

.l-btn-cs {
  display: flex;
  justify-content: space-around;
}

.btn-cc {
  width: 120px;
}

.btn-ss {
  width: 120px;
}

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

@media screen and (max-width: 768px){
  .p-dialog--mail{
    width: 100%;
  }
}
/* 改善要望_新藤明日佳_00129 20190621 oshio add end */
/* =======================================================================
買い物かごアラート 20180918 Takuma add end
======================================================================= */
.p-cartAlert_toc{
  margin-bottom: 15px;
}
.p-cartAlert_toc-spth{
  display: none;
}
.p-cartAlert_toc table{
  width: 100%;
}
.p-cartAlert_toc table th{
  text-align: center;
  background-color: #ebeff1;
  border: solid 1px #ccc;
  padding: 5px;
}
.p-cartAlert_toc table td{
  text-align: center;
  background-color: #fff;
  border: solid 1px #ccc;
  padding: 5px;
}
.p-cartAlert_announce{
  background-color: #fff;
  font-size: 13px;
  padding: 0 1em;
  border: solid 1px #ccc;
}
.p-cartAlert_announce-item{
  padding: 0.5em 0;
  border-bottom: solid 1px #ccc;
}
.p-cartAlert_announce-item:last-child{
  border-bottom: none;
}
.p-cartAlert_consent-desc{
  text-align: center;
  margin: 1em 0;
}
.p-cartAlert_consent-btn{
  display: flex;
  justify-content: space-around;
}
.p-cartAlert_consent-btn-accept{
  width: 200px;
  background-color: #1db75b;
  color: #fff;
  font-size: 1.2em;
  font-weight: 700;
  padding: 0.3em 0.2em;
  border: none;
  border-radius: 5px;
}
.p-cartAlert_consent-btn-reject{
  width: 200px;
  background-color: #cc0000;
  color: #fff;
  font-size: 1.2em;
  font-weight: 700;
  padding: 0.3em 0.2em;
  border: none;
  border-radius: 5px;
}
.p-cartAlert_consent-foot{
  font-size: 0.8em;
  margin-top: 0.5em;
  text-align: right;
}
@media screen and (max-width: 768px){
  .p-cartAlert_toc-spth{
    display: block;
    border-bottom: solid 2px #ebeff1;
    background-color: #ebeff1;
    margin-bottom: 0.25em;
  }
  .p-cartAlert_toc td{
    display: block;
    padding: 0;
    border-right: none;
    border-top: solid 1px #ccc;
    padding-bottom: 0.25em;
  }
  .p-cartAlert_toc th{
    display:none;
  }
	.p-cartAlert_consent-btn-accept{
  width: 150px;
  background-color: #1db75b;
  color: #fff;
  font-size: 1.2em;
  font-weight: 700;
  padding: 0.3em 0.2em;
  border: none;
  border-radius: 5px;
}
.p-cartAlert_consent-btn-reject{
  width: 150px;
  background-color: #cc0000;
  color: #fff;
  font-size: 1.2em;
  font-weight: 700;
  padding: 0.3em 0.2em;
  border: none;
  border-radius: 5px;
}
}
/* =======================================================================
ドラッグ可能エリア
======================================================================= */
/* 20190618 Takuma modify start */
.p-draggableArea{
  position: relative;
  width: 100%;
  height: 230px;
  background-color: #fff; /* modify */
  border: dashed 4px #ccc;
}
.p-draggableArea--small{ /* modify */
  position: relative;
  width: 100%;
  height: 150px;
  background-color: #fff;
  border: dashed 2px #ccc;
}
.p-draggableArea_info{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  font-size: 30px;
  font-weight: 500; /* modify */
  color: #ccc;
}
.p-draggableArea-result{
  max-width: 700px;
  font-weight: 500; /* modify */
  margin-left: auto;
  margin-right: auto;
}
.p-draggableArea-result_table{
  width: 100%;
}
.p-draggableArea-result_table th{
  border: solid 1px #ccc;
  padding: 5px;
  background-color: #cfe4f1;
  text-align: center;
}
.p-draggableArea-result_table th:last-child{
  width: 90px;
}
.p-draggableArea-result_table td{
  border: solid 1px #ccc;
  padding: 5px 15px;
  vertical-align: middle;
}
/* 一括検索 20200305 Takuma modify start */
@media screen and (max-width: 1279px){ /* modify */
  .p-draggableArea{
    display: none;
  }
  .p-draggableArea--small{
    display: none;
  }
  .p-draggableArea_result{
    display: none;
  }
}
/* 一括検索 20200305 Takuma modify  end  */
/* 基盤製造サービス作成 20190618 Takuma modify end */
/* =======================================================================
テキスト入力エリア
======================================================================= */
/* 一括検索 20200131 Takuma add start */
.p-itemInputList{
  width: 100%;
}
.p-itemInputList thead th{
  font-weight: 700;
  padding-bottom: 5px;
  border-bottom: solid 2px #ccc;
  margin-bottom: 5px;
}
.p-itemInputList tbody tr:first-child td{
  padding-top: 5px;
}
.p-itemInputList tbody td{
  padding-right: 5px;
  padding-bottom: 5px;
}
@media screen and (max-width: 767px){
  .p-itemInputList{
    display: none;
  }
  /* 2024/10/31 #62261 ADD START */
  .p-itemInputList.is-stableview{
    display: block;
  }
  /* 2024/10/31 #62261 ADD END */
  .p-itemInputListSp_col{
    position: relative;
    padding: 12px 0;
    border-bottom: solid 1px #ccc;
  }
  .p-itemInputListSp .js-accordion-trigger{
    position: absolute;
    top: 3px;
    right: 0;
  }
  .p-itemInputListSp .js-accordion-trigger .c-arrow{
    top: 0;
    right: 0;
  }
  .p-itemInputListSp_item{
    margin-bottom: 6px;
  }
  .p-itemInputListSp_item dt{
    margin-bottom: 3px
  }
}
/* 一括検索 20200131 Takuma add  emd  */
/* =======================================================================
プリント基板設計/製造見積サービス
======================================================================= */
.p-p-ban-nav{
  display: flex;
  margin-bottom: 15px;
}
.p-p-ban-nav_item{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #0071b5;
  text-align: center;
  color: #fff;
  font-size: 1.2em;
  font-weight: 700;
  padding: 0.6em 0 0.5em;
  border-radius: 5px;
  margin: 0 0.5em;
  cursor: pointer;
}
/* 2021/10/29 #42706 ADD START */
.p-p-ban-nav_item--small{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #0071b5;
  text-align: center;
  color: #fff;
  font-size: 0.8em;
  font-weight: 700;
  padding: 0.6em 0 0.5em;
  border-radius: 5px;
  margin: 0 0.5em;
  cursor: pointer;
  height: 40px;
}
.p-p-ban-nav_item--small:nth-child(1), .p-p-ban-nav_item--small:nth-child(2){
  width: 39%;
}
.p-p-ban-nav_item--small:nth-child(3){
  width: 280px;
}
@media screen and (max-width: 1279px) {
  .p-p-ban-nav_item--small {
    width: 33% !important;
    margin-top: 30px;
  }
}
@media screen and (max-width: 759px) {
  .p-p-ban-nav_item--small {
    width: 100% !important;
    margin-top: 30px;
    font-size: 1.4rem;
  }
}
/* 2021/10/29 #42706 ADD END */
.p-p-ban-nav_item.is-active{
  background-color: #465869;
}
.p-p-ban-nav_item a{
  color: #fff;
}
.p-p-ban-nav_item img{
  display: inline-block;
  height: 1.6rem;
  width: auto;
  padding-left: 5px;
  padding-bottom: 2px;
  vertical-align: middle
}
.p-p-ban-nav_item[ aria-current="true" ]{
  background-color: #465869;
}
@media screen and (max-width: 759px){
  .p-p-ban-nav{
    flex-direction: column;
    align-items: center;
  }
  /* 一括検索 20200131 Takuma modify start */
  .p-p-ban-nav_item{
    margin: 0; /* modify */
    margin-bottom: 5px;
  }
  /* 一括検索 20200131 Takuma modify start */
}
/* 基盤製造サービス作成 20190603 Takuma add start */
/* 基盤製造サービス作成 20190920 Takuma delete start */
/* .p-p-ban-answer{
  display: flex;
  padding: 10px;
  border: solid 1px #ccc;
  border-radius: 5px;
  margin-bottom: 10px;
}
.p-p-ban-answer:last-child{
  margin-bottom: 0;
}
.p-p-ban-answer_info{
  width: 100%;
}
.p-p-ban-answer_btn{
  flex-shrink: 0;
  width: 200px;
  margin-left: 10px;
}
.p-p-ban-answer_btn>*{
  margin-bottom: 10px;
}
.p-p-ban-answer_head{
  display: flex;
  align-items: flex-end;
  padding-bottom: 5px;
  border-bottom: solid 1px #ccc;
  margin-bottom: 5px;
}
.p-p-ban-answer_body{
  display: flex;
}
.p-p-ban-answer_body>*{
  flex-grow: 1;
}
.p-p-ban-answer_value{
  display: flex;
  margin-bottom: 5px;
}
.p-p-ban-answer_value dl{
  display: flex;
  align-items: center;
  width: 100%;
  margin-right: 20px;
}
.p-p-ban-answer_value dt{
  flex-shrink: 0;
  font-weight: 700;
  padding-right: 10px;
}
.p-p-ban-answer_value dd{
  width: 100%;
  text-align: right;
  background-color: #ebeff1;
  padding: 0.5em;
}
.p-p-ban-answer_date dl{
  display: flex;
  align-items: center;
  padding: 10px 0;
  font-weight: 700;
  margin-right: 20px;
}
.p-p-ban-answer_date dt{
  padding-right: 10px;
}
.p-p-ban-answer_date dd{
  padding-left: 10px;
  border-left: solid 1px #ccc;
}
.p-p-ban-answer_price{
  width: 200px;
  flex-grow: 0;
  flex-shrink: 0;
  border: solid 1px #ccc;
  padding: 5px;
}
.p-p-ban-answer_price dt{
  font-weight: 700;
  line-height: 1;
  text-align: center;
  padding-bottom: 10px;
  border-bottom: solid 1px #ccc;
  margin-bottom: 10px;
}
.p-p-ban-answer_price dd{
  font-size: 21px;
  font-weight: 700;
  color: red;
  text-align: right;
}
.p-p-ban-answer_status{
  width: 100px;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #aaa;
  padding: 8px 0 6px;
  border-radius: 5px;
  margin-right: 10px;
}
.p-p-ban-answer_location{
  font-size: 18px;
  font-weight: 700;
}
.p-p-ban-answer_status.rapid{
  background-color: #25aa46;
}
.p-p-ban-answer_status.modest{
  background-color: #ff8800;
}
@media screen and (max-width: 1279px){
  .p-p-ban-answer{
    display: block;
  }
  .p-p-ban-answer_btn{
    flex-shrink: 0;
    width: 100%;
    margin-left: 0;
    display: flex;
    justify-content: space-around;
  }
  .p-p-ban-answer_btn>*{
    margin-top: 10px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px){
  .p-p-ban-answer{
    display: block;
  }
  .p-p-ban-answer_btn{
    display: block;
  }
  .p-p-ban-answer_body{
    display: block;
  }
  .p-p-ban-answer_value{
    display: block;
    margin-bottom: 0;
  }
  .p-p-ban-answer_value dl{
    margin-bottom: 5px;
  }
  .p-p-ban-answer_value dt{
    width: 90px;
    flex-shrink: 0;
    font-weight: 700;
    padding-right: 10px;
  }
  .p-p-ban-answer_date dl{
    display: block;
    padding: 0;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .p-p-ban-answer_date dt{
    padding-right: 0;
    padding-bottom: 5px;
    border-bottom: solid 1px #ccc;
    margin-bottom: 5px;
  }
  .p-p-ban-answer_date dd{
    padding-left: 0;
    border-left: none;
  }
  .p-p-ban-answer_price{
    width: 100%;
  }
} */
/* 基盤製造サービス作成 20190920 Takuma delete end */
.CA{
  width: 100%;
  max-width: 1120px;
  margin: 30px auto;
}
.p-mForm{
  font-size: 16px;
  color: #333;
}
.p-mForm *{
  box-sizing: border-box;
}
/* 基盤製造サービス作成 20191007 Takuma add/modify start */
.p-mForm_section{
  margin-bottom: 0;
}
.p-mForm_box{
  margin-bottom: 0;
}
.p-mForm_heading{
  background-color: #0071b5;
  color: #fff;
  font-size: 1.2em;
  font-weight: 700;
  padding: 0.5em 0.8em 0.4em;
}
.p-mForm_heading-desc{
  font-weight: 700;
  padding: 0.2em 1em;
  border-bottom: solid 3px #0071b5;
}
.p-mForm_innerHeading{
  background-color: #ecf3f7;
  font-size: 1.2em;
  font-weight: 700;
  padding: 0.2em 0.8em;
}
.p-mForm_col{
  display: flex;
  padding: 1em 0;
  border-bottom: solid 1px #ccc;
  min-height: 130px;
}
.p-mForm_col-head{
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.p-mForm_col-body{
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  margin: 0 1em;
}
.p-mForm_title{
  flex-shrink: 0;
  font-size: 1.2em;
  font-weight: 700;
  color: #465869;
  margin: 0 1em;
  text-align: center;
}
.p-mForm_title--large{
  width: 7em;
  font-size: 1.1em;
  font-weight: 700;
  color: #465869;
  margin: 0 1em;
  text-align: center;
}
.p-mForm_descImage{
  flex-shrink: 0;
  width: 130px;
  line-height: 0;
}
.p-mForm_descList{
  list-style: disc;
  padding-left: 1.5em;
}
.p-mForm_content{
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}
.p-mForm_items{
  flex-grow: 1;
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.p-mForm_items--long{
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.p-mForm_items--long p{
  width: 80%;
}
.p-mForm_items .p-mForm_input{
  width: 7em;
}
.p-mForm_state{
  font-size: 1.2em;
  font-weight: 700;
}
.p-mForm_btnArea{
  display: flex;
  justify-content: center;
  min-width: 300px;
}
.p-mForm_textArea{
  width: 90%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.p-mForm_textArea textarea{
  width: 100%;
}
.p-mForm_checkbox{
  flex-grow: 1;
  display: flex;
  justify-content: space-around;
  width: 100%;
}
.p-mForm_checkbox label{
  display: block;
  width: 100%;
  color: #333;
  cursor: pointer;
  text-align: center;
  padding:0.7em 0.3em;
  border: solid 1px #ccc;
  border-radius: 5px;
  margin: 0 0.25em;
  font-size: 14px;
  font-weight: 700;
}
.p-mForm_checkbox input{
  display: none;
}
.p-mForm_otherArea{
  width: 430px;
  display: flex;
  align-items: center;
  margin-left: auto;
}
.p-mForm_otherArea>input[type="checkbox"]{
  flex-shrink: 0;
}
.p-mForm_otherArea-heading{
  flex-shrink: 0;
  margin-right: 0.5em;
}
.p-mForm_otherArea>textarea{
  font-size: 14px;
}
.p-mForm_checkbox-color{
  width: 100%;
  padding-bottom: 5px;
  border-bottom: solid 5px #ccc;
  margin-left: 7px;
}
.p-mForm_checkbox-color label{
  margin: 0;
}
.p-p-ban-inquily{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.p-p-ban-inquily>p{
  font-weight: 700;
  margin-right: 0.5em;
}
.check_box:checked + .label {
  background-color: #0071b5;
  color: #fff;
}
.p-mForm_confirmtext{
  min-width: 10em;
  text-align: center;
  background-color: #e4e4e4;
  padding: 0.7em;
  font-weight: 700;
  color: #444;
  margin: 0 15px;
}
.p-mForm_items-caption{
  min-width: 6em;
  flex-shrink: 0;
  padding: 0.7em 0.3em;
  text-align: center;
}
.p-mForm_toEstimate{
  text-align: right;
  margin: 0.5em 0;
}
@media screen and (max-width: 767px){
  .p-p-ban-inquily{
    display: block;
  }
  .p-p-ban-inquily>p{
    margin-right: 0;
    margin-bottom: 0.5em;
  }
}
@media screen and (max-width: 768px){
  .p-mForm{
    font-size: 14px;
    color: #333;
  }
  .p-mForm_col{
    flex-direction: column;
    align-items: center;
  }
  .p-mForm_col-head{
    flex-direction: column;
  }
  .p-mForm_col-body{
    width: 100%;
    margin: 1em 5px;
  }
  .p-mForm_content{
    flex-direction: column;
    margin-bottom: 10px;
  }
  .p-mForm_items{
    flex-direction: column;
    margin-bottom: 1em;
  }
  .p-mForm_items--long{
    width: 100%;
  }
  .p-mForm_items--long p{
    margin: 0 auto;
  }
  .p-mForm_checkbox{
    width: 90%;
    flex-wrap: wrap;
  }
  .p-mForm_checkbox label{
    display: block;
    width: 45%;
    color: #333;
    cursor: pointer;
    text-align: center;
    padding:0.7em;
    border: solid 1px #ccc;
    border-radius: 5px;
    margin: 0.5em 0;
    font-size: 14px;
    font-weight: 700;
  }
  .p-mForm_items-caption{
    width: 100%;
  }
}
@media screen and (max-width: 768px){
  .p-mForm_checkbox-color{
    width: calc( 50% - 7px );
    padding: 0px;
    border-bottom: solid 10px #ccc;
    margin-bottom: 10px;
  }
  .p-mForm_checkbox-color label{
    width: 100%;
  }
}
@media screen and (max-width: 768px){
  .p-mForm_content {
    display: block;
  }
}
/* 基盤製造サービス作成 20191007 Takuma add/modify end */
.p-smallForm{
  font-size: 16px;
  line-height: 1;
}
.p-smallForm_col{
  display: flex;
  min-height: 90px;
  font-size: 16px;
  padding: 15px 0;
  border-bottom: solid 1px #ccc;
}
.p-smallForm_col-head{
  width: 170px;
  font-size: 1em;
  flex-shrink: 0;
  font-weight: 700;
  padding: 0 1.5em;
  align-self: center;
}
.p-smallForm_col-head--long{
  width: 230px;
  flex-shrink: 0;
  font-weight: 700;
  padding: 0 1.5em;
  align-self: center;
}
.p-smallForm_col-body{
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-self: center;
  margin-right: -15px;
  margin-bottom: -10px;
}
.p-smallForm_col-body>*{
  margin-right: 15px;
  margin-bottom: 10px;
}
.p-smallForm_col input[type="text"]{
  max-width: 600px;
  font-size: 14px;
  line-height: 1.2;
  padding: 0.5em;
}
.p-smallForm .c-alert{
  width: 100%;
}
.p-smallForm_caption{
  font-size: 14px;
  color: #777;
}
@media screen and (max-width: 1279px){
  .p-smallForm_col-head{
    width: 130px;
    flex-shrink: 0;
    font-size: 14px;
    padding: 0 0.5em;
    align-self: center;
  }
}
@media screen and (max-width: 767px){
  .p-smallForm_col{
    min-height: unset;
    display: block;
  }
  .p-smallForm_col-head--long,
  .p-smallForm_col-head{
    width: 100%;
    padding: 0;
    margin-bottom: 5px;
  }
  .p-smallForm_col-body>*{
    margin-left: auto;
    margin-right: auto;
  }
}
.p-answerBox_heading{
  font-size: 1.2em;
  font-weight: 700;
  color: #fff;
  background-color: #0071b5;
  padding: 0.5em;
}
/* 基盤製造サービス作成 20191007 Takuma add/modify start */
.p-answerBox_contents{
  border: none;
  margin-top: 15px;
}
.p-pban-answer{
  position: relative;
  display: flex;
  border: solid 1px #ccc;
  margin-left: 50px;
}
.p-pban-answer_heading{
  position: absolute;
  top: 0;
  left: -120px;
  width: 120px;
  height: 100%;
  padding-top: 40px;
}
.p-pban-answer_heading-text{
  min-height: 34px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  padding: 8px 0;
  border-radius: 10px 0 0 10px;
  background-color: #e2eef8;
  margin-left: 2px;
  margin-right: 1px;
  margin-bottom: 1px;
}
.p-pban-answer_box{
  width: 100%;
  border-right: solid 1px #ccc;
}
.p-pban-answer_box:last-child{
  border-right: none;
}
.p-pban-answer_box.is-invalid{
  background-color: #eee;
}
.p-pban-answer_box-status{
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  line-height: 1.7;
  background-color: #aaa;
  color: #fff;
  padding: 5px;
}
.p-pban-answer_box-status.more-low-priced{
  background-color: #dd1a00;
}
.p-pban-answer_box-status.low-priced{
  background-color: #ee5700;
}
.p-pban-answer_box-status.middle-priced{
  background-color: #f18900;
}
.p-pban-answer_box-status.express{
  background-color: #06a700;
}
.p-pban-answer_box-status.rapid-express{
  background-color: #0038b9;
}
.p-pban-answer_box-inner{
  flex-grow: 1;
  font-size: 15px;
  padding: 0 8px 8px;
}
.p-pban-answer_box.is-invalid .p-pban-answer_box-inner{
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc( 100% - 40px );
  text-align: center;
}
.p-pban-answer_box-info{
  height: 35px;
  padding-top: 9px;
  padding-bottom: 8px;
  border-bottom: solid 1px #ccc;
}
.p-pban-answer_box-info-sp{
  display: none;
}
.p-pban-answer_box-btn{
  margin: 8px 0;
}
.p-pban-answer_box-btn>*{
  margin-bottom: 5px;
}
.p-pban-answer_box-btn>*:last-child{
  margin-bottom: 0;
}
.p-pban-answer_box-desc{
  font-size: 14px;
  line-height: 1.5;
}
@media screen and (max-width: 1279px){
  .p-pban-answer{
    display: block;
    margin-left: 0;
  }
  .p-pban-answer_heading{
    display: none;
  }
  .p-pban-answer_box{
    display: flex;
    border-bottom: solid 1px #ccc;
    border-right: none;
  }
  .p-pban-answer_box:last-child{
    border-bottom: none;
  }
  .p-pban-answer_box-inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding: 10px;
  }
  .p-pban-answer_box.is-invalid .p-pban-answer_box-inner{
    height: 100%;
    text-align: left;
  }
  .p-pban-answer_box-info{
    width: calc( 33.33% - 5px );
    height: auto;
  }
  .p-pban-answer_box.is-invalid .p-pban-answer_box-info{
    display: none;
  }
  .p-pban-answer_box-info-sp{
    display: inline-block;
    font-weight: 700;
    margin-right: 0.5em;
  }
  .p-pban-answer_box-btn{
    padding-right: 10px;
    border-right: dashed 1px #ccc;
    margin-right: 10px;
  }
  .p-pban-answer_box.is-invalid .p-pban-answer_box-btn{
    width: 160px;
    padding: 10px 0;
  }
  .p-pban-answer_box-desc{
    margin-right: auto;
  }
  .p-pban-answer_box-status{
    width: 45px;
    line-height: 1.2;
  }
}
@media screen and (max-width: 767px){
  .p-pban-answer_box-info{
    width: 100%;
  }
  .p-pban-answer_box-btn{
    width: 100%;
    margin-right: 0;
    border-right: none;
    padding-right: 0;
  }
}
/* 基盤製造サービス作成 20191007 Takuma add end */

.p-tableForm{
  width: 100%;
  margin: 0 5px;
}
.p-tableForm_inner{
  margin-bottom: 20px;
}
.p-tableForm table{
  width: 100%;
}
.p-tableForm td{
  min-width: 150px;
  padding: 0.25em;
  text-align: center;
  border: solid 1px #ccc;
}
.p-tableForm td input{
  text-align: right;
  margin: 0 0.3em;
}
.p-tableForm th{
  padding: 0.25em;
  background-color: #ebeff1;
  border: solid 1px #ccc;
  text-align: center;
}
.c-alert{
  color: #c00000;
}
.c-smallalert{
  font-size: 11px;
  color: #c00000;
  line-height: 1.2;
}
.c-notes{
  font-size: 0.8em;
}
.c-basicBtn{
  background-color: #ff932d;
  border-radius: 5px;
  cursor: pointer;
}
.c-basicBtn a{
  display: inline-block;
  padding: 0.5em 1em;
  color: #fff;
  font-size: 1.1em;
  font-weight: 700;
  text-decoration: none;
}
.h-inchihenkanBtn{
  margin: 10px 1.5em;
}
/*20180914 Takuma add end*/
/* 改善要望_北村_00004 20181112 Takuma add start */
.c-title--gy{
  font-size: 1.6rem;
  font-weight: 700;
  background-color: #ebeff1;
  padding: 10px 15px;
}
.c-lineTitle{
  font-size: 2rem;
  font-weight: 700;
  padding-bottom: .25em;
  border-bottom: solid 1px #c5cccf;
}
.c-arrow{
  /*20181219 Hyron mod start*/
  /* display: block; */
  /*20181219 Hyron mod end*/
  top: 7px;
  right: 20px;
  font-size: 2.4rem;
  line-height: 1;
  transition: 0.3s;
  color: #666;
}
/* 改善要望_北村_00004 20181112 Takuma add end */
/* Web改善 ユニーク型番表示 20201105 Takuma add start */
.c-emphasisLink{
  display: block;
  font-size: 12px;
  line-height: 1.3;
  color: #0000ff;
  padding: 6px;
  border-radius: 3px;
}
/* Web改善 ユニーク型番表示 20201105 Takuma add end */
/* =======================================================================
検索結果・メイン部分
======================================================================= */
/* ユニーク型番表示 20200714 Takuma modify start */
.m-searchResult{
  /* overflow: hidden; remove */
  position: relative;
  font-size: 12px;
  /* 検索結果改善 20191206 Hyron mod start */
  /*padding-bottom: 100px;*/ /* modified */
  border-top: solid 1px #ccc;
  /*margin-bottom: -100px;*/ /* modified */
  /* 検索結果改善 20191206 Hyron mod end */
}
.m-searchResult[aria-hidden=true]{
  opacity: 0;
}
.m-searchResult_header{
  overflow: hidden;
  position: absolute;
  font-size: 14px;
  z-index: 1;
}
.m-searchResult_header.is-fixed{
  position: fixed;
  z-index: 10001; /* mod */
}
.m-searchResult_contents{
  margin-left: 810px;
  position: static!important;
  padding-top: 30px;
  /* 20191206 #34368 Hyron del start */
  /*padding-bottom: 15px;*/
  /* 20191206 #34368 Hyron del end */
  overflow-x: hidden; /* Add */
}
/* ユニーク型番表示 20200714 Takuma modify end */
.m-searchResult_results{
  table-layout: fixed;
  min-width: 100%;
}
.m-searchResult .jspContainer{
  position: static!important;
}
.m-searchResult .jspPane{
  margin-left: 810px;
}
.m-searchResult .jspDrag{
  border-radius: 15px;
}
/* 検索結果画面修正 20210806 Takuma modify start */
.m-searchResult_results-headCheck{
  position: relative;
  padding-left: 30px;
}
.m-searchResult_results-headCheck-input{
  position: absolute;
  top: 1px;
  left: 0;
  width: 24px;
  height: 100%;
  display: flex;
  align-items: center;
  padding-right: 6px;
  border-right: solid 1px #ddd;
}
.m-searchResult_results-headCheck-input input[type="checkbox"]{
  margin-right: 0;
}
/* 検索結果画面修正 20210806 Takuma modify end */
.m-searchResult_results-column{
  display: flex;
}
.m-searchResult_results-column.is-checked>*{
  background-color: #fffceb!important;
}
/* 20191129 hyron mod start */
/*
.m-searchResult_results-column:nth-child(odd),
.m-searchResult_results-column:nth-child(odd)>.m-searchResult_results-fixbox{
  background-color: #fff;
}
.m-searchResult_results-column:nth-child(even),
.m-searchResult_results-column:nth-child(even)>.m-searchResult_results-fixbox{
  background-color: #f5f7f8;
}
*/
.m-bg-fff{
  background-color: #fff;
}
.m-searchResult_product-image p img{
  max-width: 45px;
  max-height: 45px;
  width: auto;
  height: auto;
  }
/* 20191129 hyron mod end */
/* 20190820 */
.m-searchResult_results-box{
  display: block;
  flex-shrink: 0;
  /* 20191206 #34368 Hyron mod start */
  width: 160px;
  min-width: 160px;
  /* 20191206 #34368 Hyron mod end */
  height: 200px;
  padding: 5px;
  border-right: solid 1px #ccc;
}
/* 検索結果改善 20191204 Takuma modify start */
.m-searchResult_results-fixbox{
  position: absolute;
  left: 0;
  display: flex;
  flex-shrink: 0;
  width: 810px;
  /* 20191206 #34368 Hyron mod start */
  height: auto;
  /* 20191206 #34368 Hyron mod end */
  padding: 5px;
  border-left: solid 1px #ccc;
  border-right: solid 3px #ccc;
}
/* 検索結果改善 20191204 Takuma modify  end  */
/* 20190820 */
th.m-searchResult_results-box{
  font-size: 1.2rem;
  height: 30px;
  padding: 6px;
  background-color: #cfe4f1!important;
}
th.m-searchResult_results-box.box-first{
  padding-left: 803px;
}
th.m-searchResult_results-fixbox{
  height: 30px;
  padding: 6px;
  background-color: #cfe4f1!important;
}
.m-searchResult_scrollbar{
  margin-left: 810px;
}
.m-searchResult_scrollbar .jspHorizontalBar{
  top: auto;
  left: 810px;
  bottom: 0;
  right: 0;
}
.m-searchResults_scrollbar-inner{
  height: 15px;
}
.m-searchResult_scrollbarWrap{
  margin-top: -15px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.2);
}
.m-searchResult_scrollbarWrap.is-fixed{
  position: fixed;
  bottom: 0;
}
/* 検索結果画面修正 20210806 Takuma modify start */
.m-searchResult_product{
  width: 280px;
  position: relative;
  padding-left: 30px;
}
.m-searchResult_product-checkBox{
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 100%;
  display: flex;
  align-items: center;
  padding-right: 6px;
  border-right: solid 1px #ddd;
}
.m-searchResult_product-checkBox input[type="checkbox"]{
  margin-right: 0;
}
/* 検索結果画面修正 20210806 Takuma modify end */
.m-searchResult_product-name,
.m-searchResult_product-maker,
.m-searchResult_product-category,
.m-searchResult_product-caption{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-searchResult_product-name{
  font-size: 1.8rem;
  font-weight: 700;
}
/* 商品詳細画面修正 20200110 Takuma modify start */
.m-searchResult_product-icon>a{
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  background-image: url(../images/common/icons-search-data.png);
}
.m-searchResult_product-icon>a:hover{
  opacity: 0.7;
}
.m-searchResult_product-icon.pdf a{
  background-position: 0 0;
}
.m-searchResult_product-icon.rohs a{
  background-position: 0 -30px;
}
.m-searchResult_product-icon.norohs a{
  background-position: 0 30px;
}
.m-searchResult_product-icon.ccl a{
  background-position: 0 60px;
}
.m-searchResult_product-icon.fav a{
  background-position: 0 -60px;
}
.m-searchResult_product-icon.share{
  position: relative;
}
.m-searchResult_product-icon.share>a{
  background-image: url(../images/common/icon-share.png);
  background-size: contain;
}
/* 商品詳細画面修正 20200110 Takuma modify  end  */

/* リファレンスデザイン 20220418 Takuma add start */
.m-searchResult_product-icon.dwl a{
  background-image: url(../images/common/icon-dl.png);
  background-size: contain;
}
.m-searchResult_product-icon.dwl input{
  background-image: url(../images/common/icon-dl.png);
  background-size: contain;
}
/* リファレンスデザイン 20220418 Takuma add  end  */

.m-searchResult_product-image{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 47px;
  height: 47px;
  background-color: #fff;
  border: solid 1px #ccc;
  margin-left: auto;
}
.m-searchResult_product-info{
  margin-top: 5px;
}
.m-searchResult_price{
  width: 170px;
  border-left: solid 1px #ddd;
  padding-left: 10px;
  margin-left: 10px;
}
.m-searchResult_info{
  width: 133px;
  border-left: solid 1px #ddd;
  padding-left: 10px;
  margin-left: 10px;
}
.m-searchResult_price-tbl{
  width: 100%;
}
.m-searchResult_price-tbl th{
  font-weight: 700;
  padding: 1px 0;
  border-bottom: solid 1px #333;
}
.m-searchResult_price-tbl tr>td:nth-child(2),
.m-searchResult_price-tbl tr>th:nth-child(2){
  text-align: right;
}
.m-searchResult_cart{
  width: 170px;
  border-left: solid 1px #ddd;
  padding-left: 10px;
  margin-left: 10px;
}
.m-searchResult_cart-input{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* ユニーク型番表示 20200903 Takuma modify start */
.m-searchResult_cart-input span{
  flex-shrink: 0;
  display: inline-block;
  width: 56px;
  font-size: 1.1rem;
  line-height: 1.1;
}
/* ユニーク型番表示 20200903 Takuma modify end */
.m-searchResult_cart-input-num{
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
}
.m-searchResult_cart-input-num-plus,
.m-searchResult_cart-input-num-minus{
  border: none;
  width: 20px;
  height: 20px;
  font-weight: 700;
  color: #fff;
  background-color: #0071b5;
  background-size: auto 100%;
}
/* ユニーク型番表示 20200821 Takuma add start */
.m-searchResult_cart-total{
  width: 100%;
  min-width: 120px;
  text-align: right;
  font-size: 1.1em;
  font-weight: 700;
  color: #cc0000;
  background-color: #ffe2e4;
  padding: 6px;
}
/* Web改善 関連製品表示 20210115 Takuma add start */
.m-searchResult_cart-subTotal{
  width: 100%;
  min-width: 120px;
  text-align: right;
  font-size: 1.1em;
  font-weight: 700;
  background-color: #e2f1ff;
  padding: 6px;
}
/* Web改善 関連製品表示 20210115 Takuma add end */
/* ユニーク型番表示 20200821 Takuma add end */
.m-searchResult_stock{
  width: 170px;
  border-left: solid 1px #ddd;
  padding-left: 10px;
  margin-left: 10px;
}
/* 一括検索 20200206 Takuma add start */
.m-searchResult_checkBox{
  display: flex;
  align-items: center;
  flex-shrink: 0;
  max-width: 25px;
  padding-right: 5px;
  border-right: solid 1px #ccc;
  margin-right: 5px;
}
/* 一括検索 20200206 Takuma add  end  */
input[type="text"].m-searchResult_cart-input-num-text{
  width: 55px;
  font-size: 1.3rem;
  text-align: right;
  background-color: #fff;
  padding: 0 0.2em;
  margin: 0 3px;
}
/* 検索結果改善 20191125 Takuma modify start */
input[type="text"].m-searchResult_cart-input-num-text.m-searchResult_cart-input-num--fill{
  width: 100px;
}
/* 検索結果改善 20191125 Takuma modify  end  */
.m-searchResult_status{
  display: inline-block;
  background-color: #ccc;
  color: #fff;
  padding: 0 0.5em;
}
.m-searchResult_status.newitem{
  background-color: #eb4080;
}
.m-searchResult_status.stock{
  background-color: #3988b8;
}
.m-searchResult_status.orgstock{
  background-color: #3893a7;
}
.m-searchResult_status.extraparts{
  background-color: #4c9fb0;
}
.m-searchResult_status.distribution{
  background-color: #7fbdca;
}
.m-searchResult_status.MFRoriginal{
  background-color: #25899e;
}
/* 一括検索画面修正 20210623 Takuma modify start */
.m-searchResult_status.greencat{
  background-color: #27c968;
}
.m-searchResult_status.pinkcat{
  background-color: #f855c7;
}
/* ユニーク型番表示 20200714 Takuma modify start */
.m-searchResult_status.full-reel{
  background-color: #9bbe79;
}
.m-searchResult_status.Reel-process{
  background-color: #9ad662;
}
/* ユニーク型番表示 20200714 Takuma modify end */
@media screen and (max-width: 1279px){
  .m-searchResult{
    background-color: #fff;
    border: none;
  }
  .m-searchResult_header{
    display: none;
  }
  .m-searchResult_contents{
    padding-top: 0;
    margin-left: 0;
  }
  .m-searchResult_results{
    width: 100%;
  }
  .m-searchResult_results-column{
    display: block;
    width: 100%;
    border: solid 3px #ccc;
    margin-bottom: 10px;
  }
  .m-searchResult_results-fixbox{
    width: 100%;
    height: auto;
    position: static;
    flex-wrap: wrap;
    padding: 10px;
    border-right: none;
  }
  .m-searchResult_results-box{
    width: 100%;
    height: auto;
    display: block;
    padding: 10px;
  }
  .m-searchResult_product{
    width: 100%;
    padding-bottom: 20px;
    border-bottom: solid 1px #ddd;
    margin-bottom: 10px;
  }
  .m-searchResult_product-name{
    overflow: visible;
    white-space: pre-wrap;
    line-height: 1.1;
  }
  /* 検索結果改善 20191204 Takuma add start */
  .m-searchResult_product-info{
    margin-top: -5px;
    margin-left: 15px;
  }
  /* 検索結果改善 20191204 Takuma add  end  */
  .m-searchResult_cart,
  .m-searchResult_price{
    width: 50%;
    padding: 0 10px 10px;
    border-left: none;
    border-bottom: 1px solid #ddd;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .m-searchResult_stock{
    width: 100%;
    padding: 0 10px;
    border-left: none;
    margin-left: 0;
    margin-bottom: 10px;
  }
  /* ユニーク型番表示 20201013 Takuma add start */
  .m-searchResult_cart-total{
    min-width: 100px;
  }
  /* ユニーク型番表示 20201013 Takuma add end */
  .m-searchResult_results-box{
    display: none;
  }
  .m-searchResult_scrollbarWrap{
    display: none;
  }
}
/* 一括検索 20200206 Takuma add start */
@media screen and (max-width: 767px){
  .m-searchResult_checkBox{
    width: 100%;
    max-width: unset;
    display: block;
    text-align: center;
    padding: 0 0 5px;
    border: none;
    border-bottom: solid 1px #ccc;
    margin-bottom: 5px;
  }
}
/* 一括検索 20200206 Takuma add  end  */
/* =======================================================================
検索結果・分類なし
======================================================================= */
/* ユニーク型番表示 20200714 Takuma modify start */
.m-searchResult--noclassification{
  /* overflow: hidden; */ /* remove */
  position: relative;
  font-size: 12px;
  /* 20191210 hyron modify start */
  background-color: #ccc;
  /*border: solid 1px #ccc; */
  /* padding-bottom: 100px; */ /* added */
  /* border-top: solid 1px #ccc; */ /* modified */
  /* margin-bottom: -100px; */ /* added */
  /* 20191210 hyron modify end */
}
.m-searchResult--noclassification .m-searchResult_contents{
  margin-left: 0;
  overflow-x: inherit; /* add */
}
/* ユニーク型番表示 20200714 Takuma modify end */
.m-searchResult--noclassification .m-searchResult_scrollbar{
  display: none;
}
.m-searchResult--noclassification .m-searchResult_header,
.m-searchResult--noclassification .m-searchResult_contents{
  border-left: solid 1px #ccc;
}
/* 検索結果改善 20191125 Takuma modify  end  */
.m-searchResult--noclassification .m-searchResult_header,
.m-searchResult--noclassification .m-searchResult_header-inner,
.m-searchResult--noclassification th.m-searchResult_results-box,
.m-searchResult--noclassification td.m-searchResult_results-box{
  width: 100%;
}
/* 検索結果改善 20200213 Takuma modify start */
.m-searchResult--noclassification td.m-searchResult_results-box{
  display: flex;
  height: auto;
}
/* 検索結果改善 20191125 Takuma modify  end  */
.m-searchResult--noclassification .m-searchResult_product{
  flex-shrink: 0;
  width: 450px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.m-searchResult--noclassification .m-searchResult_price,
.m-searchResult--noclassification .m-searchResult_cart,
.m-searchResult--noclassification .m-searchResult_stock,
.m-searchResult--noclassification .m-searchResult_info{
  width: calc( 25% - 125px );
  max-width: 270px;
  border-left: solid 1px #ddd;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  margin-left: 10px;
}
/* 検索結果改善 20200213 Takuma modify  end  */
@media screen and (max-width: 1279px){
  .m-searchResult--noclassification{
    background-color: #fff;
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .m-searchResult--noclassification .m-searchResult_contents{
    border-left: none;
  }
  .m-searchResult--noclassification .m-searchResult_results-column{
    margin-bottom: 10px;
  }
  .m-searchResult--noclassification td.m-searchResult_results-box{
    flex-wrap: wrap;
    height: auto;
  }
  /* 検索結果改善 20200220 Takuma modify start */
  .m-searchResult--noclassification .m-searchResult_product{
    width: 100%;
    padding-top: 0;
    padding-bottom: 20px;/*modified*/
  }
  /* 検索結果改善 20200220 Takuma modify  end  */
  .m-searchResult--noclassification .m-searchResult_cart,
  .m-searchResult--noclassification .m-searchResult_price,
  .m-searchResult--noclassification .m-searchResult_stock,
  .m-searchResult--noclassification .m-searchResult_info{
    width: 50%;
    padding: 0 10px 10px;
    border-left: none;
    border-bottom: 1px solid #ddd;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .m-searchResult--noclassification .m-searchResult_stock,
  .m-searchResult--noclassification .m-searchResult_info{
    border-bottom: none;
    margin-bottom: 0;
  }
}
/* =======================================================================
検索結果・流用部分
======================================================================= */
/* 検索結果改善 20191205 Takuma add start */
.m-searchSample{
  border-bottom: solid 1px #ccc;
}
.m-searchSample .m-searchResult_contents{
  padding-bottom: 0;
}
.m-searchSample th.m-searchResult_results-fixbox,
.m-searchSample th.m-searchResult_results-box{
  background-color: #d6f1cf!important;
}
.m-searchSample td.m-searchResult_results-fixbox,
.m-searchSample td.m-searchResult_results-box{
  background-color: #f7fbf1!important;
}
/* 検索結果改善 20200219 Takuma add start */
.m-searchSample[aria-hidden=true]{
  opacity: 0;
  /* height: 0;
  padding-bottom: 0;
  margin-bottom: 0; */
}
/* 検索結果改善 20200219 Takuma add end */
.m-searchResult--others{
  overflow: hidden;
  position: relative;
  font-size: 12px;
  padding-bottom: 100px; /* added */
  border-top: solid 1px #ccc; /* modified */
  margin-bottom: -100px; /* added */
}
.m-searchResult--others .m-searchResult_contents{
  margin-left: 0;
}
.m-searchResult--others .m-searchResult_header,
.m-searchResult--others .m-searchResult_header-inner,
.m-searchResult--others th.m-searchResult_results-box,
.m-searchResult--others td.m-searchResult_results-box{
  width: 100%;
}
.m-searchResult--others .m-searchResult_scrollbar{
  margin-left: 0;
}
.m-searchResult--others .m-searchResult_scrollbar .jspHorizontalBar{
  left: 0;
}
.m-searchResult--others .m-searchResult_results-box{
  border-left: solid 1px #ccc;
}
.m-searchResult--others .m-searchResult_results-box{
  display: flex;
}
.m-searchResult--others .m-searchResult_contents .m-searchResult_results-box{
  height: auto;
}
.m-searchResult--others .m-searchResult_results-box>*{
  flex-grow: 1;
}
.m-searchResult--others .m-searchResult_product{
  width: 250px;
}
.m-searchResult--others .m-searchResult_price,
.m-searchResult--others .m-searchResult_cart,
.m-searchResult--others .m-searchResult_stock,
.m-searchResult--others .m-searchResult_info{
  border-left: solid 1px #ddd;
  padding-left: 10px;
  margin-left: 10px;
}
.m-searchResult_date{
  flex-grow: 0!important;
  flex-shrink: 0;
  width: 90px;
  font-weight: 700;
  background-color: #cfe4f1;
  padding: 5px;
  margin: -5px;
  margin-right: 5px;
}
.m-searchResult_bin{
  flex-grow: 0!important;
  flex-shrink: 0;
  width: 55px;
  border-left: solid 1px #ddd;
  padding-left: 10px;
  margin: 0 5px;
}
.m-searchResult_user{
  flex-grow: 0!important;
  flex-shrink: 0;
  width: 100px;
  border-left: solid 1px #ddd;
  padding-left: 10px;
  margin-left: 10px;
}
.m-searchResult_header-product{
  width: 100%;
}
.m-searchResult_header-bin{
  flex-grow: 0!important;
  flex-shrink: 0;
  width: 55px;
  padding-left: 5px;
  border-left: solid 1px #ccc;
  margin: 0 5px;
}
.m-searchResult_header-user{
  flex-grow: 0!important;
  flex-shrink: 0;
  width: 100px;
  padding-left: 5px;
  margin-left: 10px;
  border-left: solid 1px #ccc;
}
@media screen and (max-width: 1279px){
  .m-searchResult--others{
    background-color: #fff;
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .m-searchResult--others .m-searchResult_contents{
    margin-top: 10px;
    padding-bottom: 0;
  }
  .m-searchResult--noclassification .m-searchResult_results-column{
    margin-bottom: 10px;
  }
  .m-searchResult--others td.m-searchResult_results-box{
    flex-wrap: wrap;
    height: auto;
  }
  .m-searchResult--noclassification .m-searchResult_product{
    width: 100%;
  }
  .m-searchResult--others .m-searchResult_cart,
  .m-searchResult--others .m-searchResult_price,
  .m-searchResult--others .m-searchResult_stock,
  .m-searchResult--others .m-searchResult_info{
    flex-grow: 0!important;
    width: 50%;
    padding: 0 10px 10px;
    border-left: none;
    border-bottom: 1px solid #ddd;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .m-searchResult--others .m-searchResult_stock,
  .m-searchResult--others .m-searchResult_info{
    border-bottom: none;
    margin-bottom: 0;
  }
  .m-searchResult_date{
    flex-grow: 0!important;
    flex-shrink: 0;
    width: calc( 100% + 20px );
    text-align: center;
    padding: 10px;
    margin-top: -10px;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 10px;
  }
  .m-searchResult_date br{
    display: none;
  }
  .m-searchResult_bin{
    flex-grow: 0!important;
    flex-shrink: 0;
    width: 100%;
    border-left: none;
    padding-left: 0;
    margin: 0 5px;
  }
  .m-searchResult_user{
    flex-grow: 0!important;
    flex-shrink: 0;
    width: 100%;
    border-top: solid 1px #ddd;
    border-left: none;
    padding-top: 5px;
    padding-left: 10px;
    margin-left: 0;
  }
}
/* 検索結果改善 20191205 Takuma add  end  */
/* =======================================================================
検索画面絞り込み機能
======================================================================= */

.m-searchFilter{
  background-color: #f8f8f8;
  padding: 10px 20px;
}
.m-searchFilter_strechArea{
  display: flex;
}
.m-searchFilter_strechArea-spBtn{
  display: none;
}
.m-searchFilter_strechArea-arrow{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  cursor: pointer;
}
.m-searchFilter_strechArea-arrow::before{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13.0px 7.5px 0 7.5px;
  border-color: #5f5f5f transparent transparent transparent;
  transition: 0.1s;
}
.m-searchFilter_strechArea-arrow.is-active::before{
  transform: rotate(180deg);
}
.m-searchFilter_categories{
  overflow-y: hidden;
  overflow-x: scroll;
}
.m-searchFilter_categories-list{
  display: flex;
  margin-left: -10px;
}
.m-searchFilter_categories-item{
  width: auto;
  font-size: 1.2rem;
  white-space: nowrap;
  background-color: #fff;
  padding: 10px;
  border: solid 3px #aaa;
  border-radius: 5px;
  margin-left: 10px;
  margin-bottom: 10px;
}
/* 検索結果改善 20191204 Takuma modify start */
.m-searchFilter_menu{
  width: 100%;
  height: 210px;
  display: flex;
  align-items: stretch;
  overflow-y: hidden;
  overflow-x: scroll;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
}
/* 20191206 hyron mod start */
.m-searchFilter_menu_spec{
  width: 100%;
  height: 210px;
  display: flex;
  align-items: stretch;
  overflow-y: hidden;
  overflow-x: scroll;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
}
/* 検索結果改善 20191211 hyron mod start */
.m-specSiboriKomi_form{
  display: flex;
  width:80%
}
/* 検索結果改善 20191211 hyron mod end */
.m-searchFilter_menu.is-active{
  height: 320px;
}
.m-searchFilter_menu_spec.is-active{
  height: 320px;
}
/* 20191206 hyron mod end */
/* 検索結果改善 20191211 Takuma modify start */
.m-searchFilter_item{
  flex-shrink: 0;
  width: auto;
  display: flex;
  flex-direction: column;
  padding: 0 5px;
}
.m-searchFilter_item-heading{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  height: 25px;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 5px;
  background-color: #eaeaea;
  z-index: 1;
}
.m-searchFilter_item-container{
  height: calc( 100% - 45px );
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: solid 2px #ccc;
}
/* 検索結果改善 20191225 Takuma modify start */
input[type="text"].m-searchFilter_item-search{
  flex-shrink: 0;
  position: relative;
  display: block;
  min-width: calc( 100% - 10px );/* modified */
  width: calc( 100% - 10px );
  max-width: 0px;/* modified */
  font-size: 13px;
  background-color: #fff;
  padding: 3px 5px;
  margin: 3px 5px;
  z-index: 1;
}
/* 検索結果改善 20191225 Takuma modify end */
input[type="text"].m-searchFilter_item-search:focus{
  background-color: #fff9e8;
}
.m-searchFilter_item-number{
  display: flex;
  align-items: center;
  width: auto;
  padding: 0 5px;
}
.m-searchFilter_item-number input[type="number"]{
  display: block;
  width: 70px;
  font-size: 13px;
  background-color: #fff;
  padding: 3px 5px;
  border: solid 2px #c5cccf;
  border-radius: 4px;
  margin: 3px 5px;
  outline: none;
}
.m-searchFilter_item-number input[type="number"]:focus{
  background-color: #fff9e8;
}
.m-searchFilter_item-number select{
  font-size: 1.2rem;
}
.m-searchFilter_item-number select:focus{
  outline: none;
  background-color: #fff9e8;
}
.m-searchFilter_item-select{
  display: block;
  position: relative;
  flex-grow: 1;
  width: 100%;
  min-width: 120px;
  font-size: 1.2rem;
  line-height: 2;
  padding-left: 5px;
  border: none;
  outline: none;
  transition: 0.1s;
  overflow-x: auto;
  overflow-y: scroll;
}
.m-searchFilter_item-select option{
  position: relative;
  padding: 2px 0;
}
/* 検索結果改善 20191211 Takuma modify  end  */
.m-searchFilter_item-select:focus{
  background-color: #fff9e8;
}
.m-searchFilter_item-select-clear{
  flex-shrink: 0;
  height: 20px;
  background-color: #ccc;
  color: #fff;
  text-align: center;
  font-size: 1.3rem;
}
.m-searchFilter_item-select-clear a{
  padding: 1px 0 2px;
  color: #fff;
}
.m-searchFilter_item-select option:disabled{
  color: #bbb;
}
.m-searchFilter_action{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.m-searchFilter_action-btn{
  display: flex;
  flex-wrap: wrap; /* modify */
  align-items: center;
}
.m-searchFilter_action-btn>*{
  margin-left: 5px;
}
.m-searchFilter_status{
  font-size: 18px;
  font-weight: 700;
}
.m-searchFilter_option{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: -10px;
}
.m-searchFilter_option-item{
  display: flex;
  align-items: center;
  height: 40px;
  background-color: #e8eaec;
  padding: 0 10px;
  border-radius: 5px;
  margin-right: 1em;
  margin-bottom: 10px;
}
/* add */
.m-searchFilter_procat {
  width: 100%;
  background-color: #fff;
  padding: 10px 10px;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  overflow: hidden;
}
.m-searchFilter_procat-inner{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 45px;
  margin-bottom: -7px;
  transition: 0.1s;
}
.m-searchFilter_procat-inner.is-active{
/*20191203 Hyron ADD START*/
  height: auto;
/*20191203 Hyron ADD END*/
}
.m-searchFilter_procat-inner>li{
  font-size: 1.4rem;
  margin-right: 1em;
  margin-bottom: 7px;
}
/* add */
@media screen and (max-width: 1279px){
  .m-searchFilter_strechArea{
    display: block;
  }
  .m-searchFilter_strechArea-spBtn{
    display: block;
    padding: 10px 0;
    border-bottom: solid 1px #aaa;
    margin-bottom: 10px;
  }
  .m-searchFilter_strechArea-arrow{
    display: none;
  }
  .m-searchFilter_action{
    display: block;
  }
  .m-searchFilter_status{
    margin-bottom: 5px;
  }
  .m-searchFilter_action-btn>*{
    margin-left: 0;
    margin-right: 5px;
    margin-bottom: 5px; /* modify */
  }
/* 改善要望_浦田_00360 20200206 Takuma modify start */
  .m-searchFilter_option{
    display: block;
    margin-right: -1em;
    margin-bottom: 0; /* modify */
  }
  /* 検索結果改善 20191213 Takuma add start */
  .m-searchFilter_option.is-searchFilterOn{
    display: none;
  }
  /* 検索結果改善 20191213 Takuma add  end  */
  .m-searchFilter_option-item{
    font-size: 1em;
    height: auto;
    padding: 8px 1em;
  }
  .m-searchFilter_option-item label{
    display: block;
    width: 100%;
  }
  .m-searchFilter_menu{
    display: block;
    height: auto;
    padding: 0;
    border: none;
    border-bottom: solid 1px #aaa;
  }
  /* 20191206 hyron mod start */
  .m-searchFilter_menu_spec{
    display: none;
    height: auto;
    padding: 0;
    border: none;
    border-bottom: solid 1px #aaa;
  }
  /* 20191206 hyron mod end */
  /* 検索結果改善 20191213 Takuma modify/add start */
  .m-searchFilter_menu.is-searchFilterOn{
    display: none;
  }
  .m-searchFilter_procat {
    display: block;
    border: none;
  }
  .m-searchFilter_procat.is-searchFilterOn{
    display: none;
  }
/* 改善要望_浦田_00360 20200206 Takuma modify  end  */
  .m-searchFilter_item{
    margin-right: 0;
    margin-bottom: 10px;
  }
  .m-searchFilter_procat-inner{
    height: auto;
  }
  /* 検索結果改善 20191213 Takuma modify/add  end  */
}
/* 検索結果改善 20191213 Takuma modify start */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
  .m-searchFilter_item{
    width: auto;
    /*max-width: 250px;*/
    max-width: 350px;
  }
  @media screen and (max-width: 1279px){
    .m-searchFilter_item{
      max-width: unset; /* modified */
    }
  }
}
/* 検索結果改善 20191213 Takuma modify  end  */
@-moz-document url-prefix() {
  .m-searchFilter_item{
    max-width: none;
  }
  .m-searchFilter_item-select{
    padding-right: 15px;
  }
}

/* =======================================================================
検索画面メーカ欄
======================================================================= */
/* 検索結果改善 20190731 Takuma add start */
.m-searchMaker{
  display: flex;
  font-size: 1.4rem;
  line-height: 1.1;
  background-color: #ffc43a;
  padding: 0.5em;
}
.m-searchMaker_header{
  padding-right: 0.5em;
  border-right: solid 1px #333;
  margin-right: 1em;
}
.m-searchMaker p{
  margin-right: 0.25em;
}
.m-searchMaker p::after{
  content: ',';
}
.m-searchMaker p:last-child::after{
  content: '';
}
/* 検索結果改善 20190731 Takuma add end */
/* =======================================================================
検索結果・ページャー
======================================================================= */
/* 検索結果改善 20190731 Takuma add start */
.m-pager{
  display: flex;
  justify-content: space-between;
  font-size: 1.4rem;
  line-height: 1.1;
  background-color: #d9e2e8;
  padding: 0.5em;
}
.m-pager_posi{
  position:relative;
}
/* 検索結果改善 20190731 Takuma modify start */
.m-pager_item{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 0.5em 0 0;
}
.m-pager_item .m-sortOption{
  max-width: 250px;
}
/* 検索結果改善 20190731 Takuma modify  end  */
.m-pager_item-heading{
  font-weight: 700;
  padding-right: 0.5em;
  margin-bottom: -1px;
}
.m-pager_contents{
  display: flex;
  align-items: center;
}
.m-pager_contents>a,
.m-pager_contents>span.current{
  padding: 0 0.3em;
}
.m-pager_contents>span.current{
  font-weight: 700;
}
.m-pager_left{
  display: flex;
  padding-right: 0.5em;
}
.m-pager_right{
  display: flex;
  padding-left: 0.5em;
}
.m-pager_center{
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
input[type="number"].m-sortOption{
  width: 85px;
}
input[type="checkbox"].m-sortOption{
  margin-bottom: -2px;
}
@media screen and (max-width: 1279px){
  .m-pager{
    display: block;
    /*margin-bottom: -15px;*/
  }
  .m-pager_item{
    margin-bottom: 0.5em;
  }
  .m-pager_left,
  .m-pager_right,
  .m-pager_center{
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
}
/* 検索結果改善 20190731 Takuma add end */
/* =======================================================================
検索結果・製品・在庫情報等ポップアップ
======================================================================= */
/* ユニーク型番表示 20200714 Takuma add start */
.m-searchItemInfo{
  position: relative;
  width: 100%;
}
.m-searchItemInfo_trigger{
  padding: 4px 0;
  border-top: dashed 1px #ccc;
  margin-top: 4px;
}
.m-searchItemInfo_contents{
  display: none;
  position: absolute;
  top: 100%;
  left: -270px;
  background-color: #fff;
  padding: 9px;
  border: solid 2px #4D9CCB;
  z-index: 10000;
}
.m-searchItemInfo_contents.is-active{
  display: block;
}
.m-searchItemInfo_contents.is-bottom{
  top: auto;
  bottom: 100%;
}
.m-searchItemInfo_contents.is-right{
  left: auto;
  right: -120px;
}
/* ユニーク型番表示 20201013 Takuma modify start */
.m-searchItemInfo_close{
  display: block;
  font-size: 30px;
  font-weight: 700;
  width: 42px;
  height: 42px;
  color: #fff;
  background-color: #4D9CCB;
}
/* ユニーク型番表示 20201013 Takuma modify end */
.m-searchItemInfo_close::after{
  content: '×';
}
/* 改善要望_浦田_00378 20201209 Takuma add start */
/* 商品詳細画面に追加される在庫情報表示ボタン */
.m-bor .m-searchItemInfo{
  font-size: 12px;
  line-height: 1.3;
}
.m-bor .m-searchItemInfo_trigger{
  padding: 0;
  border-top: none;
  margin-top: 0;
}
/* 改善要望_浦田_00378 20201209 Takuma add end */
@media screen and (max-width: 1279px){
  .m-searchItemInfo_trigger .m-inventryInfo-trigger.is-active::after{
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: black;
    opacity: 0.4;
    z-index: 10001;
  }
  .m-searchItemInfo_contents.is-active{
    position: fixed;
    top: 9px;
    left: 9px;
    width: calc( 100vw - 18px );
    height: calc( 100vh - 18px );
    z-index: 10002;
  }
  /* ユニーク型番表示 20201013 Takuma add start */
  .m-searchItemInfo_close{
    font-size: 18px;
    width: 27px;
    height: 27px;
  }
  /* ユニーク型番表示 20201013 Takuma add end */
}
/* =======================================================================
検索結果・在庫情報表示
======================================================================= */
/* ユニーク型番表示 20200821 Takuma add start */
.m-inventryInfo-trigger{
  display: block;
  color: #0000ff;
  background-color: #ffca80;
  padding: 3px;
  border-radius: 3px;
}
/* ユニーク型番表示 20200821 Takuma add end */
/* 改善要望_浦田_00378 20201209 Takuma add start */
/* 商品詳細画面に追加される在庫情報表示ボタン */
.m-bor .m-inventryInfo-trigger{
  background-color: #d9e2e8;
  padding: 6px;
  border-radius: 4px;
}
/* 改善要望_浦田_00378 20201209 Takuma add  end  */
.m-inventryInfo_list{
  display: flex;
}
.m-inventryInfo_box{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.m-inventryInfo_box:first-child{
  width: 207px;
  background-color: #f1f8fc;
  padding: 8px 8px 6px 8px;
  margin: -8px 0 -6px -8px;
  border-right: solid 1px #ccc;
}
.m-inventryInfo_box:not(:first-child){
  width: 207px;
  padding-left: 8px;
  padding-right: 8px;
  border-right: solid 1px #ccc;
}
.m-inventryInfo_box:last-child{
  width: 198px;
  padding-right: 0;
  border-right: 0px;
}
.m-inventryInfo_box-heading{
  line-height: 1.2;
  margin-bottom: 6px;
}
.m-inventryInfo_box-name{
  font-size: 1.2em;
  font-weight: 700;
}
.m-inventryInfo_box-status{
  margin-bottom: 6px;
}
.m-inventryInfo_box-price{
  height: 110px;
  margin-top: auto;
}
.m-inventryInfo_box-icon{
  display: flex;
  flex-wrap: wrap;
  margin-top: 3px;
  margin-right: -3px;
  margin-bottom: -3px;
}
.m-inventryInfo_box-icon>li{
  font-size: 0.9em;
  color: #fff;
  background-color: #aaa;
  padding: 3px 3px 2px;
  margin-right: 3px;
  margin-bottom: 3px;
}
.m-inventryInfo_box-icon>.full-reel{
  background-color: #9bbe79;
}
.m-inventryInfo_box-icon>.Reel-process{
  background-color: #9ad662;
}
.m-inventryInfo_box-input-other{
  display: flex;
}
.m-inventryInfo_box-input-other-item{
  flex-shrink: 0;
  width: 70px;
  margin-right: -6px;
  margin-left: 6px;
}
.m-inventryInfo_other{
  display: flex;
  align-items: center;
  padding-top: 6px;
  padding-left: 8px;
  padding-right: 8px;
  border-top: solid 1px #ccc;
  margin-top: 6px;
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: -3px;
}
/* ユニーク型番表示 20200821 Takuma add start */
.m-inventryInfo_viewmore>.m-btn{
  color: #0000ff;
  background-color: #ffca80;
}
/* ユニーク型番表示 20200821 Takuma add end */
/* ユニーク型番表示 20201013 Takuma modify start */
.m-inventryInfo_close{
  position: absolute;
  top: -2px;
  right: -42px;
}
/* ユニーク型番表示 20201013 Takuma modify end */
@media screen and (max-width: 1279px){
  .m-inventryInfo{
    height: calc( 100% + 18px );
    margin-top: -9px;
    margin-bottom: -9px;
  }
  .m-inventryInfo_list{
    display: block;
    height: calc( 100% - 35px );
    margin: 0 -9px 0;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .m-inventryInfo_box{
    width: 100%!important;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 9px!important;
    border-right: 0px!important;
    border-bottom: solid 1px #bbb;
    margin: 0!important;
  }
  /* ユニーク型番表示 20201013 Takuma add start */
  .m-inventryInfo_other{
    justify-content: center;
    margin-top: 0;
    margin-bottom: -9px;
  }
  .m-inventryInfo_box-heading{
    width: 100%;
    padding-right: 15px;
  }
  /* ユニーク型番表示 20201013 Takuma add end */
  .m-inventryInfo_box-status{
    width: 100%;
  }
  .m-inventryInfo_box-price{
    width: 50%;
    height: auto;
    padding-top: 9px;
    padding-right: 9px;
    border-top: solid 1px #ddd;
    margin-top: 0;
  }
  .m-inventryInfo_box-input{
    width: 50%;
    padding-top: 9px;
    border-top: solid 1px #ddd;
  }
  /* ユニーク型番表示 20201013 Takuma add start */
  .m-inventryInfo_close{
    position: absolute;
    top: -2px;
    right: -2px;
  }
  /* ユニーク型番表示 20201013 Takuma add end */
}
/* ユニーク型番表示 20200714 Takuma add end */
/* =======================================================================
検索結果・在庫情報表示 詳細画面
======================================================================= */
/* ユニーク型番表示 20200728 Takuma add start */
.m-inventryInfoDetail{
  width: 100%;
  display: flex;
}
.m-inventryInfoDetail_source{
  position: relative;
  width: 312px;
  font-size: 14px;
  padding-right: 15px;
  border-right: solid 1px #ccc;
  z-index: 1;
}
.m-inventryInfoDetail_source-image{
  width: 240px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 9px;
  margin-bottom: 12px;
}
.m-inventryInfoDetail_source-spec{
  border: solid 1px #ccc;
  margin: 15px 0;
}
.m-inventryInfoDetail_source-spec-heading{
  font-size: 1.2em;
  font-weight: 700;
  color: #ffffff;
  background-color: #0071b5;
  padding: 6px;
}
/* ユニーク型番表示 20200917 Takuma add/modify start */
.m-inventryInfoDetail_source-spec-table{
  font-size: 12px;
  overflow-x: auto;
  overflow-y: hidden;
}
.m-inventryInfoDetail_source-spec .m-searchDetailInfo{
  margin: 0 -1px -1px;
}
.m-inventryInfoDetail_source-spec-table table{
  width: 100%;
  min-width: 500px;
}
/* ユニーク型番表示 20200917 Takuma add/modify end */
/* ユニーク型番表示 20200821 Takuma add start */
.m-inventryInfoDetail_result{
  width: calc( 100% - 312px );
  font-size: 12px;
  margin-left: 9px;
}
.m-inventryInfoDetail_result-column{
  display: flex;
  width: 100%;
  min-height: 180px;
  background-color: #fff;
  padding: 6px 9px;
  margin-left: -9px;
}
/* ユニーク型番表示 20200821 Takuma add end */
.m-inventryInfoDetail_result-column:nth-child(odd){
  background-color: #f5f7f8;

}
.m-inventryInfoDetail_result-column .m-searchResult_product{
  flex-grow: 1.5;
  min-width: 300px;
}
.m-inventryInfoDetail_result-column .m-searchResult_price,
.m-inventryInfoDetail_result-column .m-searchResult_cart,
.m-inventryInfoDetail_result-column .m-searchResult_stock,
.m-inventryInfoDetail_result-column .m-searchResult_info{
  flex-grow: 1;
  min-width: 180px;
}
.m-inventryInfoDetail_filter{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background-color: #f8f8f8;
  padding: 10px;
  margin-bottom: 9px;
}
.m-inventryInfoDetail_filter-option{
  display: flex;
  flex-wrap: wrap;
  margin-right: 6px;
  margin-bottom: 6px;
}
.m-inventryInfoDetail_filter-option-item{
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  background-color: #e8eaec;
  padding: 3px;
  border-radius: 3px;
  margin-right: 0.5em;
}
.m-inventryInfoDetail_filter-action{
  display: flex;
  flex-wrap: wrap;
}
.m-inventryInfoDetail_filter-action>*{
  margin-right: 6px;
}
.m-inventryInfoDetail_filter-other{
  margin-right: 6px;
}
.m-inventryInfoDetail_result-other{
  padding-left: 15px;
  overflow-x: auto;
}
.m-inventryInfoDetail_result-other>.m-scroll-tbl{
  min-width: 840px;
}
@media screen and (max-width: 1279px){
  .m-inventryInfoDetail{
    display: block;
  }
  .m-inventryInfoDetail_source{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    width: 100%;
    font-size: 14px;
    padding-right: 0;
    border-right: 0px;
  }
  .m-inventryInfoDetail_source-name{
    order: 2;
    padding-right: 9px;
  }
  .m-inventryInfoDetail_source-image{
    order: 1;
    width: 210px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .m-inventryInfoDetail_source-info{
    order: 3;
    width: 100%;
    padding-right: 12px;
  }
  .m-inventryInfoDetail_source-other{
    order: 4;
    width: 100%;
  }
  /* ユニーク型番表示 20200821 Takuma add start */
  .m-inventryInfoDetail_result{
    width: 100%;
    margin-left: 0;
  }
  .m-inventryInfoDetail_result-column{
    display: flex;
    flex-wrap: wrap;
    padding: 12px;
    border: solid 3px #ccc;
    margin-left: 0;
    margin-bottom: 15px;
  }
  /* ユニーク型番表示 20200821 Takuma add end */
  .m-inventryInfoDetail_filter-option{
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
  }
  .m-inventryInfoDetail_filter-option-item{
    width: 100%;
    height: auto;
    padding: 8px 1em;
    margin-bottom: 10px;
  }
  .m-inventryInfoDetail_filter-action{
    width: 100%;
  }
  .m-inventryInfoDetail_filter-action>*{
    margin-bottom: 6px;
  }
  .m-inventryInfoDetail_filter-other{
    margin-bottom: 6px;
  }
  .m-inventryInfoDetail_result-column .m-searchResult_price,
  .m-inventryInfoDetail_result-column .m-searchResult_cart{
    width: 50%;
    min-width: unset;
  }
  .m-inventryInfoDetail_result-other{
    padding-left: 0;
  }
}
@media screen and (max-width: 767px){
  .m-inventryInfoDetail_source-image{
    width: 150px;
  }
}
/* ユニーク型番表示 20200728 Takuma add end */
/* =======================================================================
商品詳細・関連商品表示部分
======================================================================= */
/* Web改善 関連製品表示 20210115 Takuma add start */
.m-relatedProductsItemWrap>{
  align-items: stretch;
}
.m-relatedProductsItem{
  position: relative;
  height: 100%;
  padding: 12px;
  border: solid 1px #c5cccf;
}
.m-relatedProductsItem_heading{
  font-size: 18px;
  font-weight: 700;
}
.m-relatedProductsItem_desc{
  font-size: 14px;
  line-height: 1.4;
}
.m-relatedProductsItem_image{
  max-width: 90px;
  margin-left: auto;
  margin-right: auto;
}
.m-relatedProductsItem_status{
  font-size: 12px;
}
.m-relatedProductsItem .js-toolchip-obj{
  max-width: calc(100% - 24px );
  height: auto;
  white-space: normal;
}
.m-relatedProductsItem_select{
  min-height: 90px;
}
/* Web改善 関連製品表示 20210115 Takuma add end */
/* =======================================================================
検索画面各種情報
======================================================================= */
/* 検索結果改善 20190731 Takuma add start */
.m-searchDetailInfo{
  margin-bottom: 1px;
}
.m-searchDetailInfo_contents{
  width: 100%;
}
.m-searchDetailInfo_contents td,
.m-searchDetailInfo_contents th{
  padding: 5px;
  border: solid 1px #ccc;
}
.m-searchDetailInfo_contents td{
  font-size: 1.4rem;
  background-color: #fff;
}
.m-searchDetailInfo_heading{
  font-size: 1.6rem;
  font-weight: 700;
  background-color: #cfe4f1;
}

/* 検索結果改善 20190731 Takuma add end */
/* =======================================================================
ポップアップ・狭画面幅用 情報表示表
======================================================================= */
/* 一括検索 20200206 Takuma add start */
.m-subResult{
  overflow-x: auto;
}
.m-subResult_table{
  min-width: 100%;
  table-layout: fixed;
}
.m-subResult_thead{
  font-size: 13px;
  line-height: 1.3;
}
.m-subResult_tbody{
  font-size: 12px;
  line-height: 1.3;
}
.m-subResult_thead-col{
  background-color: #cfe4f1;
  border: solid 1px #ccc;
}
.m-subResult_tbody-col{
  border: solid 1px #ccc;
}
.m-subResult_tbody-col:nth-child(odd){
  background-color: #fff;
}
.m-subResult_tbody-col:nth-child(even){
  background-color: #fafafa;
}
.m-subResult_thead-col>th,
.m-subResult_tbody-col>td{
  padding: 5px 5px 4px;
  border: solid 1px #ccc;
}
.m-subResult_thead-col>th{
  white-space: nowrap;
}
.m-subResult--search .m-subResult_tbody-col>td{
  vertical-align: top;
  min-width: 150px;
}
.m-subResult_products{
  display: flex;
}
.m-subResult_products>*{
  flex-grow: 1;
  max-width: 300px;
}
.m-subResult_products>*:last-child{
  max-width: 900px;
}
.m-subResult_products>.m-searchResult_checkBox{
  max-width: 25px;
}
@media screen and (max-width: 1279px){
  .m-subResult_thead-col>th:not(:nth-child(1)),
  .m-subResult_tbody-col>td:not(:nth-child(1)){
    display: none;
  }
}
/* 一括検索 20200316 Takuma add start */
@media screen and (max-width: 768px){
  .m-subResult_thead{
    display: none;
  }
  .m-subResult_table,
  .m-subResult_tbody,
  .m-subResult_tbody-col,
  .m-subResult_tbody-col>td{
    width: 100%;
    display: block;
    padding: 0;
  }
  .m-subResult_tbody-col{
    margin-bottom: 10px;
  }
  .m-subResult_products{
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
  }
m-subResult_products>*{
    max-width: 50%;
  }
  .m-subResult_products>.m-searchResult_checkBox{
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    padding-bottom: 6px;
    border-right: none;
    border-bottom: solid 1px #ccc;
    margin-bottom: 6px;
  }
  .m-subResult_products>.m-searchResult_product{
    max-width: 100%;
  }
}
/* 一括検索 20200316 Takuma add  end  */
/* 一括検索 20200206 Takuma add  end  */
/* 2021/10/29 #42706 ADD START */
.p-alertArea {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: rgba(246,183,172,0.9);
  animation: gdprAreaPop 1s ease 0s 1 alternate none running;
  z-index: 9999;
}
.p-alertArea_inner {
  background-color: transparent;
  max-height: 200px;
  position: relative;
  align-items: center;
  max-width: 1280px;
  padding: 10px 10px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .p-alertArea_inner {
    padding: 0;
  }
}
.p-alertArea_inner-mainText {
  padding: 10px 25px 10px 25px;
  font-weight: 700;
}
.p-alertArea_inner-mainBox {
  background-color: #fff;
  margin: 0px 25px 10px;
  max-height: 120px;
  padding: 10px 10px 5px 10px;
  overflow-y: scroll;
}
.p-alertArea_inner-mainBox-errer {
  margin-bottom: 15px;
}
.p-alertArea_inner-mainBox-errer > p {
  color: red;
  font-weight: 700;
}
.p-alertArea_inner-mainBox-errer > a {
  display: block;
}
.m-lineHeight28 {
  line-height: 28px;
}
.m-selectText--w90 {
  width: 90%;
}
/* 2021/10/29 #42706 ADD END */
/* =======================================================================
注文・見積履歴 一覧表示
======================================================================= */
/* 注文見積履歴改善 20200108 Takuma add start */
.m-orderResult{
  position: relative;
  font-size: 13px;
  overflow: hidden;
  padding-bottom: 30px;
  margin-bottom: -15px;
}
.m-orderResult_table{
  position: relative;
  table-layout: fixed;
  min-width: 100%;
  border-bottom: solid 1px #ccc;
}
.m-orderResult_thead{
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  z-index: 2;
  overflow: hidden;
}
/* 一括検索 20200210 Takuma modify start */
.m-orderResult--products .m-orderResult_thead{
  width: 100%; /*modify*/
}
.m-orderResult_thead.is-fixed{
  min-width: 0;
}
.m-orderResult_tbody{
  display: table;
  min-width: 100%;
  margin-top: 100px;
}
.m-orderResult_tbody-alert{
  vertical-align: bottom;
  background-color: #f6efce;
}
.m-orderResult_table>*>tr{
  border-top: solid 1px #ccc; /*modify*/
}
.m-orderResult_table>*>tr>th,
.m-orderResult_table>*>tr>td{
  padding: 5px;
  border-left: solid 1px #ccc; /*modify*/
  border-right: solid 1px #ccc; /*modify*/
}
/* 一括検索 20200210 Takuma modify  end  */
.m-orderResult_thead>tr>th{
  background-color: #cfe4f1;
}
.m-orderResult_table td{
  width: 180px;
  max-width: 180px;
}
.m-orderResult_scrollBar{
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 100%;
  height: 15px;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.m-orderResult_scrollBar.is-fixed{
  position: fixed;
  bottom: 0;
}
.m-orderResult_scrollBar-wrap{
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  overflow-x: scroll;
  overflow-y: hidden;
}
.m-orderResult_scrollBar-box{
  height: 1px;
  margin-bottom: -1px;
}
/* 一括検索 20200206 Takuma add/modify start */
.m-orderResult_searchResult{
  display: flex;
}
.m-orderResult_searchResult+.m-orderResult_searchResult{
  padding-top: 5px;
  border-top: dashed 1px #ccc;
  margin-top: 5px;
}
.m-orderResult_searchResult>*{
  flex-shrink: 0;
}
.m-orderResult--products .m-orderResult_scrollBar{
  display: none;
}
.m-orderResult--products td{
  width: 100%;
}
.m-orderResult--products .m-orderResult_clickable{
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  text-align: center;
}
.m-orderResult--products .m-orderResult_quantity{
  width: 180px;
  min-width: 180px;
  max-width: 180px;
}

/* リファレンスデザイン 20220418 Takuma add start */
.m-orderResult_reference{
  position: relative;
  display: flex;
  padding: 3px;
}
.m-orderResult_reference-inner{
  flex-grow: 1;
  overflow: hidden;
  padding-left: 30px;
}
.m-orderResult_reference-image{
  flex-shrink: 0;
  width: 160px;
  padding-left: 8px;
  border-left: solid 1px #ccc;
  margin-left: 8px;
}
.m-orderResult_reference-image-box{
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-orderResult_reference-image-box>img{
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100px;
}
.m-orderResult_reference-name{
  font-size: 1.8rem;
  font-weight: 700;
  white-space: break-all;
}
.m-orderResult_reference-desc{
  max-width: 100%;
  white-space: nowrap;
}
.m-orderResult_reference-checkBox{
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 100%;
  display: flex;
  align-items: center;
  padding-right: 6px;
  border-right: solid 1px #ddd;
}
.m-orderResult_reference-checkBox input[type="checkbox"] {
  margin-right: 0;
}
/* リファレンスデザイン 20220418 Takuma add  end  */

@media screen and (max-width: 1279px){
  /* 20210312 #39860 Hyron add start */
  .m-orderResult {
    overflow: scroll;
  }
  /* 20210312 #39860 Hyron add end */
  .m-orderResult_searchResult{
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px){
  .m-orderResult {
    overflow: scroll;
    padding-bottom: 15px;
    margin-bottom: -15px;
  }
  .m-orderResult_scrollBar{
    display: none;
  }
  .m-orderResult_searchResult+.m-orderResult_searchResult{
    padding-top: 10px;
    border-top: dashed 2px #ccc;
    margin-top: 10px;
  }
  .m-orderResult--products{
    overflow: hidden;
  }
  /* 一括検索 20200210 Takuma modify start */
  .m-orderResult--products .m-orderResult_table,
  .m-orderResult--products .m-orderResult_tbody{
    display: block;
    width: 100%;
    border-bottom: none;
  }
  /* 一括検索 20200210 Takuma modify  end  */
  /* 一括検索 20200317 Takuma modify start */
  .m-orderResult--products .m-orderResult_tbody{
    margin-top: 0!important;
  }
  /* 一括検索 20200317 Takuma modify  end  */
  .m-orderResult--products .m-orderResult_thead{
    display: none;
  }
  .m-orderResult--products .m-orderResult_tbody-column{
    display: block;
    max-width: 100%;
    padding: 10px;
    border: solid 2px #ccc;
    margin-bottom: 10px;
  }
  .m-orderResult--products .m-orderResult_tbody-column>td{
    width: 100%;
    max-width: unset;
    display: block;
    padding: 0;
    border: none;
  }
  .m-orderResult--products .m-orderResult_tbody-column>.m-orderResult_checkBox{
    width: 100%;
    padding-bottom: 5px;
    border-bottom: solid 1px #ddd;
  }
  .m-orderResult--products .m-orderResult_tbody-column>.m-orderResult_quantity{
    padding: 5px;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    margin: 5px 0;
  }

  /* リファレンスデザイン 20220418 Takuma add start */
  .m-orderResult_reference{
    display: block;
    padding: 0 0 8px;
    border-bottom: solid 1px #ccc;
    margin-bottom: 8px;
  }
  .m-orderResult_reference-image{
    width: 100%;
    padding-top: 8px;
    padding-left: 0;
    border-top: solid 1px #ccc;
    border-left: 0;
    margin-top: 8px;
    margin-left: 0;
  }
  /* リファレンスデザイン 20220418 Takuma add  end  */
}
/* 一括検索 20200206 Takuma add/modify  end  */
/* 注文見積履歴改善 20200108 Takuma add  end  */
/* =======================================================================
注文・見積履歴 検索フィルタ
======================================================================= */
/* 注文見積履歴改善 20200108 Takuma add start */
.m-orderSearch{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 14px;
  padding: 10px 10px 0;
  margin-bottom: -10px;
}
.m-orderSearch_item,
.m-orderSearch_item--long,
.m-orderSearch_item--longest{
  flex-shrink: 0;
  width: calc( 25% - 10px );
  background-color: #e8eaec;
  padding: 5px;
  border-radius: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.m-orderSearch_item--long{
  width: calc( 50% - 10px );
}
.m-orderSearch_item--longest{
  width: calc( 100% - 10px );
}
.m-orderSearch_item-text{
  display: flex;
  align-items: center;
}
.m-orderSearch_item-text-title{
  flex-shrink: 0;
  font-weight: 700;
  line-height: 1.2;
  min-width: 120px;
  padding-right: 5px;
}
.m-orderSearch_item-text-caption{
  flex-shrink: 0;
  font-size: 0.9em;
  margin: 0 0.5em;
}
.m-orderSearch_item-text-input{
  width: 100%;
  max-width: 500px;
}
.m-orderSearch_item-text-input>input[type="text"],
.m-orderSearch_item-text-input>input[type="date"],
.m-orderSearch_item-text-input>input[type="number"],
.m-orderSearch_item-text-input>select{
  width: 100%;
  font-size: 13px;
  background-color: #fff;
  padding: 3px 5px;
  border: solid 2px #c5cccf;
  border-radius: 4px;
  box-shadow: none;
  outline: none;
}
.m-orderSearch_item-text-input>input[type="date"]{
  width: calc( 50% - 2em );
}
.m-orderSearch_item-text-input>span{
  padding: 0 3px;
}
@media screen and (max-width: 1279px){
  .m-orderSearch_item,
  .m-orderSearch_item--long{
    width: calc( 50% - 10px );
    padding-right: 0;
  }
  .m-orderSearch_item-text{
    flex-wrap: wrap;
  }
  .m-orderSearch_item-text-title{
    font-size: 0.9em;
    margin-bottom: 5px;
  }
  .m-orderSearch_item-text-input{
    min-width: 50%;
    padding-right: 5px;
  }
}
@media screen and (max-width: 767px){
  .m-orderSearch{
    display: block;
    padding: 5px 5px 0;
    margin-bottom: 0;
  }
  .m-orderSearch_item,
  .m-orderSearch_item--long,
  .m-orderSearch_item--longest{
    width: 100%;
    padding-right: 0;
  }
  .m-orderSearch_item-text-caption{
    width: 100%;
    margin: 5px 0 0;
  }
}
/* 注文見積履歴改善 20200108 Takuma add  end  */
/* 検索結果改善 20191205 Takuma add start */
/* =======================================================================
注文履歴 カード型表示
======================================================================= */
.m-proColSlider{
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
}
.m-proColSlider_list>.m-icon-slide-prev{
  left: -30px;
}
.m-proColSlider_list-item{
  font-size: 14px;
  line-height: 1.5;
  border: solid 1px #ccc;
  margin-right: 15px;
}
.m-proColSlider_list-item:last-child{
  margin-right: 0;
}

/* =======================================================================
商品カテゴリ一覧表示
======================================================================= */
/* 改善要望_浦田_00361 20200206 Takuma add start */
.m-proCatList{
  display: flex;
  flex-wrap: wrap;
  margin-right: -8px;
  margin-bottom: -8px;
}
.m-proCatList>li{
  font-size: 0.9em;
  line-height: 1;
  margin-bottom: 8px;
  margin-right: 8px;
}
.m-proCatList a{
  display: block;
  background-color: #cfe4f1;
  padding: 8px 12px;
  border-radius: 5px;
  text-decoration: none!important;
}
.m-proCatList a:hover{
  opacity: 0.7;
}
/* 改善要望_浦田_00361 20200206 Takuma add  end  */
/* =======================================================================
情報の表示
======================================================================= */
.m-dataTbl{
  max-width: 100%;
  line-height: 1.3;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-all;
}
.m-dataTbl>tbody>tr>th,
.m-dataTbl>tbody>tr>td{
  vertical-align: text-top;
  padding: 5px;
}
.m-dataTbl>tbody>tr>th{
  font-weight: 700;
  white-space: nowrap;
  border-right: solid 2px #ccc;
  padding-right: 1em;
}
.m-dataTbl>tbody>tr>td{
  position: relative;
  max-width: 100%;
}
.m-proTbl{
  max-width: 100%;
  font-size: 14px;
  line-height: 1.3;
  border: solid 1px #ccc;
}
.m-proTbl>tbody>tr>th,
.m-proTbl>tbody>tr>td{
  padding: 5px;
  border: solid 1px #ccc;
}
.m-proTbl>tbody>tr>th{
  background-color: #cfe4f1;
}
.m-proTbl>tbody>tr>td{
  padding-left: 8px;
  padding-right: 8px;
}
@media screen and (max-width: 1279px){
  .u-tableWrapper{
    width: 100%;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    overflow-x: scroll;
  }
  .u-tableWrapper>table{
    width: 100%;
  }
}
@media screen and (max-width: 767px){
  .m-dataTbl,
  .m-dataTbl>tbody,
  .m-dataTbl>tbody>tr{
    display: block;
  }
  .m-dataTbl>tbody>tr>th,
  .m-dataTbl>tbody>tr>td{
    display: block;
  }
  .m-dataTbl>tbody>tr>th{
    font-weight: 700;
    white-space: nowrap;
    border-right: none;
    border-bottom: solid 1px #ccc;
    padding-right: 5px;
  }
  .m-proTbl{
    font-size: 12px;
  }
  .u-tableWrapper>table{
    min-width: 768px;
  }
}
/* 検索結果改善 20191205 Takuma add  end  */
/* =======================================================================
汎用クラス
======================================================================= */

.c-descList__item-head {
	min-width: 170px;
	font-weight: 700;
	font-size: 1.2em;
}
.c-descList__item-body {
	flex-grow: 1;
}
/* 検索結果改善 20190731 Takuma add start */
/* 検索結果改善 20191031 Takuma modify start */
.c-checkbox{
  display: flex;
  align-items: center;
  width: 100%;
}
/* 検索結果改善 20191031 Takuma modify  end  */
.c-checkbox>input{
  width: 1.1em;
  height: 1.1em;
  margin-top: 0;
  margin-right: 0.25em;
}
.c-checkbox>input:focus{
  background-color: #fff9e8;
}
.c-checkbox>label{
  line-height: 1;
  margin-bottom: -1px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
/* 検索結果改善 20191225 Takuma modify start */
.c-filterSelect{
  display: flex;
  align-items: center;
}
.c-filterSelect>p{
  flex-shrink: 0;
  line-height: 1;
  margin-right: 0.25em;
}
.c-filterSelect>select{
  display: block;
  max-width: 100%;
  font-size: 0.9em;
}
.c-filterSelect>select>option{

  line-height: 1;
}
/* 一括検索 20200309 Takuma add start */
.c-filterSelect>input[type=text],
.c-filterSelect>input[type=number]{
  font-size: inherit;
  line-height: 1;
  background-color: #fff;
  padding: 0;
  border: solid 1px #a9a9a9;
  border-radius: 0px;
}
/* 一括検索 20200309 Takuma add  end  */
/* 検索結果改善 20191225 Takuma modify  end  */
.c-switch{
  display: flex;
  align-items: center;
  width: auto;
  height: 24px;
  font-size: 1.4rem;
  text-align: center;
  line-height: 20px;
  padding-left: 3px;
}
.c-switch>input{
  margin-right: -22px;
  margin-top: 0px;
  display: block;
}
.c-switch>label{
  display: block;
  width: auto;
  white-space: nowrap; /* modify */
  line-height: 24px;
  background-color: #e8eaec;
  color: #333;
  border-radius: 4px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  transition: 0.1s;
  padding-left: 30px; /* modify */
  padding-right: 10px; /* modify */
}
.c-switch>input:checked+label{
  background-color: #0071b5;
  color: #fff;
}
/* 検索結果改善 20191225 Takuma modify start */
@media screen and (max-width: 769px){
  .c-switch{
    width: 100%;
  }
  .c-switch>label{
    width: 100%;
  }
   .c-filterSelect{
    flex-wrap: wrap;
  }
  .c-filterSelect>select{
    width: 100%;
    margin-top: 5px;
  }
}
/* 検索結果改善 20191225 Takuma modify  end  */
/* 親子会員機能改善 20201124 Takuma add start */
.c-selectableBtn>input[type="radio"]{
  display: none;
}
.c-selectableBtn>input[type="radio"]+label{
  display: block;
  line-height: 24px;
  font-size: 1.4rem;
  text-align: center;
  color: #555;
  background-color: #fff;
  border: solid 1px #ccc;
  border-radius: 6px;
}
.c-selectableBtn>input[type="radio"]:checked+label{
  color: #fff;
}
.c-selectableBtn>input[type="radio"]:checked+label.m-btn--bl{
  background-color: #0071b5;
}
.c-selectableBtn>input[type="radio"]:checked+label.m-btn--rd{
  background-color: #cc0000;
}
.c-selectableBtn>input[type="radio"]:checked+label:hover{
  opacity: 1;
}
/* 親子会員機能改善 20201124 Takuma add  end  */
/* 親子会員機能改善 20201113 Takuma add start */
/* ステータス表示 */
.c-statusIcon--gray,
.c-statusIcon--green,
.c-statusIcon--red{
  line-height: 1.3;
  text-align: center;
  background-color: #eee;
  padding: 6px;
  border-radius: 6px;
}
.c-statusIcon--gray{
  color: #888;
}
.c-statusIcon--green{
  color: #207000;
}
.c-statusIcon--red{
  color: #c00000;
}
/* 親子会員機能改善 20201113 Takuma add  end  */
/* Web改善 関連製品表示 20210115 Takuma add start */
.c-accordion-arrow{
  transform: rotate(0);
}
.c-accordion-arrow.is-active{
  transform: rotate(180deg);
}
/* Web改善 関連製品表示 20210115 Takuma add end */
/* 共有部分 20181130 Takuma add start */
.ie-td-debug {
  position: static!important;
}
.u-ib{
  display: inline-block;
}
/* 改善要望_溝口_00006 20190214 Takuma modify end */
.u-sideList{
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
}
.u-sideList--50{
  display: flex;
  flex-wrap: wrap;
}
.u-sideList--Fill{
  display: flex;
  flex-wrap: wrap;
}
.u-sideList--50>li{
  width: 50%;
}
.u-sideList--Fill>li{
  flex-grow: 1;
}
.u-sideList>li{
  margin-right: 15px;
}
/* 改善要望_溝口_00006 20190214 Takuma modify end */
@media screen and (max-width: 769px){
  .u-sideList>li{
    width: 100%;
    padding-right: 0;
  }
}
.u-sideList>li:last-child{
  padding-right: 0;
}
.u-mAuto{
  margin-left: auto;
  margin-right: auto;
}
/* 共有部分 20181130 Takuma add end */
/* =======================================================================
オーダー
======================================================================= */
.m-order-col {
  position: relative;
  *zoom: 1;
}
.m-order-col:after {
  content: "";
  display: table;
  clear: both;
}
.m-order-col__content {
  float: left;
  width: 840px;
}
.m-order-col__btn {
  float: right;
  width: 240px;
}

@media screen and (min-width: 1280px) {
  .m-order-col__btn.is-fixed {
    position: fixed;
    right: 50%;
    margin-right: -560px;
  }
}
/* =======================================================================
見積依頼
======================================================================= */
/* 20180611 takakura add start (estimate-history/index_0611.html) */
.m-estimate-form {
  margin-right:-360px;
}
/* 20180611 takakura add end */

.m-estimate-order-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #cfe4f1;
  padding: 10px 20px;
  border-top: solid 1px #c5cccf;
  border-bottom: solid 1px #c5cccf;
}
.m-estimate-order-col__l {
  width: 35%;
}
.m-estimate-order-col__r {
  width: 60%;
}
/* =======================================================================
ふきだし内スクロール
======================================================================= */
/* 改善要望_溝口_00006 20181016 Takuma add start */
.m-balloon-history{
  width: 500px;
  padding-left: 5px;
}
.m-balloon-histor_list{
  height: 10em;
  overflow-y: scroll;
}
.m-balloon-histor_data{
  display: flex;
  border-bottom: solid 1px #ccc;
}
/* 改善要望_溝口_00006 20190228 Takuma modify start */
.m-balloon-histor_data dt{
  font-weight: 700;
  margin: 0 0.5em;
  flex-shrink: 0;
}
/* 改善要望_溝口_00006 20190228 Takuma modify end */
@media screen and (max-width: 767px){
  .m-balloon-history{
    width: calc(100vw - 50px);
    padding-left: 5px;
  }
}
/* 改善要望_溝口_00006 20181016 Takuma add end */
/* =======================================================================
動画センター

======================================================================= */
.m-movie-col {
  *zoom: 1;
}
.m-movie-col:after {
  content: "";
  display: table;
  clear: both;
}
.m-movie-col__content {
  float: right;
  width: 840px;
}

.m-movie-col__menu {
  float: left;
  width: 240px;
}

.m-movie-image-slider {
  position: relative;
  *zoom: 1;
  margin-left: 40px;
  margin-right: 40px;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.m-movie-image-slider:after {
  content: "";
  display: table;
  clear: both;
}
.m-movie-image-slider.is-load {
  opacity: 1;
  visibility: visible;
}
.m-movie-image-slider__item {
  float: left;
}
.m-movie-image-slider .slick-dots {
  bottom: 20px;
}
.m-movie-image-slider .slick-dots > * {
  background-color: #ffffff;
}
.m-movie-image-slider .slick-dots > *.slick-active {
  background-color: #0071b5;
}
.m-movie-image-slider .m-icon-slide-prev {
  left: -30px;
}

.m-movie-list-slider {
  position: relative;
  *zoom: 1;
  margin-left: 40px;
  margin-right: 80px;
  padding-bottom: 20px;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.m-movie-list-slider:after {
  content: "";
  display: table;
  clear: both;
}
.m-movie-list-slider.is-load {
  opacity: 1;
  visibility: visible;
}
.m-movie-list-slider__item {
  float: left;
  width: calc(100% / 3);
  padding-left: 40px;
}

.m-movie-search-condition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m-movie-search-condition-toggle {
  position: relative;
}
.m-movie-search-condition-btn {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  margin-left: 20px;
  width: 180px;
  background-color: #0071b5;
  font-size: 1.6rem;
  color: #ffffff;
}
.m-movie-search-condition-btn:hover {
  opacity: 0.7;
  text-decoration: none;
}
.m-movie-search-condition-btn .icon {
  margin-right: 10px;
  border-top: solid 14px #ffffff;
  border-left: solid 7px transparent;
  border-right: solid 7px transparent;
  -webkit-transition: .3s;
  transition: .3s;
}
.m-movie-search-condition-btn.is-active .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.m-movie-search-condition-content {
  position: absolute;
  top: 40px;
  right: -40px;
  width: 400px; /*640px*/
  z-index: 9999; /* 1 */
}
/* 改善要望_北村_00002 20181213 Takuma modify start */
.m-movie-search-condition-content_l {
  position: absolute;
  top: 40px;
  right: -40px;
  width: 680px;
  z-index: 9999; /* 1 */
}
/* 改善要望_北村_00002 20181213 Takuma modify end */
.m-filter--c3 {
  margin-right: -3px;
}
.m-flex--g20.m-filter--c3 > .m-flex__item {
  width: calc((100% / 3) - 21px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
/* 20180904 Takuma add start */
/* 改善要望_北村_00002 20181218 Takuma modify start */
.m-movie-section {
  padding-top: 220px;
  margin-top: -220px;
  margin-bottom: 30px;
}
/* 改善要望_北村_00002 20181218 Takuma modify end */
.m-movie-catNav {
  width: 100%;
  display: flex;
  margin-bottom: 15px;
}
.m-movie-catNav li:last-child {
  border: none;
}
.m-movie-catNav li:hover {
	background-color: #ebeff1;
	transition: 0.2s;
}
.m-movie-catNav__item {
  width: 100%;
  text-align: center;
  font-weight: 700;
	border-right: solid 1px #ccc;
}
.m-movie-catNav__item--pickup {
  width: 100%;
  text-align: center;
  font-weight: 700;
	border-right: solid 1px #ccc;
}
.m-movie-catNav__item > a,
.m-movie-catNav__item--pickup > a {
  display: block;
  width: 100%;
  color: #0071b5;
  padding: 5px 0;
  transition: 0.1s;
}
.m-movie-catNav__item > a:hover,
.m-movie-catNav__item--pickup > a:hover {
  background-color: #0071b5;
	color: #fff;
}
/* 20180904 Takuma add end */
/* =======================================================================
キャンペーン・用途入力
======================================================================= */
.m-order-campaign-item {
  border: solid 4px #c5cccf;
  text-align: center;
  background-color: #ebeff1;
  background-size: 100% 6px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0.4)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(rgba(255, 255, 255, 0.4) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0));
}
.m-order-campaign-item--selected {
  border-color: #ff9600;
  background-color: #fef0b6;
}
.m-order-campaign-item--coupon {
  border-color: #0071b5;
  background-color: #d4e9f5;
}
.m-order-campaign-item--toggle {
  display: none;
}

/* =======================================================================
大学生協・教育機関の皆さま
======================================================================= */
.m-education-ar-b-title {
  position: relative;
  padding: 15px;
  background-color: #8ea1b4;
  color: #ffffff;
  text-align: center;
}
.m-education-ar-b-title:before {
  content: "";
  border-top: solid 16px #8ea1b4;
  border-left: solid 14px transparent;
  border-right: solid 14px transparent;
  position: absolute;
  bottom: -16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}

/* 20171108 ichikawa add start */

ul.topRightSeikyou {
	width:100%;
	height:116px; /* 125px */
	border:1px solid #dfe5e8;
	overflow:scroll;
	overflow-x:hidden;
}

ul.topRightSeikyou li {
	margin:10px 10px 0 10px;
	padding:0 0 0 15px;
	background:url(../images/univ-top/dreceipt_ind.gif) no-repeat 0 2px;
	*background:url(../images/univ-top/dreceipt_ind.gif) no-repeat 0 1px;
	line-height:1;
}

/* 20171108 ichikawa add end */

/* =======================================================================
流通在庫商品について
======================================================================= */
.m-x-ray-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m-x-ray-col__l {
  width: calc(100% - 500px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-x-ray-col__r {
  width: 480px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.m-x-ray-tbl {
  width: 100%;
  table-layout: fixed;
}
.m-x-ray-tbl th, .m-x-ray-tbl td {
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  border: solid 1px #c5cccf;
}
.m-x-ray-tbl th {
  font-weight: 700;
  background-color: #cfe4f1;
}

/* =======================================================================
買い物かご
======================================================================= */
.m-cart-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-cart-col__item {
  width: calc((100% - 60px) / 2 - 40px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 40px;
}
.m-cart-col__btn {
  width: 60px;
  -ms-flex-item-align: center;
      align-self: center;
}

/* 20180314 takakura modify start */
/* =======================================================================
未決済modal / ブックマークmodal
======================================================================= */
.m-modal-unpaid {
  padding: 30px 40px 20px;
  border: solid 2px #ffffff;
  background-color: #ffbdbd;
}
.m-modal-popup {
  padding: 30px 40px 20px;
  border: solid 2px #ffffff;
}
.m-modal-bg-wh {
  background-color: #ffffff;
}
.m-modal-bg-gy {
  background-color: #f5f7f8;
}
.m-modal-unpaid-btn {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: block;
  text-align: center;
  background-color: #ff9600;
  padding: .5em 1em;
  font-size: 1.6rem;
  font-weight: 700;
  color: #ffffff;
}
.m-modal-unpaid-btn:hover {
  opacity: 0.7;
  text-decoration: none;
}
.m-modal-unpaid-btn:hover {
  text-decoration: none;
}
.m-modal-btn--close {
  color: #333333;
  background-color: #f6f6f6;
}

/* 20180314 takakura modify end */


/* =======================================================================
エンドユーザ指定/納入先指定
======================================================================= */
/* 20180214 tottori modify start */
@media screen and (min-width: 1280px) {
	.mbox-position {
	  box-sizing: border-box;
	  list-style-type: none;
	  border-collapse:separate;
      border-spacing: 10px 0;
	  display: flex;
	  flex-flow: row wrap;
	  justify-content: space-between;
	}
	.mbox-position::after{
	  box-sizing: border-box;
      content:"";
      display: block;
      width:32.3%;
	}
	.mbox-position li.m-position{
	  box-sizing: border-box;
      width: 32.3%;
	  display: inline-flex;
	  position:relative;
  	  align-content: flex-start;
	}
	.mbox-position .userbox {
	  width: 100%;
	  position:relative;
	  margin-bottom:150px;
	}
	.mbox-position .userbox2 {
	  position:relative;
	  margin-bottom:50px;
	}
  /* 親子会員機能改善 20201124 Takuma add start */
  .mbox-position .groupbox{/*add*/
    width: 100%;
    position: relative;
    margin-bottom: 66px;
  }
	.m-position-b {
	  position:absolute;
	  bottom:0;
	  margin:0 auto;
	  left: 0;
	  right: 0;
	}
	.m-select-box .m-position-b2 {
	  height:158px;
	}
  .m-select-box .m-position-b3{/*add*/
    height: 66px;
  }
  /* 親子会員機能改善 20201124 Takuma add start */
}
@media screen and (max-width: 1279px) {
	.mbox-position li:nth-child(2),
	.mbox-position li:nth-child(3){
	  margin-top:10px;
	}
}
/* 20180214 tottori modify end */

/* =======================================================================
注文履歴
======================================================================= */
.m-order-history-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m-order-history-col__item {
  width: 280px;
}
.m-order-history-col__item--l {
  width: 420px;
}
.m-history-text-14 {
  font-size:1.4rem;
  line-height:1.5;
}
.m-product-tbl > tbody > tr > td {
    position: relative;
}
/* =======================================================================
マイページ
======================================================================= */
.m-mypage-title {
  position: relative;
}
.m-mypage-title .m-btn {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.m-mypage-list {
  *zoom: 1;
  margin-left: -15px;
  margin-right: 1px;
  opacity: 0;
}
.m-mypage-list:after {
  content: "";
  display: table;
  clear: both;
}
.m-mypage-list.is-load {
  opacity: 1;
}
.m-mypage-list-wrap {
  margin-left: 40px;
  margin-right: 40px;
}
.m-mypage-list__item {
  float: left;
  width: calc(100% / 3 - 15px);
  margin-left: 15px;
}
.m-mypage-list .m-icon-slide-prev {
  left: -15px;
}
.m-mypage-list__item2 {
  float: left;
  width: calc(100% / 3 - 20px);
  margin-left: 15px;
}
.m-mypage-menu-list-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
}
.m-mypage-menu-list-item a .icon {
  width: 32px;
  height: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
  background-size: auto 100%;
  background-image: url(../images/common/icons-mypage.png);
}
.m-mypage-menu-list-item a .icon--01 {
  background-position: 0 0;
}
.m-mypage-menu-list-item a .icon--02 {
  background-position: -100% 0;
}
.m-mypage-menu-list-item a .icon--03 {
  background-position: -200% 0;
}
.m-mypage-menu-list-item a .icon--04 {
  background-position: -300% 0;
}
.m-mypage-menu-list-item a .icon--05 {
  background-position: -400% 0;
}
.m-mypage-menu-list-item a .icon--06 {
  background-position: -500% 0;
}
.m-mypage-menu-list-item a .icon--07 {
  background-position: -600% 0;
}
.m-mypage-menu-list-item a .icon--08 {
  background-position: -700% 0;
}
.m-mypage-menu-list-item a .icon--09 {
  background-position: -800% 0;
}
.m-mypage-menu-list-item a .icon--10 {
  background-position: -900% 0;
}
.m-mypage-menu-list-item a .icon--11 {
  background-position: -1000% 0;
}
.m-mypage-menu-list-item a .icon--12 {
  background-position: -1100% 0;
}
.m-mypage-menu-list-item a .icon--13 {
  background-position: -1200% 0;
}
.m-mypage-menu-list-item a .icon--14 {
  background-position: -1300% 0;
}
.m-mypage-menu-list-item a .icon--15 {
  background-position: -1400% 0;
}
.m-mypage-menu-list-item a .icon--16 {
  background-position: -1500% 0;
}
.m-mypage-menu-list-item a .icon--17 {
  background-position: -1600% 0;
}
.m-mypage-menu-list-item a .icon--18 {
  background-position: -1700% 0;
}
/* 改善要望_日下部蒼_00003 Takuma add start */
.m-mypage-menu-list-item a .icon--card{
  background-image: url(../images/common/icons-mypage-card.png);
}
/* 改善要望_日下部蒼_00003 Takuma add end */
/* グループ会員機能 20201208 Takuma add start */
.m-mypage-menu-list-item a .icon--group{
  background-image: url(../images/common/icons-mypage-group.png);
}
/* グループ会員機能 20201208 Takuma add end */
/* グループ会員機能 20210122 Takuma add start */
.m-mypage-menu-list-item a .icon--accept{
  background-image: url(../images/common/icons-mypage-accept.png);
}
/* グループ会員機能 20210122 Takuma add end */
/* =======================================================================
親子会員
======================================================================= */
.m-parent-and-child-tutorial {
  *zoom: 1;
  display: flex;
  justify-content: space-between;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 60px;
  margin-bottom: 30px;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: stretch;
  vertical-align: middle;
}
.m-parent-and-child-tutorial:after {
  content: "";
  display: table;
  clear: both;
}

/* 20180228 takakura modify start */
.m-parent-and-child-tutorial-item {
  width: auto;
  height: 80vh;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  box-sizing: border-box;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
}
/* 20180228 takakura modify end */

.m-parent-and-child-tutorial-item > * {
  width: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-parent-and-child-tutorial .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-parent-and-child-tutorial .m-icon-slide-prev {
  left: 25px;
}
.m-parent-and-child-tutorial .m-icon-slide-next {
  right: 25px;
}

.m-parent-and-child-tutorial-list > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.m-parent-and-child-tutorial-list > * + * {
  margin-top: 10px;
}
.m-parent-and-child-tutorial-list > * i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: .5em;
  color: #ffffff;
  border-radius: 50%;
  background-color: #0071b5;
}

/* =======================================================================
子会員追加
======================================================================= */
.m-child-member-add-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-child-member-add-col__tbl {
  width: 900px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 20px;
}
.m-child-member-add-col__btn {
  width: calc(100% - 920px);
}

/* =======================================================================
請求書払い（口座取引）お申し込み
======================================================================= */
.m-invoice-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-invoice-step__item {
  width: 25%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-bottom: solid 1px #c5cccf;
  padding-bottom: 10px;
}
.m-invoice-step__item.is-active {
  font-weight: 700;
  color: #0071b5;
  border-bottom: solid 2px #0071b5;
}

/* =======================================================================
リファレンスデザイン画面
======================================================================= */
/* リファレンスデザイン 20220418 Takuma add start */
.m-rfdFigure{
  display: flex;
  flex-direction: row-reverse;
  padding: 15px 0;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  margin: 15px 0;
}
.m-rfdFigure_mainWrap{
  flex-grow: 1;
}
.m-rfdFigure_mainImage{
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.m-rfdFigure_mainImage>img{
  width: 100%;
}
.m-rfdFigure_subList{
  flex-shrink: 0;
  width: 60px;
  margin-right: 15px;
}
.m-rfdFigure_subImage{
  position: relative;
  width: 60px;
  height: 60px;
  border: solid 1px #ccc;
  margin-bottom: 6px;
}
.m-rfdFigure_subImage:last-child{
  margin-bottom: 0;
}
.m-rfdFigure_subImage:hover{
  border-color: #f60;
}
.m-rfdFigure_subImage>img{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
/* リファレンスデザイン 20220418 Takuma add  end  */

@media screen and (max-width: 1279px) {
  .m-sp-only {
    display: none !important;
  }

  .m-pc-only {
    display: none !important;
  }

  .m-tb-only {
    display: block !important;
  }

  th.m-sp-only, td.m-sp-only {
    display: none !important;
  }
  th.m-pc-only, td.m-pc-only {
    display: none !important;
  }
  th.m-tb-only, td.m-tb-only {
    display: table-cell !important;
  }

  /* layout */
  .l-indent {
    margin-left: 20px;
    margin-right: 20px;
  }

  /* flex */
  .m-flex.m-flex--pc {
    display: block;
    margin-bottom: 0;
  }
  .m-flex.m-flex--pc.m-flex--c2 > .m-flex__item, .m-flex.m-flex--pc.m-flex--c3 > .m-flex__item, .m-flex.m-flex--pc.m-flex--c4 > .m-flex__item, .m-flex.m-flex--pc.m-flex--c5 > .m-flex__item {
    width: auto;
  }
  .m-flex.m-flex--pc.m-flex--g5, .m-flex.m-flex--pc.m-flex--g10, .m-flex.m-flex--pc.m-flex--g20, .m-flex.m-flex--pc.m-flex--g30, .m-flex.m-flex--pc.m-flex--g40, .m-flex.m-flex--pc.m-flex--g60, .m-flex.m-flex--pc.m-flex--g80 {
    margin-left: 0;
    margin-bottom: 0;
  }
  .m-flex.m-flex--pc.m-flex--g5 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g10 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g20 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g30 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g40 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g60 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g80 > .m-flex__item {
    margin-left: 0;
    margin-bottom: 0;
  }
  .m-flex.m-flex--pc.m-flex--g5.m-flex--c2 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g5.m-flex--c3 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g5.m-flex--c4 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g5.m-flex--c5 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g10.m-flex--c2 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g10.m-flex--c3 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g10.m-flex--c4 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g10.m-flex--c5 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g20.m-flex--c2 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g20.m-flex--c3 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g20.m-flex--c4 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g20.m-flex--c5 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g30.m-flex--c2 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g30.m-flex--c3 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g30.m-flex--c4 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g30.m-flex--c5 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g40.m-flex--c2 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g40.m-flex--c3 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g40.m-flex--c4 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g40.m-flex--c5 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g60.m-flex--c2 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g60.m-flex--c3 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g60.m-flex--c4 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g60.m-flex--c5 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g80.m-flex--c2 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g80.m-flex--c3 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g80.m-flex--c4 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g80.m-flex--c5 > .m-flex__item {
    width: auto;
  }
  .m-flex.m-flex--pc > .m-flex__item + .m-flex__item {
    margin-top: 20px;
  }
  .m-flex.m-flex--pc .m-btn:not(.m-btn--trash) {
    width: 100%;
  }

  .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c2.m-flex--g30, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c2.m-flex--g40, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c2.m-flex--g60, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c2.m-flex--g80, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c3.m-flex--g30, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c3.m-flex--g40, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c3.m-flex--g60, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c3.m-flex--g80, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c4.m-flex--g30, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c4.m-flex--g40, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c4.m-flex--g60, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c4.m-flex--g80, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c5.m-flex--g30, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c5.m-flex--g40, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c5.m-flex--g60, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c5.m-flex--g80 {
    margin-left: -20px;
    margin-bottom: -20px;
  }
  .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c2.m-flex--g30 > .m-flex__item, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c2.m-flex--g40 > .m-flex__item, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c2.m-flex--g60 > .m-flex__item, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c2.m-flex--g80 > .m-flex__item, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c3.m-flex--g30 > .m-flex__item, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c3.m-flex--g40 > .m-flex__item, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c3.m-flex--g60 > .m-flex__item, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c3.m-flex--g80 > .m-flex__item, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c4.m-flex--g30 > .m-flex__item, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c4.m-flex--g40 > .m-flex__item, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c4.m-flex--g60 > .m-flex__item, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c4.m-flex--g80 > .m-flex__item, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c5.m-flex--g30 > .m-flex__item, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c5.m-flex--g40 > .m-flex__item, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c5.m-flex--g60 > .m-flex__item, .m-flex:not(.m-flex--sp):not(.m-flex--c2).m-flex--c5.m-flex--g80 > .m-flex__item {
    width: calc(50% - 20px);
    margin-left: 20px;
    margin-bottom: 20px;
  }

  .m-flex.m-flex--list {
    margin-bottom: 0;
  }
  .m-flex.m-flex--list > .m-flex__item {
    margin-bottom: 0;
  }
  .m-flex.m-flex--list > .m-flex__item + .m-flex__item {
    margin-top: 0;
  }

  /* col */
  .m-col {
    display: block;
  }
  .m-col__item--w360 {
    width: auto;
  }
  .m-col__item--w460 {
    width: auto;
  }
  .m-col__item + .m-col__item {
    margin-top: 40px;
  }

  .m-bg-title--with-link--tb {
    display: block;
  }
  .m-bg-title--with-link--tb > * + * {
    margin-top: 10px;
  }

  /* form */
  .m-form-col {
    display: block;
    padding: 20px;
  }
  .m-form-col--noline {
    padding-bottom: 0;
  }
  .m-form-col--s {
    padding: 10px 20px;
  }
  .m-form-col__title {
    width: auto;
    padding-right: 0;
  }
  .m-form-col__content {
    margin-top: 10px;
  }

  .m-form-btn-col {
    display: block;
  }
  .m-form-btn-col__item {
    display: block;
    margin-top: 10px;
    margin-left: 0;
  }
  .m-form-btn-col__item > * {
    width: auto;
    margin-left: 0;
  }
  .m-form-btn-col__item > * + * {
    margin-top: 10px;
  }

  /* modal window */
  .m-modal-item {
    display: none;
    position: fixed;
    left: 5%;
    top: 5%;
    width: 90%;
    height: 90%;
    padding: 20px;
  }
  .m-modal-item--narrow {
    padding: 0;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  /* ポップアップ画面修正 20210702 Takuma add start */
  .m-modal-item--passive {
    padding: 0;
    width: calc( 100% - 12px )!important;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    overflow: hidden;
  }
  /* ポップアップ画面修正 20210702 Takuma add end */
  .m-modal-close {
    right: calc(5% + 20px);
    top: calc(5% + 20px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  #l-wrapper {
    min-width: 768px;
  }

  .l-container, .l-container--history {
    max-width: 1279px;
    padding-left: 60px;
    padding-right: 60px;
    margin-top: 20px;
    margin-bottom: 60px;
  }
  .l-container--liquid {
    max-width: inherit;
    padding-left: 20px;
    padding-right: 20px;
  }

  /* +--------------------------------------------------------------------------------------+
  header	header　リニューアル用
  +--------------------------------------------------------------------------------------+ */
  .t-header {
    min-width: 768px;
  }

  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  footer
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .b-footer-inner {
    /* padding: 60px 20px 100px; */
    padding: 20px;
  }

  .m-footer-nav {
    margin-left: -20px;
  }
  .m-footer-nav-item {
    width: calc(50% - 20px);
    margin-left: 20px;
  }
  .m-footer-nav-list {
    display: block;
  }
  .m-footer-nav-list > * {
    width: auto;
  }
  .m-footer-language {
    margin-left: 80px;
    margin-right: 80px;
    margin-bottom: -20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .m-footer-language > * {
    width: calc(100% / 6);
    margin-bottom: 20px;
  }
  .m-footer-info {
    display: block;
    margin-top: 40px;
    padding: 30px;
  }
  .m-footer-info > * {
    width: auto;
  }
  .m-footer-info-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 20px;
  }
  .m-footer-info-h {
    display: block;
    margin-bottom: 0px;
  }
  .m-footer-info-logo {
    margin-right: 0px;
    margin-bottom: 30px;
  }
  .m-footer-info-list {
    margin-left: 30px;
  }
  .m-footer-text {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1279px) {
  /* 20180509 takakura add start */
	/* 検索結果・小アイコン・修正 */
  /* +--------------------------------------------------------------------------------------+
  header　リニューアル用
  +--------------------------------------------------------------------------------------+ */
  .t-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10001;
    background-color: #ffffff;
  }

  .t-header-inner {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    min-width: inherit;
    background-color: transparent;
  }

  .t-header-h {
    display: none;
  }

  /* 20180509 takakura add end  */

  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  header language
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .m-header-language {
    position: relative;
    right: auto;
    top: auto;
    margin-right: 0;
    display: block;
    width: auto;
    height: auto;
    padding-left: 0px;
    font-size: 1.4rem;
  }
  .m-header-language-l {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px;
  }
  .m-header-language-r {
    display: block;
  }
  .m-header-language-btn {
    font-size: 1.2rem;
  }
  .m-header-language-toggle {
    border-top: solid 1px #c5cccf;
  }
  .m-header-language-toggle:hover .m-header-language-toggle-content {
    display: none;
  }
  .m-header-language-toggle:hover .m-header-language-toggle-current a {
    background-color: #d9e2e8;
  }
  .m-header-language-toggle-current a {
    height: auto;
    padding: 20px;
  }
  .m-header-language-toggle-content {
    display: none;
    position: relative;
    right: auto;
    top: auto;
    width: auto;
    padding: 20px;
  }
  .m-header-language-toggle-content--currency {
    width: auto;
  }

  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  header logo
  header search
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .m-header-main {
    position: relative;
    display: block;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
    height: auto;
  }
  .m-header-main-sub {
    display: block;
  }
  .m-header-main-sub > * {
    margin-left: 0;
  }
  .m-header-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 90px;
    width: 200px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

    /* 20171204 ichikawa add start */
  .m-header-logo-sp{
	  display:inherit;
	  }
  .m-header-logo-intra {
	  display:none;
  }
  /* 20171204 ichikawa add end */

  .m-header-menu {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 90px;
    height: 90px;
  }
  .m-header-menu:before {
    content: "";
    width: 1px;
    height: 30px;
    background-color: #c5cccf;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .m-header-menu span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    margin: auto;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
  }
  .m-header-menu figure {
    -webkit-transition: .3s;
    transition: .3s;
    position: absolute;
    width: 40px;
    height: 4px;
    left: 50%;
    margin-left: -20px;
    display: inline-block;
    background-color: #0071b5;
  }
  .m-header-menu figure:nth-of-type(1) {
    top: 40%;
    margin-top: -16px;
  }
  .m-header-menu figure:nth-of-type(2) {
    top: 40%;
    margin-top: -2px;
  }
  .m-header-menu figure:nth-of-type(3) {
    margin-bottom: -16px;
    bottom: 60%;
  }
  .m-header-menu.is-active {
    background-color: transparent;
  }
  .m-header-menu.is-active figure:nth-of-type(1) {
    -webkit-transform: translateY(14px) rotate(-45deg);
            transform: translateY(14px) rotate(-45deg);
  }
  .m-header-menu.is-active figure:nth-of-type(2) {
    height: 0;
    opacity: 0;
  }
  .m-header-menu.is-active figure:nth-of-type(3) {
    -webkit-transform: translateY(-14px) rotate(45deg);
            transform: translateY(-14px) rotate(45deg);
  }
  .m-header-search {
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 20px;
    background-color: #ebeff1;
  }
  /* 一括検索 20200305 Takuma modify start */
  .m-header-search-opt_main {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-bottom:10px;
  }
  /* 一括検索 20200305 Takuma modify  end  */
  .m-header-search-opt_none {
	display:none;
  }
  .m-header-search-form {
    position: relative;
    margin-top: 0;
  }
  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  header login
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .m-header-login {
    position: relative;
    right: auto;
    top: auto;
    margin-right: 0;
    width: auto;
    padding: 20px;
  }
  .m-header-login-register {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 10px;
  }
  .m-header-member {
    position: relative;
    right: auto;
    top: auto;
    margin-right: 0;
    width: auto;
  }
  .m-header-member-content {
    position: relative;
    padding: 20px;
  }
  .m-header-member-content:before {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border-top: solid 10px #0000ff;
    border-left: solid 6px transparent;
    border-right: solid 6px transparent;
  }
  .m-header-member-content:hover {
    text-decoration: none;
  }
  .m-header-member-puwin {
    display: none;
    position: relative;
    left: auto;
    top: auto;
    min-width: inherit;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    border: 0;
    padding: 20px;
  }
  .m-header-member-puwin.is-active {
    display: none;
  }
  .m-header-member-puwin:before, .m-header-member-puwin:after {
    display: none;
  }
  .m-header-member-puwin-close {
    display: none;
  }
  .m-header-cart--sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    top: 25px;
  }
  .m-header-cart--sp .m-header-cart-child {
    top: 65px;
  }
.m-header-cart--sp .m-header-cart-child {
  display: none;
  position: absolute;
  right: 30px;
  width: 230px;
  z-index: 6000;
  background-color: #ffffff;
  border: solid 2px #4D9CCB;
  padding: 0 10px 10px;
  line-height: 1.5;
}
.m-header-cart-child.is-active {
  display: block;
}
.m-header-cart-child-close {
  display: none;
}
  .m-header-login--sp {
	display:block;
    position: absolute;
    top: 21px;
	left:110px;
  }
  .m-header-login--sp .m-icon--login_gr {
	width:25px;
	height:34px;
  }
  .m-header-login--sp p {
	display:block;
	width:36px;
	height:43px;
	transition: .3s;
    padding:0 5px;
    margin-right: 0;
  }
  .m-header-login--sp span {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
	text-align: center;
  }
  .m-header-cart--pc {
	display:none;
/*
	position: relative;
    right: auto;
    top: auto;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
*/
  }
  .m-header-cart--pc .m-header-cart__item {
    position: static;
    width: calc(100% / 3);
    padding: 15px;
  }
  .m-header-cart--pc .m-header-cart-child {
    top: 75px;
  }
  .m-header-cart-child {
    width: calc(100vw);
    padding-top: 20px;
    right: 0px;
  }

  /* 20171204 ichikawa add start */

  .m-header-cart__item--cancel {
	  display:none;
  }

  /* 20171204 ichikawa add start */

  .m-header-cart-child-close {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #4D9CCB;
    width: 20px;
    height: 20px;
    display: block;
  }
  .m-header-cart-child-close:before {
    content: "";
    width: 2px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1px;
    margin-top: -5px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    background-color: #ffffff;
  }
  .m-header-cart-child-close:after {
    content: "";
    width: 2px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -5px;
    margin-left: -1px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    background-color: #ffffff;
  }

  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  global nav
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .m-header-nav {
    position: fixed;
    left: 0;
    top: 90px;
    width: 100%;
    height: calc(100% - 90px);
    overflow: auto;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: .2s;
    transition: .2s;
    z-index: 5010;
    background-color: #ffffff;
  }
  .m-header-nav.is-active {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  .m-global-nav {
    display: block;
    background-color: #0071b5;
  }
  .m-global-nav-item {
    font-size: 1.4rem;
  }
  .m-global-nav-item + .m-global-nav-item {
    border-top: solid 1px rgba(255, 255, 255, 0.5);
  }
  .m-global-nav-item:before {
    display: none;
  }
  .m-global-nav-item > a {
    padding-left: 20px;
    padding-right: 20px;
  }
  .m-global-nav-child, .m-global-nav-gchild {
    display: none;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transition: 0s;
    transition: 0s;
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    border: 0;
    font-size: 1.2rem;
  }
  .m-global-nav-child--w, .m-global-nav-gchild--w {
    width: auto;
  }
  .m-global-nav-child-title-text, .m-global-nav-gchild-title-text {
    font-size: 1.4rem;
  }
  /* 20180306 takakura modify start */
  .m-global-nav-child:not(.m-global-nav-child--w) .m-global-nav-child-list:not(.m-global-nav-child-list--toggle), .m-global-nav-gchild:not(.m-global-nav-child--w) .m-global-nav-child-list:not(.m-global-nav-child-list--toggle),
  .m-global-nav-child-list--col, .m-global-nav-gchild-list--col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -10px;
  }

  .m-global-nav-child:not(.m-global-nav-child--w) .m-global-nav-child-list:not(.m-global-nav-child-list--toggle) > *, .m-global-nav-gchild:not(.m-global-nav-child--w) .m-global-nav-child-list:not(.m-global-nav-child-list--toggle) > * {
    width:100%; /* calc(100% / 3 - 10px) */
    margin-left: 30px; /* 10px */
  }
  .m-global-nav-child-list--col > *, .m-global-nav-gchild-list--col > * {
    width:calc(100% / 3 - 45px);
    margin-left: 25px;
  }
  /* 20180306 takakura modify end */

  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  header sp link
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .m-header-sub-link {
    display: block;
  }
  .m-header-sub-link > * {
    border-top: solid 1px #c5cccf;
    font-size: 1.4rem;
  }
  .m-header-sub-link > * a {
    display: block;
    padding: 20px;
    color: #0000ff;
  }

  .m-header-sp-tel {
    display: block;
    padding: 20px;
    border-top: solid 1px #c5cccf;
  }
  .m-header-sp-tel-title {
    font-size: 2rem;
    font-weight: 700;
  }
  .m-header-sp-tel-title a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #0000ff;
  }
  .m-header-sp-tel-title .icon {
    width: 16px;
    height: 20px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 5px;
    background-size: auto 100%;
    background-image: url(../images/common/icon-tel.png);
  }
  .m-header-sp-tel-text {
    margin-top: 10px;
    font-size: 1.2rem;
  }

  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  header information
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* 改善要望_北村_00006 20190110 Takuma add/modify start*/
  .m-header-info-inner {
    padding: 5px 10px;
  }
  .m-header-info-contact {
    margin-top: 10px;
  }
  .m-header-info-droplist{
    padding-top: 0;
  }
  .m-header-info-droplist-trigger{
    top: 3px;
  }
  /* 改善要望_北村_00006 20190110 Takuma add/modify end */
  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  header order nav
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .m-header-nav-order {
    display: none;
  }
}
@media screen and (max-width: 1279px) {
  /* =======================================================================
  検索バー
  ======================================================================= */
  .m-search-set-title {
    margin-right: 20px;
  }
  .m-search-set-title,
  .m-search-set-content-left,
  .m-search-set-content-right {
	  width:100%;
	  margin:5px;
  }
  .m-search-set-btn {
    width: 100px;
  }
  .m-search-set-content,
  .m-search-set--wide .m-search-set-content {
    width: 400px;
  }
  /* 2021/10/29 #42706 ADD START */
  .m-search-set-content--wide100 {
    width: 100%;
  /* 2021/10/29 #42706 ADD END */
  }
  .m-search-set {
	  display:block;
  }

  /* =======================================================================
  トップページ
  ======================================================================= */
  .m-home-inner {
    max-width: inherit;
    padding-left: 20px;
    padding-right: 20px;
  }

  .m-home-member-register {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .m-home-member-register-icon {
    margin-bottom: 5px;
    width: 30px;
    height: 30px;
  }
  .m-home-member-register-text {
    font-size: 1.2rem;
  }

  .m-home-member-stage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .m-home-member-stage-title {
    font-size: 1.2rem;
  }
  .m-home-member-stage-text {
    font-size: 1rem;
  }
  .m-home-member-stage-text strong {
    font-size: 1.4rem;
  }
  .m-home-member-stage-btn {
    height: 20px;
    border-radius: 10px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 1.2rem;
  }

  .m-home-maker-list {
    margin-left: -16px;
    margin-bottom: -16px;
  }
  .m-home-maker-list__item {
    width: calc(100% / 3 - 16px);
    margin-left: 16px;
    margin-bottom: 16px;
  }

  .m-home-special-list__item {
    width: calc(100% / 3);
  }

  .m-home-product-list__item {
    width: calc(100% / 3);
  }
  .m-home-product-list .m-icon-slide-prev {
    left: -20px;
  }

  .m-home-bnr-list {
    margin-right: 20px;
  }
  .m-home-bnr-list__item {
    width: 50%;
    padding-left: 20px;
  }
  .m-home-bnr-list__item img {
    width: 100%;
  }
  .m-home-bnr-list .m-icon-slide-prev {
    left: -10px;
  }

  /* =======================================================================
  製品詳細
  ======================================================================= */
  .m-product-slider__item {
    width: 50%;
  }

  .m-product-detail-col {
    display: block;
  }
  .m-product-detail-col__title {
    width: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 0;
  }
  .m-product-detail-col__spec, .m-product-detail-col__content {
    width: auto;
  }
  .m-product-detail-col__content {
    margin-top: 30px;
  }
  .m-product-detail-col__cart {
    width: auto;
    margin-left: 0;
    margin-top: 30px;
  }

  /* =======================================================================
  新製品
  ======================================================================= */
  .m-new-product-thumb__btn {
    position: absolute;
    right: 0;
    top: 75%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1;
   }
  /* =======================================================================
  新製品詳細
  検索結果
  閲覧履歴
  ======================================================================= */
  .m-scroll-tbl .m-product-tbl {
    width: 960px;
  }
  .m-spec-scroll-tbl .m-spec-product-tbl {
    width: 960px;
  }
  .m-scroll-tbl .m-product-tbl--s {
    min-width: 840px;
  }
  .m-scroll-tbl .m-product-tbl--m {
    min-width: 1120px;
  }
  .m-scroll-tbl .m-product-tbl--l {
    min-width: 1440px;
  }
  .m-scroll-tbl .m-product-tbl--xl {
    min-width: 2400px;
  }
  .m-spec-scroll-tbl .m-product-tbl--xl {
    min-width: 2400px;
  }
  .m-scroll-tbl .m-order-tbl {
    min-width: 840px;
  }
  .m-spec-scroll-tbl .m-order-tbl {
    min-width: 840px;
  }

  .m-search-multiple-keyword-list__item {
    width: calc(100% / 2 - 10px);
    text-align: center;
  }

  /* =======================================================================
  メーカ
  ======================================================================= */
  .m-alphabet-list > * {
    width: calc(100% / 13 - 10px);
  }

  .m-maker-list {
    width: auto;
    margin-left: -20px;
  }
  .m-maker-list__item {
    width: calc(100% / 4 - 20px);
    margin-left: 20px;
    margin-right: 0;
  }

  .m-maker-box {
    padding: 20px;
  }

  .m-maker-col {
    display: block;
  }
  .m-maker-col__logo {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    text-align: center;
  }

  /* =======================================================================
  ニュースセンター
  ======================================================================= */
  .m-news-col {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .m-news-col__content {
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .m-news-col__menu {
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-top: 30px;
  }
  .m-news-col--sp-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .m-news-col--sp-reverse .m-news-col__content {
    margin-top: 30px;
  }
  .m-news-col--sp-reverse .m-news-col__menu {
    margin-top: 0px;
  }

  .m-condition-reset {
    font-size: 1.2rem;
    border-radius: 15px;
    height: 30px;
    width: 100%;
  }

  .m-news-cat {
    border: solid 1px #c5cccf;
  }
  .m-news-cat + .m-news-cat {
    margin-top: 20px;
  }
  .m-news-cat__title {
    position: relative;
    padding-left: 40px;
  }
  .m-news-cat__title:before {
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-size: auto 100%;
    background-image: url(../images/common/icon-toggle.png);
    background-color: #0071b5;
  }
  .m-news-cat__title.is-active:before {
    background-position: -100% 0;
  }
  .m-news-cat .m-condition-reset {
    position: relative;
    right: auto;
    top: auto;
    margin-bottom: 15px;
  }
  .m-news-cat__content {
    display: none;
    overflow: visible;
  }
  .m-news-cat__content.is-active {
    display: block;
  }
  .m-news-cat__content--s {
    max-height: inherit;
  }
  .m-news-cat__content--m {
    max-height: inherit;
  }
  .m-news-cat__content--l {
    max-height: inherit;
  }
  .m-news-pager .select,
  .m-search-pager .select  {
    display:block;
	width:100%;
  }
  .m-search-pager .sort,
  .m-search-pager .quantity,
  .m-search-pager .pager,
  .m-search-pager .guide  {
	display:block;
    position: relative;
    width: 100%;
    margin-bottom: 5px; /*modify*/
  }
  /* 20180423 hyron upd start */
/*   .m-news-pager .sort { */
/*     position: relative; */
/*     width: 100%; */
/*     margin-bottom: 10px; */
/*     -ms-flex-negative: 0; */
/*         flex-shrink: 0; */
/*     left: auto; */
/*     top: auto; */
/*     -webkit-transform: none; */
/*             transform: none; */
/*   } */
/*   20180405 takakura add start */
/*   .m-news-pager .quantity { */
/*     position: relative; */
/*     width: 100%; */
/*     margin-bottom: 10px; */
/*     -ms-flex-negative: 0; */
/*         flex-shrink: 0; */
/*     left: auto; */
/*     top: auto; */
/*     -webkit-transform: none; */
/*             transform: none; */
/*   } */
/*   20180405 takakura add end */
/*   .m-news-pager .guide { */
/*     position: relative; */
/*     width: 100%; */
/*     margin-top: 10px; */
/*     -ms-flex-negative: 0; */
/*         flex-shrink: 0; */
/*     right: auto; */
/*     top: auto; */
/*     -webkit-transform: none; */
/*             transform: none; */
/*   } */
  .m-news-pager .sort,
  .m-news-pager .quantity,
  .m-news-pager .pager,
  .m-news-pager .guide  {
	display:block;
    position: relative;
    width: 100%;
    margin-bottom: 5px; /*modify*/
  }
  /* 20180423 hyron upd start */

  /* =======================================================================
  オーダー
  ======================================================================= */
  .m-order-col__content {
    float: none;
    width: auto;
  }
  .m-order-col__btn {
    width: auto;
    float: none;
    margin-top: 30px;
  }
  .m-order-col--sp-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .m-order-col--sp-reverse .m-order-col__content {
    width: 100%;
    margin-top: 30px;
  }
  .m-order-col--sp-reverse .m-order-col__menu {
    width: 100%;
    margin-top: 0px;
  }

  /* =======================================================================
  見積依頼
  ======================================================================= */
  .m-estimate-order-col {
    display: block;
  }
  .m-estimate-order-col__l {
    width: auto;
  }
  .m-estimate-order-col__r {
    width: auto;
    margin-top: 20px;
  }

  /* =======================================================================
  動画センター
  ======================================================================= */
  .m-movie-col__content {
    float: none;
    width: auto;
  }
  .m-movie-col__menu {
    float: none;
    width: auto;
    margin-top: 30px;
  }
  .m-movie-col--sp-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .m-movie-col--sp-reverse .m-movie-col__content {
    width: 100%;
    margin-top: 30px;
  }
  .m-movie-col--sp-reverse .m-movie-col__menu {
    width: 100%;
    margin-top: 0px;
  }

  .m-movie-list-slider__item {
    width: 50%;
  }

  /* =======================================================================
  流通在庫商品について
  ======================================================================= */
  .m-x-ray-col {
    display: block;
  }
  .m-x-ray-col__l {
    width: auto;
  }
  .m-x-ray-col__r {
    width: auto;
    margin-top: 20px;
  }

  /* =======================================================================
  買い物かご
  ======================================================================= */
  .m-cart-col {
    display: block;
  }
  .m-cart-col__item {
    width: auto;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .m-cart-col__btn {
    width: auto;
    text-align: center;
  }

  /* =======================================================================
  注文履歴
  ======================================================================= */
  .m-order-history-col {
    display: block;
  }
  .m-order-history-col__item {
    width: auto;
  }
  .m-order-history-col__item--l {
    width: auto;
  }
  .m-order-history-col__item + .m-order-history-col__item {
    margin-bottom: 10px;
  }
  dt.m-definition-col__item--w100 ,
  dt.m-definition-col__item--w120 ,
  dt.m-definition-col__item--w160 {
	  -ms-flex-negative: 0;
		  flex-shrink: 0;
	  width: 160px;
  }
  .m-definition-col__item input[type="password"].m-input-text--s,
  .m-definition-col__item input[type="text"].m-input-text--s {
	  width:200px;
  }

  /* =======================================================================
  マイページ
  ======================================================================= */
  .m-mypage-title .m-btn {
    position: relative;
    right: auto;
    top: auto;
    margin-top: 10px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  .m-mypage-list__item {
    width: calc(100% / 2 - 15px);
  }
  .m-mypage-list__item2 {
    width: calc(100% / 2 - 20px);
  }

  .m-mypage-menu-list-item a {
    padding: 5px 0;
  }

  /* =======================================================================
  親子会員
  ======================================================================= */
  .m-parent-and-child-tutorial {
    max-width: 640px;
  }
  .m-parent-and-child-tutorial-item {
    min-height: calc(100vh - 240px);
    height: auto;
  }

  /* =======================================================================
  請求書払い（口座取引）お申し込み
  ======================================================================= */
  .m-invoice-step__item {
    width: calc(100% / 3);
  }


  /* =======================================================================
  ソリューション
  ======================================================================= */
  /* 20180606 takakura add start */
  /* 他に影響がでる可能性アリ */
  .m-flex--g20.m-flex--c5 > .m-flex__item {
    width: calc((100% / 3) - 20px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
   }
   .m-flex--g10.m-flex--c5 > .m-flex__item {
    width: calc((100% / 3) - 10px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
   }
  /* 20180606 takakura add end */

}
@media screen and (max-width: 767px) {
  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  モジュール
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* sp only */
  .m-align-c--pc {
    text-align: inherit;
  }

  .m-tb-only {
    display: none !important;
  }

  .m-pc-only {
    display: none !important;
  }

  .m-sp-only {
    display: block !important;
  }

  th.m-tb-only, td.m-tb-only {
    display: none !important;
  }
  th.m-pc-only, td.m-pc-only {
    display: none !important;
  }
  th.m-sp-only, td.m-sp-only {
    display: table-cell !important;
  }
  /* 親子会員機能改善 20201124 Takuma add start */
  .m-sp-only.u-ib{
    display: inline-block!important;
  }
  /* 親子会員機能改善 20201124 Takuma add  end  */

  .m-sp-img-max {
    width: 100%;
  }

  /* text */
  .m-text-10 {
    font-size: 1rem;
    line-height: 1.6;
  }

  .m-text-11 {
    font-size: 1rem;
    line-height: 1.6;
  }

  .m-text-12 {
    font-size: 1.2rem;
    line-height: 1.6;
  }

  .m-text-13 {
    font-size: 1.2rem;
    line-height: 1.6;
  }

  .m-text-14 {
    font-size: 1.3rem;
    line-height: 1.6;
  }

  .m-text-15 {
    font-size: 1.3rem;
    line-height: 1.6;
  }

  .m-text-16 {
    font-size: 1.3rem;
    line-height: 1.6;
  }

  .m-text-17 {
    font-size: 1.4rem;
    line-height: 1.4;
  }

  .m-text-18 {
    font-size: 1.6rem;
    line-height: 1.4;
  }

  .m-text-19 {
    font-size: 1.4rem;
    line-height: 1.4;
  }

  .m-text-20 {
    font-size: 1.4rem;
    line-height: 1.4;
  }

  .m-text-21 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .m-text-22 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .m-text-23 {
    font-size: 1.6rem;
    line-height: 1.4;
  }

  .m-text-24 {
    font-size: 1.6rem;
    line-height: 1.4;
  }

  .m-text-25 {
    font-size: 1.6rem;
    line-height: 1.4;
  }

  .m-text-26 {
    font-size: 1.6rem;
    line-height: 1.4;
  }

  .m-text-27 {
    font-size: 1.6rem;
    line-height: 1.4;
  }

  .m-text-28 {
    font-size: 1.8rem;
    line-height: 1.4;
  }

  .m-text-30 {
    font-size: 1.8rem;
    line-height: 1.4;
  }

  .m-text-31 {
    font-size: 1.8rem;
    line-height: 1.4;
  }

  .m-text-32 {
    font-size: 2.0rem;
    line-height: 1.4;
  }

  .m-text-34 {
    font-size: 2.0rem;
    line-height: 1.4;
  }

  .m-text-35 {
    font-size: 2.0rem;
    line-height: 1.4;
  }

  .m-text-36 {
    font-size: 2.0rem;
    line-height: 1.4;
  }

  .m-text-37 {
    font-size: 2.0rem;
    line-height: 1.4;
  }

  .m-text-38 {
    font-size: 2.0rem;
    line-height: 1.4;
  }

  .m-text-40 {
    font-size: 2.2rem;
    line-height: 1.4;
  }

  .m-text-42 {
    font-size: 2.2rem;
    line-height: 1.4;
  }

  .m-text-44 {
    font-size: 2.2rem;
    line-height: 1.4;
  }

  .m-text-46 {
    font-size: 2.2rem;
    line-height: 1.4;
  }

  .m-text-48 {
    font-size: 2.2rem;
    line-height: 1.4;
  }

  .m-text-lhl {
    line-height: 1.8;
  }

  .m-text-lhs {
	line-height: 1.2;
  }

  .m-ls1 {
    letter-spacing: 0em;
  }

  .m-ls2 {
    letter-spacing: 0em;
  }

  .m-uline {
    text-decoration: none;
  }

  .m-uline:hover {
    text-decoration: none;
  }

  .m-hline {
    text-decoration: none;
  }

  .m-hline:hover {
    text-decoration: none;
  }

  .m-op {
    -webkit-transition: opacity 0s;
    transition: opacity 0s;
  }
  .m-op:hover {
    opacity: 1;
  }

  .m-marker:before {
    height: 4px;
  }

  /* margin */
  .m-mt-2xs {
    margin-top: 5px;
  }

  .m-mt-xs {
    margin-top: 10px;
  }

  .m-mt-s {
    margin-top: 10px;
  }

  .m-mt {
    margin-top: 15px;
  }

  .m-mt-l {
    margin-top: 20px;
  }

  .m-mt-xl {
    margin-top: 25px;
  }

  .m-mt-2xl {
    margin-top: 30px;
  }

  .m-mt-3xl {
    margin-top: 30px;
  }

  .m-mb-2xs {
    margin-bottom: 5px;
  }

  .m-mb-xs {
    margin-bottom: 10px;
  }

  .m-mb-s {
    margin-bottom: 10px;
  }

  .m-mb {
    margin-bottom: 15px;
  }

  .m-mb-l {
    margin-bottom: 20px;
  }

  .m-mb-xl {
    margin-bottom: 25px;
  }

  .m-mb-2xl {
    margin-bottom: 30px;
  }

  .m-mb-3xl {
    margin-bottom: 30px;
  }

  /* padding */
  .m-pt-2xs {
    padding-top: 5px;
  }

  .m-pt-xs {
    padding-top: 10px;
  }

  .m-pt-s {
    padding-top: 10px;
  }

  .m-pt {
    padding-top: 15px;
  }

  .m-pt-l {
    padding-top: 20px;
  }

  .m-pt-xl {
    padding-top: 25px;
  }

  .m-pt-2xl {
    padding-top: 30px;
  }

  .m-pt-3xl {
    padding-top: 30px;
  }

  .m-pb-2xs {
    padding-bottom: 5px;
  }

  .m-pb-xs {
    padding-bottom: 10px;
  }

  .m-pb-s {
    padding-bottom: 10px;
  }

  .m-pb {
    padding-bottom: 15px;
  }

  .m-pb-l {
    padding-bottom: 20px;
  }

  .m-pb-xl {
    padding-bottom: 25px;
  }

  .m-pb-2xl {
    padding-bottom: 30px;
  }

  .m-pb-3xl {
    padding-bottom: 30px;
  }

  .m-p-xs {
    padding: 5px;
  }

  .m-p-s {
    padding: 10px;
  }

  .m-p {
    padding: 15px;
  }

  .m-p-l {
    padding: 20px;
  }

  .m-p-xl {
    padding: 20px;
  }

  .m-list-ar > li {
    padding-left: 15px;
  }
  .m-list-ar > li:before {
    border-left-width: 5px;
    border-top-width: 3px;
    border-bottom-width: 3px;
    top: 6px;
  }

  .l-inner {
    max-width: inherit;
    padding-left: 15px;
    padding-right: 15px;
  }
  .l-inner .l-inner {
    padding-left: 0;
    padding-right: 0;
  }

  .l-indent-s,
  .l-indent {
    margin-left: 10px;
    margin-right: 10px;
  }

  /* tabs */
  .m-tab-list-nav__item a {
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
  }

/* 20171101 takakura modify start */
  /* tabs */
  .m-tab-list-nav__item a {
    width: auto;
    padding-left: 1em;
    padding-right: 2em; /* padding-right: 1em; */
  }
/* 20171101 takakura modify end */

  /* border */
  .m-bor--w {
    border-width: 4px;
  }

  /* bg */
  /* width */
  .m-media__image-l, .m-media__image-r {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }

  /* flex */
  .m-flex.m-flex--pc,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list) {
    display: block;
    margin-bottom: 0;
  }
  .m-flex.m-flex--pc.m-flex--c3,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--c3 {
    margin-right: 0;
  }
  .m-flex.m-flex--pc.m-flex--c2 > .m-flex__item, .m-flex.m-flex--pc.m-flex--c3 > .m-flex__item, .m-flex.m-flex--pc.m-flex--c4 > .m-flex__item, .m-flex.m-flex--pc.m-flex--c5 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--c2 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--c3 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--c4 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--c5 > .m-flex__item {
    width: auto;
  }
  .m-flex.m-flex--pc.m-flex--g5, .m-flex.m-flex--pc.m-flex--g10, .m-flex.m-flex--pc.m-flex--g20, .m-flex.m-flex--pc.m-flex--g30, .m-flex.m-flex--pc.m-flex--g40, .m-flex.m-flex--pc.m-flex--g60, .m-flex.m-flex--pc.m-flex--g80,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g5,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g10,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g20,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g30,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g40,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g60,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g80 {
    margin-left: 0;
    margin-bottom: 0;
  }
  .m-flex.m-flex--pc.m-flex--g5 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g10 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g20 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g30 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g40 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g60 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g80 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g5 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g10 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g20 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g30 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g40 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g60 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g80 > .m-flex__item {
    margin-left: 0;
    margin-bottom: 0;
  }
  .m-flex.m-flex--pc.m-flex--g5.m-flex--c2 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g5.m-flex--c3 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g5.m-flex--c4 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g5.m-flex--c5 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g10.m-flex--c2 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g10.m-flex--c3 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g10.m-flex--c4 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g10.m-flex--c5 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g20.m-flex--c2 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g20.m-flex--c3 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g20.m-flex--c4 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g20.m-flex--c5 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g30.m-flex--c2 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g30.m-flex--c3 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g30.m-flex--c4 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g30.m-flex--c5 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g40.m-flex--c2 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g40.m-flex--c3 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g40.m-flex--c4 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g40.m-flex--c5 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g60.m-flex--c2 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g60.m-flex--c3 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g60.m-flex--c4 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g60.m-flex--c5 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g80.m-flex--c2 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g80.m-flex--c3 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g80.m-flex--c4 > .m-flex__item, .m-flex.m-flex--pc.m-flex--g80.m-flex--c5 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g5.m-flex--c2 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g5.m-flex--c3 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g5.m-flex--c4 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g5.m-flex--c5 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g10.m-flex--c2 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g10.m-flex--c3 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g10.m-flex--c4 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g10.m-flex--c5 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g20.m-flex--c2 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g20.m-flex--c3 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g20.m-flex--c4 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g20.m-flex--c5 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g30.m-flex--c2 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g30.m-flex--c3 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g30.m-flex--c4 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g30.m-flex--c5 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g40.m-flex--c2 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g40.m-flex--c3 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g40.m-flex--c4 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g40.m-flex--c5 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g60.m-flex--c2 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g60.m-flex--c3 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g60.m-flex--c4 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g60.m-flex--c5 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g80.m-flex--c2 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g80.m-flex--c3 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g80.m-flex--c4 > .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list).m-flex--g80.m-flex--c5 > .m-flex__item {
    width: auto;
  }
  .m-flex.m-flex--pc > .m-flex__item + .m-flex__item,
  .m-flex:not(.m-flex--sp):not(.m-flex--c2):not(.m-flex--list) > .m-flex__item + .m-flex__item {
    margin-top: 10px;
  }

  .m-flex.m-flex--sp {
    margin-left: -10px;
    margin-bottom: -10px;
  }
  .m-flex.m-flex--sp > .m-flex__item {
    margin-left: 10px;
    margin-bottom: 10px;
  }
  /* 20191206 #34368 Hyron add start */
  .m-flex.m-flex--sp > a >.m-flex__item {
    margin-left: 10px;
    margin-bottom: 10px;
  }
  /* 20191206 #34368 Hyron add end */
  .m-flex.m-flex--sp--c2 > .m-flex__item {
    width: calc((100% / 2) - 10px);
  }
  .m-flex.m-flex--sp--c3 > .m-flex__item {
    width: calc((100% / 3) - 10px);
  }
  .m-flex.m-flex--sp--c4 > .m-flex__item {
    width: calc((100% / 4) - 10px);
  }

  .m-flex.m-flex--list {
    margin-bottom: 0;
  }
  .m-flex.m-flex--list > .m-flex__item {
    margin-bottom: 0;
  }
  .m-flex.m-flex--list > .m-flex__item + .m-flex__item {
    margin-top: 0;
  }

  /* col */
  .m-definition-col:not(.m-definition-col--sp) {
    display: block;
  }
  .m-definition-col:not(.m-definition-col--sp) .m-definition-col__item {
    width: auto;
  }
  .m-definition-col:not(.m-definition-col--sp) .m-definition-col__item + .m-definition-col__item {
    margin-top: 10px;
  }

  .m-definition-col--sp .m-definition-col__item--w200 {
    width: 160px;
  }

  /* btn */
  button.m-btn,
  input.m-btn,
  a.m-btn,
  .m-btn {
    font-size: 1.4rem;
  }
  button.m-btn--xs,
  input.m-btn--xs,
  a.m-btn--xs,
  .m-btn--xs {
    font-size: 1.2rem;
  }
  button.m-btn--xl,
  input.m-btn--xl,
  a.m-btn--xl,
  .m-btn--xl {
    height: 50px;
    line-height: 50px;
    font-size: 1.6rem;
  }
  button.m-btn--xl.m-btn--round,
  input.m-btn--xl.m-btn--round,
  a.m-btn--xl.m-btn--round,
  .m-btn--xl.m-btn--round {
    border-radius: 25px;
  }
  button.m-btn--w160,
  input.m-btn--w160,
  a.m-btn--w160,
  .m-btn--w160 {
    width: 100%;
  }
  button.m-btn--w200,
  input.m-btn--w200,
  a.m-btn--w200,
  .m-btn--w200 {
    width: 100%;
  }
  button.m-btn--w240,
  input.m-btn--w240,
  a.m-btn--w240,
  .m-btn--w240 {
    width: 100%;
  }
  button.m-btn--w320,
  input.m-btn--w320,
  a.m-btn--w320,
  .m-btn--w320 {
    width: 100%;
  }
  button.m-btn--w480,
  input.m-btn--w480,
  a.m-btn--w480,
  .m-btn--w480 {
    width: 100%;
  }
  button.m-btn--w560,
  input.m-btn--w560,
  a.m-btn--w560,
  .m-btn--w560 {
    width: 100%;
  }

  button.m-address-search-btn,
  input.m-address-search-btn,
  a.m-address-search-btn,
  .m-address-search-btn {
    margin-left: 10px;
    font-size: 1.2rem;
    padding-left: 1em;
    padding-right: 1em;
  }

  button.m-btn-star,
  input.m-btn-star,
  a.m-btn-star,
  .m-btn-star {
    width: 24px;
    height: 24px;
  }

  button.m-btn-data,
  input.m-btn-data,
  a.m-btn-data,
  .m-btn-data {
    width: 30px; /*24px*/
    height: 35px; /*24px*/
  }

/* 180711 takakura add start */
  button.m-btn--w200h,
  input.m-btn--w200h,
  a.m-btn--w200h,
  .m-btn--w200h {
    width: 50%;
  }
  button.m-btn--w240h,
  input.m-btn--w240h,
  a.m-btn--w240h,
  .m-btn--w240h {
    width: 50%;
  }
/* 180711 takakura add end */


/* 180516 tottori add start */

  button.m-btn-data-ja,
  input.m-btn-data-ja,
  a.m-btn-data-ja,
  .m-btn-data-ja {
    width: 36px;
    height: 36px;
  }

  button.m-btn-data-de,
  input.m-btn-data-de,
  a.m-btn-data-de,
  .m-btn-data-de {
    width: 36px;
    height: 36px;
  }

  button.m-btn-data-en,
  input.m-btn-data-en,
  a.m-btn-data-en,
  .m-btn-data-en {
    width: 36px;
    height: 36px;
  }

  button.m-btn-data-ko,
  input.m-btn-data-ko,
  a.m-btn-data-ko,
  .m-btn-data-ko {
    width: 36px;
    height: 36px;
  }

  button.m-btn-data-zh,
  input.m-btn-data-zh,
  a.m-btn-data-zh,
  .m-btn-data-zh {
    width: 36px;
    height: 36px;
  }

/* 180516 tottori add end */

  .m-share-box {
    width: 24px;
  }
  .m-share-box-btn {
    width: 24px;
    height: 24px;
  }
  .m-share-box-content {
    padding: 10px;
    left: 30px;
    width: 124px;
    font-size: 1.2rem;
    border-width: 2px;
  }
  .m-share-box-content:before {
    left: -8px;
    border-top-width: 6px;
    border-bottom-width: 6px;
    border-right-width: 8px;
  }
  .m-share-box-content:after {
    left: -6px;
    border-top-width: 4px;
    border-bottom-width: 4px;
    border-right-width: 6px;
  }
  .m-share-box-content--bottom-left:before {
    bottom: 10px;
  }
  .m-share-box-content--bottom-left:after {
    bottom: 10px;
  }
  .m-share-box-content--top-right {
    left: auto;
    right: 30px;
  }
  .m-share-box-content--top-right:before {
    top: 10px;
    left: auto;
    right: -8px;
  }
  .m-share-box-content--top-right:after {
    top: 10px;
    left: auto;
    right: -6px;
  }
  .m-share-box-close {
    width: 16px;
    height: 16px;
  }
  .m-share-box-close:before, .m-share-box-close:after {
    height: 8px;
    margin-top: -4px;
  }
  .m-share-box-list__item + .m-share-box-list__item {
    margin-left: 5px;
  }
  .m-share-box-list__item a {
    width: 30px;
    height: 30px;
  }

  /* icon */
  .m-icon--language {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .m-icon--ar-r-or-l, .m-icon--ar-r-bl-l {
    position: relative;
    width: 16px;
    height: 16px;
  }
  .m-icon--ar-r-or-l:before, .m-icon--ar-r-bl-l:before {
    content: "";
    border-left-width: 5px;
    border-top-width: 3px;
    border-bottom-width: 3px;
  }
  .m-icon--product-tbl-info, .m-icon--product-tbl-search {
    width: 14px;
    height: 14px;
  }
  .m-icon--education-01, .m-icon--education-02 {
    width: 40px;
    height: 30px;
  }
  .m-icon--check-cir-gr, .m-icon--caution-cir {
    width: 14px;
    height: 14px;
    margin-top: -3px;
  }
  .m-icon--caution-triangle {
    width: 20px;
    height: 20px;
  }

  .m-cat-icon, m-cat-icon_s {
    font-size: 1rem;
  }
  .m-cat-icon--env1, .m-cat-icon--env2, .m-cat-icon--env3, .m-cat-icon--env4 {
    width: 48px;
    height: 17px;
    line-height: 16px;
  }

  /* breadcrumb */
  .m-breadcrumb,
  .m-breadcrumb--c2 {
    display: none;
  }
  /* title */
  .m-title {
    border-left-width: 3px;
    font-size: 1.8rem;
  }
  .m-title--s {
    font-size: 1.2rem;
  }

  .m-bg-title {
    padding: 10px;
    font-size: 1.4rem;
  }
  .m-bg-title--with-link--pc {
    display: block;
  }
  .m-bg-title--with-link--pc > * + * {
    margin-top: 10px;
  }

  /* form */
  /* Web改善 ウェビナー申込フォーム 20200914 Takuma modify start */
  .m-form-col,
  .m-form-col--thin {
    display: block;
    padding: 10px 0px;
    font-size: 1.2rem;
  }
  /* Web改善 ウェビナー申込フォーム 20200914 Takuma modify start */
  .m-form-col--noline {
    padding-bottom: 0;
  }
  .m-form-col--indent, .m-form-col--alternate-bg {
    padding: 10px;
  }
  .m-form-col__content {
    margin-top: 5px;
  }

  input[type="password"],
  input[type="text"],
  textarea {
    width: 100%;
    padding: 10px;
    font-size: 1.2rem;
  }

  input[type="password"].m-input-text--h-s,
  input[type="text"].m-input-text--h-s {
    font-size: 1.2rem;
  }
  input[type="password"].m-input-text--xs,
  input[type="text"].m-input-text--xs {
    width: 25%;
  }
  input[type="password"].m-input-text--s,
  input[type="text"].m-input-text--s {
    width: 40%;
  }
  input[type="password"].m-input-text--m,
  input[type="text"].m-input-text--m {
    width: 100%;
  }
  input[type="password"].m-input-text--m2,
  input[type="text"].m-input-text--m2 {
    width: 100%;
  }
  input[type="password"].m-input-text--w253,
  input[type="text"].m-input-text--w253 {
    width: 100%;
  }
  /* 改善要望_溝口_00006 20181017 Takuma add start */
  input[type="password"].m-input-text--sp,
  input[type="text"].m-input-text--sp {
    width: 100%;
  }
  /* 改善要望_溝口_00006 20181017 Takuma add end */
  textarea.m-textarea--m {
    width: 100%;
  }

  input[type="radio"],
  input[type="checkbox"] {
    width: 16px;
    height: 16px;
  }

  select.m-select {
    width: 100%;
    font-size: 1.2rem;
  }
  select.m-select--sp-auto {
    width: auto;
  }
  select.m-select--sp-s {
    width: 40%;
  }

  /* Slider */
  .m-icon-slide-prev,
  .m-icon-slide-next {
    width: 16px;
    height: 16px;
    margin-top: -8px;
  }

  .m-icon-slide-prev {
    left: -20px;
  }

  .m-icon-slide-next {
    right: -20px;
  }

  .slick-dots > * {
    width: 5px;
    height: 5px;
  }
  .slick-dots > * + * {
    margin-left: 5px;
  }

  /* modal window */
  .m-modal-item {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 50px 10px 10px;
  }
  .m-modal-item--condition {
    width: 100%;
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .m-modal-item--narrow {
    padding: 0;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    overflow: hidden;
  }
  /* 改善要望_橋本_00037 20200603 Takuma add start */
  .m-modal-item--passive{
    padding: 0;
    width: calc( 100% - 12px )!important;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    overflow: hidden;
  }
  /* 改善要望_橋本_00037 20200603 Takuma add end */
  .m-modal-close {
    right: 0;
    top: 0;
  }

  .form-inline {
    width: 25% !important;
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  /* base */
  a {
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
  }
  a:hover {
    opacity: 1 !important;
    text-decoration: none !important;
  }

  a.m-uline:hover {
    text-decoration: underline !important;
  }

  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  共通
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  body {
    font-size: 1.2rem;
  }

  #l-wrapper {
    min-width: inherit;
  }

  .l-container, .l-container--history {
    max-width: inherit;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .l-container--liquid {
    max-width: inherit;
    padding-left: 10px;
    padding-right: 10px;
  }

  /* +--------------------------------------------------------------------------------------+
  header　リニューアル用
  +--------------------------------------------------------------------------------------+ */
  .t-header {
    min-width: inherit;
  }

  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  header language
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .m-header-language {
    font-size: 1.2rem;
  }
  .m-header-language-l {
    padding: 10px;
  }
  .m-header-language-btn {
    font-size: 1rem;
  }
  .m-header-language-toggle-current a {
    padding: 10px;
  }
  .m-header-language-toggle-current a:before {
    right: 15px;
    border-top-width: 8px;
    border-left-width: 5px;
    border-right-width: 5px;
  }
  .m-header-language-toggle-content {
    padding: 10px;
  }
  .m-header-language-toggle-content--currency .m-header-language-toggle-nav li {
    width: calc(100% / 2);
  }

  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  header logo
  header search
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .m-header-logo {
    height: 60px;
    width: 120px;
  }

  /* 20171204 ichikawa add start */
  .m-header-logo-intra {
	  display:none;
  }
  /* 20171204 ichikawa add end */

  .m-header-menu {
    width: 50px;
    height: 50px;
  }
  .m-header-menu span {
    bottom: 5px;
    font-size: 1rem;
  }
  .m-header-menu figure {
    width: 20px;
    height: 2px;
    margin-left: -10px;
  }
  .m-header-menu figure:nth-of-type(1) {
    margin-top: -8px;
  }
  .m-header-menu figure:nth-of-type(2) {
    margin-top: -1px;
  }
  .m-header-menu figure:nth-of-type(3) {
    margin-bottom: -8px;
  }
  .m-header-menu.is-active {
    background-color: transparent;
  }
  .m-header-menu.is-active figure:nth-of-type(1) {
    -webkit-transform: translateY(7px) rotate(-45deg);
            transform: translateY(7px) rotate(-45deg);
  }
  .m-header-menu.is-active figure:nth-of-type(2) {
    height: 0;
    opacity: 0;
  }
  .m-header-menu.is-active figure:nth-of-type(3) {
    -webkit-transform: translateY(-7px) rotate(45deg);
            transform: translateY(-7px) rotate(45deg);
  }
  .m-header-search {
    padding: 10px;
  }
  .m-header-search-form input[type="password"],
  .m-header-search-form input[type="text"] {
    height: 40px;
    padding: 5px 70px 5px 10px;
  }
  .m-header-search-form-btn {
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 1.2rem;
  }
  .m-header-search-form-btn .icon {
    width: 12px;
    height: 12px;
  }

  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  header login
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .m-header-login {
    padding: 15px 10px;
  }
  .m-header-login-register {
    font-size: 1.2rem;
  }
  .m-header-member-content {
    padding: 10px;
    font-size: 1.2rem;
  }
  .m-header-member-content:before {
    right: 15px;
    border-top-width: 8px;
    border-left-width: 5px;
    border-right-width: 5px;
  }
  .m-header-member-puwin {
    font-size: 1.2rem;
    padding: 10px;
  }
  .m-header-cart--sp {
    right: 0;
    top: 12px;
  }
  .m-header-cart--sp .m-header-cart__item {
    width: 50px; /* 60px */
	margin-right:-8px;
  }
  .m-header-cart--sp .m-header-cart__item .num {
    font-size: 1rem;
    height: 12px;
    border-radius: 6px;
    line-height: 12px;
  }
  .m-header-login--sp {
	display:block;
    position: absolute;
    top: 12px;
	left:56px;
  }
  .m-header-login--sp .m-icon--login_gr {
	width:14px;
	height:19px;
  }
  .m-header-login--sp p {
	display:block;
	height:22px;
	transition: .3s;
    padding:0 12px;
    margin-right: 0;
  }
  .m-header-login--sp span {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
  }

  .m-header-cart--sp .m-header-cart__item span {
    font-size: 1rem;
	transform:scale(0.8);
  }
  .m-header-cart--sp .m-header-cart__item .icon {
    width: 16px;
    height: 16px;
  }
  .m-header-cart--sp .m-header-cart-child {
    top: 38px;
  }

  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  global nav
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .m-header-nav {
    top: 60px;
    height: calc(100% - 50px);

  }
  .m-global-nav-child, .m-global-nav-gchild {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .m-global-nav-child-title, .m-global-nav-gchild-title {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 5px;
  }
  .m-global-nav-child-col, .m-global-nav-gchild-col {
    display: block;
    margin-left: 0;
  }
  .m-global-nav-child-col > *, .m-global-nav-gchild-col > * {
    width: auto;
    margin-left: 0;
  }
  .m-global-nav-child-col > * + *, .m-global-nav-gchild-col > * + * {
    margin-top: 10px;
  }
  .m-global-nav-child:not(.m-global-nav-child--w) .m-global-nav-child-list:not(.m-global-nav-child-list--toggle), .m-global-nav-gchild:not(.m-global-nav-child--w) .m-global-nav-child-list:not(.m-global-nav-child-list--toggle) {
    display: block;
    margin-left: 0;
  }
  .m-global-nav-child:not(.m-global-nav-child--w) .m-global-nav-child-list:not(.m-global-nav-child-list--toggle) > *, .m-global-nav-gchild:not(.m-global-nav-child--w) .m-global-nav-child-list:not(.m-global-nav-child-list--toggle) > * {
    width: auto;
    margin-left: 0;
  }
  .m-global-nav-child-list, .m-global-nav-gchild-list {
    display: block;
    margin-left: 0;
  }
  .m-global-nav-child-list .title, .m-global-nav-gchild-list .title {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
  }
  .m-global-nav-child-list > *, .m-global-nav-gchild-list > * {
    width: auto;
    margin-left: 0;
  }
  .m-global-nav-child-list > * > a, .m-global-nav-gchild-list > * > a {
    padding: 5px 10px 5px 25px;
  }
  .m-global-nav-child-list > * > a:before, .m-global-nav-gchild-list > * > a:before {
    top: 8px;
    left: 10px;
  }
  .m-global-nav-child-list--col, .m-global-nav-gchild-list--col {
    display: block;
    margin-left: 0;
  }
  .m-global-nav-child-list--col > *, .m-global-nav-gchild-list--col > * {
    width: auto;
  }
  .m-global-nav-child-list--col > * + *, .m-global-nav-gchild-list--col > * + * {
    width: auto;
    margin-left: 0;
  }

  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  header sp link
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .m-header-sub-link > * {
    font-size: 1.2rem;
  }
  .m-header-sub-link > * a {
    padding: 10px;
  }

  .m-header-sp-tel {
    padding: 10px;
  }

  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  header information
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* 改善要望_北村_00006 20190110 Takuma modify start*/
  .m-header-info {
    display: block;
    font-size: 1.2rem;
  }
  .m-header-info-contact {
    margin-top: 10px;
  }
  .m-header-info-contact .icon {
    margin-left: 10px;
  }
  .m-header-info-emergency-title .icon {
    width: 16px;
    height: 16px;
    margin-right: 5px;
  }
  .m-header-info-inner{
    padding: 5px 10px;
  }
  .m-header-info-droplist li{
    padding-bottom: 10px;
  }
  .m-header-info-droplist-trigger{
    position: absolute;
    font-size: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 1;
    color: #555;
    padding-top: 2px;
    border-radius: 10px;
    top: 0px;
    right: 10px;
    cursor: pointer;
  }
  .m-header-info-emergency{
    display: flex;
    flex-wrap: wrap;
  }
  .m-header-info-emergency-title{
    width: auto;
    text-align: center;
    margin-right: 0;
    margin-bottom: 0px;
  }
  .m-header-info-emergency-text{
    width: calc( 100% - 120px );
  }
  .m-header-info-emergency-items{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .m-header-info-emergency-list{
    width: calc( 100% - 10px );
    margin-left: 5px;
    margin-right: 5px;
  }
  .m-header-info-droplist{
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background-color: #d9e2e8;
  }
  .m-header-info-hideBtn{
    margin-top: 0;
  }
  /* 改善要望_北村_00006 20190110 Takuma modify end*/
  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  header order nav
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  footer
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .b-footer-inner {
    max-width: inherit;
    padding: 20px 10px 80px;
  }

  .m-footer-device-change {
    text-align: center;
  }
  .m-footer-nav {
    display: block;
    margin-left: 0;
  }
  .m-footer-nav-item {
    width: auto;
    margin-left: 0;
  }
  .m-footer-nav-item + .m-footer-nav-item {
    margin-top: 20px;
  }
  .m-footer-nav-title {
    font-size: 1.4rem;
    padding-bottom: 5px;
  }
  .m-footer-nav-list {
    margin-top: 10px;
    font-size: 1rem;
  }
  .m-footer-language {
    display: none;
  }
  .m-footer-info {
    display: block;
    margin-top: 20px;
    padding: 20px;
  }
  .m-footer-info > * {
    width: auto;
  }
  .m-footer-info-h {
    display: block;
    margin-bottom: 20px;
  }
  .m-footer-info-logo {
    width: 170px;
    margin-right: 0;
  }
  .m-footer-info-sns {
    margin-top: 20px;
  }
  .m-footer-info-sns > * a {
    width: 32px;
    height: 32px;
  }
  .m-footer-info-list {
    font-size: 1.2rem;
  }
  .m-footer-info-tel {
    font-size: 1.8rem;
  }
  .m-footer-info-tel .icon {
    width: 18px;
    height: 24px;
  }
  .m-footer-info-cal {
    margin-left: -10px;
    margin-top: 20px;
  }
  .m-footer-info-cal-item {
    width: calc(50% - 10px);
    margin-left: 10px;
  }
  .m-footer-info-cal-title {
    font-size: 1rem;
  }
  .m-footer-info-cal-text {
    margin-top: 10px;
    margin-left: 10px;
    font-size: 1rem;
  }
  .m-footer-info-cal-text .icon {
    width: 16px;
    height: 16px;
  }
  .m-footer-info-cal-tbl th, .m-footer-info-cal-tbl td {
    font-size: 1rem;
    padding-left: 0;
    padding-right: 0;
  }
  .m-footer-device-change {
    display: block;
    margin-top: 20px;
    font-size: 1rem;
  }
  .m-footer-text {
    margin-top: 20px;
    font-size: 1rem;
  }
  .m-footer-text-cr {
    margin-top: 5px;
  }

  .m-footer-guide {
    display: block;
    margin-left: 0;
  }
  .m-footer-guide-item {
    width: auto;
    margin-left: 0;
  }
  .m-footer-guide-item + .m-footer-guide-item {
    margin-top: 20px;
  }
  .m-footer-guide-list {
    margin-top: 10px;
    font-size: 1.2rem;
    line-height: 1.6;
  }
  .m-footer-guide-list-title {
    width: 100px;
    margin-right: 10px;
  }
  .m-fixed-contact {
    width: 70px;
    height: 60px;
    padding: 0;
    display: block;
    text-align: center;
  }
  .m-fixed-contact-icon {
    display: block;
    margin-left: auto;
    margin-bottom: 5px;
	right: 15px;
	bottom: 20px;
    width: 28px;
    height: 19px;
  }
  .m-fixed-contact-title {
	display: block;
	margin: 2px -25px;
	bottom: 2px;
    font-size: 1rem;
  }
  .m-fixed-contact-title:hover {
	display: block;
	margin: 2px -25px;
	bottom: 2px;
    font-size: 1rem;
	text-decoration: none;
  }
  .m-fixed-contact-text {
    display: none;
  }

/* 20180223 tottori modify start */

  .m-fixed-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: fixed;
    left: 0;
    bottom: 0;
    width: calc(100% - 70px);
    height: 60px;
    background-color: #cc0000;
    color: #ffffff;
    text-align: center;
    font-size: 1.2rem;
  }
}
/* 20180223 tottori modify end */

@media screen and (max-width: 767px) {
  /* =======================================================================
  検索バー
  ======================================================================= */
  .m-search-set {
    display: block;
  }
  .m-search-set-title {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .m-search-set-content {
    position: relative;
    width: auto;
  }
  .m-search-set--wide .m-search-set-content {
	width: 100%;
  }
  .m-search-set-btn {
    width: 80px;
    font-size: 1.4rem;
  }
  .m-search-text-16 {
    font-size:16px;
    font-weight:700;
    width:100%;
    white-space:normal;
  }

  /* =======================================================================
  トップページ
  ======================================================================= */
  .m-home-inner {
    padding-left: 15px;
    padding-right: 15px;
  }

  .m-home-news {
    display: block;
  }
  .m-home-news__title {
    width: auto;
  }

  .m-home-image {
    display: block;
  }
  .m-home-image__main {
    width: auto;
  }
  .m-home-image__sub {
    display:none;
  }
  .m-home-image2 {
    position: relative;
    width: 100%;
    padding-top: 21.9354%;
  }
  .m-home-image-list .slick-dots {
    bottom: 10px;
  }

  .m-home-title-text {
    font-size: 1.6rem;
  }
  .m-home-title-text .icon {
    width: 30px;
    height: 30px;
  }

  .m-home-image-item img {
    width: 100%;
  }

  .m-home-maker-list {
    margin-left: -10px;
    margin-bottom: -10px;
  }
  .m-home-maker-list__item {
    width: calc(100% / 2 - 10px);
    margin-left: 10px;
    margin-bottom: 10px;
  }

  .m-home-maker-slider {
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 20px;
  }

  .m-home-special-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 20px;
  }
  .m-home-special-list__item {
    width: 100%;
    padding-left: 0;
  }
  .m-home-special-list .m-icon-slide-prev {
    left: -20px;
  }

  .m-home-product-list {
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 20px;
  }
  .m-home-product-list__item {
    width: 100%;
    padding-left: 0;
  }
  .m-home-product-list .m-icon-slide-prev {
    left: -20px;
  }

  .m-home-bnr-list {
    margin-left: 20px;
    margin-right: 20px;
  }
  .m-home-bnr-list__item {
    width: 100%;
    padding-left: 0;
  }
  .m-home-bnr-list .m-icon-slide-prev {
    left: -20px;
  }

  /* =======================================================================
  製品詳細
  ======================================================================= */
    .m-product-slider-detail {
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 20px;
  }
    .m-product-slider-detail .m-icon-slide-prev {
    left: -20px;
  }
  .m-product-slider {
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 20px;
  }
  .m-product-slider__item {
    width: 100%;
    padding-left: 0;
  }
  .m-product-slider .m-icon-slide-prev {
    left: -20px;
  }

  .m-product-detail-col__content {
    margin-top: 20px;
  }
  .m-product-detail-image__l {
    width: 100px;
    margin-right: 10px;
  }

  .m-product-detail-btn {
    display: block;
  }
  .m-product-detail-btn__title {
    width: auto;
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .m-product-detail-spec__l {
    width: calc(55% - 10px); /* 65% */
  }
  .m-product-detail-spec__r {
    width: 45%; /* 35% */
    margin-left: 10px;
    text-align: right;
  }

  .m-product-detail-spec-list__title {
    width: 100px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .m-product-detail-spec-list__text, .m-product-detail-spec-list__content {
    width: calc(100% - 110px);
    overflow: hidden;
  }
  /* 改善要望_溝口_00006 20181016 Takuma add start */
  @media screen and (max-width: 767px){
    .m-product-detail-spec-list__text--withBtn {
      width: calc(100% - 180px);
      overflow: hidden;
    }
  }
  /* 改善要望_溝口_00006 20181016 Takuma add end */
  .m-btn-search-tag {
    min-width: 80px;
    padding: .25em .5em;
  }

  /* =======================================================================
  新製品
  ======================================================================= */
  .m-new-product {
    padding-bottom: 60px;
  }
  .m-new-product-btn {
    left: 10px;
    bottom: 10px;
    width: calc(100% - 20px);
  }

  .m-new-product-thumb {
    padding-right: 30px;
  }
  .m-new-product-thumb__image {
    margin-right: 10px;
  }

  /* =======================================================================
  新製品詳細
  検索結果
  閲覧履歴
  ======================================================================= */
  .m-scroll-tbl .m-product-tbl {
    width: 100%;
  }
  .m-spec-scroll-tbl .m-spec-product-tbl {
    width: 100%;
  }
  .m-scroll-tbl .m-product-tbl--bor-w {
    border-width: 4px;
  }
  .m-scroll-tbl .m-product-tbl--s, .m-scroll-tbl .m-product-tbl--m, .m-scroll-tbl .m-product-tbl--search, .m-scroll-tbl .m-product-tbl--xl {
    min-width: inherit;
  }
  .m-spec-scroll-tbl .m-product-tbl--s, .m-spec-scroll-tbl .m-product-tbl--m, .m-spec-scroll-tbl .m-product-tbl--search, .m-spec-scroll-tbl .m-product-tbl--xl {
    min-width: inherit;
  }
  .m-scroll-tbl .m-product-tbl.m-product-tbl--sp.m-product-tbl--s {
    min-width: 600px;
  }
  .m-scroll-tbl .m-product-tbl.m-product-tbl--sp.m-product-tbl--m {
    min-width: 1120px;
  }
  .m-scroll-tbl .m-product-tbl.m-product-tbl--sp.m-product-tbl--xl {
    min-width: 2000px;
  }
  .m-spec-scroll-tbl .m-spec-product-tbl.m-product-tbl--sp.m-product-tbl--xl {
    min-width: 2000px;
  }

  .m-product-tbl:not(.m-product-tbl--sp) {
    display: block;
  }
  .m-product-tbl:not(.m-product-tbl--sp).m-product-tbl--bor-w {
    border: none;
  }
  .m-product-tbl:not(.m-product-tbl--sp).m-product-tbl--s {
    width: 100%;
  }
  .m-product-tbl:not(.m-product-tbl--sp) colgroup,
  .m-product-tbl:not(.m-product-tbl--sp) col {
    display: none;
  }
  .m-product-tbl:not(.m-product-tbl--sp) colgroup.w60, .m-product-tbl:not(.m-product-tbl--sp) colgroup.w200, .m-product-tbl:not(.m-product-tbl--sp) colgroup.w220, .m-product-tbl:not(.m-product-tbl--sp) colgroup.w410,
  .m-product-tbl:not(.m-product-tbl--sp) col.w60,
  .m-product-tbl:not(.m-product-tbl--sp) col.w200,
  .m-product-tbl:not(.m-product-tbl--sp) col.w220,
  .m-product-tbl:not(.m-product-tbl--sp) col.w410 {
    width: auto;
  }
  .m-product-tbl:not(.m-product-tbl--sp) > thead,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot {
    display: block;
  }
  .m-product-tbl:not(.m-product-tbl--sp) > thead > tr,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr {
    display: block;
  }
  .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > th,
  .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > td,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > th,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > td,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > th,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > td {
    display: block;
  }
  .m-product-tbl:not(.m-product-tbl--sp) > thead > tr,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr {
    border: solid 3px #c5cccf;
  }
  .m-product-tbl:not(.m-product-tbl--sp) > thead > tr + tr,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr + tr,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr + tr {
    margin-top: 10px;
  }
  .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > th, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > td,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > th,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > td,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > th,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > td {
    padding: 0;
    border: 0;
  }
  .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > th.cart, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > th.product, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > th.product2, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > th.product3, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > th.product-set, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > th.main, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > th.sub, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > th.w120, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > th.w100, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > th.w80, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > th.w60, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > th.w50, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > th.btn, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > td.cart, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > td.product, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > td.product2, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > td.product3, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > td.product-set, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > td.main, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > td.sub, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > td.w120, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > td.w100, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > td.w80, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > td.w60, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > td.w50, .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > td.btn,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > th.cart,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > th.product,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > th.product2,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > th.product3,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > th.product-set,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > th.main,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > th.sub,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > th.w120,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > th.w100,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > th.w80,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > th.w60,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > th.w50,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > th.btn,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > td.cart,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > td.product,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > td.product2,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > td.product3,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > td.product-set,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > td.main,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > td.sub,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > td.w120,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > td.w100,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > td.w80,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > td.w60,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > td.w50,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > td.btn,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > th.cart,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > th.product,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > th.product2,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > th.product3,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > th.product-set,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > th.main,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > th.sub,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > th.w120,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > th.w100,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > th.w80,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > th.w60,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > th.w50,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > th.btn,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > td.cart,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > td.product,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > td.product2,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > td.product3,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > td.product-set,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > td.main,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > td.sub,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > td.w120,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > td.w100,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > td.w80,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > td.w60,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > td.w50,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > td.btn {
    width: 100%;
  }
  .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > th,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > th,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > th {
    padding: 7px 15px;
  }
  .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > th:nth-of-type(1), .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > th:nth-last-of-type(1),
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > th:nth-of-type(1),
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > th:nth-last-of-type(1),
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > th:nth-of-type(1),
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > th:nth-last-of-type(1) {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > th.sub,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > th.sub,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > th.sub {
    width: 100%;
    padding: 7px 15px;
    text-align: center;
  }
  .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > th.sub br,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > th.sub br,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > th.sub br {
    display: none;
  }
  .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > td,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > td,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > td {
    padding: 7px 15px;
  }
  .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > td.sub,
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > td.sub,
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > td.sub {
    display: none;
  }
  .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > td:nth-of-type(1),
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > td:nth-of-type(1),
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > td:nth-of-type(1) {
    padding-top: 15px;
  }
  .m-product-tbl:not(.m-product-tbl--sp) > thead > tr > td:nth-last-of-type(1),
  .m-product-tbl:not(.m-product-tbl--sp) > tbody > tr > td:nth-last-of-type(1),
  .m-product-tbl:not(.m-product-tbl--sp) > tfoot > tr > td:nth-last-of-type(1) {
    padding-bottom: 15px;
  }
  .m-product-tbl:not(.m-product-tbl--sp) > thead {
    display: none;
  }

  .m-product-tbl-main-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .m-product-tbl-main-col__title {
    width: calc(100% - 110px);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-bottom: 0px;
  }
/* 20180824 Takuma modify start */
  .m-product-tbl-main-col__image {
    width: 100px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 0;
    margin-left: 10px;
	margin-bottom: 15px;
	flex-direction: column;
  }
/* 改善要望_浦田_00323 20190108 Takuma add start */
  .m-product-tbl-main-col__image p img{
  	max-width: 60px;
	width: auto;
	height: auto;
  }
/* 改善要望_浦田_00323 20190108 Takuma add end */
/* 20180824 Takuma modify start */
  .m-product-tbl-main-col__cat {
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-top: 10px;
  }
  .m-product-tbl-main-btn {
    width: 100px;
  }
  .m-product-tbl-main-image {
    display:block;
	width:90px;
	text-align:center;
  }
  .m-product-tbl-main-image .text {
	padding-top:5px;
	padding-left:0; /*pc指定有り*/
  }
  .m-product-tbl-cart {
    display: block;
    margin-left: 0;
    padding-top: 10px;
    border-top: solid 1px #c5cccf;
  }
  .m-product-tbl-cart__item {
    width: auto;
    margin-left: 0;
  }
  /* 20180802 Takuma add start */
  .m-product-tbl-cart__container {
    width: auto;
    margin: 0;
  }
  /* 20180802 Takuma add end */

  /*.m-product-tbl-cart-num {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }*/
  .m-product-tbl-cart-num--sp {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .m-product-tbl-cart-num > * + * {
    margin-left: 10px;
  }

  .m-product-tbl-env {
    padding-top: 10px;
    border-top: solid 1px #c5cccf;
  }

  .m-search-multiple-keyword-list__item {
    font-size: 1.2rem;
  }

  /* =======================================================================
  メーカ
  ======================================================================= */
  .m-alphabet-list > * {
    width: calc(100% / 9 - 10px);
    font-size: 1.2rem;
  }

  .m-maker-list {
    margin-left: -10px;
    margin-bottom: -10px;
  }
  .m-maker-list__item {
    width: calc(100% / 2 - 10px);
    margin-left: 10px;
    margin-bottom: 10px;
  }

  .m-maker-box {
    padding: 0;
    border: none;
  }

  .m-maker-col_logo {
    margin-bottom: 10px;
  }

  /* =======================================================================
  ニュースセンター
  ======================================================================= */
  .m-news-tab__item {
    font-size: 1rem;
  }
  .m-news-tab__item a {
    height: 40px;
    line-height: 40px;
  }

  .m-news-arichives-item .sub {
    margin-right: .5em;
    font-size: 1rem;
  }
  .m-news-arichives-image {
    margin-left: 10px;
  }
/*20180514 tottori modify start*/
  .m-news-arichives-title {
    font-size: 1.3rem;
  }
/*20180514 tottori modify end*/
  .m-news-cat + .m-news-cat {
    margin-top: 10px;
  }
  .m-news-cat__logo {
    padding: 10px;
  }
  .m-news-cat__logo img {
    width: 80px;
  }
  .m-news-cat__title {
    font-size: 1.2rem;
    padding-left: 35px;
  }
  .m-news-cat__title:before {
    left: 4px;
  }
  .m-news-cat__content {
    font-size: 1rem;
    padding: 10px;
  }
  .m-news-cat__content--nopadding {
    padding: 0;
  }
  .m-news-cat-ranking > * .title, .m-news-cat-ranking2 > * .title {
    padding-left: 30px;
    min-height: 20px;
    font-size: 1.2rem;
  }
  .m-news-cat-ranking > * .title:before, .m-news-cat-ranking2 > * .title:before {
    width: 20px;
    height: 20px;
    font-size: 1.2rem;
  }
  .m-news-cat-ranking > * .sub, .m-news-cat-ranking2 > * .sub {
    font-size: 1rem;
    margin-right: .5em;
  }
  .m-news-cat-ranking > * time.sub, .m-news-cat-ranking2 > * time.sub {
    width: auto;
  }
  /* 改善要望_北村_00003 20181012 Takuma modify start */
  .m-news-cat-ranking2 > * .title {
    width: 100%;
    font-size: 1.5rem;
    font-weight: 400;
  }
  .m-news-cat-list > * {
    font-size: 1.6rem;
    padding-left: 17px;
  }
  /* 改善要望_北村_00003 20181012 Takuma modify end */
  .m-news-cat-list > * + * {
    margin-top: .25em;
  }
  .m-news-cat-list > *:before {
    border-left-width: 5px;
    border-top-width: 3px;
    border-bottom-width: 3px;
    top: 4px;
  }
  .m-news-cat-maker__title-child {
    padding-left: 25px;
  }
  .m-news-cat-maker__title-child:before {
    width: 16px;
    height: 16px;
    top: 2px;
  }

  .m-news-pager, .m-search-pager {
    font-size: 1.2rem;
  }

  .m-news-article-h {
    padding: 10px 0;
  }
  .m-news-article-h--with-link {
    padding-right: 40px;
  }
  .m-news-article-h--with-link .btn {
    right: 10px;
  }
  .m-news-article-body img {
    margin-bottom: 10px;
  }
  .m-news-article-body p {
    margin-bottom: 10px;
  }
/*20180413 tottori modify start*/
  .m-news-article-body p {
	width: 100%;
    margin-bottom: 10px;
	word-break: normal;
  }
/*20180413 tottori modify end*/


  /* =======================================================================
  動画センター
  ======================================================================= */
  .m-movie-image-slider {
    margin-left: 30px;
    margin-right: 30px;
  }
  .m-movie-image-slider .slick-dots {
    bottom: 10px;
  }

  .m-movie-list-slider {
    margin-left: 30px;
    margin-right: 30px;
  }
  .m-movie-list-slider__item {
    width: 100%;
    padding-left: 0;
  }

  .m-movie-search-condition {
    display: block;
  }
  .m-movie-search-condition-toggle {
    margin-top: 10px;
  }
  .m-movie-search-condition-btn {
    margin-left: 0px;
    width: 100%;
    font-size: 1.4rem;
  }
  .m-movie-search-condition-btn .icon {
    border-top-width: 10px;
    border-left-width: 5px;
    border-right-width: 5px;
  }
  .m-movie-search-condition-content,
  .m-movie-search-condition-content_l {
    position: static;
    top: auto;
    right: auto;
    width: 100%;
  }
  .m-select-active:before,
  .m-select-active:after {
	content:'';
	height:2px;
	width:12px;
	display:block;
	background:#333;
	border-radius:10px;
	  -webkit-border-radius:10px;
	  -moz-border-radius:10px;
	position:absolute;
	top:9px;
	transform:rotate(-45deg);
	 -webkit-transform:rotate(-45deg);
	 -moz-transform:rotate(-45deg);
	 -o-transform:rotate(-45deg);
	 -ms-transform:rotate(-45deg);
	}
	.m-select-active:after {
		transform:rotate(45deg);
		  -webkit-transform:rotate(45deg);
		  -moz-transform:rotate(45deg);
		  -o-transform:rotate(45deg);
		  -ms-transform:rotate(45deg);
	}
	/* 改善要望_北村_00002 20181012 Takuma modify start */
	.m-search-cat-list .m-select-active:before ,
	.m-search-cat-list .m-select-active:after {
		right: -1em;
		}
	.m-search-cat-list_l .m-select-active:before ,
	.m-search-cat-list_l .m-select-active:after {
		right: -1em;
	}
	/* 改善要望_北村_00002 20181012 Takuma modify end */
	.m-flex--g20.m-filter--c3 > .m-flex__item {
	  width: calc((100% / 2) - 21px);
	  -ms-flex-negative: 0;
		  flex-shrink: 0;
	}

  /* =======================================================================
  大学生協・教育機関の皆さま
  ======================================================================= */
  .m-education-ar-b-title {
    padding: 10px;
  }
  .m-education-ar-b-title:before {
    border-top-width: 8px;
    border-left-width: 6px;
    border-right-width: 6px;
    bottom: -8px;
  }

  /* =======================================================================
  流通在庫商品について
  ======================================================================= */
  .m-x-ray-tbl thead,
  .m-x-ray-tbl tbody,
  .m-x-ray-tbl tfoot,
  .m-x-ray-tbl th, .m-x-ray-tbl td, .m-x-ray-tbl tr {
    display: block;
  }

  /* =======================================================================
  マイページ
  ======================================================================= */
  .m-mypage-list {
    margin-left: 0;
    margin-right: 0;
  }
  .m-mypage-list-wrap {
    margin-left: 30px;
    margin-right: 30px;
  }
  .m-mypage-list__item .m-mypage-list__item2 {
    width: calc(100% - 1px);
    margin-left: 1px;
  }
  .m-mypage-list .m-icon-slide-prev {
    left: -20px;
  }

  .m-mypage-menu-list-item a .icon {
    width: 24px;
    height: 24px;
  }

  /* =======================================================================
  親子会員
  ======================================================================= */
  .m-parent-and-child-tutorial {
    max-width: 100%;
    padding: 40px 30px;
    margin-bottom: 20px;
  }
  .m-parent-and-child-tutorial-item {
    width: auto;
    min-height: calc(100vh - 200px);
  }
  .m-parent-and-child-tutorial .m-icon-slide-prev {
    left: 10px;
  }
  .m-parent-and-child-tutorial .m-icon-slide-next {
    right: 10px;
  }

  .m-parent-and-child-tutorial-list > * i {
    width: 20px;
    height: 20px;
  }
}
  /* 20180402 takakura add start */
  /* =======================================================================
  新規会員登録
  ======================================================================= */
  .m-captcha-c {
	  margin-left:95px;
  }
  /* 20180402 takakura add end */

/* 改善要望_宅間_00008 20250416 Takuma add start */
.p-registorApeal_menu {
    display: flex;
    margin-top: 24px;
    margin-right: -16px;
}

.p-registorApeal_menu-item {
    width: calc(100%/ 3);
    padding-right: 16px;
}

.p-registorApeal_box-image {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 0 auto;
}

.p-registorApeal_box-title {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-top: 16px;
}

.p-registorApeal_box-desc {
    font-size: 15px;
    line-height: 1.7;
    text-align: center;
    margin-top: 12px;
}

@media screen and (max-width: 1279px) {
    .p-registorApeal_menu {
        display: block;
        margin-right: 0;
    }
    .p-registorApeal_menu-item {
        width: 100%;
        padding-right: 0;
    }
    .p-registorApeal_box {
        display: flex;
        align-items: center;
    }
    .p-registorApeal_box-image {
        flex-shrink: 0;
        width: 80px;
        height: 80px;
        padding: 10px;
        margin-left: 0;
        margin-right: 12px;
    }
    .p-registorApeal_box-title {
        font-size: 17px;
        text-align: left;
        margin-top: 0;
    }
    .p-registorApeal_box-desc {
        font-size: 13px;
        text-align: left;
        margin-top: 0;
    }
}
/* 改善要望_宅間_00008 20250416 Takuma add end */
  /* 20180308 tottori modify start */
  /* =======================================================================
  ピックアップメーカ
  ======================================================================= */

  .pickup-maker {
    padding: 0;
    width: auto;
    margin-right: -3px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
	align-items: flex-start;
  }
  .pickup-maker li {
      width: calc((100% / 3) - 11px);
      -ms-flex-negative: 0;
          flex-shrink: 0;
      list-style-type: none;
      position: relative;
      text-align: left;
	  align-items: center;
  }
  .pickup-maker li ul {
      width: auto;
      height: 210px;
      overflow-y: scroll;
      position: relative;
      display: none;
      padding: 10px;
      z-index: 9999;
      background-color: #fff;
	  border: 0;
  }
  .pickup-maker li ul li {
	  padding-left: 1em;
      display: inline-block;
      width: 100%;
      line-height: 1.2em;
      overflow: hidden;
      color: #0071b5;
      background-color: #fff;
      text-align: left;
  }
  .pickup-maker li ul li a {
      color: #0071b5;
  }
  .pickup-maker li a {
	  color: #fff;
	  cursor: pointer;
  }
  .pickup-maker li ul:hover {
      color: #0071b5;
  }
  .pickup-maker li ul li:not(:first-child) > * {
      position: relative;
      padding-left: 20px;
  }
  .pickup-maker li ul li:not(:first-child) > * + * {
      margin-top: .3em;
  }
  .pickup-maker li ul li:not(:first-child) > *:before {
      content: "";
      border-left: solid 8px #0071b5;
      border-top: solid 5px transparent;
      border-bottom: solid 5px transparent;
      position: absolute;
      left: 0;
      top: 7px;
   }

  .pickup-maker li .icon-arrow {
	  position: absolute;
	  width: 12px;
	  height: 12px;
   }
  .pickup-maker li .icon-arrow span {
	  position: absolute;
      content: "";
      border-bottom: 2px solid #fff;
      border-right: 2px solid #fff;
      width: 12px;
      height: 12px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
	  top: 6px;
	  left: auto;
	  right: 10px;
   }

  .pickup-maker li .icon-arrow,
  .pickup-maker li .icon-arrow span {
	  display: inline-block;
	  transition: all .1s;
	  box-sizing: border-box;
	  left: auto;
	  right: 10px;
   }
   .pickup-maker li .icon-arrow.active span:nth-of-type(1) {
	  display:none;
   }
   .pickup-maker li .icon-arrow.active span:nth-of-type(2) {
	  top: 10px;
	  left: auto;
	  right: 10px;
	  transform: rotate(225deg);
	  -webkit-transform: rotate(225deg);
	  -moz-transform: rotate(225deg);
	  -ms-transform: rotate(225deg);
	  -o-transform: rotate(225deg);
   }
/* 20180308 tottori modify end */
/* 20180309 tottori add start */
  /* =======================================================================
  国選択
  ======================================================================= */
.m-country-title{
	pointer-events: none;
	width: 100%;
}
@media screen and (max-width: 767px){
	.m-country-title{
		pointer-events: all;
		max-width: 100%;
		table-layout: fixed;
	}

	.m-country-toggle{
		display: none;
	}
	 .m-country-title p.icon-arrow2 {
	  position: absolute;
	  width: 10px;
	  height: 10px;
   }
    .m-country-title p.icon-arrow2 span {
      content: "";
      border-bottom: 2px solid #000;
      border-right: 2px solid #000;
      width: 10px;
      height: 10px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
	  top: 2px;
	  left: auto;
	  right: 10px;
   }

  p.icon-arrow2,
  p.icon-arrow2 span {
	  position: absolute;
	  display: inline-block;
	  transition: all .1s;
	  box-sizing: border-box;
	  left: auto;
	  right: 20px;
   }
   p.icon-arrow2.active span:nth-of-type(1) {
	  display:none;
   }
   p.icon-arrow2.active span:nth-of-type(2) {
	  top: 5px;
	  left: auto;
	  right: 10px;
	  display: inline-block;
	  transform: rotate(225deg);
	  -webkit-transform: rotate(225deg);
	  -moz-transform: rotate(225deg);
	  -ms-transform: rotate(225deg);
	  -o-transform: rotate(225deg);
	}
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
	.m-country-title{
		pointer-events: all;
		max-width: 100%;
		table-layout: fixed;
	}

	.m-country-toggle{
		display: none;
	}
	 .m-country-title p.icon-arrow2 {
	  position: absolute;
	  width: 12px;
	  height: 12px;
   }
    .m-country-title p.icon-arrow2 span {
      content: "";
      border-bottom: 2px solid #000;
      border-right: 2px solid #000;
      width: 12px;
      height: 12px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
	  top: 2px;
	  left: auto;
	  right: 10px;
   }

  p.icon-arrow2,
  p.icon-arrow2 span {
	  position: absolute;
	  display: inline-block;
	  transition: all .1s;
	  box-sizing: border-box;
	  left: auto;
	  right: 80px;
   }
   p.icon-arrow2.active span:nth-of-type(1) {
	  display:none;
   }
   p.icon-arrow2.active span:nth-of-type(2) {
	  top: 5px;
	  left: auto;
	  right: 10px;
	  display: inline-block;
	  transform: rotate(225deg);
	  -webkit-transform: rotate(225deg);
	  -moz-transform: rotate(225deg);
	  -ms-transform: rotate(225deg);
	  -o-transform: rotate(225deg);
	}
}

/* 20180309 tottori add end */

/* 20180412 #26478 Hyron add start */
.ellipsisStyle {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* 20180412 #26478 Hyron add end */

/* 20181228 #31493 Hyron add start */
.current {
	margin: 0 5px;
	font-weight: bold;
}
/* 20181228 #31493 Hyron add end */

/* 20190218 #31667 Hyron add start */
.unbind-style {
	cursor: not-allowed;
	pointer-events:none;
	opacity: 0.2;
}
/* 20190218 #31667 Hyron add end */
/* 20191206 #34368 Hyron add start */
.search_display {
	display: none;
}
.search_width {
	width: 180px;
}
.search_padding {
	padding-right: 200px;
}
.search_top_cat {
	top: 35px;
}
/* 20191206 #34368 Hyron add end */
/* 20200421 #35894 Hyron add start */
.eye {
	background: url(../images/common/icon-visible.png) no-repeat;
 	width: 24px;
	height: 20px;
	position: absolute;
	top: 50%;
	right: 3%;
	margin-top: -11px;
}
.eye-closed {
	background: url(../images/common/icon-invisible.png) no-repeat;
 	width: 24px;
	height: 20px;
	position: absolute;
	top: 50%;
	right: 3%;
	margin-top: -11px;
}
.password-box {
	position: relative;
}
/* 20200421 #35894 Hyron add end */
/* Web改善 ウェビナー申込フォーム 20200914 Takuma add start */
.m-form-col--thin{
  padding: 12px 40px;
}
.m-form-col--thin .m-form-col__title{
  line-height: 1.3;
}
.m-form-col--thin input[type="text"]{
  font-size: 14px;
  line-height: 1.2;
  max-width: 480px;
  padding: 6px 10px;
}
.m-form-col--thin .m-select{
  padding: 6px 40px 6px 10px;
}
/* PCNPDN 20190305 Takuma add start */
.m-btn-pdf {
  display: inline-block;
  text-indent: -9998em;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  width: 45px;
  height: 45px;
  background-size: auto 100%;
  background-image: url(../images/common/icon-pdf2.png);
  position:relative; /* takakura modify */
}
.m-btn-pdf:hover {
  opacity: 0.7;
  text-decoration: none;
}
/* PCNPDN 20190305 Takuma add end */
/* Web改善 ウェビナー申込フォーム 20200914 Takuma add end */
/* 20210812 Luv #41919 ADD START */
.m-btn-star-none-display {
	display: none;
}
/* 20210812 Luv #41919 ADD END */
/* 2021/09/22 #42317 ADD START */
input[type="text"].m-input-text--bom-insuu {
  width: 65px;
  height: 23.2px;
  padding: 1px 10px;
}
.m-insuu-label {
  padding-right: 50px;
  font-size: 11px;
}
/* 2021/09/22 #42317 ADD END */
/* 2021/09/28 #42412 ADD START */
.p-dialog--bom-search-popup{
  width: calc(100vw - 20%);
  height: calc(100vh - 20%);
}
.p-dialog-close-popup {
  background-color: #4D9CCB !important;
}
/* 2021/09/28 #42412 ADD END */
/* 2021/10/28 #42707 ADD START */
.m-searchFilter_newbom{
  background-color: #f8f8f8;
  padding: 10px 20px;
}
.m-detailRow_width{
  max-width : 5em !important;
}
/* 2021/10/28 #42707 ADD END */

/* 2021/10/29 #42707 ADD START */
.p-comments-pop-obj {
  position: absolute;
  max-width: 300px;
  font-size: 13px;
  font-weight: 500;
  word-break: break-all;
  background-color: #fff;
  padding: 6px 6px;
  border: solid 3px #aaa;
  border-radius: 5px;
  margin-top: -2px;
  z-index: 10001;
  height: auto;
  width: 300px;
}
.js-comments {
  display: none;
}
.p-comments-pop-obj-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.p-comments-pop-obj-head>p {
  font-size: 18px;
}
.p-comments_closebtn {
  font-size: 20px;
  width: 1em;
  height: 1em;
  background-color: #4D9CCB;
  padding: 2px;
  line-height: 0;
  color: #fff;
  border: none;
}
.p-comments-pop-obj-text {
  height: 80px;
}
.p-comments-pop-obj-btnlists {
  display: flex;
  justify-content: right;
}
.p-comments-pop-obj-btnlists>a {
  margin-right: 10px;
}
/* 2021/10/29 #42707 ADD END */

/* 改善要望_奥田_00195 20210604 Takuma add start */
/* =======================================================================
汎用情報表（PCNPDN情報など）
======================================================================= */
.m-info-tbl{
  max-width: 100%;
}
.m-info-tbl th,
.m-info-tbl td{
  line-height: 1.4;
  padding: 0.5em;
}
.m-info-tbl thead th{
  background-color: #cfe4f1;
  border: solid 1px #c5cccf;
}
.m-info-tbl tbody td{
  background-color: #fff;
  border: solid 1px #c5cccf;
}
/* 改善要望_奥田_00195 20210604 Takuma add end */
.p-dialog--sm {
  position: fixed;
  width: calc(100vw - 20%); /*modified*/
  height: calc(100vh - 20%); /*modified*/
  border:1px solid #666;
  z-index:10003;
  overflow: hidden;
}
/* 改善要望_ファンダソン_00008 20231016 Takuma add start */
button.m-btn--disabled,
input.m-btn--disabled,
a.m-btn--disabled,
.m-btn--disabled {
  color: #fff;
  background-color: #d4d4d4;
}
/* 改善要望_ファンダソン_00008 20231016 Takuma add  end  */
.m-block{
	position: relative;
	background-color: #fff;
	border: solid 1px #b8c1c6;
	border-radius: 6px;
}
.c-text-m{font-size: 18px;line-height: 1.7;}
.c-text-s{font-size: 15px;line-height: 1.7;}

/* Base skeleton style */
.skeleton-loader {
	margin-top: 5px;
	width: 100%;
	height: 15px; /* Adjust height as needed */
	background-color: #e0e0e0;
	position: relative;
	overflow: hidden;
}

/* Shimmer effect */
.skeleton-loader::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(224,224,224, 0) 0%, rgba(240,240,240, 0.7) 50%, rgba(224,224,224, 0) 100%);
	animation: loading 0.5s infinite;
}
.skeleton-loader-popup-zaiko {
	margin-top: 5px;
	width: 100%;
	height: 50px; /* Adjust height as needed */
	background-color: #e0e0e0;
	position: relative;
	overflow: hidden;
}

/* Shimmer effect */
.skeleton-loader-popup-zaiko::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(224,224,224, 0) 0%, rgba(240,240,240, 0.7) 50%, rgba(224,224,224, 0) 100%);
	animation: loading 0.5s infinite;
}

.skeleton-loader-other-info {
	margin-top: 5px;
	width: 60%;
	height: 15px; /* Adjust height as needed */
	background-color: #e0e0e0;
	position: relative;
	overflow: hidden;
}

/* Shimmer effect */
.skeleton-loader-other-info::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(224,224,224, 0) 0%, rgba(240,240,240, 0.7) 50%, rgba(224,224,224, 0) 100%);
	animation: loading 0.5s infinite;
}
.skeleton-loader-price-info-left {
	margin: 5px 10px 5px 10px;
	width: 60%;
	height: 15px; /* Adjust height as needed */
	background-color: #e0e0e0;
	position: relative;
	overflow: hidden;
}

/* Shimmer effect */
.skeleton-loader-price-info-left::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(224,224,224, 0) 0%, rgba(240,240,240, 0.7) 50%, rgba(224,224,224, 0) 100%);
	animation: loading 0.5s infinite;
}
.skeleton-loader-price-info-right {
	float: right;
	margin: 5px 10px 0 10px;
	width: 60%;
	height: 15px; /* Adjust height as needed */
	background-color: #e0e0e0;
	position: relative;
	overflow: hidden;
}

/* Shimmer effect */
.skeleton-loader-price-info-right::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(224,224,224, 0) 0%, rgba(240,240,240, 0.7) 50%, rgba(224,224,224, 0) 100%);
	animation: loading 0.5s infinite;
}
.skeleton-price-width {
	width: 80%;
}
.skeleton-price-width-40 {
	width: 40%;
}
.skeleton-price-width-60 {
	width: 60%;
}

/* Animation for the shimmer */
@keyframes loading {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(100%);
	}
}