@charset "utf-8";
/* CSS Document */

/*▽------各商品TOP画像-----▽*/
.main_visual{
width: 100%;
height: 400px!important;
position: relative;
overflow: hidden;
image-rendering: -webkit-optimize-contrast;
margin-top: 80px;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;	
}
.msw27
{
background-image: url("../images/msw_27/msw27_main.jpg")!important;
}

.msw28
{
background-image: url("../images/msw_28/msw28_main.jpg")!important;
}

.msw29
{
background-image: url("../images/msw_29/msw29_main.jpg")!important;
}


.msw31
{
background-image: url("../images/msw_31/msw31_main.jpg")!important;
height: 60px!important
}

.msw40
{
background-image: url("../images/msw_40/msw40_main.jpg")!important;
}

.msw41
{
background-image: url("../images/msw_41/msw41_main.jpg")!important;
height: 60px!important
}

.msw42
{
background-image: url("../images/msw_42/msw42_main.jpg")!important;
height: 60px!important
}

.msw43
{
background-image: url("../images/msw_43/msw43_main.jpg")!important;
height: 60px!important
}

.msw44
{
background-image: url("../images/msw_44/msw44_main.jpg")!important;
height: 60px!important
}
.msw47
{
background-image: url("../images/msw_47/msw47_main.jpg")!important;
}
.msw48
{
background-image: url("../images/msw_48/msw48_main.jpg")!important;
}

.msw49
{
background-image: url("../images/msw_49/msw49_main.jpg")!important;
}

.msw50
{
background-image: url("../images/msw_50/msw50_main.jpg")!important;
}
.msw53
{
background-image: url("../images/msw_53/msw53_main.jpg")!important;
height: 60px!important
}
.msw71
{
background-image: url("../images/msw_71/msw71_main.jpg")!important;

}

.msw73
{
background-image: url("../images/msw_73/msw73_main.jpg")!important;

}

.msw74
{
background-image: url("../images/msw_74/msw74_main.jpg")!important;
}

.msw78
{
background-image: url("../images/msw_78/msw78_main.jpg")!important;
height: 60px!important
}

.msw80
{
background-image: url("../images/msw_80/msw80_main.jpg")!important;
height: 60px!important
}

.msw82
{
background-image: url("../images/msw_82/msw82_main.jpg")!important;
}

.msw_x4
{
background-image: url("../images/msw_x4/msw_x4_main.jpg")!important;
height: 60px!important
}

.msw60
{
background-image: url("../images/msw_60/msw60_main.jpg")!important;
height: 60px!important
}
/*▲------TOP画像ここまで-----▲*/



.header_wrapper{
width: 100%;
max-width: 1200px;
margin: 0 auto;
position: relative;
}



.g_wrapper{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
margin: 0 3% 20px}




/*▼------共通/商品名-----▼*/

#top-contents h1,h2{
text-align: center;
font-family: 'Teko', sans-serif;
}

#top-contents h1{
font-size: 60px;
font-weight: 500;
margin-bottom: 20px;
}

#top-contents h2{
font-size: 30px;
font-weight: 500;
	margin: 0 0 20px;
}


/*▲------共通/商品名ここまで-----▲*/
/*▼------共通/画像エリア-----▼*/

.items_wrapper{
width: 40%;
box-sizing: border-box;
}

.items_wrapper_info{
margin-top: -10px;
margin-left: 20px;
padding: 10px;
box-sizing: border-box;
}

.items_wrapper img{
cursor: pointer;
}


#i_block01 {
	margin:0 auto;
	padding:40px 0 40px;
	width: 100%;
	max-width: 1200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

#item_main{
width: 50%;
margin-left: 20px;
}
#item_sub{
width: cals(50% - 20px);
margin-left: 20px;
}




ul.slide.slick-initialized.slick-slider{
margin-left: -20px;
	padding: 20px;
}



.slide .item img{
width: 100%;
	margin: 0 auto;
}



/* slide-navigation */

.slide-navigation {
  position: relative;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin: 0 0 10px -20px;
	
}
.slide-navigation .item {
    position: relative;
    cursor: pointer;
    /* overflow: hidden; */
    width: calc(100% / 3 - 16px);
    height: 120px;
    margin: 0 8px;
    display: block;
    /* box-sizing: border-box; */
}

