@media screen and (min-width:751px) { 
#feature_articles .infomation_area .detail_box{
width:840px;
margin:70px auto 0;
padding:0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .infomation_area .detail_box{
width:90%;
margin:70px auto 0;
padding:0;
}
}

#feature_articles .infomation_area .detail_box table{
width:100%;
border-collapse: collapse;
border-spacing: 0;
border-bottom:2px solid #545454;
margin:0 auto;
padding:0;
}

@media screen and (min-width:751px) { 
#feature_articles .infomation_area .detail_box table th{
width:120px;
font-size: 116%;
font-weight:bold;
line-height: 1.6;
border-top:1px solid #b5b5b5;
margin:0 auto;
padding:30px 0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .infomation_area .detail_box table th{
display:block;
width:100%;
font-size: 108%;
font-weight:bold;
line-height: 1.6;
border-top:2px solid #545454;
margin:0 auto;
padding:12px 0;
}
}

@media screen and (min-width:751px) { 
#feature_articles .infomation_area .detail_box table td{
width:680px;
font-size: 116%;
line-height: 1.6;
border-top:1px solid #b5b5b5;
margin:0 auto;
padding:30px 0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .infomation_area .detail_box table td{
display:block;
width:100%;
font-size: 108%;
line-height: 1.6;
border-top:1px solid #b5b5b5;
margin:0 auto;
padding:20px 0;
}
}

@media screen and (min-width:751px) { 
#feature_articles .infomation_area .detail_box table tr:first-child th{
width:160px;
border-top:2px solid #545454;
}
}

@media screen and (max-width:750px) { 
#feature_articles .infomation_area .detail_box table tr:first-child th{

}
}

@media screen and (min-width:751px) { 
#feature_articles .infomation_area .detail_box table tr:first-child td{
width:580px;
border-top:2px solid #545454;
}
}

@media screen and (max-width:750px) { 
#feature_articles .infomation_area .detail_box table tr:first-child td{

}
}

@media screen and (min-width:751px) { 
#feature_articles .infomation_area .detail_box ul.note{
list-style: none;
list-style-type: none;
width:840px;
margin:0px auto 0;
padding:10px 0 0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .infomation_area .detail_box ul.note{
list-style: none;
list-style-type: none;
width:100%;
margin:0px auto 0;
padding:10px 0 0;
}
}

@media screen and (min-width:751px) { 
#feature_articles .infomation_area .detail_box ul.note li{
font-size: 108%;
line-height: 1.6;
margin:6px 0 0;
padding:0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .infomation_area .detail_box ul.note li{
list-style: none;
list-style-type: none;
width:100%;
font-size: 100%;
line-height: 1.6;
text-indent:-1em;
margin:6px 0 0;
padding-left:1em;
}
}

@media screen and (min-width:751px) {
.product .infomation_area{
width:960px;
margin:0 auto;
padding:0;
}
}

@media screen and (max-width:750px) {
.product .infomation_area{
width:100%;
margin:0 auto;
padding:0 15px;
}
}

.product .infomation_area p.txt_br{
font-size:116%;
line-height:1.7;
color:#333;
margin:24px 0 0;
padding:0;
}

.product .infomation_area .text_box{
width:100%;
padding:8px 0 0;
}

@media screen and (min-width:751px) { 
#feature_articles .text_box .text_box_inner h3{
font-size:123.1%;
font-weight:bold;
line-height:1.7;
color:#333;
margin:24px 0 0;
padding:0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .text_box .text_box_inner h3{
font-size:123.1%;
font-weight:bold;
line-height:1.7;
color:#333;
margin:24px 0 0;
padding:0;
}
}

@media screen and (min-width:751px) { 
#feature_articles .text_box .text_box_inner p{
font-size:116%;
line-height:1.7;
color:#333;
margin:4px 0 0;
padding:0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .text_box .text_box_inner p{
font-size:116%;
line-height:1.7;
color:#333;
margin:4px 0 0;
padding:0;
}
}


@media screen and (min-width:751px) { 
.product .infomation_area .imgs_box_s{
width:100%;
text-align:center;
margin:40px auto 0;
}
}

@media screen and (max-width:750px) { 
.product .infomation_area .imgs_box_s{
width:100%;
text-align:center;
margin:30px auto 0;
}
}

@media screen and (min-width:751px) { 
.product .infomation_area .imgs_box_s img{
width:auto;
margin:0;
padding:0;
}
}

@media screen and (max-width:750px) { 
.product .infomation_area .imgs_box_s img{
width:80%;
margin:0;
padding:0;
}
}

@media screen and (min-width:751px) { 
#feature_articles .imgs_box_inner{
width:840px;
margin:0 auto;
}
}

@media screen and (max-width:750px) { 
#feature_articles .imgs_box_inner{
width:100%;
margin:0 auto;
}
}

@media screen and (min-width:751px) { 
#feature_articles .imgs_box_inner ul{
display:flex;
justify-content: center;
gap: 40px;
width:840px;
list-style: none;
list-style-type: none;
margin:40px auto 0;
padding:0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .imgs_box_inner ul{
display:flex;
justify-content: center;
flex-direction: column;
gap: 30px;
width:100%;
list-style: none;
list-style-type: none;
margin:30px auto 0;
padding:0;
}
}

@media screen and (min-width:751px) { 
#feature_articles .imgs_box_inner ul li{
width:400px;
margin:0;
padding:0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .imgs_box_inner ul li{
pointer-events: none;
width:100%;
margin:0;
padding:0;
}
}

@media screen and (min-width:751px) { 
#feature_articles .imgs_box ul li img{
width:400px;
margin:0;
padding:0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .imgs_box ul li img{
width:100%;
margin:0;
padding:0;
}
}

