@charset "utf-8";
div#itemContentsArea{width:100%;max-width:1000px;margin:0 auto}
/* =====================================================
ttl
================================================== */
h2.amazake_ttl{background-color: #c2584a;display: block;margin: 50px 0;font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-size: 40px;text-align: center;padding: 20px;position: relative;font-weight: 900;color: #fff;line-height: 1.3em;}
h2.amazake_ttl:before{content:"";position:absolute;top:100%;left:50%;margin-left:-15px;border:20px solid transparent;border-top:20px solid #c2584a}
/* =====================================================
説明
================================================== */
div#amazakeComment {padding:10px 0;margin-top: 30px}
div#amazakeComment div.txtBox{font-size:27px;line-height:1.5em;width:85%;float:right;font-weight:500}
div#amazakeComment div.txtBox p{font-weight: 700;}
div#amazakeComment div.txtBox hr.line{display: block;width: 100%;height: 2px;background-color: #ccc;border: 0;}
div#amazakeComment div.txtBox h3.Comment_title{font-size:44px;font-weight: 900;margin:10px 0 0 0;color: #c2584a;}
div#amazakeComment div.imgBox{width:10%;float:left;margin:0;}
div#amazakeComment {overflow: hidden;max-width: 1000px;-moz-border-radius: 10px;font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif;background-image: url(../img/common/kabe.jpg);}
div#amazakeComment div.setumei {overflow: hidden;background-color: #fff;padding: 1% 2%;max-width: 880px;margin: 20px auto;border-radius: 10px;-moz-border-radius: 10px;font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;}

/* =====================================================
会社説明
================================================== */
div#course_point{background-color:#f4ebde;position:relative;padding: 20px;margin-top: 30px;}
div#course_point div.course_point{max-width:1000px;margin:0 auto;position:relative}
div#course_point h2{font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;color:#a73627;font-weight:700;font-size:70px;text-align:center}
div#course_point h2 span{font-size:35px;position:relative;top:-10px;left:-10px}
div#course_point div.selection{margin:10px;overflow:hidden;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-size:27px;font-weight:700;line-height:1.3em;text-align:center}
div#course_point div.course_point ul li{width:32%;margin-right:2%;float:left;}
div#course_point div.course_point ul li:nth-child(3){margin-right:0}
div#course_point div.course_point ul li div.txtBox{font-size: 16px;line-height: 1.4em;}
div#course_point div.course_point span.pointNum { display: inline-block;border-radius: 100px;-moz-border-radius: 100px;text-align: center;line-height: 1.2em;margin-right: 2px;background: url(https://belluna-gourmet.com/excludes/gourmet/prd/NE256_0004031/221202/kamenokou.png) no-repeat;background-position-x: 0%;background-position-y: 0%; background-size: 33px;padding-left: 44px;color: #993333}
/* =====================================================
コメント
================================================== */
div#comment{width:1000px;background-color:#efe8db;margin:30px auto 30px;}
div#comment div.txtBox{width:615px;float:right;margin-top:40px;margin-right:30px}
div#comment div.txtBox h2{font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;color:#78193a;font-size:43px;margin-bottom:20px;font-weight:700}
div#comment div.txtBox p{font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;color:#333;font-size:20px;margin-bottom:20px;line-height:1.5em;letter-spacing:1px;font-weight:700;font-weight:700}
div#comment div.imgBox{width:300px;margin-top: 60px;margin-left:20px;float:left}

/* =====================================================
あまざけの由来や効能・豆知識
================================================== */
div#column_point{position:relative;margin-top: 30px;}
div#column_point div.column_point{max-width:1000px;margin:0 auto;position:relative}
div#column_point h2{background-color: #c2584a;display: block;margin: 50px 0;font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-size: 40px;text-align: center;padding: 20px;position: relative;font-weight: 900;color: #fff;line-height: 1.3em;}
div#column_point h2:before{content:"";position:absolute;top:100%;left:50%;margin-left:-15px;border:20px solid transparent;border-top:20px solid #c2584a}
div#column_point h2 span{font-size:35px;position:relative;top:-10px;left:-10px}
div#column_point div.selection{overflow:hidden;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-size:25px;font-weight:700;line-height:1.4em}
div#column_point div.selection div.imgBox{width:64px;float:left;margin-right:10px}
div#column_point div.selection div.txtBox{width:886px;float:left;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-size:27px;font-weight:700;line-height:1.3em;position:relative;top:22px}
div#column_point div.selection2{overflow: hidden;font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-size: 35px;font-weight: 700;line-height: 1.4em;text-align: center;}

div#column_point div.column_point ul li{width:32%;margin-right:2%;float:left;}
div#column_point div.column_point ul li:nth-child(3){margin-right:0}

div#column_point div.column_point ul li div.imgBox{width:100%;margin:0 auto}
div#column_point div.column_point ul li div.txtBox{font-size: 16px;line-height: 1.4em;}
div#column_point div.column_point ul li div.txtBox h3{font-size:22px;font-weight:700;line-height: 1.2em;height: 85px;}
div#column_point div.column_point ul li div.txtBox h3 span{color:#fff;font-size:20px}
/* =====================================================
あまざけの飲み方のご提案
================================================== */
div#column_suggestion{position:relative;margin-top: 30px;}
div#column_suggestion div.column_suggestion{max-width:1000px;margin:0 auto;position:relative}
div#column_suggestion h2{display: block;font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-size: 40px;text-align: center;position: relative;font-weight: 900;line-height: 1.3em;}
div#column_suggestion div.selection{overflow:hidden;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-size:25px;font-weight:700;line-height:1.4em}
div#column_suggestion div.column_suggestion ul li{width:49%;margin-right:2%;float:left;}
div#column_suggestion div.column_suggestion ul li:nth-child(2){margin-right:0}
div#column_suggestion div.column_suggestion ul li div.imgBox{width:100%;margin:0 auto}
div#column_suggestion div.column_suggestion ul li div.txtBox{font-size: 16px;line-height: 1.4em;}
div#column_suggestion div.column_suggestion ul li div.txtBox h3{font-size:22px;font-weight:700;line-height: 1.2em;height: 85px;}
div#column_suggestion div.column_suggestion ul li div.txtBox h3 span{color:#fff;font-size:20px}
div#column_suggestion div.column_suggestion ul li div.txtBox span.ttl {color: #333; font-size:20px}
div#column_suggestion div.column_suggestion ul li div.txtBox span {color: #3370c3;margin-right: 10px;}

/*====================================================
レシピ
====================================================*/
div#recipe h2{background-color: #c2584a;display: block;margin: 50px 0;font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-size: 40px;text-align: center;padding: 20px;position: relative;font-weight: 900;color: #fff;line-height: 1.3em;}
div#recipe h2:before{content:"";position:absolute;top:100%;left:50%;margin-left:-15px;border:20px solid transparent;border-top:20px solid #c2584a}
div#recipe {width: 1000px;text-align: center;margin: 0 auto;margin-bottom: 25px;}
div#recipe .grm_rankArea {max-width: 800px;}
div#recipe div.grm_rankArea ol li {width: 31%;}
div.recipe {width:1000px;margin:0 auto;margin-bottom: 30px;}
div.recipe div.imgBox{width:550px;float:left}
div.recipe div.txtBox{width:450px;float:left;padding:0 25px;}
div.recipe div.txtBox h2.ttlTxt{font-size:35px;margin-bottom:10px;font-weight:700;line-height: 1.5em;text-align: left;}
div.recipe div.txtBox p.Txt{color:#000;font-size: 17px;line-height: 1.5em;text-align: left;}
div.recipe div.txtBox div.linkTxt{text-align:right;margin-top:10px}
div.recipe div.txtBox div.linkTxt a:hover{color:#eb6301}
div.recipe div.txtBox div.linkTxt a{text-decoration:underline;font-size:13px}
div.recipe div.txtBox p.ttlTxt {font-size: 40px;text-align: left;margin-bottom: 10px;font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif; font-weight: 700;}
div#recipe span.pointNum {background-color: #996600; display: inline-block;color: #fff;border-radius: 100px;-moz-border-radius: 100px;text-align: center;width: 20px;
    height: 20px;line-height: 1.3em;margin-right: 5px;}
/* =====================================================
point
================================================== */
div#amazake_point div.pointbox{margin-bottom:50px;letter-spacing:1.5px}
div#amazake_point h3{text-align:center;margin-bottom:20px}
div#amazake_point h3 span.point_icon{display:inline-block;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-size:40px;background-repeat:no-repeat;padding:20px;}
div#amazake_point div.pointbox .txt_img_area{margin-bottom:25px}
div#amazake_point div.pointbox .txt_img_area div.img_box,div#amazake_point div.pointbox .txt_img_area div.txt_box{width:50%;float:left}
div#amazake_point div.pointbox .txt_img_area div.txt_box p{font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-size: 25px;line-height: 1.4em;padding-left: 10px;font-weight: 700;}

@media screen and (max-width:640px) {
/* 
★スマホ用CSS 
*/

/* =====================================================
ttl
================================================== */
h2.amazake_ttl{margin:3%;font-size:18px;padding:2%}
h2.amazake_ttl:before{border:15px solid transparent;border-top:15px solid #c2584a}
/* =====================================================
説明
================================================== */
div#amazakeComment {margin:0;max-width: 100%;padding-top: 4%;padding:2% 0 0}
div#amazakeComment div.txtBox{font-size:16px;width:100%;float:none;line-height:1.5em}
div#amazakeComment div.txtBox span.buyerTtl {text-align: center;font-size:18px!important}
div#amazakeComment div.txtBox span.k_name{font-size:18px!important;margin:0 2% 2% 0;color:#5e1919}
div#amazakeComment div.txtBox h3.Comment_title{font-size:25px;margin:10px 0 0 0;letter-spacing:0px;line-height:1.2em}
div#amazakeComment div.imgBox{width:20%;float:none;margin:3% auto}	
div.vd_spec{margin: 3% auto 0;}
div#amazakeComment div.setumei {max-width: 90%;}	
div#amazakeComment h2.title {font-size: 30px;padding-top: 10%;width: 100%;height: 120px;background-size: 100%;margin:0 auto 3%}
div#amazakeComment div.attention {font-size:15px;padding:0 4% 0 0;}	
	
/* =====================================================
会社説明
================================================== */
div#course_point h2{font-size:48px}	
div#course_point h2 span {font-size: 24px;}	
div#course_point div.course_point span.pointNum {background-size: 22px;padding-left: 28px;}	
div#course_point div.selection {font-size: 18px;}	
div#course_point div.course_point ul li {width: 100%;}	
/* =====================================================
コメント
================================================== */
div#comment{width:94%;padding:3%;height:auto;margin-bottom:3%;margin-top:3%}
div#comment div.txtBox{width:100%;float:none;margin-top:3%;margin-right:0}
div#comment div.txtBox h2{font-size:24px;margin-bottom:5%;margin-top:5%;text-align:center;font-weight:700}
div#comment div.txtBox p{font-size:18px;margin-bottom:0px;line-height:1.5em;color:#000}
div#comment div.imgBox{width:50%;margin-top: 0px;margin-left:auto;margin-right:auto;float:none}	
/* =====================================================
あまざけの由来や効能・豆知識
================================================== */
div#column_point h2 {font-size: 18px;}	
div#column_point div.selection {font-size: 18px;}	
div#column_point div.column_point ul li {width: 100%}	
div#column_suggestion h2 {font-size: 26px}	
/* =====================================================
point
================================================== */
div#amazake_point div.pointbox{letter-spacing:1px}
div#amazake_point h3{margin-bottom:10px;text-align:left}
div#amazake_point div.pointbox{margin-bottom:6%}
div#amazake_point h3 span.point_icon{font-size:16px;background-size:60px;margin:3% 3% 0;padding:22px 0 22px 45px}
div#amazake_point div.pointbox .txt_img_area div.img_box{width:80%;margin:0 auto 2%;float: none;}
div#amazake_point div.pointbox .txt_img_area div.txt_box{width:94%;float:none;margin:0 auto 6%}
div#amazake_point div.pointbox .txt_img_area div.txt_box p{font-size:14px;line-height:1.5em;margin-top:0;font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;}
/*====================================================
レシピ
====================================================*/
div#recipe h2{font-size: 18px}	
div#recipe {width: 100%;margin-top: 3%;margin-bottom: 5%;}	
div#recipe p.obi {font-size: 21px;line-height: 1.5em;}	
div.recipe div.txtBox h2.ttlTxt{font-size:25px;text-align:center;}
div.recipe div.txtBox p.tunagu{font-size:16px;text-align:center;}
div.recipe div.txtBox p.Txt{font-size:15px;margin:0 2%;}
div.recipe {width:100%;margin:5% auto;}
div.recipe div.imgBox{width:100%;float:none;margin:0 auto;text-align:center}
div.recipe div.imgBox img{width:90%}
div.recipe div.txtBox{width:100%;float:none;padding:1.5%}
.obi br {display: block;}	
div.contents_bnr {margin-bottom: 2%;}
.contents_title {font-size: 21px;line-height: 1.5em;width: 100%;}	
div.recipe div.txtBox p.ttlTxt {font-size: 27px}	
}