.slide-navigation .item.item_w {
  height: 100%;
/*
  border: transparent solid 2px;
*/
  display: block;
  box-sizing: border-box;
}
/*
.slide-navigation .item::before {
  display: block;
  padding-top: 70%;
  content: "";
}
*/
.slide-navigation .item img::after {
  content:"";
  position: absolute;
  left: 0;
  bottom: -10px;/*テキストからの距離*/
  width: 0%;/*初期状態では下線非表示*/
  height: 2px;/*下線の高さ*/
  background: #5bc8ac;/*下線の色*/
  z-index: -1;
  transition: all 0.4s;/*アニメーション速度*/

}

.slide-navigation .item img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
box-sizing: content-box;
    border: transparent solid 2px;

}


.slide-navigation .current img {
  border: #B30002 solid 2px;
box-sizing: content-box;

}


.slide-navigation .current::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.5;

}

.item span {
  text-align: center;
font-size: 0.9em;
	font-weight: 600;
	display: block;
	margin: 0 auto;

}

.color{
text-align: center;
font-family: 'Teko', sans-serif;
margin: 0 0 0 -35px;
font-size: 1.4em;

}

.slide-navigation li{


}



/*------共通/画像ここまで-----*/


.colors{
display: block;
width: 100%;
height: 30px
}



.tp{
background-color: #2E2E2E;
}


.color_img{
position: relative;
}




.item i.special-f {
    position: absolute;
    top: 1px;
    right: 0;
}

i.special-f:before {
    background: transparent url(../images/colors/finishing_corner.png) no-repeat 100% 0;
    width: 1.5em;
    height: 1.5em;
    background-size: auto 1.5em;
    content: "";
    display: inline-block;
}
.info_wrapper{
width: calc(60% - 10px);
	
padding: 20px;
box-sizing: border-box;
background-color: #e8e8e8;
margin: 80px 0 0 10px;
}

.info_wrapper dl{
 display: flex;
  flex-wrap: wrap;
font-size: 0.9em;
position: relative;

}

.info_wrapper dl dt{
width: 20%;
border-bottom: #6E6E6E dashed 1px;
margin: 0 0 5px;
box-sizing: border-box;
font-weight: bold;
}

.info_wrapper dl dd::before{
  content: ":";
  display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
}



.info_wrapper dl dd{
width: 80%;
border-bottom: #6E6E6E dashed 1px;
margin: 0 0 5px;
box-sizing: border-box;
 padding-left:0.5em;
text-indent:-0.8em;
line-height: 1.5;
}


.info_img{
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
margin: 10px 0 10px -10px;
}


.info_img img{
width: 25%;
height: 25%;
box-sizing: border-box;
margin: 0 20px 0 10px;
}
.info_img p{
width: 75%;
display: block;
box-sizing: border-box;
font-size: 0.75em;
text-indent: 0!important;
line-height: 1.5;
}

.info_img span{
color: #cf1e0d;
font-weight: bold;
	

}

.notice{
font-size: 0.75em;
line-height: 1.1;
	

}

/*▲------購入ボタン-----▲*/

.purchase_btn {
  display: -webkit-box;
  display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center;
}



.btn,
a.btn,
button.btn {
  font-size: 0.95rem;
  font-weight: 100;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.75rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #FFFFFF;
  box-sizing: border-box;

}

.btn--style,
a.btn--style {
  color: #fff;
  background-color: #d42224;
  width: 50%;
}
.btn--style:hover,
a.btn--style:hover {
  color: #fff;
  background: #AC0002;
}
.btn p{
padding: 0;
margin: 0;
display: inline-block;
position: relative;
}
.btn p::before{
 content: "";
  background-color: #ffffff;
  display: inline-block;
  height: 1.2rem;
  width: 1.2rem;
  -webkit-mask: url("cart.svg");
  mask: url("../assets/example.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
 position: absolute;
	margin-top:-2px;
    top: 50%;
	transform: translateY(-50%);
    left:-1.3rem;
}
.btn p::after{
content: '';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: solid 1px #FFF;
    border-right: solid 1px #FFF;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: -15px;
}
.btn span{
font-size: 0.6rem;
font-weight:100;
display: block;
}
/*▲------共通/スペックここまで-----▲*/




/*▼表組▼*/


table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
th, td {
  vertical-align: middle;
  padding:5px 10px;
  border: 1px solid #000;
  font-size: 14px;
  text-align: center;
  /*white-space: nowrap;*/
}
th {
  background: #5A5A5A;
 color: #FFFFFF;
}
td {
  background: #fff;
}
._sticky {
  position: sticky;
  top: 0;
  left: 0;
  background: none;
  border-left: none;
  border-right: none;
}
._sticky:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  background: #5A5A5A;
  z-index: -1;
}
.price_2 td{
 width: 26%;
}