@media screen and (min-width:751px) { 
#feature_articles .imgs_box ul li img{
width:400px;
margin:0;
padding:0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .imgs_box ul li img{
width:100%;
margin:0;
padding:0;
}
}


/* 共通
---------------------------------------------------- */
@media screen and (min-width:751px) { 
.product .contents{
width:1000px;
height:auto;
margin:0 auto;
padding:0 20px;
}
}

@media screen and (max-width:750px) { 
.product .cmn_unit_140{
margin:80px 0 0;
padding:0;
}
}

.swiper-wrapper{

}

.mySwiper2{


}

.swiper-slide{

}

.swiper-slide a{
    pointer-events: none;
}

/* アイテム詳細
---------------------------------------------------- */
@media screen and (min-width:751px) { 
#feature_articles .detail_area{
display:flex;
justify-content: space-between;
width:960px;
height:auto;
margin:60px auto 0;
padding:0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .detail_area{
width:100%;
margin:40px auto 0;
padding:0;
}
}

@media screen and (min-width:751px) { 
#feature_articles .detail_area .inner{
display: flex;
justify-content: space-between;
width:960px;
margin:0 auto;
padding:0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .detail_area .inner{
display: flex;
flex-direction: column;
width:100%;
margin:0;
padding:0;
}
}

@media screen and (min-width:751px) { 
#feature_articles .detail_area .info_box{
order: 2;
width:430px;
margin:0;
padding:0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .detail_area .info_box{
order: 2;
width:100%;
margin:30px auto 0;
padding:0 15px;
}
}

@media screen and (min-width:751px) { 
.product .img_box{
width:500px;
height:auto;
margin:0;
padding:0;
}
}

@media screen and (max-width:750px) { 
.product .img_box{
width:100%;
height:auto;
padding:0 15px;
}
}

@media screen and (min-width:751px) { 
.product .img_box .main_img{
border:solid 1px #d9d9d9;
width:490px !important;
height:490px !important;
margin:0;
padding:0;
}
}

@media screen and (max-width:750px) { 
.product .img_box .main_img{
width:100% !important;
height:100% !important;
margin:0 auto;
padding:0;
}
}

@media screen and (min-width:751px) { 
.product .img_box .main_img img{
width:488px !important;
height:488px !important;
}
}

@media screen and (max-width:750px) { 
.product .img_box .main_img img{
width:100% !important;
height:100% !important;
vertical-align: middle;
}
}

