@charset "UTF-8";
/*!*
	--------------------------------
	Created: 2018.07.31
	Last Modified:
	--------------------------------
	- Table of Contents -
	初期化
	--------------------------------
*!*/
/*!* -------------------------------
	main_visual
------------------------------- *!*/
.main_visual.product_index{background-image:url(../img/img_main_visual.jpg);background-position:50% 100%;background-color:#f0eee9;-webkit-background-size:cover;background-size:cover}
.main_visual.product_index .main_visual_inner{top:50%;left:10%}
.main_visual.product_index .main_visual_pro_icon{width:21.8%;margin-bottom:18px}
.main_visual.product_index .main_visual_title{position:relative}
.main_visual.product_index .badge{position:absolute;left:47%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:17%;max-width:95px}
.main_visual.product_index .main_visual_date{margin-top:12px;font-size:.7em}
.main_visual.product_index .main_visual_date span{display:inline-block;line-height:1;padding:4px 2%;border:1px solid #000}
/*!* -------------------------------
feature
------------------------------- *!*/
.features_title{text-align:center;font-size:2.125em;padding:80px 0 30px}
.features_title img{margin-right:6px;vertical-align:-8px}
.index_content .index_section:nth-of-type(1){background-image:url(../img/img_section_01.jpg);background-color:#faf9f8}
.index_content .index_section:nth-of-type(1) a{color:#fff}
.index_content .index_section:nth-of-type(1) .index_feature span:before{background-image:url(../img/num_1.png)}
.index_content .index_section:nth-of-type(2){background-image:url(../img/img_section_02.jpg);background-color:#fffbbc}
.index_content .index_section:nth-of-type(2) a{color:#333}
.index_content .index_section:nth-of-type(2) .index_feature span:before{background-image:url(../img/num_2.png)}
.index_content .index_section:nth-of-type(3){background-image:url(../img/img_section_03.jpg);background-color:#e5e9e8}
.index_content .index_section:nth-of-type(3) a{color:#333}
.index_content .index_section:nth-of-type(3) .index_feature span:before{background-image:url(../img/num_3.png)}
.index_content .index_section:nth-of-type(4){background-image:url(../img/img_section_04.jpg);background-color:#f4d6cd}
.index_content .index_section:nth-of-type(4) a{color:#333}
.index_content .index_section:nth-of-type(4) .index_feature span:before{background-image:url(../img/num_4.png)}
.index_section:hover{opacity:1}
.index_section .index_section_inner{top:53%}
.index_section>.wrapper .index_section_wrap{position:relative;height:0;padding-bottom:34.07%}
.index_section>.wrapper .index_section_wrap .index_feature{background:0 0;padding-left:0}
.index_section>.wrapper .index_section_wrap .index_feature span{display:block;background:0 0;padding:0 0 0 11%;position:relative}
.index_section>.wrapper .index_section_wrap .index_feature span br{display:none}
.index_section>.wrapper .index_section_wrap .index_feature span:before{width:14%;height:150%;line-height:307%;position:absolute;left:0;top:-103%;display:block;content:"";-webkit-background-size:contain;background-size:contain}
.index_section>.wrapper .index_section_wrap .index_summary{margin:20px 0 0 64px}
.index_section>.wrapper .index_section_wrap .index_summary+.index_summary{padding-top:20px;margin-top:20px;border-top:1px solid rgba(51,51,51,.2)}
.index_section>.wrapper .index_section_wrap .new_icon{position:relative}
.index_section>.wrapper .index_section_wrap .new_icon:before{content:"NEW";font-size:.5em;color:#fff;width:34px;height:34px;line-height:34px;background-color:#e62e3c;display:inline-block;text-align:center;border-radius:50%;vertical-align:13px;font-weight:700;position:absolute;left:-44px}
/*!* -------------------------------
	spec
------------------------------- *!*/
.spec_detail{margin-top:60px}
.spec_detail .sp_swipe_inner{webkit-overflow-scrolling:touch}
.spec_detail .spec_list img{max-width:420px}
/*!* -------------------------------
banner
------------------------------- *!*/
.section.banner{background-color:#f2f0eb;padding:90px 0 110px}
.section.banner .headline{text-align:center;font-size:1.75em;margin-bottom:25px}
.section.banner a{display:block;margin:0 auto;max-width:1414px;-webkit-transition:opacity .3s;transition:opacity .3s}
.section.banner a img{width:100%}
.section.banner a:hover{opacity:.7}
@media screen and (max-width:1860px) and (min-width:768px){.main_visual.product_index{-webkit-background-size:auto 125%;background-size:auto 125%}
}
@media only screen and (max-width:767px){/*!* -------------------------------
  	main_visual
  ------------------------------- *!*/
.main_visual.product_index{background-image:url(../img/img_main_visual_sp.jpg)}
.main_visual.product_index .main_visual_wrap{padding-bottom:137.93%}
.main_visual.product_index .main_visual_inner{top:60px;left:4px}
.main_visual.product_index .main_visual_pro_icon{width:95px;margin-bottom:10px}
.main_visual.product_index .badge{position:absolute;left:158px;width:70px}
.main_visual.product_index .main_visual_catch,.main_visual.product_index .main_visual_color,.main_visual.product_index .main_visual_date,.main_visual.product_index .main_visual_title{margin-left:-3px}
.main_visual.product_index .main_visual_date span{padding:4px 10px}
/*!* -------------------------------
  	feature
  ------------------------------- *!*/
.features_title{text-align:center;font-size:1.25em;padding:50px 0 38px}
.features_title img{margin-right:6px;vertical-align:-5px;height:47px;width:auto}
.index_content .index_section:nth-of-type(1){background-image:url(../img/img_section_01_sp.jpg)}
.index_content .index_section:nth-of-type(1) .wrapper .index_section_wrap .index_feature span:before{left:-20px}
.index_content .index_section:nth-of-type(2){background-image:url(../img/img_section_02_sp.jpg)}
.index_content .index_section:nth-of-type(2) .wrapper .index_section_wrap .index_feature span:before{left:-38px}
.index_content .index_section:nth-of-type(3){background-image:url(../img/img_section_03_sp.jpg)}
.index_content .index_section:nth-of-type(4){background-image:url(../img/img_section_04_sp.jpg)}
.index_content .index_section:nth-of-type(4) .wrapper .index_section_wrap .index_feature span:before{left:-29px}
.index_section .index_section_inner{padding:88% 0 45px}
.index_section>.wrapper .index_section_wrap{height:auto;padding-bottom:0}
.index_section>.wrapper .index_section_wrap .index_feature{text-align:center;padding:0}
.index_section>.wrapper .index_section_wrap .index_feature span{display:inline-block;background:0 0;padding:0;position:relative}
.index_section>.wrapper .index_section_wrap .index_feature span br{display:inline}
.index_section>.wrapper .index_section_wrap .index_feature span:before{width:51px;height:51px;-webkit-background-size:contain;background-size:contain;position:absolute;left:-42px;top:-30px;display:block}
.index_section>.wrapper .index_section_wrap .index_summary{margin-left:0;line-height:1.875}
.index_section>.wrapper .index_section_wrap .index_summary.new_icon{margin-left:40px}
.index_section>.wrapper .index_section_wrap .index_summary.new_icon:before{width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;vertical-align:13px;font-weight:700;position:absolute;left:-40px}
.index_section>.wrapper .index_section_wrap .index_summary+.index_summary{padding-top:10px;margin-top:10px}
.index_section>.wrapper .index_section_wrap .new_icon+.index_summary{margin-left:40px}
/*!* -------------------------------
    banner
    ------------------------------- *!*/
.section.banner{padding:50px 0}
.section.banner .headline{font-size:1.3125em}
.section.banner a{max-width:290px}
}
@media only screen and (max-width:374px){.main_visual.product_index .badge{left:146px;width:52px}
}