/*===========
.scroll-box
===========*/

.scroll-box {
  overflow-x: auto;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
}




/*===========
scrollbar
===========*/


/*スクロールバー全体の高さ*/

.scroll-box::-webkit-scrollbar {
  height: 4px;
}

/*スクロールバー全体の背景*/

.scroll-box::-webkit-scrollbar-track {
  background: #eee;
}

/*スクロールバーの動く部分*/

.scroll-box::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}

/*スクロールバーの動く部分のホバー（マウスオーバー）*/

.scroll-box::-webkit-scrollbar-thumb:hover {
  background: #999;
}


.hub_v::before {
	content: "φ";
}


.price::before {
	content: "￥";
}
.spec{
margin: 60px 60px 20px;
box-sizing: border-box;
}


.price_bg{
background-color: #DBDBDB;
line-height: 1.5;
}

.price_bg span{
display: inline-block;
}


/*
#table03 {
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
font-size: 0.9em;

}





#table03 th, #table05 td {
  text-align: center;
  padding: 10px;
background-color: #FFFFFF;
font-weight: 100;
}



#table03 th {
	border: #000000 solid 1px;
	text-align: center;
	background: #003b46;
	color: #FFFFFF;
}
#table03 td {
  padding: 0.2em;
  text-align: center;
	background-color: #FFFFFF;
	border: #003b46 solid 1px;
	box-sizing: border-box;


}



#table03 tr:last-child th {
 }


.inset_s_a{
  border-bottom: 1px dashed #000!important; }

.inset_s_u{
  border-top: none!important; }


#table03 .head {
  background-color: #003b46;
	color: #FFF;
	font-weight: 100;

}



#table03 .head_last {
	border-right: none;

}
#table03 .size {
  width: 6%;
}

#table03 .inset {
  width: 10%;
}

#table03 .pcd {
  width: 10%;
}


#table03 .hub {
  width: 10%;
}

.fixed01,
.fixed02{
  position: sticky;
  top: 0;
  left: 0;
  background: none;
  border-left: none;
  border-right: none;

}

.fixed01:before{
content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  background: #003b46;
  z-index: -1;
}
.fixed02:before{
content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  background: #003b46;
  z-index: -1;
}

.fixed03{
position: sticky;
  top: 0;
  left: 0;
  background: none;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  z-index: 1;

}


.fixed03:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
    background: #003b46;
  z-index: -1;
}


.color_name{
	font-size: 0.95em!important;
	font-weight: 600;
}

*/

/*マッチング*/


.m_title{
text-align: center;
font-family: 'Teko', sans-serif;
font-size: 1.6rem;
}

.m_notice{
text-align: center;
font-size: 0.8rem;
}


.c_notice_wrapper{
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-align: start;
align-items: flex-start;
text-align: left;
font-size: 0.7rem;
width: 90%;
margin: 10px auto!important;
}



.c_notice{
width: 100%;
display: block;
}


.c_notice p{
margin: 0 0 5px 0!important;
line-height: 1.5;
}
.c_notice_title{
font-weight: bold;
display: block;
box-sizing: border-box;
width: 15%;
}

.c_notice_mks{
display: block;
box-sizing: border-box;
margin: 0;
flex: 1
}


.c_notice_mk {
display: inline-block;
}

.c_notice_mk span {
margin: 0 0 0 5px;
font-weight: bold;
}

#matchig{
width: 90%;
margin: 10px auto;
font-size: 0.85rem!important;
border-collapse: separate;
border-spacing:0;
empty-cells:show;
border-top:1px solid #000000;
border-right:none;
border-bottom:none;
border-left:1px solid #000000;
}


#matchig th,#matchig td{
font-size: 0.75rem;
	border-top:none;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:none;
}


.m_size{
width: 10%;
}


.m_pcd{
width: 8%;
}
.m_inset{
width: 8%;
}
.m_hub{
width: 8%;
}
.m_car{
width: 66%;
}

.m_cars{
text-align: left;
}

.m_cars span{
font-weight: bold;
margin: 0 5px;
}