@media screen and (min-width:751px) { 
.product .img_box .sub_img ul{
display:flex;
flex-wrap: wrap;
width:500px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
}

@media screen and (max-width:750px) { 
.product .img_box ul.swiper-wrapper{

}
}

@media screen and (max-width:750px) { 
.product .img_box .sub_img ul{
display:flex;
overflow-x:auto;
overflow-scrolling: touch;
-webkit-overflow-scrolling:touch;
width:100%;
margin:15px 0px 0px 0px;
padding:0px 0px 15px 0px;
}
}

@media screen and (min-width:751px) { 
.product .img_box .sub_img ul li{
width:90px;
height:90px;
list-style:none;
cursor: pointer;
border: 1px solid #d9d9d9;
margin:10px 10px 0px 0px;
padding:0px 0px 0px 0px;
}
}

@media screen and (max-width:750px) { 
.product .img_box .sub_img ul li{
width:90px;
height:90px;
list-style:none;
cursor: pointer;
border: 1px solid #d9d9d9;
margin:10px 10px 0px 0px;
padding:0px 0px 0px 0px;
}
}

@media screen and (min-width:751px) { 
.product .img_box .sub_img ul .swiper-slide-thumb-active {
width:90px;
height:90px;
 border: 1px solid #007aff;

}
}

@media screen and (max-width:750px) { 
.product .img_box .sub_img ul .swiper-slide-thumb-active {
width:90px;
height:90px;
 border: 1px solid #007aff;

}
}



.product .img_box .sub_img ul li.pager-active{
border: 1px solid #b9b9b9;
}

@media screen and (min-width:751px) { 
.product .img_box .sub_img ul li img{
width:88px;
height:88px;
}
}

@media screen and (max-width:750px) { 
.product .img_box .sub_img ul li img{
width:88px;
height:88px;
}
}


@media screen and (min-width:751px) { 
.product .info_box h1{
width:100%;
font-size:174%;
line-height:1.6;
color:#333;
margin:0;
padding:0 0 4px;
}
}

@media screen and (max-width:750px) { 
.product .info_box h1{
width:100%;
font-size:174%;
line-height:1.6;
color:#333;
margin:0;
padding:0 0 4px;
}
}








@media screen and (min-width:751px) { 
.product {

}
}

@media screen and (max-width:750px) { 
.product {

}
}





@media screen and (min-width:751px) { 
.product .info_box_top{
display: flex;
flex-direction: column;
}
}

@media screen and (max-width:750px) { 
.product .info_box_top{
display: flex;
flex-direction: column;
}
}

@media screen and (min-width:751px) { 
.product .info_box_top .d_brand{
order: 1;
width:100%;
height:100%;
margin:0;
padding:0;
}
}

@media screen and (max-width:750px) { 
.product .info_box_top .d_brand{
order: 1;
width:100%;
height:100%;
margin:0;
padding:0;
}
}

@media screen and (min-width:751px) { 
.product .info_box_top .d_brand li a{
color:#555;
}
}

@media screen and (max-width:750px) { 
.product .info_box_top .d_brand li a{
color:#555;
}
}

@media screen and (min-width:751px) { 
.product .info_box_top .d_head{
order: 2;
width:100%;
height:100%;
margin:0;
padding:0;
}
}

@media screen and (max-width:750px) { 
.product .info_box_top .d_head{
order: 2;
width:100%;
height:100%;
margin:0;
padding:0;
}
}

@media screen and (min-width:751px) { 
.product .info_box ul.d_list li{
width:100%;
font-size:108%;
line-height:1;
list-style:none;
border-bottom: 1px dotted #d9d9d9;
margin:0;
padding:13px 0;
}
}

@media screen and (max-width:750px) { 
.product .info_box ul.d_list li{
width:100%;
font-size:108%;
line-height:1;
list-style:none;
border-bottom: 1px dotted #d9d9d9;
margin:0;
padding:13px 0;
}
}

@media screen and (min-width:751px) { 
.product .info_box ul.d_list li img{
vertical-align:top;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
}
}

@media screen and (max-width:750px) { 
.product .info_box ul.d_list li img{
vertical-align:top;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
}
}

@media screen and (min-width:751px) { 
.product .info_box ul.d_list li .d_spec{
background-color:#e7eded;
display:inline-block;
width:62px;
height:16px;
font-size:77%;
line-height:16px;
color:#555;
letter-spacing:0.1em;
text-align:center;
vertical-align:middle;
margin:0px 10px 0px 0px;
padding:1px 0px 0px 0px;
}
}

@media screen and (max-width:750px) { 
.product .info_box ul.d_list li .d_spec{
background-color:#e7eded;
display:inline-block;
width:62px;
height:16px;
font-size:77%;
line-height:16px;
color:#555;
letter-spacing:0.1em;
text-align:center;
vertical-align:middle;
margin:0px 10px 0px 0px;
padding:1px 0px 0px 0px;
}
}

@media screen and (min-width:751px) { 
.product .info_box .d_price{
order: 3;
width:100%;
height:100%;
border-bottom: 1px solid #d9d9d9;
margin:14px 0px 0px 0px;
padding:0px 0px 14px 0px;
}
}

@media screen and (max-width:750px) { 
.product .info_box .d_price{
order: 3;
width:100%;
height:100%;
border-bottom: 1px solid #d9d9d9;
margin:14px 0px 0px 0px;
padding:0px 0px 14px 0px;
}
}

@media screen and (min-width:751px) { 
.product .info_box .d_price p.p_txt{
font-size:153.9%;
font-weight:bold;
line-height:1.6;
color:#333;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
}

@media screen and (max-width:750px) { 
.product .info_box .d_price p.p_txt{
font-size:153.9%;
font-weight:bold;
line-height:1.6;
color:#333;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
}

@media screen and (min-width:751px) { 
.product .info_box .d_price p.p_txt span{
font-size:85%;
}
}

@media screen and (max-width:750px) { 
.product .info_box .d_price p.p_txt span{
font-size:85%;
}
}

@media screen and (min-width:751px) { 
.product .info_box p.d_material{
width:100%;
border-bottom: 1px dotted #d9d9d9;
margin:8px 0px 0px 0px;
padding:0px 0px 8px 0px;
}
}

@media screen and (max-width:750px) { 
.product .info_box p.d_material{
width:100%;
border-bottom: 1px dotted #d9d9d9;
margin:8px 0px 0px 0px;
padding:0px 0px 8px 0px;
}
}

@media screen and (min-width:751px) { 
.product .info_box p.d_material:before{
position: relative;
  content: '';
  width: 9px;
  height: 9px;
  background: #494949;
  display: inline-block;
     top: 0;
     left: 0;
     margin-top: 0;
     margin-right: 5px;
}
}

@media screen and (max-width:750px) { 
.product .info_box p.d_material:before{
position: relative;
  content: '';
  width: 9px;
  height: 9px;
  background: #494949;
  display: inline-block;
     top: 0;
     left: 0;
     margin-top: 0;
     margin-right: 5px;
}
}

@media screen and (min-width:751px) { 
.product .info_box .d_price p.p_txt_line{
font-size:108%;
line-height:1.5;
color:#333;
text-decoration: line-through;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
}

@media screen and (max-width:750px) { 
.product .info_box .d_price p.p_txt_line{
font-size:108%;
line-height:1.5;
color:#333;
text-decoration: line-through;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
}

@media screen and (min-width:751px) { 
.product .info_box .d_price p.p_txt_cmp{
font-size:153.9%;
font-weight:bold;
line-height:1.6;
color:#333;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
}

@media screen and (max-width:750px) { 
.product .info_box .d_price p.p_txt_cmp{
font-size:153.9%;
font-weight:bold;
line-height:1.6;
color:#333;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
}

@media screen and (min-width:751px) { 
.product .info_box .d_price p.p_txt_cmp span{
font-size:85%;
}
}

@media screen and (max-width:750px) { 
.product .info_box .d_price p.p_txt_cmp span{
font-size:85%;
}
}

@media screen and (min-width:751px) { 
.product .info_box .d_price p.n_txt{
font-size:85%;
line-height:1.6;
color:#333;
margin:4px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
}

@media screen and (max-width:750px) { 
.product .info_box .d_price p.n_txt{
font-size:85%;
line-height:1.6;
color:#333;
margin:4px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
}

@media screen and (min-width:751px) { 
.product .info_box h2{
width:100%;
font-size:123.1%;
line-height:1;
color:#333;
border-top: 2px solid #555555;
border-bottom: 2px solid #555555;
margin:10px 0px 0px 0px;
padding:9px 0;
}
}

@media screen and (max-width:750px) { 
.product .info_box h2{
width:100%;
font-size:123.1%;
line-height:1;
color:#333;
border-top: 2px solid #555555;
border-bottom: 2px solid #555555;
margin:10px 0px 0px 0px;
padding:9px 0;
}
}

@media screen and (min-width:751px) { 
.product .info_box p{
width:100%;
font-size:108%;
line-height:1.8;
color:#333;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
}

@media screen and (max-width:750px) { 
.product .info_box p{
width:100%;
font-size:108%;
line-height:1.8;
color:#333;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
}

@media screen and (min-width:751px) { 
.product .info_box p.n_txt{
font-size:93%;
line-height:1.7;
color:#333;
margin:10px 0px 0px 0px;
padding:0;
}
}

@media screen and (max-width:750px) { 
.product .info_box p.n_txt{
font-size:93%;
line-height:1.7;
color:#333;
margin:10px 0px 0px 0px;
padding:0;
}
}


























/* アコーディオン
---------------------------------------------------- */
.product .info_box .d_acd_wrap {
width:100%;
border-bottom: 1px solid #d9d9d9;
margin: 30px auto 0;
padding: 0;
}

.product .info_box .d_acd_tab {
position: relative;
overflow: hidden;
width:100%;
margin: 0 auto;
color: #333;
}

.product .info_box .d_acd_tab input {
position: absolute;
z-index: -1;
opacity: 0;
}

.product .info_box .d_acd_tab label {
position: relative;
display: block;
height: 42px;
font-size: 108%;
font-weight: normal;
line-height: 42px;
cursor: pointer;
border-top: 1px solid #d9d9d9;
margin: 0;
padding: 0;
}


.product .info_box .d_acd_tab .d_acd_tab_content {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.5s;
transition: max-height 0.5s;
color: #333;
}

/* :checked */
.product .info_box .d_acd_tab input:checked ~ .d_acd_tab_content {
max-height: 50em;
padding: 0 0 0px 0;
}

.product .d_acd_tab .d_acd_tab_content .d_acd_inner{
width:100%;
margin:0;
padding: 0 0 30px 0;
}



/*チェックのアイコン */
.product .info_box .d_acd_tab .i_plus{
position: relative;
display:inline-block;
background-color:#494949;
width:15px;
height:15px;
text-align:center;
margin:0 10px 0 0;
top: 3px;
}

/*チェックのアイコン（+）*/
.product .info_box .d_acd_tab .i_plus::after{
position: absolute;
content: '';
width:1px;
height:7px;
border-left: 1px solid #fff;
top: 4px;
left: 7px;
}

.product .info_box .d_acd_tab .i_plus::before{
position: absolute;
content: '';
width:7px;
height:1px;
border-top: 1px solid #fff;
top: 7px;
left: 4px;
}

/*チェックのアイコン（-）*/
.product .info_box .d_acd_tab input:checked ~ label .i_plus::after {
position: absolute;
content: '';
width:0;
height:0;
border: none;
top: 0;
left: 0;
}

.product .info_box .d_acd_tab input:checked label .size_2 {
display:inline;
}

.product .info_box .d_acd_tab input:checked ~ label .size_2 {
display:none;
}

.product .info_box .d_acd_tab input:checked ~ label .size_1:after {
content: '非表示にする';
}


.product .info_box table{
width:100%;
border-top: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.product .info_box table th{
background-color:#f5f5f5;
width:20%;
font-size:93%;
font-weight:normal;
line-height:1.4;
text-align:center;
vertical-align:middle;
color:#333;
border-bottom: 1px solid #d9d9d9;
margin:0px 0px 0px 0px;
padding:3px 0px 3px 0px;
}

.product .info_box table td{
width:auto;
font-size:93%;
line-height:1.4;
color:#333;
text-align:center;
border-right: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
margin:0px 0px 0px 0px;
padding:3px 0px 3px 0px;
}
















@media screen and (min-width:751px) { 
.product .info_box ul.d_estm_btn{
width:100%;
margin:0;
padding:0;
}
}

@media screen and (max-width:750px) { 
.product .info_box ul.d_estm_btn{
width:100%;
margin:0;
padding:30px 0;
}
}

@media screen and (min-width:751px) { 
.product .info_box ul.d_estm_btn .btn{
width:100%;
height:70px;
margin:auto 0;
padding:0;
}
}

@media screen and (max-width:750px) { 
.product .info_box ul.d_estm_btn .btn{
width:90%;
height:70px;
margin:0 auto;
padding:0;
}
}

@media screen and (min-width:751px) { 
.product .info_box ul.d_estm_btn .btn .btn_col{
background-color:#494949;
width:100%;
height:70px;
font-size:116%;
font-weight:bold;
line-height:70px;
color:#FFF;
}
}

@media screen and (max-width:750px) { 
.product .info_box ul.d_estm_btn .btn .btn_col{
background-color:#494949;
width:100%;
height:70px;
font-size:116%;
font-weight:bold;
line-height:70px;
color:#FFF;
}
}

@media screen and (min-width:751px) { 
.product .info_box ul.d_estm_btn .btn .btn_col:hover{
background-color:#be0000;
}
}

@media screen and (min-width:751px) { 
.product .info_box ul.d_estm_btn .btn .btn_col::before{
    left: 86%;
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
}

@media screen and (max-width:750px) { 
.product .info_box ul.d_estm_btn .btn .btn_col::before{
    left: 90%;
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
}

@media screen and (min-width:751px) { 
.product .info_box ul.d_estm_btn li{
display:flex;
justify-content: flex-end;
border-top: 1px dotted #d9d9d9;
margin:0;
padding:26px 0;
}
}

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

}

@media screen and (min-width:751px) { 
.product .info_box ul.d_estm_btn li:first-child{
border-top: none;
}
}

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

}

@media screen and (min-width:751px) { 
.product .info_box ul.d_estm_btn .btn{
margin:0;
}
}

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

}


@media screen and (min-width:751px) { 
#feature_articles .detail_area .info_box dl{
display: flex;
flex-wrap: wrap;
width:100%;
margin:0 10px;
padding:0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .detail_area .info_box dl{
width:100%;
margin:0px auto 0;
padding:0;
}
}

@media screen and (min-width:751px) { 
#feature_articles .detail_area .info_box dl dt{
width:110px;
font-size: 108%;
line-height: 1.6;
color:#333;
border-bottom: 1px dotted #d9d9d9;
margin:0;
padding:10px 0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .detail_area .info_box dl dt{
pointer-events: none;
width:100%;
font-size: 108%;
font-weight:bold;
line-height: 1.6;
margin:0;
padding:0;
}
}

@media screen and (min-width:751px) { 
#feature_articles .detail_area .info_box dl dd{
width: calc(100% - 110px);
font-size: 108%;
line-height: 1.6;
color:#333;
border-bottom: 1px dotted #d9d9d9;
margin:0;
padding:10px 0 10px 10px;
}
}

@media screen and (max-width:750px) { 
#feature_articles .detail_area .info_box dl dd{
width:100%;
font-size: 108%;
line-height: 1.8;
color:#333;
margin:0;
padding:5px 0 10px;
}
}

@media screen and (max-width:750px) { 
#feature_articles .detail_area .info_box .detail_box{
width:100%;
margin:0 auto;
padding:0;
}
}

@media screen and (min-width:751px) { 
#feature_articles .detail_area .info_box .detail_box ul{
display: flex;
flex-wrap: wrap;
width:100%;
margin:0;
padding:0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .detail_area .info_box .detail_box ul{
display: flex;
flex-wrap: wrap;
width:100%;
margin:0;
padding:0 15px;
}
}

@mixin lhCrop($line-height) {
  &::before {
    content: '';
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - #{$line-height}) * 0.5em);
  }
}

@media screen and (min-width:751px) { 
#feature_articles .detail_area .info_box .detail_box li{
display: flex;
flex-wrap:wrap;
font-size: 100%;
@include lhCrop(1.4); //line-height: 1.4
color:#333;
margin:0;
padding:0 10px 16px 0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .detail_area .info_box .detail_box li{
display: flex;
font-size: 100%;
@include lhCrop(1.4); //line-height: 1.4
color:#333;
margin:0;
padding:0 12px 16px 0;
}
}

@media screen and (min-width:751px) { 
.product h2.category_title{
width:960px;
font-size:131%;
font-weight: bold;
line-height:1.6;
border-bottom: 1px solid #555;
margin:0px auto 0;
padding:0;
}
}

@media screen and (max-width:750px) { 
.product h2.category_title{
width:100%;
font-size:131%;
font-weight: bold;
line-height:1.6;
border-bottom: 1px solid #555;
margin:0px auto 0;
padding:0;
}
}

@media screen and (min-width:751px) { 
.product .info_box h3{
width:100%;
height: 60px;
font-size: 116%;
font-weight: bold;
line-height: 60px;
border-top: 1px solid #d9d9d9;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
}

@media screen and (max-width:750px) { 
.product .info_box h3{
width:100%;
height: 60px;
font-size: 116%;
font-weight: bold;
line-height: 60px;
border-top: 1px solid #d9d9d9;
margin: 0 0 0 0;
padding: 0 15px;
}
}







@media screen and (min-width:751px) { 
#feature_articles .tab_switch{
width:100%;
margin:15px auto 0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .tab_switch{
width:100%;
margin:30px 0 0;
}
}

#feature_articles .tab_switch input[type="radio"]{
display:none;
}

#feature_articles .contents_tab{
width:100%;
height:52px;
border-bottom: 1px solid #5f5f5f;
margin:0 auto;
}


@media screen and (min-width:751px) { 
#feature_articles .contents_tab_2btn{
display:flex;
justify-content: space-between;
width:100%;
height:50px;
margin:0 auto;
padding:0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .contents_tab_2btn{
display:flex;
justify-content: space-between;
width:95%;
height:50px;
margin:0 auto;
padding:0;
}
}

#feature_articles .contents_tab label{
display:inline-block;
background-color:#f0f0f0;
width:49%;
height:49px;
text-align:center;
cursor:pointer;
transition:ease 0.2s opacity;
border-top: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
margin:0;
padding:0 0 1px 0;
}

@media screen and (max-width:750px) {
#feature_articles .contents_tab label{

}
}

@media screen and (min-width:751px) { 
#feature_articles .contents_tab label:hover{
background-color:#fafafa;
}
}

#feature_articles .contents_box{
width:100%;
}

@media screen and (min-width:751px) { 
#feature_articles .contents_box .inner{
width:100%;
}
}

@media screen and (max-width:750px) { 
#feature_articles .contents_box .inner{
width:100%;
padding:0 15px;
}
}

#feature_articles .tab_box{
display:none;
width:100%;
padding:20px 0 0;
}

