@charset "utf-8";

/* =====================================================
共通
================================================== */
div#mnsk_item_detail{max-width:800px;margin:0 auto}
/* =====================================================
酒蔵紹介
================================================== */
div#mnsk_item_detail div#mnsk_sakagura{margin:0 auto 30px}
div#mnsk_item_detail div#mnsk_sakagura h3{font-size:18px;font-weight:700;text-align:left;background:#f7f7ef;padding:15px;margin-bottom:15px}
div#mnsk_item_detail div#mnsk_sakagura h4{font-size:24px;font-weight:700;margin:0 auto 15px;padding:0 15px 15px 15px;max-width:800px;border-bottom: 1px solid #ccc;}
div#mnsk_item_detail div#mnsk_sakagura h4 span{font-weight:100;font-size:16px}
div#mnsk_item_detail div#mnsk_sakagura p{font-size:18px;margin:0 auto 30px;line-height:1.5em;padding:0 15px;max-width:800px}
div#mnsk_item_detail div#mnsk_sakagura p b span.chushaku {font-size: 12px;font-weight: 100;}
div#mnsk_item_detail div#mnsk_sakagura p b {font-weight: bold;}
div#mnsk_item_detail div#mnsk_sakagura ul{padding:0 15px}
div#mnsk_item_detail div#mnsk_sakagura li.imgbox{width:50%;float:left}
/* =====================================================
商品説明
================================================== */
div#mnsk_item_detail div#mnsk_detail{max-width:450px;margin:0 auto 30px}
div#mnsk_item_detail div#mnsk_detail ul li{margin-bottom:5%}
/* =====================================================
利酒師からひとこと
================================================== */
div#mnsk_item_detail div.mnsk_comment{margin:0 0 3%;overflow:hidden;border:solid 30px #f7f7ef}
div#mnsk_item_detail div.mnsk_comment div.txtbox{float:left;width:70%;padding:3%}
div#mnsk_item_detail div.mnsk_comment div.txtbox h3{font-size:24px;color:#402526;font-weight:700;line-height:1.5em}
div#mnsk_item_detail div.mnsk_comment div.txtbox p{font-size:18px;line-height:1.5em}
div#mnsk_item_detail div.mnsk_comment div.imgbox{float:left;width:30%;padding-top:2%}
/* =====================================================
動画
================================================== */
div#mnsk_item_detail div.youtube{max-width: 525px;margin:10px auto 30px auto;}
/* =====================================================
ポイント
================================================== */
div#mnsk_item_detail div#mnsk_point{max-width:800px;margin:0 auto 30px;padding:30px 30px 0;border:2px solid #e4d49d}
div#mnsk_item_detail div#mnsk_point h3{font-size:35px;text-align:center;font-weight:700;padding:10px 0 30px;color:#402526;line-height:1.5em}
div#mnsk_item_detail div#mnsk_point h3 span{display:block;font-size:50px;color:#402526}
div#mnsk_item_detail div#mnsk_point li{margin-bottom:5%;border-top:1px solid #eee;padding-top:5%}
div#mnsk_item_detail div#mnsk_point li.txtleft div.imgbox{width:48%;float:right}
div#mnsk_item_detail div#mnsk_point li.txtleft div.txtbox{width:50%;float:left}
div#mnsk_item_detail div#mnsk_point li.txtright div.imgbox{width:48%;float:left}
div#mnsk_item_detail div#mnsk_point li.txtright div.txtbox{width:50%;float:right}
div#mnsk_item_detail div#mnsk_point h4{color:#402526;font-weight:700;font-size:22px;text-align:center;line-height:1.3em;margin-bottom:5px}
div#mnsk_item_detail div#mnsk_point h4 span{font-size:11px;font-weight:100;display:block}
div#mnsk_item_detail div#mnsk_point p{font-size:18px;line-height:1.5em}
div#mnsk_item_detail div#mnsk_point li div.imgbox{width:60%;margin:0 auto 5px}
div#mnsk_item_detail div#youtube_link{max-width:600px;margin:0 auto 30px}
/* =====================================================
よくある質問
================================================== */
div#mnsk_item_detail div#sake_question{margin:0 auto 30px;background-color:#19274b;padding:30px}
div#mnsk_item_detail div#sake_question div#questionBox{background-color:#f5f4f0;padding:30px 30px 10px}
div#mnsk_item_detail div#sake_question h3{font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;color:#fff;padding-bottom:30px;display:block;text-align:center;font-size:50px;font-weight:700}
div#mnsk_item_detail div#sake_question div#questionBox ul li{margin-bottom:30px}
div#mnsk_item_detail div#sake_question h3.qIcon{background:url(https://belluna-gourmet.com/excludes/gourmet/prd/NE248_2002500/common/qa_icon.svg) no-repeat;background-size:50px;display:block;font-size:26px;font-weight:700;padding:12px 0 22px 60px;border-bottom:1px solid #ccc;margin-bottom:10px;text-align: left;color: #333;font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Osaka, "MS PGothic", arial, helvetica, sans-serif;}
div#mnsk_item_detail div#sake_question p.aIcon{background:url(https://belluna-gourmet.com/excludes/gourmet/prd/NE248_2002500/common/qa_icon.svg) no-repeat;background-position:0 -100px;background-size:50px;display:block;font-size:16px;color:#333;padding:14px 0 21px 60px;line-height:1.2em}
div#mnsk_item_detail div#sake_question p.aIcon span.chushaku{font-size:14px}
div#mnsk_item_detail div#sake_question p.aIcon a{text-decoration:underline;color:#333}
div#mnsk_item_detail div#sake_question p.aIcon a:hover{color:#f88d01}