.btn--m_style,
a.btn--m_style {
  color: #fff;
  background-color: #d42224;
  display: block;
  margin:  20px auto;
  width: 50%;
}
.btn--m_style:hover,
a.btn--m_style:hover {
  color: #fff;
  background: #AC0002;
}
.btn.btn--m_style p{
padding: 0;
margin: 0;
display: inline-block;
position: relative;
}
.btn.btn--m_style p::before{
 content: "";
  background-color: #ffffff;
  display: inline-block;
  height: 1.2rem;
  width: 2.3rem;
  -webkit-mask: url("car.svg");
  mask: url("../assets/example.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
 position: absolute;
margin-top:-2px;
    top: 50%;
	transform: translateY(-50%);
    left:-3.0rem;
}
.btn.btn--m_style p::after{
 content: "";
  background-color: #ffffff;
  display: inline-block;
  height: 1.2rem;
  width: 1.2rem;
  -webkit-mask: url("popup.svg");
  mask: url("../assets/example.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
   position: absolute;
	top:5px;
    right:-20px;
    transform: rotate(0);
}
.btn.btn--m_style span{
font-size: 0.6rem;
font-weight:100;
display: block;
}


/*価格ボタン POPup*/
.open {
	cursor:pointer; 
}
#pop-up {
	display: none; 
}
.overlay {
	display: none;
}
#pop-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
.window {
	width: 90vw;
	max-width: 380px;
	height: 220px;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.windw_b{
	height: 400px;
}


.each_btn{
padding: 10px;
}

.each_btn_title {
    position: relative;
    display: block;
    background-color: transparent;
    border-bottom: solid 1px #d42224;
    padding: 0 10px;
    min-width: 240px;
    max-width: 100%;
    text-align: center;
	margin: 0 auto 16px;
}
.each_btn_title:before,
.each_btn_title:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.each_btn_title:before {
    border: solid 12px transparent;
    border-top: solid 12px #d42224;
}
.each_btn_title:after {
    border: solid 15px transparent;
    border-top: solid 16px #fff;
    margin-top: -5px;
}
.each_btn_title p {
    margin: 0;
    padding: 0;
	font-size: 0.75em;
    text-align: center;
	color: #d42224;
	font-weight: bold;
}



.each_btn ul{
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 0;
	
}
.each_btn ul li{
display: block;
width: calc(100% / 3 - 10px);
position: relative;
}

.each_btn ul li a span{
display: block;
font-size: 0.75em;
font-weight: 600;
text-align: center;
line-height: 1.2;
margin-top: 5px;
}

.each_btn ul li a img{
width: 100%;
position: relative;
}

.each_btn ul li a img:hover{
transform: scale(110%);
transition : 0.7s;
}


.coming-soon span{
display: block;
font-size: 0.75em;
font-weight: 600;
text-align: center;
line-height: 1.2;
margin-top: 5px;
color: #979797;
}


.close{
	cursor:pointer;
	position: absolute;
	top: 4px;
	right: 4px;
	font-size: 20px;
}

/*価格ボタン POPupここまで*/
/*ギャラリー*/
.gallery_content{
margin: 60px 60px 20px;
}



/*ギャラリーモーダル*/


.hide-area{
	display: none;
}/*hideエリアをはじめ非表示*/

/*モーダル ボタンカラー*/
.modaal-close:after, 
.modaal-close:before{
	background:#BD0003;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}

/*以下はコンテンツ内のレイアウト*/
.info-list dl,
.gallerys-list{
display: flex;
}
.gallerys-list{
background-color: #DDDDDD;
padding: 10px;
box-sizing: border-box;
}
.info-list dt{
  margin:0 10px 0 0;
}

.gallerys-list li{
  margin:0 10px 0 0;
}

/*▽------販売代理店のページ-----▽*/
.distributor {
 width:80%;
 max-width:1200px;
 margin:40px auto;
}

.distributor table {
 text-align: center;
 width: 60%;
 margin: 0 auto;
}

.distributor table td {
 font-family: 'Questrial', sans-serif;
}

.distributor table th {
 background-color: #C00000;
 color: #FFFFFF;
}

.distributor table td {
 background-color: #FFFFFF;
 color: #060606;
}
/*△----販売代理店のページここまで---△*/

/*▽------各商品ページ-----▽*/
/*▽------商品説明ブロック-----▽*/
#item-box {
 width:90%;
 max-width:1200px;
 margin:0 auto ;
 background-color: #FFFFFF;
 overflow: hidden;
}

/*▽------商品画像(左)----▽*/
.item-box_img{
 float: left;
 width: 43%;
 padding: 50px 0 50px 30px;
 box-sizing: border-box;
}

.item-box_img img{
 width: 100%;
}

/*▽------商品名（右上 英）-----▽*/
.item-box_title{
 margin-right: 2%;
 padding: 50px 0 50px 0;
 color:#C00000;
 padding-bottom:0.4em;
 font-size: 50px;
 font-family: 'Questrial', sans-serif;
 font-weight: 600;
 float: right;
 box-sizing: border-box;
 width: 53%;
}

/*▽------商品名（右上 日）-----▽*/
.item-box_subtitle {
 margin-top:20px;
 padding:0.1em 0.45em 0.2em;
 color:#FFFFFF;
 font-size: 16px;
 font-family: 'Noto Sans JP', sans-serif;
 line-height: 1.5;
 display: block;
 background-color:#C00000; 
}


/*▽------商品説明見出し-----▽*/
.item-box_hedline {
 margin-top:0;
 padding:0.25em 0;
 color:#C00000;
 font-size: 20px;
 font-family: 'Noto Sans JP', sans-serif;
 line-height: 1.5;
 font-weight: bold;
}

/*▽------商品説明テキスト-----▽*/
.item-box_text {
 padding: 20px 0 50px 0;
 margin-right: 2%;
 float: right;
 width: 53%;
 box-sizing: border-box;
}

/*▽------サイズ一覧-----▽*/
.item-box_text table {
 text-align: center;
 width: 100%;
background-color: 
#EDEDED
}

.item-box_text table td {
 font-family: 'Noto Sans JP', sans-serif;
}

.item-box_text table tr:nth-child(2n+1) td {
 background-color: #C7C7C7;
}

.item-box_text table th {
 background-color: #C00000;
 color: #FFFFFF;
 padding-top: 0.25em ;
 word-break:keep-all;
 font-size: 14px;
}




.unit{
font-size: 0.75em
}


/*▽------製品特長-----▽*/
#pagebox  {
 width:90%;
 max-width:1200px;
 margin:0 auto 30px ;
 padding-top: 30px;
 background-color: #353535
}

#pagebox p.pl30 {
 padding-left:30px;
 margin-bottom:80px;
 text-align: justify;
 justify-content: space-between;   
}