#feature_articles #tab1:checked ~ .contents_tab .tab1_label{background:#fff; color:#333; height:50px; border-top: 1px solid #333; border-left: 1px solid #333; border-right: 1px solid #333;}
#feature_articles #tab1:checked ~ .contents_tab .tab1_label span{font-weight:bold;}
#feature_articles #tab1:checked ~ span{font-weight:bold;}
#feature_articles #tab1:checked ~ .contents_box #box1{display:block;}
#feature_articles #tab2:checked ~ .contents_tab .tab2_label{background:#fff; color:#333; height:50px; border-top: 1px solid #333; border-left: 1px solid #333; border-right: 1px solid #333;}
#feature_articles #tab2:checked ~ .contents_tab .tab2_label span{font-weight:bold;}
#feature_articles #tab2:checked ~ .contents_box #box2{display:block;}
#feature_articles #tab3:checked ~ .contents_tab .tab3_label{background:#fff; color:#333; height:50px;}
#feature_articles #tab3:checked ~ .contents_tab .tab3_label span{font-weight:bold;}
#feature_articles #tab3:checked ~ .contents_box #box3{display:block;}

#feature_articles #tab4:checked ~ .contents_tab .tab4_label{background:#fff; color:#333; height:50px;}
#feature_articles #tab4:checked ~ .contents_box2 #box4{display:block;}
#feature_articles #tab5:checked ~ .contents_tab .tab5_label{background:#fff; color:#333; height:50px;}
#feature_articles #tab5:checked ~ .contents_box2 #box5{display:block;}
#feature_articles #tab6:checked ~ .contents_tab .tab6_label{background:#fff; color:#333; height:50px;}
#feature_articles #tab6:checked ~ .contents_box2 #box6{display:block;}

