﻿.secondary-frame{background:url(../images/bg_wave_01_mobile.svg) repeat-x;padding:20px 0;max-width:100%}#product_name{font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;font-weight:bold;font-size:calc(2.6rem + (1vw - 3.75px)*8.1425);color:var(--light-gray);text-align:center;margin:8px 0 8px 8%}#product_name:after{content:"";background:url(../images/leaf.png) no-repeat;background-size:1em;background-position:right top;padding-left:1.3em}#product_slogan{font-size:calc(1.1rem + (1vw - 3.75px)*2.5445);color:var(--light-gray);line-height:1.3;text-align:center;display:flex;flex-wrap:wrap;justify-content:center}#product_detail{display:grid;row-gap:10px;grid-template-columns:1fr;line-height:1.5}#product_detail #detail_catch{grid-row:1/2}#product_detail #detail_catch h3{text-align:center;margin:20px 0 0;letter-spacing:.2rem;font-size:calc(1.5rem + (1vw - 3.75px)*2.0356);color:var(--light-gray);display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline}#product_detail #detail_catch h3 .bigger{font-size:150%}#product_detail #detail_catch p{color:var(--brown);font-size:calc(1.4rem + (1vw - 3.75px)*1.5267);text-align:center;display:flex;flex-wrap:wrap;justify-content:center;width:90%;margin:0 auto}#product_detail #detail_catch p .emphasize{font-weight:900;font-size:120%}#product_detail #detail_name{grid-row:2/3;display:flex;align-items:center;justify-content:center;color:var(--brown);font-weight:bold;font-size:calc(1.6rem + (1vw - 3.75px)*1.5267);margin:20px 0 10px}#product_detail #detail_name:before,#product_detail #detail_name:after{border-top:1px solid;content:"";width:15%}#product_detail #detail_name:before{margin-right:1em}#product_detail #detail_name:after{margin-left:1em}#product_detail #detail_ex{grid-row:3/4;font-size:calc(1.4rem + (1vw - 3.75px)*1.5267);width:85%;margin:0 auto 20px;color:var(--brown);text-align:justify;display:flex;flex-wrap:wrap}#product_detail #product_photo{grid-row:4/5;width:70%;height:330px;display:block;margin:0 auto;object-fit:cover}#product_detail #component_list,#product_detail #nutrition_list,#product_detail #ingredient_list{font-size:calc(1.6rem + (1vw - 3.75px)*1.5267);color:var(--brown);text-align:center;margin:25px 0 15px}#product_detail #nutrition_list{display:flex;flex-wrap:wrap;justify-content:center}#product_detail #component,#product_detail #nutrition,#product_detail #ingredient{font-size:calc(1.4rem + (1vw - 3.75px)*1.5267);color:var(--brown);width:85%;display:block;margin:0 auto;text-align:justify}#product_detail #component_list{grid-row:5/6}#product_detail #component{grid-row:6/7}#product_detail #nutrition_list{grid-row:7/8}#product_detail #nutrition{grid-row:8/9;display:flex;flex-wrap:wrap}#product_detail #nutrition span:after{content:"  ";white-space:pre-wrap}@media(min-width: 600px){.secondary-frame{padding:30px 0}#product_detail #product_photo{height:410px}}@media(min-width: 1080px){.secondary-frame{background:none}.primary-frame{background:url(../images/bg_wave_02_pc.svg) repeat-x;background-size:auto 470px}#product_name{font-size:60px;margin:20px 0 0 67px}#product_slogan{font-size:18px;line-height:1.5;margin:10px 0 0}#product_detail{max-width:1080px;margin:30px 0 0;display:grid;row-gap:6px;column-gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto auto auto auto auto;line-height:1.5}#product_detail #product_photo{grid-column:1/2;grid-row:1/7;border-radius:50%;width:475px;height:475px;padding:10px;outline:2px dashed var(--light-brown);background:#fff;box-sizing:border-box}#product_detail #detail_catch{grid-column:1/2;grid-row:1/2;margin:10px 0 0;line-height:1.1;text-shadow:1px 1px 1px #fff}#product_detail #detail_catch h3{font-size:16px;margin:20px auto 0;width:50%}#product_detail #detail_catch h3 .bigger{font-size:140%}#product_detail #detail_catch p{font-size:15px;margin:5px auto 0;width:55%;line-height:1.4}#product_detail #detail_name{grid-column:2/3;grid-row:1/2;font-size:20px;justify-self:start}#product_detail #detail_name br{display:none}#product_detail #detail_name:before,#product_detail #detail_name:after{border:none;width:0;margin:0}#product_detail #detail_ex{grid-column:2/3;grid-row:2/3;font-size:16px;width:100%;margin:-15px 0 0}#product_detail #component_list{grid-column:2/3;grid-row:3/4;font-size:20px;text-align:left}#product_detail #component{grid-column:2/3;grid-row:4/5;font-size:16px;width:100%}#product_detail #nutrition_list{grid-column:2/3;grid-row:5/6;font-size:20px;text-align:left;justify-content:start}#product_detail #nutrition{grid-column:2/3;grid-row:6/7;font-size:16px;width:100%}#product_detail #ingredient_list{grid-column:2/3;grid-row:7/8;font-size:20px;text-align:left}#product_detail #ingredient{grid-column:2/3;grid-row:9/10;font-size:16px;width:100%}}#recommend{background:var(--light-green);margin:35px 0 0;padding:15px 0 20px}#recommend h3{color:var(--coral-pink);background:#fff;text-align:center;font-size:calc(2rem + (1vw - 3.75px)*2.0356);padding:10px 0;margin:0 0 15px}#recommend h3 br{display:none}#recommend .wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column}#recommend .wrapper ul{margin:0 auto}#recommend .wrapper ul li{color:var(--brown);font-size:calc(1.6rem + (1vw - 3.75px)*2.0356);line-height:2}#recommend .wrapper ul li:nth-of-type(3n-2){background:url(../images/li_check_01.png) no-repeat;background-size:1em;background-position:left center;padding-left:1.3em}#recommend .wrapper ul li:nth-of-type(3n-1){background:url(../images/li_check_02.png) no-repeat;background-size:1em;background-position:left center;padding-left:1.3em}#recommend .wrapper ul li:nth-of-type(3n){background:url(../images/li_check_03.png) no-repeat;background-size:1em;background-position:left center;padding-left:1.3em}@media(min-width: 600px){#recommend{padding:30px 0}}@media(min-width: 1080px){#recommend{width:1080px;margin:70px auto 0;padding:20px 0;border-radius:20px;box-sizing:border-box;display:grid;grid-template-columns:auto auto;grid-template-rows:1fr}#recommend h3{grid-column:2/3;grid-row:1/2;font-size:20px;border-radius:50%;margin:0;padding:0;width:190px;height:190px;line-height:1.2;position:relative;text-align:center;white-space:nowrap;border:1px dashed var(--brown);box-sizing:border-box;justify-self:center}#recommend h3 br{display:inline}#recommend h3 .inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#recommend .wrapper ul{display:grid;grid-template-columns:1fr 1fr;row-gap:15px;column-gap:15px;padding:5px 10px}#recommend .wrapper ul li{font-size:21px;line-height:1.1}}#merit{margin:35px auto;width:86%}#merit h3{padding:12px 0;line-height:1.5;color:var(--brown);font-size:calc(1.6rem + (1vw - 3.75px)*2.0356);text-align:center;border-top:1px dashed var(--brown);border-bottom:1px dashed var(--brown);display:flex;flex-wrap:wrap;justify-content:center}#merit p{font-size:calc(1.4rem + (1vw - 3.75px)*2.0356);margin:20px 0 0;line-height:1.5;color:var(--brown);text-align:justify}@media(min-width: 600px){#merit{margin:50px auto}}@media(min-width: 1080px){#merit{max-width:1080px;margin:100px auto 80px;padding:0 10px}#merit h3{font-size:24px;padding:30px 0}#merit p{font-size:20px;padding:0 150px}}#point{margin:30px 0 0}#point h3{background:var(--light-green);margin:-3px 0 0;color:var(--coral-pink);font-size:calc(1.6rem + (1vw - 3.75px)*2.0356);text-align:center;padding:15px 0}#point h3 span{font-size:150%}#point h3::after{content:"";background:url(../images/flower.png) no-repeat;background-size:1em;background-position:right center;padding-left:1.2em}#point .headline{background:#fff;color:var(--coral-pink);font-size:calc(1.7rem + (1vw - 3.75px)*2.0356);text-align:center;padding:10px 0}#point .query{background:var(--light-green);color:var(--brown);font-size:calc(1.7rem + (1vw - 3.75px)*2.0356);text-align:center;padding:13px 0}#point .reply{background:var(--light-green);color:var(--brown);font-size:calc(1.4rem + (1vw - 3.75px)*2.0356);text-align:center;padding:0 10% 20px;line-height:1.5;text-align:justify}#point .area:last-child{margin:0 0 -2px}#point .container-pc{display:none}#point::before{content:url(../images/bg_wave_02_mobile.svg)}#point::after{content:url(../images/bg_wave_03_mobile.svg)}@media(min-width: 1080px){#point{background:url(../images/bg_wave_02_pc.svg) repeat-x}#point .container-mobile{display:none}#point .container-pc{display:block;padding:50px 0 50px}#point .container-pc img{display:block;margin:0 auto}#point::before,#point::after{content:""}}#voice{margin:35px 0}#voice h3{padding:12px 0;width:86%;margin:0 auto 20px;color:var(--coral-pink);font-size:calc(1.8rem + (1vw - 3.75px)*2.0356);text-align:center;border-top:1px dashed var(--brown);border-bottom:1px dashed var(--brown)}#voice h3 img{display:none}#voice p{font-size:calc(1.4rem + (1vw - 3.75px)*2.0356);color:var(--brown);text-align:center;padding:15px 10%;line-height:1.3}#voice p .inner{display:flex;flex-wrap:wrap;justify-content:center}#voice p:nth-child(2n-1){background:var(--light-green)}#voice p:nth-child(2n){background:#fff}@media(min-width: 600px){#voice{margin-top:50px}#voice h3{padding:20px 0}}@media(min-width: 1080px){#voice h3{border:none}#voice h3 span{display:none}#voice h3 img{display:inline}#voice .container{width:1080px;margin:0 auto;display:flex;justify-content:space-around}#voice p{border-radius:50%;margin:0;padding:0;width:210px;height:210px;font-size:18px;line-height:1.4;white-space:nowrap;position:relative;text-align:center;border:1px dashed var(--brown);box-sizing:border-box}#voice p .inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#voice p br{display:inline}#voice p:nth-child(2n){background:var(--light-green)}}#promotion img{width:100%;max-width:1080px;display:block;margin:50px auto 30px}@media(min-width: 1080px){#promotion img{margin:150px auto 80px}}#subscription{padding:20px 5%}#subscription .upper{margin:0 0 15px}#subscription .upper h3{font-size:calc(1.8rem + (1vw - 3.75px)*2.0356);color:var(--brown);background:#ffcade;border:2px solid #f074a1;display:table;padding:5px 7px;margin:0 0 10px}#subscription .upper .deliver{font-size:calc(1.6rem + (1vw - 3.75px)*2.0356);color:var(--brown)}#subscription .upper .postage{font-size:calc(1.6rem + (1vw - 3.75px)*1.0356);color:#fff;background:var(--green);padding:5px 10px 5px 25px;clip-path:polygon(15% 0, 100% 0, 100% 100%, 15% 100%, 15% 70%, 0 50%, 15% 30%)}#subscription .upper p{font-size:calc(1.5rem + (1vw - 3.75px)*1.0356);margin:15px 0 0;color:var(--brown);line-height:1.3}#subscription .upper .annotation{color:var(--red)}#subscription .container{background:var(--light-green);border:1px solid var(--light-brown);margin:0 0 20px;padding:15px 10px;font-size:calc(1.4rem + (1vw - 3.75px)*2.0356);color:var(--brown);display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;box-sizing:border-box}#subscription .container .area{padding:5px 5%;line-height:1.3}#subscription .container .area .st01{color:var(--green);font-size:140%}#subscription .container .area .st02{color:var(--green)}#subscription .container .area .cart{background:var(--green);border-radius:25px;color:#fff;padding:10px;text-align:center;margin:5px 0 0}#subscription .container .area .cart:hover{background:var(--coral-pink);transition:all .2s}#subscription .container .area:nth-child(1){grid-column:1/2;grid-row:1/2}#subscription .container .area:nth-child(2){display:grid;grid-auto-columns:1fr;grid-column:1/2;grid-row:3/4}#subscription .container .area:nth-child(2) span:first-child{font-weight:900;font-size:110%}#subscription .container .area:nth-child(3){grid-column:1/2;grid-row:4/5}#subscription .container .area:nth-child(3) a{display:block;width:100%;box-sizing:border-box}#subscription .container .area:nth-child(4){grid-column:1/2;grid-row:2/3;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;justify-items:center}#subscription .container .area:nth-child(4) .arrow{position:relative;display:inline-block;width:75.2px;height:24px}#subscription .container .area:nth-child(4) .arrow::before,#subscription .container .area:nth-child(4) .arrow::after{content:"";position:absolute;bottom:0;left:calc(50% - 3px);width:6px;height:45px;border-radius:9999px;background-color:#fadd5d;transform-origin:50% calc(100% - 3px)}#subscription .container .area:nth-child(4) .arrow::before{transform:rotate(62.5deg)}#subscription .container .area:nth-child(4) .arrow::after{transform:rotate(-62.5deg)}#subscription .container .area:nth-child(4) .arrow:nth-child(3){display:none}#subscription .container .text-flex{display:flex;flex-wrap:wrap}#subscription .remarks{color:var(--brown);line-height:1.3;text-align:justify;font-size:calc(1.3rem + (1vw - 3.75px)*2.0356);margin:20px 0}#subscription .remarks .area:nth-child(1) p{margin:10px 0}#subscription .remarks .area:nth-child(2){border:1px solid var(--light-gray);padding:10px}#subscription .remarks .area:nth-child(2) .alert{font-weight:900;color:var(--green)}#subscription .remarks table{margin:10px 0 0;border:1px;width:100%}#subscription .remarks table caption{text-align:left;font-weight:900;margin-bottom:3px}#subscription .remarks table th,#subscription .remarks table td{border:1px solid var(--light-gray);font-size:calc(1.1rem + (1vw - 3.75px)*2.0356);text-align:center;padding:6px 0;vertical-align:middle}#subscription .remarks table th strong,#subscription .remarks table td strong{color:var(--red);font-size:120%}#subscription .remarks table th{background:#ececec}@media(min-width: 1080px){#subscription{width:1080px;margin:60px auto 0}#subscription .upper{margin:30px 0 0}#subscription .upper h3{font-size:24px;display:inline-block;padding:10px 20px;margin-right:20px}#subscription .upper .deliver{font-size:24px}#subscription .upper .postage{font-size:22px;padding:5px 20px 5px 38px}#subscription .upper p{font-size:20px;margin:5px 10px 15px}#subscription .container{display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto;font-size:20px}#subscription .container .area{line-height:1.5}#subscription .container .area:nth-child(1){display:block;align-self:center;justify-self:center;padding:20px 0 0 60px;grid-column:1/2;grid-row:1/2}#subscription .container .area:nth-child(2){align-self:center;justify-self:center;padding:20px 60px 0 0;grid-column:3/4;grid-row:1/2}#subscription .container .area:nth-child(3){grid-column:1/4;grid-row:2/3}#subscription .container .area:nth-child(3) a{display:block;width:100%}#subscription .container .area:nth-child(4){grid-column:2/3;grid-row:1/2;display:block}#subscription .container .area:nth-child(4) .arrow{position:relative;display:inline-block;width:26.5px;height:47px}#subscription .container .area:nth-child(4) .arrow::before,#subscription .container .area:nth-child(4) .arrow::after{content:"";position:absolute;top:calc(50% + 20px);left:50%;width:35px;height:6px;border-radius:9999px;background-color:#fadd5d;transform-origin:calc(100% - 3px) 50%}#subscription .container .area:nth-child(4) .arrow::before{transform:rotate(45deg)}#subscription .container .area:nth-child(4) .arrow::after{transform:rotate(-45deg)}#subscription .container .area:nth-child(4) .arrow:nth-child(3){display:inline-block}#subscription .remarks{display:grid;grid-template-columns:1fr 1.2fr;font-size:14px;line-height:1.5;column-gap:25px;margin-bottom:20px}#subscription .remarks .area:nth-child(2){align-self:start}#subscription .remarks table th,#subscription .remarks table td{font-size:12px}#subscription .remarks table th:nth-child(2),#subscription .remarks table th:nth-child(3),#subscription .remarks table th:nth-child(4){width:20%}}#single_purchase{padding:20px 5% 0}#single_purchase .upper{margin:0 0 15px}#single_purchase .upper h3{font-size:calc(1.8rem + (1vw - 3.75px)*2.0356);color:var(--brown);background:#e6e6e6;border:2px solid #a67c52;display:table;padding:5px 7px;margin:0 0 10px}#single_purchase .upper .deliver{font-size:calc(1.6rem + (1vw - 3.75px)*2.0356);color:var(--brown)}#single_purchase .upper .postage{font-size:calc(1.6rem + (1vw - 3.75px)*1.0356);color:#fff;background:var(--green);padding:5px 10px 5px 25px;clip-path:polygon(15% 0, 100% 0, 100% 100%, 15% 100%, 15% 70%, 0 50%, 15% 30%)}#single_purchase .upper p{font-size:calc(1.5rem + (1vw - 3.75px)*1.0356);margin:15px 0 0;color:var(--brown);line-height:1.3}#single_purchase .upper .annotation{color:var(--red)}#single_purchase .container{border:1px dashed var(--light-brown);padding:10px;margin:0 0 20px;font-size:calc(1.4rem + (1vw - 3.75px)*2.0356);color:var(--brown)}#single_purchase .container .area{padding:10px 5%;line-height:1.3}#single_purchase .container .area .st01{color:var(--green);font-size:140%}#single_purchase .container .area .st02{color:var(--green)}#single_purchase .container .area .cart{background:var(--green);border-radius:25px;color:#fff;padding:10px;text-align:center;margin:5px 0 0}#single_purchase .container .area .cart:hover{background:var(--coral-pink);transition:all .2s}#single_purchase .container .area:nth-child(2){display:grid;grid-auto-columns:1fr}#single_purchase .container .area:nth-child(2) span:first-child{font-weight:900;font-size:110%}#single_purchase .container .text-flex{display:flex;flex-wrap:wrap}#single_purchase .remarks{color:var(--brown);line-height:1.3;margin:20px 0;text-align:justify;font-size:calc(1.3rem + (1vw - 3.75px)*2.0356)}#single_purchase .remarks .area{border:1px solid var(--light-gray);padding:10px}#single_purchase .remarks .area .alert{font-weight:900;color:var(--green)}#single_purchase .remarks table{margin:10px 0 0;border:1px;width:100%}#single_purchase .remarks table caption{text-align:left;font-weight:900;margin-bottom:3px}#single_purchase .remarks table th,#single_purchase .remarks table td{border:1px solid var(--light-gray);font-size:calc(1.1rem + (1vw - 3.75px)*2.0356);text-align:center;padding:6px 0;vertical-align:middle}#single_purchase .remarks table th strong,#single_purchase .remarks table td strong{color:var(--red);font-size:120%}#single_purchase .remarks table th{background:#ececec}@media(min-width: 1080px){#single_purchase{width:1080px;margin:0 auto 80px}#single_purchase .upper{margin:30px 0 0}#single_purchase .upper h3{font-size:24px;display:inline-block;padding:10px 20px;margin-right:20px}#single_purchase .upper .deliver{font-size:24px}#single_purchase .upper p{font-size:20px;margin:5px 10px 15px}#single_purchase .container{display:grid;grid-template-columns:45% 55%;font-size:20px}#single_purchase .container .area{line-height:1.5}#single_purchase .container .area:nth-child(1){clip-path:polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);display:block;align-self:center;padding:40px}#single_purchase .remarks{display:grid;grid-template-columns:1fr 1.2fr;font-size:14px;line-height:1.5;column-gap:25px}#single_purchase .remarks .area{grid-column:2/3}#single_purchase .remarks table th,#single_purchase .remarks table td{font-size:12px;width:50%}}.float-button{width:50px;height:auto;position:fixed;bottom:75px;right:15px;z-index:10}.float-button a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none}