#pagebox p.pl30 a{
color: #013D86 ;
border-bottom: dotted 0.5px #013D86;
	display: inline-block;
	margin-bottom: 5px;
}

#pagebox .feature  {
    margin:0;
	font-weight:normal;
	font-size:60px;
	margin-bottom:40px;
	text-align: center;
	font-family: 'IM Fell DW Pica SC', serif;
	color: #FFFFFF;
	display: block;
}

#pagebox .feature span {
    margin:0;
	padding-top:0.5em;
	font-weight:normal;
	font-size:16px;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	color: #FFFFFF;
	display: block;
	letter-spacing: 0.25em;
}


.detail ul {
	width:100%;
	margin:0;
	padding:0;
	box-sizing:border-box;
	list-style:none;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;

}

.detail li {

	float:left;
	box-sizing:border-box;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
}

.detail li.photo {
	text-align:center;
	width:30%;
}

.detail li.photo img {
	padding:30px 0 30px 30px;
	width:auto;
	max-width:100%;
	height:auto;
}

.detail li.txt {
	padding:1.5em;
	padding-top: 50px;
	padding-left: 40px;
	width:63%;
}

.detail li.txt h3 {
	margin:0;
	padding:0;
	color:#FFFFFF;
	padding-bottom:0.2em;
	font-size: 30px;
	line-height: 1.5;
}

.detail hr {
border-style: none;
border-top: 2px solid #C00000;
}

.detail li.txt p {
	font-size:1.2em;
	line-height: 1.7;
	color: #FFFFFF
}


.detail_images {
width: 60%;
margin: 0 auto;
}

.detail_images img {

}

.detail_images_main {
position: relative;
width: 800px;
}

.detail_images_01{
width: 225px;
}

.detail_images_02{
width: 87.5px;
}

.detail_images_03{
width: 800px;
}

.feature_icon{
width: 62px;
}





/*========= レイアウトのためのCSS ===============*/



header h1{
  font-size:2.5rem;
  text-align: center;
  text-transform: uppercase;
  padding: 20px;
  color: #fff;
}

