img {max-width:100%;}#wrap #content{width:100%;margin:0 auto}#wrap #content .flex{display:flex}#wrap #content .forPC{display:block}@media (max-width: 767px){#wrap #content .forPC{display:none}}#wrap #content .forSP{display:none}@media (max-width: 767px){#wrap #content .forSP{display:block}}@media (max-width: 767px){#wrap #content a:hover{opacity:1}#wrap #content a img:hover{opacity:1}}#wrap #content .product_contents{background:url(../image/bg02_pc2.jpg) center top}#wrap #content #howtomake{background:url(../image/bg01_pc2.jpg) no-repeat center top;text-align:center;font-family:YakuHanJPs_Noto,"Noto Sans JP";color:#5d370c}@media (max-width: 767px){#wrap #content #howtomake{background:url(../image/bg01_sp1.jpg) no-repeat center top;background-size:100% auto}}#wrap #content #howtomake *{box-sizing:border-box}@media (max-width: 767px){#wrap #content #howtomake img{width:100%}}#wrap #content #howtomake h1,#wrap #content #howtomake h2,#wrap #content #howtomake h3,#wrap #content #howtomake p{margin-bottom:0;padding:0}@media (max-width: 767px){#wrap #content #howtomake h1,#wrap #content #howtomake h2,#wrap #content #howtomake h3,#wrap #content #howtomake p{background:none}}#wrap #content #howtomake .overlay{width:100%;height:100%;position:fixed;top:0;background:rgba(0,0,0,0.8);z-index:9999;display:none}#wrap #content #howtomake .overlay .modal{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#wrap #content #howtomake .overlay .close{display:block;width:30px;height:30px;position:absolute;right:-50px;top:-50px;cursor:pointer;color:#fff;background:url(/product/milk/gungun/assets-howtomake/img/close_pc.png) no-repeat center center;background-size:contain}#wrap #content #howtomake .mainvisual{padding:20px 0}@media (max-width: 767px){#wrap #content #howtomake .mainvisual{padding:3vw 0 0}}#wrap #content #howtomake .mv_nav{max-width:1150px;display:flex;justify-content:space-between;margin:0 auto}#wrap #content #howtomake .mv_nav a.none:hover img{opacity:1}#wrap #content #howtomake .gungun_nav{display:none;position:fixed;width:100%;height:70px;top:0;left:0;right:0;background:#0062b2;z-index:999999}#wrap #content #howtomake .gungun_nav .inner{height:100%}#wrap #content #howtomake .gungun_nav .inner .flex{height:100%;justify-content:center;align-items:center}#wrap #content #howtomake .gungun_nav .inner .flex a{padding:5px 40px;border-right:solid 1px #fff}#wrap #content #howtomake .gungun_nav .inner .flex a.none{opacity:0.7}#wrap #content #howtomake .gungun_nav .inner .flex a.none:hover img{opacity:1}#wrap #content #howtomake .gungun_nav .inner .flex a:last-of-type{border:none}@media (max-width: 767px){#wrap #content #howtomake .gungun_nav{width:100%;height:13.33vw;line-height:1}#wrap #content #howtomake .gungun_nav .inner .flex a{position:relative;padding:0 3vw;border:none}#wrap #content #howtomake .gungun_nav .inner .flex a::after{position:absolute;display:inline-block;content:'';bottom:0;right:0;top:0;margin:auto 0;width:1px;height:3.4vw;background:#fff}#wrap #content #howtomake .gungun_nav .inner .flex a:last-of-type::after{display:none}#wrap #content #howtomake .mv_nav{width:auto;flex-wrap:wrap;justify-content:center}#wrap #content #howtomake .mv_nav>div:first-child{width:20vw;margin-right:1.6vw;margin-bottom:2.7vw}#wrap #content #howtomake .mv_nav>div:nth-child(2){width:33.3vw;margin-right:1.6vw;margin-bottom:2.7vw}#wrap #content #howtomake .mv_nav>div:nth-child(3){width:35.7vw;margin-bottom:2.7vw;margin-right:0}#wrap #content #howtomake .mv_nav>div:nth-child(4){width:38.6vw;margin-right:1.6vw}#wrap #content #howtomake .mv_nav>div:nth-child(5){width:33.3vw;margin-right:0}}#wrap #content #howtomake .sec01{padding:100px 0 80px}@media (max-width: 767px){#wrap #content #howtomake .sec01{padding:14vw 0 9vw}}#wrap #content #howtomake .sec01 h2{padding:20px 0 0;margin-bottom:10px}@media (max-width: 767px){#wrap #content #howtomake .sec01 h2{padding:0 4.5vw 0}}#wrap #content #howtomake .sec01 .cont{background:#fff;padding:80px 75px 40px;position:relative;border-radius:20px;box-shadow:0px 0px 20px #0062b240}@media (max-width: 767px){#wrap #content #howtomake .sec01 .cont{padding:11vw 4.5vw 7vw;width:90vw;margin:0 auto 7vw;border-radius:10px}}#wrap #content #howtomake .sec01 .cont h2{position:absolute;top:-8%;left:50%;transform:translate(-50%, 0);padding:0}@media (max-width: 767px){#wrap #content #howtomake .sec01 .cont h2{width:82vw;top:-5%}}#wrap #content #howtomake .sec01 .cont ul li{font-size:18px;position:relative;padding:0 0 10px 1.3em;margin-bottom:12px;text-align:left;border-bottom:1px dashed #75502b;font-weight:bold}@media (max-width: 767px){#wrap #content #howtomake .sec01 .cont ul li{font-size:3.4vw}}#wrap #content #howtomake .sec01 .cont ul li span{color:#e60039}#wrap #content #howtomake .sec01 .cont ul li:before{content:"・";display:block;position:absolute;top:0;left:0;color:#e60039}#wrap #content #howtomake .sec01 .cont ul li:last-child{border:none}@media (max-width: 767px){#wrap #content #howtomake .sec01 .cont ul li:last-child{margin-bottom:0}}#wrap #content #howtomake .sec01 .cont h3{padding:26px 0 12px}@media (max-width: 767px){#wrap #content #howtomake .sec01 .cont h3{padding:3vw 0 0;width:60%;margin:0 auto 3vw}}#wrap #content #howtomake .sec01 .cont h3+p{margin-bottom:22px;font-size:15px}@media (max-width: 767px){#wrap #content #howtomake .sec01 .cont h3+p{margin-bottom:2vw;font-size:3.2vw}}@media (max-width: 767px){#wrap #content #howtomake .sec01 .cont .img{width:90%;margin:0 auto}}#wrap #content #howtomake .sec02{background:url(../image/bg02_pc2.jpg) center top;padding:80px 0 60px}@media (max-width: 767px){#wrap #content #howtomake .sec02{background-image:url(../image/bg02_sp1.jpg);background-position:center top;background-color:#fff5f4;background-size:100% auto;padding:9vw 0 1.5vw}}@media (max-width: 767px){#wrap #content #howtomake .sec02 .inner{padding:0 4.5vw}}#wrap #content #howtomake .sec02 h2+p{font-size:18px;font-weight:bold;padding-top:0;margin-bottom:30px;line-height:1.6;margin-top:-5px}@media (max-width: 767px){#wrap #content #howtomake .sec02 h2+p{font-size:3.6vw;margin-top:-1vw;margin-bottom:1vw}}#wrap #content #howtomake .sec02 .flex{justify-content:center;margin-top:-18px}@media (max-width: 767px){#wrap #content #howtomake .sec02 .flex{display:block;margin:-5vw -4.5vw 0}}@media (max-width: 767px){#wrap #content #howtomake .sec02 .flex li{display:flex;align-items:center}}@media (max-width: 767px){#wrap #content #howtomake .sec02 .flex li picture{width:60%}}#wrap #content #howtomake .sec02 .flex p{font-size:13px;font-weight:bold;line-height:1.6;margin-top:-15px}@media (max-width: 767px){#wrap #content #howtomake .sec02 .flex p{text-align:left;width:40%;font-size:3.3vw;margin-left:-5vw;margin-top:0}}@media (max-width: 767px){#wrap #content #howtomake .sec02 .flex p br{display:none}}#wrap #content #howtomake .sec03{background:url(../image/bg02_pc2.jpg)}@media (max-width: 767px){#wrap #content #howtomake .sec03 .inner{padding:0 4.5vw}}#wrap #content #howtomake .sec03 h2{margin-bottom:20px}@media (max-width: 767px){#wrap #content #howtomake .sec03 h2{margin-bottom:4vw}}#wrap #content #howtomake .sec03 h2 span{display:block;font-weight:bold;padding-top:5px}@media (max-width: 767px){#wrap #content #howtomake .sec03 h2 span{padding-top:0;font-size:3.6vw}}#wrap #content #howtomake .sec03 table{width:100%;margin:0 auto;border-collapse:separate;margin-bottom:10px}#wrap #content #howtomake .sec03 table tr:first-of-type th{border-top:2px solid #74c5eb}@media (max-width: 767px){#wrap #content #howtomake .sec03 table tr:first-of-type th{border-top:1px solid #74c5eb}}#wrap #content #howtomake .sec03 table tr:first-of-type th:first-of-type{border-radius:4px 0 0 0;border-left:2px solid #74c5eb}@media (max-width: 767px){#wrap #content #howtomake .sec03 table tr:first-of-type th:first-of-type{border-left:1px solid #74c5eb}}#wrap #content #howtomake .sec03 table tr:first-of-type th:last-of-type{border-right:2px solid #74c5eb;border-radius:0 4px 0 0}@media (max-width: 767px){#wrap #content #howtomake .sec03 table tr:first-of-type th:last-of-type{border-right:1px solid #74c5eb}}#wrap #content #howtomake .sec03 table tr:last-of-type td:first-of-type{border-radius:0 0 0 4px}#wrap #content #howtomake .sec03 table tr:last-of-type td:last-of-type{border-radius:0 0 4px 0}#wrap #content #howtomake .sec03 table tr th,#wrap #content #howtomake .sec03 table tr td{text-align:center;padding:2px 10px}@media (max-width: 767px){#wrap #content #howtomake .sec03 table tr th,#wrap #content #howtomake .sec03 table tr td{padding:1vw .5vw}}#wrap #content #howtomake .sec03 table tr th{border-left:2px solid #fff;background:#74c5eb;color:#fff;font-weight:bold;font-size:18px;line-height:1.3}@media (max-width: 767px){#wrap #content #howtomake .sec03 table tr th{font-size:2.8vw;font-weight:normal;border-left:1px solid #fff}}#wrap #content #howtomake .sec03 table tr th.txtMod{width:21%}@media (max-width: 767px){#wrap #content #howtomake .sec03 table tr th.txtMod{width:21%}}#wrap #content #howtomake .sec03 table tr th.txtMod__02{border-top:2px solid #fff}@media (max-width: 767px){#wrap #content #howtomake .sec03 table tr th.txtMod__02{border-top:1px solid #fff}}@media (max-width: 767px){#wrap #content #howtomake .sec03 table tr th.txtMod__03{width:17%}}#wrap #content #howtomake .sec03 table tr th.var{padding:12px 0}@media (max-width: 767px){#wrap #content #howtomake .sec03 table tr th.var{width:43%}}@media (max-width: 767px){#wrap #content #howtomake .sec03 table tr th.var__02{width:12%}}#wrap #content #howtomake .sec03 table tr th span{font-size:16px}@media (max-width: 767px){#wrap #content #howtomake .sec03 table tr th span{font-size:2.8vw}}#wrap #content #howtomake .sec03 table tr td{border-left:2px solid #74c5eb;border-bottom:2px solid #74c5eb;font-size:18px;font-weight:bold;line-height:1.4;padding:12px 0;background:#fff}#wrap #content #howtomake .sec03 table tr td.last{border-right:2px solid #74c5eb}@media (max-width: 767px){#wrap #content #howtomake .sec03 table tr td.last{border-right:1px solid #74c5eb}}#wrap #content #howtomake .sec03 table tr td.txtMod02{width:40px}@media (max-width: 767px){#wrap #content #howtomake .sec03 table tr td.txtMod02{width:8%}}@media (max-width: 767px){#wrap #content #howtomake .sec03 table tr td{font-size:2.8vw;padding:2vw .5vw;border-left:1px solid #74c5eb;border-bottom:1px solid #74c5eb}}#wrap #content #howtomake .sec03 table tr td span{font-size:15px}@media (max-width: 767px){#wrap #content #howtomake .sec03 table tr td span{font-size:2.8vw;display:block}}@media (max-width: 767px){#wrap #content #howtomake .sec03 table tr td span.mod{display:inline}}#wrap #content #howtomake .sec03 ul li{text-align:left;font-size:13px;font-weight:bold;line-height:1.6;position:relative;padding-left:1.3em}@media (max-width: 767px){#wrap #content #howtomake .sec03 ul li{font-size:2.8vw}}#wrap #content #howtomake .sec03 ul li:before{content:"・";position:absolute;top:0;left:0}#wrap #content #howtomake .sec04{padding:52px 0 80px;background:url(../image/bg02_pc2.jpg)}@media (max-width: 767px){#wrap #content #howtomake .sec04{padding:6vw 4.5vw 11vw}}#wrap #content #howtomake .sec04 h2+p{display:block;font-weight:bold;padding-top:5px;margin-bottom:20px}@media (max-width: 767px){#wrap #content #howtomake .sec04 h2+p{font-size:3.6vw;padding-top:0;margin-bottom:4vw}}#wrap #content #howtomake .sec04 dl{background:#fff;font-weight:bold;margin-bottom:30px}@media (max-width: 767px){#wrap #content #howtomake .sec04 dl{margin-bottom:5vw}}#wrap #content #howtomake .sec04 dl dt{background:#74c5eb;color:#fff;font-size:22px;font-weight:bold;padding:8px 0;border-radius:4px 4px 0 0}@media (max-width: 767px){#wrap #content #howtomake .sec04 dl dt{font-size:4vw;padding:1.5vw 0}}#wrap #content #howtomake .sec04 dl dd{border:2px solid #74c5eb;border-top:none;font-size:15px;padding:40px 45px;text-align:left;border-radius:0 0 4px 4px}@media (max-width: 767px){#wrap #content #howtomake .sec04 dl dd{font-size:3.4vw;padding:5vw 4.5vw}}#wrap #content #howtomake .sec04 dl dd ul li{position:relative;padding-left:1.4em;margin-bottom:10px;line-height:1.5;font-weight:bold}@media (max-width: 767px){#wrap #content #howtomake .sec04 dl dd ul li{margin-bottom:3.5vw}}#wrap #content #howtomake .sec04 dl dd ul li:before{content:"・";color:#e60039;position:absolute;top:0;left:0}#wrap #content #howtomake .sec04 dl dd ul li span{color:#e60039}#wrap #content #howtomake .sec04 dl dd ul li:last-child{margin-bottom:0}#wrap #content #howtomake .sec04 .btns{padding-top:30px}#wrap #content #howtomake .sec04 .btns p:first-of-type{margin-bottom:15px}#wrap .bread_area{width:100%;background:url(../image/bg02_pc2.jpg) center top;padding-bottom:10px}#wrap .bread_area .group-breadcrumbs{margin-bottom:0}#wrap #brand_footer{margin-top:0}