/* 共通 */
h1, h2, h3, h4, p, a, ul, li {
    font-family: 'Noto Sans JP', sans-serif !important;
    font-weight: 400;
    color: #535353;
    margin: 0;
}
#feature-c,#feature-i{
	background: #fff;
    padding: 0 1.5em;
    box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.05);
}
#feature-c img,#feature-i img{
	display:block; width:100%;
}
#feature-c article section,#feature-i article section{margin-bottom:0;}

/* 汎用テンプレート */
#feature-c{font-size:16px; letter-spacing:0.06em; line-height:1.25;}
#feature-c a{transition:0.2s;}
#feature-c a:hover{opacity:0.5;}

#feature-c .clmHead{margin-bottom:0;padding-bottom:0;}
#feature-c .clmHead .clmDate{text-align:right; font-size:1em; padding:0; margin-bottom:8px;}
#feature-c header{position:static; padding:0; background:#fff;}
#feature-c header h1{padding:1em 0.5em 1em; font-size:1.6em; font-weight:700;}

#feature-c nav{background:#E4E4E4; padding:1.5em 1em; margin-bottom:4em;}
#feature-c nav p{font-weight:600; font-size:1.4em;}
#feature-c nav ul{margin:1em auto 0; padding-left:0;}
#feature-c nav ul li{margin-top:0.5em; padding-bottom:0.5em; border-bottom:dotted 1px #535353;}
#feature-c nav ul li a{font-weight:500;}
#feature-c nav ul li.small a{padding-left:1em; font-weight:400;}

#feature-c section{padding-bottom:1em;}
#feature-c section h2{background:#E4E4E4; padding:0.5em 0.5em 0.5em; margin-bottom:1em; font-size:1.4em; font-weight:700;}
#feature-c section h3{padding:0 0.5em 0; margin-top:1em; margin-bottom:1em; font-size:1.2em; font-weight:700;}
#feature-c section p{padding:0 0.5em 0; margin-top:1em; line-height:1.75; margin-bottom:3em; text-align:justify;}
#feature-c section div p{font-size:0.85em; margin-top: 0.5em;}

#feature-c .selectItem{position:static;margin:0 auto 4em; padding:1em; border:dashed 1px #535353; width:98%; max-width:500px;}
#feature-c .selectItem>p{font-weight:600; font-size:1.2em; margin-bottom:1em;}
#feature-c .selectItem ul{padding:0;margin:0;}
#feature-c .selectItem ul li{display:flex; margin-bottom:0.5em;}
#feature-c .selectItem ul li:last-of-type{margin-bottom:0;}
#feature-c .selectItem ul li a{width:35%;}
#feature-c .selectItem ul li p{width:65%; padding-top:1em; font-size:0.9em; text-align:justify;}


/* 商品紹介テンプレート */
#feature-i{font-size:16px; letter-spacing:0.06em; line-height:1.25; text-align:center;}
#feature-i .inner{padding:0;}

#feature-i .clmHead{margin-bottom:0; padding-bottom:0; text-align: left;}
#feature-i .clmHead .clmDate{text-align:right; font-size:1em; padding:0; margin-bottom:8px;}
#feature-i header{position:static; padding:0; background:#fff; justify-content:center;}
#feature-i header h1{padding:1em 0 1em; font-size:1.6em; font-weight:700;}
#feature-i header .intro{font-size:1.15em; margin-bottom:2em; line-height:1.6;}

#feature-i section{padding:3em 0;}
#feature-i section h2{font-size:1.5em; letter-spacing:3px; margin-bottom:1em; line-height:1; font-weight:600;}
#feature-i section h2 span{display:block; font-size:0.55em; margin-top:10px;}
#feature-i section .feature-i__image{max-width:750px; margin:0 auto; display:inline-block;}
#feature-i section .scene_wrap{margin-bottom:0;}
#feature-i section .scene{position:relative; overflow:hidden;}
#feature-i section h3{margin-top:1em; margin-bottom:2em; font-weight:400;}
#feature-i section h3 span{display:block; font-size:1.25em; margin-bottom:0.5em; line-height:1.5; font-weight:500;}

#feature-i section .point{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; margin-bottom:-40px; line-height:1.5; position:relative; z-index:1;}
#feature-i section .point li{width:22%; margin:0 4% 40px 0; padding-top:0.5em;}
#feature-i section .point li:nth-of-type(4n){margin-right:0;}
#feature-i section .point li .num{position:relative; width:3em; height:3em; background:#fff; border-radius:50%; margin:0 auto -1em;}
#feature-i section .point li .num span{font-size:1.6em; line-height:1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#feature-i section .point li .num span::before{position:absolute; content:"point"; font-size:0.6em; background:#fff; left:50%; top:-1.25em; transform:translateX(-50%); font-weight:600;}
#feature-i section .point li img{border-radius:15px;}
#feature-i section .point li .txt{margin-top:0.4em; font-size:0.94em; text-align:justify;}

#feature-i section h2.product{margin-top:2em;}
#feature-i section .feature-i__image-items{display:flex; justify-content:center; flex-wrap:wrap;}
#feature-i section .feature-i__image-items li{width:150px; padding:10px;}
#feature-i section .feature-i__image-items li img{border-radius:50%; border:solid 1px #b4a18f;}

#feature-i section .reco{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; margin-bottom:-40px; line-height:1.5; position:relative; z-index:1;}
#feature-i section .reco li{width:22%; margin:0 4% 40px 0; padding-top:0.5em;}
#feature-i section .reco li:nth-of-type(4n){margin-right:0;}
#feature-i section .reco li .num{position:relative; width:3em; height:3em; background:#fff; border-radius:50%; margin:0 auto -1em;}
#feature-i section .reco li .num span{font-size:1.6em; line-height:1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#feature-i section .reco li img{border-radius:15px;}
#feature-i section .reco li h4{margin-top:0.4em; font-size:1.13em;}


@keyframes pulsate {
  0% {transform:scale(1); opacity:1;}
  100% {transform:scale(2); opacity:0;}
}

@media screen and (max-width: 750px) {
  #feature-i .inner{padding:0 5vw;}
  #feature-i section .scene_wrap {width:700px; overflow-x:scroll;}
  #feature-i section .scene{border-radius:30px;}
  #feature-i section .point li{width:48%; margin:0 4% 20px 0}
  #feature-i section .point li:nth-of-type(2n){margin-right:0;}
  #feature-i section .reco li{width:48%; margin:0 4% 20px 0}
  #feature-i section .reco li:nth-of-type(2n){margin-right:0;}
}