h2{
  font-size:2.0rem;
  text-align: center;
  margin: 0 0 30px 0;
}

ul{
  list-style: none;
}

p,ul{
  margin-top:20px;  
}

a{
  color:#333;
}

small{
  background:#333;
  color:#fff;
  display: block;
  text-align: center;
  padding:20px;
}


section{
  padding:30px;
}

section:nth-child(2n){
  background:#f3f3f3; 
}

img{
  max-width: 100%;
  height: auto;
}


.note{
width: 90%;
margin: 0 auto;
box-sizing: border-box;
padding: 20px;
background-color: #EDEDED;
font-size: 12px;
}
.note p{
font-weight: bold;
font-size: 14px;
}
.note ul{
display: block;
margin-left:-2.0em;
padding-left:-1.2em;
list-style-type:none;
}

.note ul li{
text-indent: -1.2em;
line-height: 1.8;
}
.note ul li::before {
	content: "■ " ;
}

@media screen and (min-width:1024px)
{
	
.tb	{
display: none;
}
	
}


/* タブレットレイアウト : 768 px ～ 1023px*/
@media screen and (max-width:1023px)
{
.tb	{
display: block;
}
	
/*▽------各商品TOP画像-----▽*/
.main_visual{
background-size: cover;

}


/*▲------TOP画像ここまで-----▲*/	
	

	
/*▽------商品画像(左)----▽*/
.item-box_img{
display: block;
 width: 60%;
 padding: 0 0 0 30px;
 box-sizing: border-box;
	margin: 0 20%;
}

.item-box_img img{
 width: 100%;
}

/*▽------商品名（右上 英）-----▽*/
.item-box_title {
 margin:0 5%;
 padding: 50px 0 50px 0;
 color:#C00000;
 padding-bottom:0.4em;
 font-size: 50px;
 font-family: 'Questrial', sans-serif;
 font-weight: 600;
 display: block;
 box-sizing: border-box;
 width: 90%;
}

/*▽------商品名（右上 日）-----▽*/
.item-box_subtitle {
 margin-top:20px;
 padding:0.1em 0.45em 0.2em;
 color:#FFFFFF;
 font-size: 16px;
 font-family: 'Noto Sans JP', sans-serif;
 line-height: 1.5;
 display: block;
 background-color:#C00000; 
}

  #table03 {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
  }
  #table03 .fixed {
    position: sticky;
    left: 0;
  }
  #table05 .fixed:before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    height: 100%;
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
  }


/*▲表組▲*/
/*▽------商品説明見出し-----▽*/
.item-box_hedline {
 margin-top:0;
 padding:0.25em 0;
 color:#C00000;
 font-size: 20px;
 font-family: 'Noto Sans JP', sans-serif;
 line-height: 1.5;
 font-weight: bold;
}

/*▽------商品説明テキスト-----▽*/
.item-box_text {
 padding: 20px 0 50px 0;
 margin:0 5%;
 width: 53%;
 box-sizing: border-box;
 display: block;
 width: 90%;
}

/*▽------サイズ一覧-----▽*/
.item-box_text table {
 text-align: center;
 width: 100%;
}

.item-box_text table td {
 font-family: 'Noto Sans JP', sans-serif;
}

.item-box_text table tr:nth-child(2n+1) td {
 background-color: #707070;
 color: #FFFFFF
}

.item-box_text table th {
 background-color: #C00000;
 color: #FFFFFF;
 padding-top: 0.25em ;
 word-break:keep-all;
 font-size: 14px;
}

.unit{
font-size: 0.75em
}
	
/*▽------製品特長-----▽*/

.detail ul {
	width:100%;
	margin:0;
	padding:0;
	box-sizing:border-box;
	list-style:none;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;

}

.detail li {

	float:left;
	box-sizing:border-box;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
}

.detail li.photo {
	text-align:center;
	width:40%;

}

.detail li.photo img {
	padding:30px 20px;
	width:auto;
	max-width:100%;
	height:auto;
   vertical-align: bottom;
	display: block;
}

.detail li.txt {
	padding:1.5em;
	padding-top: 50px;
	padding-left: 40px;
	width:55%;
 vertical-align: bottom;
}

.detail li.txt h3 {
	margin:0;
	padding:0;
	color:#FFFFFF;
	padding-bottom:0.2em;
	font-size: 25px;
	line-height: 1.5;
}

