@charset "UTF-8";
/*!*
	--------------------------------
	Created: 2018.01.15
	Last Modified:
	--------------------------------
	- Table of Contents -
	初期化
	--------------------------------
*!*/
/*!* -------------------------------
	main_visual
------------------------------- *!*/
.main_visual.product_index,
.main_visual.product_index .R{background-image:url(../img/img_main_visual_red.jpg)}
.main_visual.product_index .T{background-image:url(../img/img_main_visual_white.jpg)}
.main_visual.product_index.R .R{opacity:1}
.main_visual.product_index.T .T{opacity:1}
.main_visual.product_index .color_select ul li #color_select_01+label:before{background-color:#d53533}
.main_visual.product_index .color_select ul li #color_select_02+label:before{background-color:#d7c4b7}
.main_visual.features{background-image:url(../img/img_main_visual_features.jpg)}
.index_content .index_section:nth-of-type(1){background-image:url(../img/img_section_01.jpg);background-color:#eaf2ff;background-position: 70% 50%;}
.index_content .index_section:nth-of-type(1) a{color:#333}
.index_content .index_section:nth-of-type(2){background-image:url(../img/img_section_02.jpg);background-color:#ecece8;background-position: 24% 50%;}
.index_content .index_section:nth-of-type(2) a{color:#333}
.index_content .index_section:nth-of-type(3){background-image:url(../img/img_section_03.jpg);background-color:#eff4dd;background-position: 40% 50%;}
.index_content .index_section:nth-of-type(3) a{color:#333}

/*!* -------------------------------
	product head image
------------------------------- *!*/
.product_tab_nav .upper_nav .product_wrap .head_img{width:100px;padding:0 20px 0 0}   

/*!* -------------------------------
	top
------------------------------- *!*/
.main_visual.product_index .main_visual_inner{top: 50%}
.main_visual.product_index .main_visual_pro_icon{width: 38.55%}
.main_visual.product_index .main_visual_pro_icon img{width:100%}
.main_visual.product_index .add_logo {width: 17.688%;max-width:133px;background-color:#fff;padding:8px;position: absolute;left: 64%;top: 5%;transform: translate(-64%,-5%);}
.main_visual.product_index .add_logo img{max-width: 100%;vertical-align: middle;}

/*!* -------------------------------
	feature
------------------------------- *!*/
.content.feature #section02_01 .products_has_2col .col .products_img{margin-top:0}
.content.feature #section03_03 .note,
.content.feature #section03_04 .note{margin-top:3px}
.content.feature #section05_01 .num_list{padding-left:2em}
.content.feature #section05_01 .num_list li{position:relative}
.content.feature #section05_01 .num_list li+li{margin-top:0}
.content.feature #section05_01 .num_list+.note{margin-top:0.5em}
.content.feature #section06_01 .products_has_2col .col .products_img{margin-top:0}
.content.feature #section06_02 .products_has_2col .col .products_img{margin-top:0}
.content.feature #section06_03 .products_has_2col .col .products_img{margin-top:0}
.content.feature #section06_02 .products_has_2col .col .note{margin-top:3px;text-align:right}


/*!* -------------------------------
	spec
------------------------------- *!*/
.spec_content .spec_head .img_product{padding:0 5px}
.spec_content .spec_head .img_product .series_name{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-around;width:75%;margin:10px auto 0}
.spec_content .spec_head .img_product .series_name li{width:45%;font-size:.88em}
.spec_content .spec_head .img_product .series_name li+li{margin-left:5%}
.spec_content .spec_head .product_info{margin-top:10px}
.spec_content .spec_detail .table_th{width:20%}
.spec_content .spec_detail .table_td{width:25%}
.spec_content .spec_detail .num_list{padding-left:1.5em}
.spec_content .spec_detail .num_list li{position:relative}
.spec_content .spec_detail .num_list li+li{margin-top:0}
.spec_content .spec_detail .num_list+.note{margin-top:0.5em}

@media only screen and (max-width:767px){
/*!* -------------------------------
	main_visual
------------------------------- *!*/
.main_visual.product_index,
.main_visual.product_index .R{background-image:url(../img/img_main_visual_red_sp.jpg);}
.main_visual.product_index .main_visual_wrap {padding-bottom: 180%;}
.main_visual.product_index .T{background-image:url(../img/img_main_visual_white_sp.jpg)}
.main_visual.product_index .color_select ul li #color_select_01+label:before{background-image:url(../img/img_color_select_red.jpg)}
.main_visual.product_index .color_select ul li #color_select_02+label:before{background-image:url(../img/img_color_select_white.jpg)}
.main_visual.features{background-image:url(../img/img_main_visual_features_sp.jpg)}
.index_content .index_section:nth-of-type(1){background-image:url(../img/img_section_01_sp.jpg);background-position: 50% 0;}
.index_content .index_section:nth-of-type(2){background-image:url(../img/img_section_02_sp.jpg);background-position: 50% 0;}
.index_content .index_section:nth-of-type(3){background-image:url(../img/img_section_03_sp.jpg);background-position: 50% 0;}

/*!* -------------------------------
	product head image
------------------------------- *!*/
.product_tab_nav .upper_nav .product_wrap .head_img{width: 28.59%;padding: 0 10% 0 14%;}

/*!* -------------------------------
	top
------------------------------- *!*/
.main_visual.product_index .main_visual_inner{top:0}
.main_visual.product_index .main_visual_pro_icon{width:125px;}
.main_visual.product_index .add_logo {position: relative;width: 28%;padding:5px;left: 0;right: 0;top: 3%;transform: translate(0, -3%);}
.main_visual.product_index .color_select ul li+li{margin-left:0}

/*!* -------------------------------
	feature
------------------------------- *!*/
.content.feature #section02_01 .products_img img{max-width:100%}
.content.feature #section05_01 .num_list{padding-left:1.7em}
.content.feature #section06_01 .products_has_2col .col .products_img{margin-top:20px}
.content.feature #section06_02 .products_has_2col .col .products_img{margin-top:20px}
.content.feature #section06_03 .products_has_2col .col .products_img{margin-top:20px}
/*!* -------------------------------
	spec
------------------------------- *!*/
.spec_content .spec_head .img_product{padding:0 10px}
.spec_content .spec_head .img_product .series_name{width:100%}
.spec_content .spec_head .img_product .series_name li{width:47.25%;font-size:.6em}
.spec_content .spec_head .img_product .series_name li+li{margin-left:0}
.spec_content .spec_head .product_info{margin-top:45px}
}

@media screen and (min-width:550px) and (max-width:767px){
.main_visual.product_index{background-position:50% 50%;}
.main_visual.product_index .main_visual_wrap{padding-bottom:130%}
}

@media only screen and (max-width:320px){
.main_visual.product_index .main_visual_wrap {padding-bottom: 196%;}
}