@charset "UTF-8";
/*!*
	--------------------------------
	Created: 2018.01.15
	Last Modified:
	--------------------------------
	- Table of Contents -
	初期化
	--------------------------------
*!*/
/*!* -------------------------------
	main_visual
------------------------------- *!*/
.main_visual.product_index{background-image:url(../img/img_main_visual.jpg)}
.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:#eff4dd;background-position: 40% 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:#cdd0d2;background-position: 90% 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%}

/*!* -------------------------------
	feature
------------------------------- *!*/
.content.feature #section02_03 .note,
.content.feature #section02_04 .note{margin-top:3px}
.content.feature #section04_01 .products_has_2col .col .products_img{margin-top:0}
.content.feature #section04_02 .products_has_2col .col .products_img{margin-top:0}


/*!* -------------------------------
	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%}

@media only screen and (max-width:767px){
/*!* -------------------------------
	main_visual
------------------------------- *!*/
.main_visual.product_index{background-image:url(../img/img_main_visual_sp.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 .color_select ul li+li{margin-left:0}

/*!* -------------------------------
	feature
------------------------------- *!*/
.content.feature #section04_01 .products_has_2col .col .products_img{margin-top:20px}
.content.feature #section04_02 .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% 100%;}
.main_visual.product_index .main_visual_wrap{padding-bottom:140%}
}