#feature_articles #tab7:checked ~ .contents_tab .tab7_label{background:#fff; color:#333; height:50px;}
#feature_articles #tab7:checked ~ .contents_box3 #box7{display:block;}
#feature_articles #tab8:checked ~ .contents_tab .tab8_label{background:#fff; color:#333; height:50px;}
#feature_articles #tab8:checked ~ .contents_box3 #box8{display:block;}


#feature_articles .contents_tab span{
display:inline-block;
font-size:108%;
line-height:50px;
margin:0;
}


@media screen and (min-width:751px) { 
.product .info_box .acd_wrap {
width: 400px;
border-bottom: 1px solid #d9d9d9;
margin: 4px auto 0;
padding: 0;
}
}

@media screen and (max-width:750px) { 
.product .info_box .acd_wrap {
width:100%;
border-bottom: 1px solid #d9d9d9;
margin: 4px auto 0;
padding: 0;
}
}

@media screen and (min-width:751px) { 
.product .info_box .acd_tab_sub {
position: relative;
overflow: hidden;
width: 400px;
margin: 0 auto;
color: #333;
}
}

@media screen and (max-width:750px) { 
.product .info_box .acd_tab_sub {
position: relative;
overflow: hidden;
width:100%;
margin: 0 auto;
color: #333;
}
}