@media screen and (max-width:780px) {
/* =====================================================
共通
================================================== */
div#mnsk_item_detail div#mnsk_sakagura h3,div#mnsk_item_detail div#mnsk_sakagura h4,div#mnsk_item_detail div#mnsk_sakagura p{font-size:16px}
/* =====================================================
酒蔵紹介
================================================== */
div#mnsk_item_detail div#mnsk_sakagura li.imgbox{width:100%}
/* =====================================================
商品説明
================================================== */
div#mnsk_item_detail div#mnsk_detail{margin:0 auto;padding:0 3%;}
/* =====================================================
利酒師からひとこと
================================================== */
div#mnsk_item_detail div.mnsk_comment{border:solid 25px #f7f7ef}
div#mnsk_item_detail div.mnsk_comment div.txtbox{float:none;width:100%;padding:6%}
div#mnsk_item_detail div.mnsk_comment div.txtbox h3{text-align:center;margin-bottom:5px}
div#mnsk_item_detail div.mnsk_comment div.txtbox p{font-size:16px}
div#mnsk_item_detail div.mnsk_comment div.imgbox{float:none;width:50%;margin:0 auto}
/* =====================================================
動画
================================================== */
div#mnsk_item_detail div.youtube{margin:10px auto 10px auto;}
/* =====================================================
ポイント
================================================== */
div#mnsk_item_detail div#mnsk_point{margin:0 3% 3%;padding:3%}
div#mnsk_item_detail div#mnsk_point h3{font-size:16px;padding:10px 0 20px}
div#mnsk_item_detail div#mnsk_point h3 span{font-size:24px}
div#mnsk_item_detail div#mnsk_point li.txtleft div.imgbox,div#mnsk_item_detail div#mnsk_point li.txtright div.imgbox{float:none;margin:0 auto 6%}
div#mnsk_item_detail div#mnsk_point li.txtleft div.txtbox,div#mnsk_item_detail div#mnsk_point li.txtright div.txtbox{width:100%;float:none}
div#mnsk_item_detail div#mnsk_point h4,iv#mnsk_item_detail div#mnsk_point p{font-size:16px}
div#mnsk_item_detail div#mnsk_point .imgbox.point4{width:100%!important}
div#mnsk_item_detail div#youtube_link{margin:3%}
/* =====================================================
よくある質問
================================================== */
div#mnsk_item_detail div#sake_question{width:94%;padding:0 3% 3%;margin-bottom:3%}
div#mnsk_item_detail div#sake_question div#questionBox{padding:3%}
div#mnsk_item_detail div#sake_question h3{padding-bottom:20px;padding-top:20px;font-size:24px;font-weight:700}
div#mnsk_item_detail div#sake_question div#questionBox ul li{margin-bottom:3%}
div#mnsk_item_detail div#sake_question h3.qIcon{background-size:30px;font-size:16px;padding:10px 0 10px 35px;margin-bottom:10px;background-position:0 8px}
div#mnsk_item_detail div#sake_question p.aIcon{background-position:0 -61px;background-size:30px;font-size:16px;padding:0 0 0 35px;line-height:1.2em}
div#mnsk_item_detail div#sake_question p.aIcon span.chushaku{font-size:12px}
}
}