.detail hr {
border-style: none;
border-top: 2px solid #C00000;
}

.detail li.txt p {
	font-size:1.2em;
	line-height: 1.7;
	color: #FFFFFF
}

}


/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{
	
.pc_tab{
display: none;
}
	
	
.tb	{
display: none;
}

.msw31,.msw_x4, .msw80, .msw78, .msw43, .msw41, .msw42, .msw31, .msw44, .msw53, .msw60, .msw60
{
padding-top: 0!important;
}
	
	
ul.slide.slick-initialized.slick-slider {
    margin:0;
    padding: 20px;
}
	
.info_img{
margin: 0 calc(50% - 50vw) 10px;
width: 80vw;
}
	.spec {
    margin: 10px;
    box-sizing: border-box;
	padding: 10px;
}
	
	
.gallery_content {
    margin: 10px;
    box-sizing: border-box;
	padding: 10px;
}	
/*▽------商品説明ブロック-----▽*/
#item-box {
 width:100%;
 margin:0 auto ;
 background-color: #FFFFFF;

}
	
.g_wrapper {
    margin:0 20px;
}
	
		
	.items_wrapper {
    width: 100%;
	min-width:initial;
    box-sizing: border-box;
}
	
	.info_wrapper {
    width: 100%;
    padding: 20px;
    margin: 20px 0 0;
}
	
.color {
    margin: 0;
    font-size: 1.4em;
}
	
.slide-navigation {
    margin: 0 0 10px 0;
}
	

	
/*▼------共通/画像エリア-----▼*/

.items_wrapper{
width: 80%;
box-sizing: border-box;
margin:  20px auto;
}
	
/*▽------製品特長-----▽*/
#pagebox  {
 width:100%;
 margin:0 auto 30px ;
 padding-top: 30px;
 background-color: #353535
}

.detail ul {
	width:100%;
	margin:0;
	padding:0;
	box-sizing:border-box;
	list-style:none;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;

}

.detail li {
   box-sizing:border-box;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
	display: block;
}

.detail li.photo {
	text-align:center;
	width:100%;

}

.detail li.photo img {
	padding:30px 0;
	width:auto;
	max-width:90%;
	height:auto;
    vertical-align: bottom;
	display: block;
	margin: 0 5%;
}

.detail li.txt {
	padding:1.5em;
	padding-top: 50px 20px;
	width:100%;
 vertical-align: bottom;
}

.detail li.txt h3 {
	margin:0;
	padding:0;
	color:#FFFFFF;
	padding-bottom:0.2em;
	font-size: 25px;
	line-height: 1.5;
}

.detail hr {
border-style: none;
border-top: 2px solid #C00000;
}

.detail li.txt p {
	font-size:1.1em;
	line-height: 1.7;
	color: #FFFFFF
}
.btn--style, a.btn--style {
  width: 100%;
}	
.btn--m_style,
a.btn--m_style {
  width: 100%;
}
	
.info_wrapper dl dt {
    width: 30%;
}	

.info_wrapper dl dd {
    width: 70%;
}	
	
#matchig {
width: 100%!important;
max-width: 360px!important;
margin: 10px auto;
font-size: 0.5rem!important;
border-collapse: separate;
border-spacing:0;
empty-cells:show;
border-top:1px solid #000000;
border-right:none;
border-bottom:none;
border-left:1px solid #000000;


}
.note{
width: 100%!important;
max-width: 360px!important;
margin: 10px auto;
box-sizing: border-box;
padding: 20px;
background-color: #EDEDED;
font-size: 0.5rem!important;
}
.m_notice {
line-height: 1.2;
}

#matchig th, #matchig td {
    font-size: 0.5rem;
	line-height: 1.2;
    padding: 5px;
}	
.modaal-content-container {
    padding: 10px!important;
}
	
.modaal-inner-wrapper {
    padding: 80px 10px!important;	
}
	
	.items_wrapper_info {
  margin-left: 0;

}
	
.c_notice{
margin: 0;
}	
	
	
	
.c_notice_wrapper{
width: 100%;
font-size:0.5rem;
line-height: 1.2;
}	
.c_notice_title{
width: 100%;
}
	
	
}

.asterisk{
font-size:0.7rem;
margin: 0;
padding: 0;
display: inline-block;
}	

.img_note {
    text-align: center;
    display: block;
    font-size: 13px;
    margin-top: -20px;
}