.product .info_box .acd_tab_sub label {
padding: 0;
}

.color_tag {
display: inline-block;
width: 12px;
height: 12px;
margin: 0 5px 0 0;
}

@media screen and (min-width:751px) { 
.product .info_box ul.d_tool_btn{
display: flex;
justify-content: space-between;
align-items:center;
width:100%;
height:84px;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
margin:0;
padding:0;
}
}

@media screen and (max-width:750px) { 
.product .info_box ul.d_tool_btn{
display: flex;
justify-content: space-between;
align-items:center;
width:100%;
height:84px;
border-top: 1px solid #d9d9d9;
margin:0;
padding:0 15px;
}
}

@media screen and (min-width:751px) { 
.product .info_box ul.d_tool_btn li{
font-size:93%;
@include lhCrop(1.4); //line-height: 1.4
margin:0;
padding:0;
}
}

@media screen and (max-width:750px) { 
.product .info_box ul.d_tool_btn li{
font-size:85%;
@include lhCrop(1.4); //line-height: 1.4
margin:0;
padding:0;
}
}

@media screen and (min-width:751px) { 
.product .info_box ul.d_tool_btn .btn{
}
}

@media screen and (max-width:750px) { 
.product .info_box ul.d_tool_btn .btn{
}
}

@media screen and (min-width:751px) { 
.product .info_box ul.d_tool_btn li.help_btn{
width:24px;
}
}

@media screen and (max-width:750px) { 
.product .info_box ul.d_tool_btn li.help_btn{

}
}

@media screen and (min-width:751px) { 
.product .info_box ul.d_tool_btn .btn .i_itemname,
.product .info_box ul.d_tool_btn .btn .i_datasheet{
vertical-align: middle;
margin: 0 10px 0 0;
}
}

@media screen and (max-width:750px) { 
.product .info_box ul.d_tool_btn .btn .i_itemname,
.product .info_box ul.d_tool_btn .btn .i_datasheet{
vertical-align: middle;
margin: 0 10px 0 0;
}
}

@media screen and (min-width:751px) { 
.product .info_box ul.d_tool_btn li.help_btn{
width:24px;
height:84px;
line-height:84px;
}
}

@media screen and (max-width:750px) { 
.product .info_box ul.d_tool_btn li.help_btn{
width:24px;
height:84px;
line-height:84px;
}
}

.product .help_btn .help{
display:inline-block;
background-color:#d9d9d9;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
width:24px;
height:24px;
font-size:116%;
font-weight:bold;
line-height:24px;
color:#333;
text-decoration:none;
text-align:center;
cursor: pointer;
margin:0;
}

@media screen and (min-width:751px) { 
.product .help_btn .help:hover{
background-color:#862adc;
color:#fff;
text-decoration:none;
cursor: pointer;
}
}

@media screen and (min-width:751px) { 
#feature_articles .contents_inner{
width:960px;
margin:0 auto;
padding:0;
}
}

@media screen and (max-width:750px) { 
.product .contents_inner{
width:100%;
margin:0;
padding:0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .product .sp_box{
width:90%;
margin:0 auto;
}
}

@media screen and (min-width:751px) { 
#feature_articles .contents_inner h2{
font-size:197%;
line-height:1.7;
color:#333;
text-align:center;
margin:60px 0 0;
padding:0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .product .contents_inner h2{
width:100%;
font-size:167%;
line-height:1.7;
color:#333;
text-align:center;
margin:40px 0 0;
padding:0;
}
}

@media screen and (min-width:751px) { 
#feature_articles .contents_inner .contents_sub_title{
font-size: 131%;
line-height: 1.8;
color:#333;
text-align:left;
margin: 30px auto 0;
padding: 0 0 0 0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .product .contents_inner .contents_sub_title{
width:100%;
font-size: 116%;
line-height: 1.6;
color:#333;
text-align:left;
margin: 20px auto 0;
padding: 0 0 0 0;
}
}


/* コンテンツサブナビ
---------------------------------------------------- */


@media screen and (min-width:751px) {

}

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

}



@media screen and (min-width:751px) {
main .contents_sub_nav{
width:960px;
height:62px;
margin:0 auto;
padding:0;
}
}

@media screen and (max-width:750px) {
.product .contents_sub_nav{
width:100%;
margin:0 auto;
padding:0;
}
}

@media screen and (min-width:751px) {
main .contents_sub_nav ul{
display:flex;
justify-content:center;
width:960px;
height:62px;
list-style:none;
text-align:center;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
margin:70px 0 0 0;
padding:0;
}
}

@media screen and (max-width:750px) {
.product .contents_sub_nav ul{
display:flex;
flex-wrap: wrap;
width:100%;
height:120px;
list-style:none;
text-align:center;
border-top: 1px solid #d9d9d9;
margin:30px 0 0 0;
padding:0;
}
}

@media screen and (min-width:751px) {
main .contents_sub_nav ul li{
height:60px;
border-left: 1px solid #d9d9d9;
margin:0;
padding:0;
}
}

@media screen and (max-width:750px) {
.product .contents_sub_nav ul li{
height:60px;
border-bottom: 1px solid #d9d9d9;
margin:0;
padding:0;
}
}

@media screen and (max-width:750px) {
.product .contents_sub_nav ul li:nth-of-type(2n) {
border-left: 1px solid #d9d9d9;
}
}

@media screen and (min-width:751px) {
.product .contents_sub_nav ul li a{
display:block;
height:62px;
font-size:108%;
line-height:62px;
color:#333;
text-decoration:none;
vertical-align:middle;
margin:0;
padding:0;
}
}

@media screen and (max-width:750px) {
.product .contents_sub_nav ul li a{
display:block;
height:62px;
font-size:100%;
line-height:62px;
color:#333;
text-decoration:none;
vertical-align:middle;
margin:0;
padding:0;
}
}

@media screen and (min-width:751px) {
main .contents_sub_nav ul li a:hover{
background-color:#f3f3f3;
}
}

@media screen and (max-width:750px) {
main .contents_sub_nav ul li a:hover{

}
}

@media screen and (min-width:751px) {
.product .contents_sub_nav ul.col4 li{
width:25%;
}
}

@media screen and (max-width:750px) {
.product .contents_sub_nav ul.col4 li{
width:calc(100% - 50%);
}
}









@media screen and (min-width:751px) {
main h2.contents_layer_title{
width:960px;
font-size:131%;
font-weight: bold;
line-height:1.6;
color:#333;
text-align:center;
margin:0 auto;
padding:0;
}
}

@media screen and (max-width:750px) {
.product h2.contents_layer_title{
width:100%;
font-size:131%;
font-weight: bold;
line-height:1.6;
color:#333;
text-align:center;
margin:0 auto;
padding:0;
}
}

@media screen and (min-width:751px) {
main h2.contents_layer_title {
position: relative;
text-align: center;
width:960px;
font-size:167%;
font-weight: bold;
line-height:1.6;
color:#333;
margin:0 auto;
padding:0;
}
}

@media screen and (max-width:750px) {
.product h2.contents_layer_title {
position: relative;
text-align: center;
width:100%;
font-size:131%;
font-weight: bold;
line-height:1.6;
color:#333;
margin:0 auto;
padding:0;
}
}

@media screen and (min-width:751px) {
main h2.contents_layer_title span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
}

@media screen and (max-width:750px) {
.product h2.contents_layer_title span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
}

@media screen and (min-width:751px) {
main h2.contents_layer_title::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #a3a3a3;
}
}

@media screen and (max-width:750px) {
.product h2.contents_layer_title::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #a3a3a3;
}
}

@media screen and (min-width:751px) {
main h3.summary{
width:960px;
font-size:167%;
font-weight: bold;
line-height:1.6;
color:#333;
text-align:center;
margin:60px auto 0;
padding:0;
}
}

@media screen and (max-width:750px) {
main h3.summary{
width:100%;
font-size:167%;
font-weight: bold;
line-height:1.6;
color:#333;
text-align:center;
margin:60px auto 0;
padding:0;
}
}

@media screen and (min-width:751px) {
main p.en_st{
width:960px;
font-size:100%;
line-height:1.6;
color:#333;
text-align:center;
margin:2px auto 0;
padding:0;
}
}

@media screen and (max-width:750px) {
.product p.en_st{
width:100%;
font-size:100%;
line-height:1.6;
color:#333;
text-align:center;
margin:2px auto 0;
padding:0;
}
}



main p.sub_txt{
width:960px;
font-size:123.1%;
line-height:1.8;
color:#333;
text-align:center;
margin:20px auto 0;
padding:0;
}






.product .contents_img_title{
background:url(/novelty/img/bkgd.jpg);
background-position:top left;
background-repeat:no-repeat;
width:960px;
height: 310px;
margin: 0 auto;
padding:36px 0;
}

.product .contents_img_title .contents_main_img{
width:236px;
height:236px;
margin: 0 auto;
}

#feature_articles .product .contents_main_title{
width:960px;
font-size: 197%;
line-height: 1.6;
color:#333;
font-weight:bold;
text-align:center;
margin: 80px auto 0;
padding: 0 0 0 0;
}

.product .contents_sub_title{
width:960px;
font-size: 123.1%;
line-height: 1.8;
color:#333;
text-align:center;
margin: 20px auto 0;
padding: 0 0 0 0;
}

.product .feature_area{
display:flex;
justify-content: space-between;
width:960px;
margin:60px auto 0;
}

.product .feature_area .feature_box{
width:340px;
margin:0;
padding:0;
}

.product .feature_area .feature_box h3{
width:340px;
font-size: 153.9%;
line-height: 1.7;
text-align:center;
margin:30px 0 0;
}

.product .feature_area .feature_box p{
width:340px;
font-size: 123.1%;
line-height: 1.7;
margin:10px 0 0;
}


/* ノベルティグッズ一覧
---------------------------------------------------- */
/* ノベルティグッズ一覧 */
@media screen and (min-width:751px) { 
#feature_articles .product .contents_main_img{
background:url(/product/novelty/img/main_img_bk.jpg);
background-position:center top;
background-repeat:no-repeat;
min-width:1000px;
width:100%;
height:368px;
margin:0 auto;
padding:0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .product .contents_main_img{
background:url(/product/novelty/img/main_img_bk.jpg);
background-position:center top;
background-repeat:no-repeat;
width:100%;
height:368px;
margin:0 auto;
padding:0;
}
}

@media screen and (min-width:751px) { 
#feature_articles .contents_main_img h1{
width:380px;
height:auto;
margin:0;
padding:0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .contents_main_img h1{
width:90%;
height:auto;
margin:0;
padding:0;
}
}

@media screen and (min-width:751px) { 
#feature_articles .contents_main_img span{
display: inline;
font-size: 0;
margin-bottom: 0;
}
}

@media screen and (max-width:750px) { 
#feature_articles .contents_main_img span{
display: inline;
font-size: 0;
margin-bottom: 0;
}
}

@media screen and (min-width:751px) {
.product .item_area{
display:flex;
flex-wrap: wrap;
width:960px;
margin:0px auto 0;
}
}

@media screen and (max-width:750px) {
.product .item_area{
display:flex;
flex-wrap: wrap;
width:96%;
margin:0px auto 0;
}
}

@media screen and (min-width:751px) {
.product .item_area .item{
display: flex;
flex-direction: column;
width:240px;
margin:60px 0 0;
padding:0 10px;
}
}

@media screen and (max-width:750px) {
.product .item_area .item{
display: flex;
flex-direction: column;
width:50%;
margin:40px 0 0;
padding:0 10px;
}
}

@media screen and (min-width:751px) {
.product .item_area .item .item_img{
width:100%;
text-align:center;
margin:0;
padding:0;
}
}

@media screen and (max-width:750px) {
.product .item_area .item .item_img{
width:100%;
text-align:center;
margin:0;
padding:0;
}
}

@media screen and (min-width:751px) {
.product .item_area .item .item_img img{
width:200px;
margin:0;
padding:0;
}
}

@media screen and (max-width:750px) {
.product .item_area .item .item_img img{
width:88%;
margin:0 auto;
padding:0;
}
}

@media screen and (min-width:751px) {
.product .item_area .item h3{
width:200px;
font-size: 108%;
font-weight:bold;
line-height: 1.7;
margin:20px 0 0;
padding:0;
}
}

@media screen and (max-width:750px) {
.product .item_area .item h3{
width:100%;
font-size: 100%;
font-weight:bold;
line-height: 1.7;
margin:5px 0 0;
padding:0;
}
}

@media screen and (min-width:751px) {
.product .item_area .item p.item_num{
width:200px;
font-size: 108%;
line-height: 1.7;
}
}

@media screen and (max-width:750px) {
.product .item_area .item p.item_num{
width:100%;
font-size: 100%;
line-height: 1.6;
}
}

@media screen and (min-width:751px) {
.product .item_area .item p.item_price{
flex: 1;
width:200px;
height: 100%;
min-height: 0%;
font-size: 116%;
line-height: 1.7;
}
}

@media screen and (max-width:750px) {
.product .item_area .item p.item_price{
flex: 1;
width:100%;
height: 100%;
min-height: 0%;
font-size: 100%;
line-height: 1.6;
}
}

@media screen and (min-width:751px) {
.product .item_area .item p.btn a{
display:block;
background-color:#fff;
border-radius: 5%;
-moz-border-radius: 5%;
-webkit-border-radius: 5%;
width:120px;
height:34px;
max-height: 34px;
font-size:100%;
line-height:34px;
color:#333;
text-align:center;
text-decoration:none;
border: 1px solid #b5b5b5;
margin:10px auto 0;
}
}

@media screen and (max-width:750px) {
.product .item_area .item p.btn a{
display:block;
background-color:#fff;
border-radius: 5%;
-moz-border-radius: 5%;
-webkit-border-radius: 5%;
width:120px;
height:34px;
max-height: 34px;
font-size:100%;
line-height:34px;
color:#333;
text-align:center;
text-decoration:none;
border: 1px solid #b5b5b5;
margin:10px auto 0;
}
}

@media screen and (min-width:751px) {
.product .item_area .item p.btn a:hover{
background-color:#494949;
color:#fff;
border: 1px solid #494949;
}
}

.item_data {
position: relative;
cursor: pointer;
}

.item_data:hover{
text-decoration:underline;
}

/* Tooltip */
.copied::after {
  position: absolute;
  display: inline-block;
  background: #555;
  content: 'コピーしました';
  width: 90px;
  font-size: 93%;
line-height:1;
  color: #fff;
text-align: center;
  border-radius: .4rem;
  padding: 8px 4px 8px 4px;
top:-40px;
left:40px;
-webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
-webkit-animation: fade-tooltip .5s 1s 1 forwards;
        animation: fade-tooltip .5s 1s 1 forwards;
}

.copied::before {
position: absolute;
display: inline-block;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 10px 5px 0 5px;
border-color: #555 transparent transparent transparent;
top:-14px;
left:40px;
-webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
-webkit-animation: fade-tooltip .5s 1s 1 forwards;
        animation: fade-tooltip .5s 1s 1 forwards;
}

/* Animation */
@-webkit-keyframes fade-tooltip {
  to {
    opacity: 0;
  }
}
@keyframes fade-tooltip {
  to {
    opacity: 0;
  }
}