@charset "utf-8";


/* =====================================================
職人のカーネーション
================================================== */
div#carnation_shokunin{background-color:#f7f0f0}
div#carnation_shokunin ul{margin:0 0 50px 50px}
div#carnation_shokunin ul li{width:425px;float:left;margin-right:50px}
div#carnation_shokunin ul li div.img_box{margin-bottom:10px}
div#carnation_shokunin ul li p.profile{background-color:#fdfbfb;padding:10px;font-size:16px;line-height:1.3em;margin-bottom:10px}
div#carnation_shokunin ul li p.copy{font-size:18px;line-height:1.5em}
div#carnation_shokunin p.chushaku{font-size:13px;text-align:right;position:relative;bottom:10px;right:10px}
div#carnation_shokunin p.chushaku{font-size:11px}
/* =====================================================
こだわり
================================================== */

div#kodawari div.kodawari_area{margin:0 0 30px 30px}
div#kodawari div.kodawari_area div.txt_box,div#kodawari div.kodawari_area div.img_box{width:455px;float:left;margin-right:30px}


div#kodawari div.kodawari_area div.txt_box h3{font-size:31px;font-weight:700;color:#b81b56;margin-bottom:10px;padding:18px 0 45px 125px;line-height:1em}


div#kodawari div.kodawari_area div.txt_box h3.icon_01{background:url(https://belluna-gourmet.com/excludes/gourmet/prd/NE296_F0142/common/kodawari_icon_01.png) no-repeat;background-size:25%}
div#kodawari div.kodawari_area div.txt_box h3.icon_02{background:url(https://belluna-gourmet.com/excludes/gourmet/prd/NE296_F0142/common/kodawari_icon_02.png) no-repeat;background-size:25%}
div#kodawari div.kodawari_area div.txt_box h3.icon_03{background:url(https://belluna-gourmet.com/excludes/gourmet/prd/NE296_F0142/common/kodawari_icon_03.png) no-repeat;background-size:25%}
div#kodawari div.kodawari_area p{font-size:18px;line-height:1.5em}
/*====================================================
お客様の声
====================================================*/
div#review{background-color:#f7f6e6;margin-bottom:60px}
div#review ul{margin:0 0 0 20px}
div#review ul li{width:470px;float:left;margin-right:20px;margin-bottom:20px}
div#review ul li div.review_area{background-color:#fff;padding:20px;height:350px;position:relative}
div#review ul li div.review_area div.ttl_box{margin-bottom:10px}
div#review ul li div.review_area div.ttl_box div.review_icon{width:100px;float:left;margin-right:10px}
div#review ul li div.review_area div.ttl_box h3{font-size:25px;margin-bottom:10px}
div#review ul li div.review_area div.ttl_box div.star_box{font-size:30px;color:#f1d51b}
div#review ul li div.review_area div.ttl_box div.star_box span{font-size:18px;position:relative;top:-4px;margin-right:5px}
div#review ul li div.review_area div.txt_box{font-size:18px;line-height:1.5em}
div#review ul li div.review_area div.txt_box span{position:absolute;bottom:20px;right:20px}
div#review p.chushaku{font-size:14px;text-align:right;position:relative;bottom:10px}
/*====================================================
カーネーションご利用ガイド
====================================================*/
div#carnation_info{background-color:#f9f1f2;padding:60px}
div#carnation_info div.info_area{overflow:hidden;margin-bottom:60px}
div#carnation_info h2{color:#c74262;font-size:46px;text-align:center;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #c74262;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight:700}
div#carnation_info div.info_area,div#carnation_info div.info_area_hako{overflow:hidden}
div#carnation_info div.info_area div.img_box{width:270px;float:left}
div#carnation_info div.info_area div.txt_box{font-size:18px;line-height:1.5em;float:right;width:590px}
div#carnation_info div.info_area div.txt_box span.chushaku{display:block;font-size:14px}
div#carnation_info div.info_area_hako div.img_box{width:120px;float:left;margin-bottom:30px}
div#carnation_info div.info_area_hako div.txt_box{font-size:18px;line-height:1.5em;float:right;width:720px}
div#carnation_info div.info_area_hako div.txt_box span.chushaku{display:block;font-size:14px}
/*====================================================
母の日ご利用ガイド
====================================================*/
div#mother_info{padding:30px 0}
div#mother_info h2{display:block;padding:15px 0;margin:0 0 20px;color:#333;font-size:30px;font-weight:100;border-top:#333 1px solid;border-bottom:#333 1px solid;text-align:center}
div#mother_info ul{margin-left:30px}
div#mother_info ul li{margin-right:30px;margin-bottom:30px;width:293px;float:left}
div#mother_info h3{background-color:#eee;color:#333;padding:10px 0;display:block;width:100%;margin-bottom:10px;text-align:center;font-size:16px}
div#mother_info h4{color:#de3a74;font-weight:700;font-size:18px;margin-bottom:3px;text-align:center}
div#mother_info h4.souki{color:#c00}
div#mother_info h4.souryou{color:#c00;font-weight:700;font-size:40px;margin:30px 0 20px}
div#mother_info p{font-size:16px;font-weight:700;text-align:center;margin-bottom:10px}
div#mother_info p span{font-size:13px;text-align:left;line-height:1.2em;font-weight:100;display:inline-block}
/*------------------------------------------
バイヤーイチオシ！
------------------------------------------*/
div.buyerBox {width: 1000px;background-color: #FFFFFF;margin: 0 0 20px 0;text-align: left;}
div.buyerBox h2 {width: 651px;font-size: 40px;float: right;color: #e4354f;margin:30px 0;font-weight:700;;text-align: center;line-height:1.2em;}
/* バイヤーコメント */
div.buyerBox div.txtBox {width: 651px;float: left;line-height: 1.4em;text-align: left;font-size: 20px;margin-bottom: 15px;margin-top: 30px;}
div.buyerBox div.imgBox {width:289px;float:left;margin-top: 50px;margin-bottom:10px;margin-right:50px;}
/* =====================================================
お客様の声 フェアリーアイ
================================================== */
div.yui_koe{background-color: #fce3e9; width:1000px;margin:0 auto;margin-top:40px;padding-bottom: 20px;}
h2.obi {width: 950px;display: inline-block;position: relative;padding: 1.5em 2em; color: #fff;border-radius: 24px;text-align: center;font-size: 38px;background: #e4354f;box-sizing: border-box;font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", serif;font-weight: 100;margin: 15px 25px 15px 25px;}
h2.obi:after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -15px;border: 15px solid transparent;border-top: 15px solid #e4354f;}
div.yui_koe ul{margin-right:-30px}
div.yui_koe ul li{float:left;width:500px}
div.yui_koe ul li div.koeBox,div.yui_koe ul li:nth-child(even) div.koeBox{margin: 3%;position:relative}
div.yui_koe ul li:nth-child(1) div.koeBox,div.yui_koe ul li:nth-child(2) div.koeBox{height:232px}
div.yui_koe ul li:nth-child(3) div.koeBox,div.yui_koe ul li:nth-child(4) div.koeBox{height:242px}
div.yui_koe ul li:nth-child(5) div.koeBox,div.yui_koe ul li:nth-child(6) div.koeBox{height:330px}
div.yui_koe ul li div.koeBox{background-color:#fff;padding:20px;margin: 3% 0 3% 3%;}

div.yui_koe ul li div.koeBox p.starBox{font-size:30px;color:#f1d51b;float:left}
div.yui_koe ul li div.koeBox p.starBox span.none{color:#ccc}
div.yui_koe ul li div.koeBox p.starBox span.txt{color:#333;font-size:14px;position:relative;top:-5px}
div.yui_koe ul li div.koeBox p{color:#333;font-size:16px;line-height:1.3em}
div.yui_koe ul li div.koeBox span.nameTxt{position:absolute;right:20px;bottom:11px;font-size:16px;text-align: right}
div.yui_koe ul li div.koeBox span.chushaku{display:block;text-align:right;font-size:12px}
div.yui_koe ul li div.koeBox div.img_box{width:131px;float:left}
div.yui_koe ul li div.koeBox div.txt_box{width:294px;margin:2% 0 3% 1%;float:left}
div.yui_koe ul li div.koeBox h4{width:325px;font-size:24px;color:#333;float:left}
div.yui_koe span.chushaku{font-size: 15px;display: block;text-align: end;}
/* =====================================================
お客様の声 カーネーション2022
================================================== */
div.car_koe {    background-color: #fbf4b6;    width: 1000px;    margin: 0 auto;    margin-top: 30px; margin-bottom: 40px;    padding-bottom: 20px;}
div.car_koe h3 {    text-align: left}
div.car_koe ul {    margin-right: -30px}
div.car_koe ul li {    float: left;    width: 500px}
div.car_koe ul li div.koeBox,div.car_koe ul li:nth-child(even) div.koeBox {    margin: 3%;    position: relative}
div.car_koe ul li:nth-child(1) div.koeBox,div.car_koe ul li:nth-child(2) div.koeBox {    height: 288px}
div.car_koe ul li:nth-child(3) div.koeBox,div.car_koe ul li:nth-child(4) div.koeBox {    height: 292px}
div.car_koe ul li:nth-child(5) div.koeBox,div.car_koe ul li:nth-child(6) div.koeBox {    height: 270px}
div.car_koe ul li div.koeBox {    background-color: #fff;    padding: 20px;    margin: 3% 0 3% 3%;}
div.car_koe ul li div.koeBox h3 { width: 365px;    font-size: 24px;    color: #333;    float: left;    margin-bottom: 0}
div.car_koe ul li div.koeBox p.starBox {    font-size: 30px;    color: #f1d51b;    float: left;}
div.car_koe ul li div.koeBox p.starBox span.none {    color: #ccc}
div.car_koe ul li div.koeBox p.starBox span.txt { color: #333;    font-size: 14px;    position: relative;    top: -5px}
div.car_koe ul li div.koeBox p {    color: #333;    font-size: 17px;    line-height: 1.3em}
div.car_koe ul li div.koeBox span.nameTxt { position: absolute; right: 20px;    bottom: 20px;    font-size: 16px;    text-align: right}
div.car_koe ul li div.koeBox span.chushaku {    display: block;    text-align: right;    font-size: 12px}
/* div.car_koe ul li div.koeBox div.img_box{width:131px;float:left}*/
div.car_koe ul li div.koeBox div.txt_box {    width: 500px;    margin: 2% 0 3% 1%;    float: left}
div.car_koe span.chushaku {    font-size: 15px;    display: block;    text-align: end;}
/* =====================================================
贈り物に嬉しい3つのポイント
================================================== */
/*贈り物title*/
div.pointbox{margin-top: 2%;}
h3{text-align:center;margin-bottom:20px;letter-spacing:1.5px;}
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;width: 1000px;}	
h3.point_ttl_01 span.point_icon{background-image:url(https://belluna-gourmet.com/excludes/gourmet/prd/NE297_0001539/common/okurimono_ttl.png);padding:4% 0 9% 0;}	
/*内容*/
div.point3box{width:100%;margin-bottom:39%}	
div.point3imgbox{width: 100%}		
div.point3box ul{width: 33.3%;float: left;}
div.point3box ul div.textbox{width: 100%;} 	
/*ポイント*/
div.point3box ul div.textbox div.poibox{width: 30%}	
div.point3box ul div.textbox div.poibox span.point_icon01{background-image: url(https://belluna-gourmet.com/excludes/gourmet/prd/NE297_0001539/common/okurimono_point01.png);padding: 95px 0px 5px 32px;display: inline-block;background-repeat: no-repeat;width: 100%;float: left;}
div.point3box ul div.textbox div.poibox span.point_icon02{background-image: url(https://belluna-gourmet.com/excludes/gourmet/prd/NE297_0001539/common/okurimono_point02.png);padding: 95px 0px 5px 32px;display: inline-block;background-repeat: no-repeat;width: 100%;float: left;}
div.point3box ul div.textbox div.poibox span.point_icon03{background-image: url(https://belluna-gourmet.com/excludes/gourmet/prd/NE297_0001539/common/okurimono_point03.png);padding: 95px 0px 5px 32px;display: inline-block;background-repeat: no-repeat;width: 100%;float: left;}	
div.pointt{font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-size:27px;line-height: 1.5em;width: 66%;float: right;margin: 12px auto}





@media screen and (max-width:780px) {
/* 
★スマホ用CSS 
*/
/* =====================================================
職人のカーネーション
================================================== */
div#carnation_shokunin ul{margin:3%}
div#carnation_shokunin ul li{width:100%;float:none;margin-right:0;margin-bottom:3%}
div#carnation_shokunin ul li div.img_box img{width:80%;margin:0 auto;display:block}
div#carnation_shokunin ul li p.profile{font-size:14px}
div#carnation_shokunin ul li p.copy{font-size:16px;margin-bottom:30px}
/* =====================================================
こだわり
================================================== */
div#kodawari h2{font-size:20px;background-size:100%;padding: 5% 0 2% 0;}
div#kodawari div.kodawari_area{margin:3%}
div#kodawari div.kodawari_area div.txt_box,div#kodawari div.kodawari_area div.img_box{width:100%;float:none;margin-right:0}
div#kodawari div.kodawari_area div.txt_box h3{text-align:center;padding:28% 0 5%;font-size:18px}
div#kodawari div.kodawari_area div.txt_box h3.icon_01,div#kodawari div.kodawari_area div.txt_box h3.icon_02,div#kodawari div.kodawari_area div.txt_box h3.icon_03{background-position:center 0;background-size: 30%;}
div#kodawari div.kodawari_area p{font-size:16px;margin-bottom: 10px;}
div#kodawari div.kodawari_area div.img_box img{width:80%;display:block;margin:0 auto}
/*====================================================
お客様の声
====================================================*/
div#review{margin-bottom:0}
div#review ul{margin:3%}
div#review ul li{width:100%;float:none;margin-right:0;margin-bottom:3%}
div#review ul li div.review_area{padding:3%;height:auto}
div#review ul li div.review_area div.ttl_box div.review_icon{width:80px;float:none;display:block;margin:0 auto 10px}
div#review ul li div.review_area div.ttl_box h3{font-size:18px;text-align:center}
div#review ul li div.review_area div.ttl_box div.star_box{text-align:center;font-size:20px}
div#review ul li div.review_area div.ttl_box div.star_box span{font-size:14px;top:-2px}
div#review ul li div.review_area div.txt_box{font-size:16px}
div#review ul li div.review_area div.txt_box span{position:relative;right:0;bottom:0;text-align:right;display:block}
div#review p.chushaku{display:block;bottom:4px;font-size:11px}
/*====================================================
カーネーションご利用ガイド
====================================================*/
div#carnation_info{padding:6% 3% 3%}
div#carnation_info h2{font-size:20px;margin-bottom:10px;padding-bottom:10px}
div#carnation_info div.info_area div.txt_box{font-size:16px;float:none;width:100%;margin-bottom:10px}
div#carnation_info div.info_area div.txt_box span.chushaku{font-size:11px}
div#carnation_info div.info_area div.img_box{width:100%;float:none}
div#carnation_info div.info_area div.img_box img{width:80%;display:block;margin:0 auto}
div#carnation_info div.info_area_hako div.txt_box{font-size:16px;float:none;width:100%;margin-bottom:10px}
div#carnation_info div.info_area_hako div.txt_box span.chushaku{font-size:11px}
div#carnation_info div.info_area_hako div.img_box{width:100%;float:none}
div#carnation_info div.info_area_hako div.img_box img{width:30%;display:block;margin:0 auto}
/*====================================================
母の日ご利用ガイド
====================================================*/
div#mother_info{margin:3%}
div#mother_info h2{font-size:18px}
div#mother_info ul{margin-left:0}
div#mother_info ul li{width:100%;float:none;margin-right:0}
/*------------------------------------------
バイヤーイチオシ！
------------------------------------------*/
div.buyerBox {width: 100%;margin-bottom: 2%;padding-top: 1%;}
div.buyerBox h2 {width: 100%;font-size: 25px;float: none;color: #e4354f;font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", serif;margin: 2% auto;font-weight: 100;text-align: center;}
div.buyerBox div.txtBox {width: 94%;float: none;line-height: 1.4em;text-align: left;font-size: 16px;margin-bottom: 15px;margin-top: 0;margin-left: 3%;margin-right: 3%;}
div.buyerBox div.imgBox {float: none;margin-left: auto;margin-right: auto;margin-top: 1%;width: 50%;}
/* =====================================================
お客様の声 フェアリーアイ
================================================== */
div.yui_koe{width:100%;margin:5% auto;padding-top: 1%;padding-bottom: 2%;}
div.yui_koe h2{margin:3% auto;width:100%}
div.yui_koe ul{margin-right:0}
div.yui_koe ul li{float:none;margin-right:0;margin-left:0;width:100%;margin-bottom:3%}
div.yui_koe ul li div.koeBox,div.yui_koe ul li:nth-child(even) div.koeBox{margin: 3%}
div.yui_koe ul li:nth-child(1) div.koeBox,div.yui_koe ul li:nth-child(2) div.koeBox{height:auto}
div.yui_koe ul li:nth-child(3) div.koeBox,div.yui_koe ul li:nth-child(4) div.koeBox{height:auto}
div.yui_koe ul li:nth-child(5) div.koeBox,div.yui_koe ul li:nth-child(6) div.koeBox{height:auto}
div.yui_koe ul li div.koeBox{background-color:#fff;padding:3%;margin:3%}
div.yui_koe ul li div.koeBox h4{width:100%;font-size:20px;margin:3% auto 0;float:none;text-align:center;position:relative;top:40px}
div.yui_koe ul li div.koeBox p.starBox{font-size:30px;color:#f1d51b;float:none;text-align:center;position:relative;bottom:25px}
div.yui_koe ul li div.koeBox p.starBox span.txt{font-size:12px;position:relative;top:-5px}
div.yui_koe ul li div.koeBox div.img_box{width:35%;margin:0 auto;float:none}
div.yui_koe ul li div.koeBox div.txt_box{width:100%;margin:0 auto;float:none}
div.yui_koe span.chushaku{font-size: 14px;display: block;text-align: end;}	
div.yui_koe ul li div.koeBox span.nameTxt{position: relative;right: 0;bottom: 0;display: block;margin-top: 3%;}	
	
h2.obi {width: 90%;display: inline-block;position: relative;padding: 4% 3%;color: #fff;border-radius: 24px;text-align: center;font-size: 24px;background: #e4354f;box-sizing: border-box;font-weight: 100;margin: 1% 0 0 4%;}
h2.obi:after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -15px;border: 15px solid transparent;border-top: 15px solid #e4354f;}
/* =====================================================
お客様の声 カーネーション2022
================================================== */
div.car_koe {        width: 100%;        margin: 5% auto;        padding-top: 1%;    }
div.car_koe h2 {        margin: 3% auto;        width: 100%    }
div.car_koe ul {        margin-right: 0    }
div.car_koe ul li { float: none; margin-right: 0;  margin-left: 0;  width: 100%;        margin-bottom: 3%    }
div.car_koe ul li div.koeBox,div.car_koe ul li:nth-child(even) div.koeBox {margin: 3%; position: relative; height: auto}
div.car_koe ul li:nth-child(1) div.koeBox,div.car_koe ul li:nth-child(2) div.koeBox {    height: auto}
div.car_koe ul li:nth-child(3) div.koeBox,div.car_koe ul li:nth-child(4) div.koeBox {    height: auto}
div.car_koe ul li:nth-child(5) div.koeBox,div.car_koe ul li:nth-child(6) div.koeBox {    height: auto    }
div.car_koe ul li div.koeBox {        background-color: #fff;        padding: 3%;        margin: 3%    }
div.car_koe ul li div.koeBox h3 {width: 100%;font-size: 20px;margin: 0 auto;float: none;text-align: center;    }
div.car_koe ul li div.koeBox p {        color: #333;        font-size: 17px;        line-height: 1.3em    }
div.car_koe ul li div.koeBox p.starBox {font-size: 30px;color: #f1d51b;float: none;text-align: center;    }
div.car_koe ul li div.koeBox p.starBox span.txt {        font-size: 12px;  position: relative; top: -5px    }
div.car_koe ul li div.koeBox div.img_box {        width: 35%;        margin: 0 auto;        float: none    }
div.car_koe ul li div.koeBox div.txt_box {        width: 100%;        margin: 0 auto;        float: none    }
div.car_koe ul li div.koeBox span.nameTxt { position: relative;right: 0; bottom: 0; display: block; margin-top: 3%;    }
/* div.car_koe ul li div.koeBox div.img_box{width:131px;float:left}*/
div.car_koe ul li div.koeBox div.txt_box {        width: 100%;        margin: 0;        float: none;    }
div.car_koe span.chushaku {        font-size: 14px;        display: block;        text-align: end;    }
/* =====================================================
贈り物に嬉しい3つのポイント
================================================== */
/*贈り物title*/
div.pointbox{margin-top: 2%;}
h3{text-align:center;margin-bottom:20px;letter-spacing:1.5px;}
h3 span.point_icon{display:inline-block;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-size:20px;background-repeat:no-repeat;width: 98%;letter-spacing: 0.01em;line-height: 0.3em}	
h3.point_ttl_01 span.point_icon{background-image:url(https://belluna-gourmet.com/excludes/gourmet/prd/NE297_0001539/common/okurimono_ttl.png);padding: 4% 0 11% 0;width: 95%;background-size: 100%;}	
/*内容*/
div.point3box{width: 100%;margin-bottom: 5%}	
div.point3imgbox{width: 60%;float: right}		
div.point3box ul{width: 100%;float: none;}
div.point3box ul div.textbox{width: 40%;float:left;margin: 4% 0;} 	
/*ポイント*/
div.point3box ul div.textbox div.poibox{width: 80px;margin: 0 auto;}	
div.point3box ul div.textbox div.poibox span.point_icon01{background-image: url(https://belluna-gourmet.com/excludes/gourmet/prd/NE297_0001539/common/okurimono_point01.png);padding:40px 0;background-repeat: no-repeat;width: 100%;float: none;background-size: 80px;}	
div.point3box ul div.textbox div.poibox span.point_icon02{background-image: url(https://belluna-gourmet.com/excludes/gourmet/prd/NE297_0001539/common/okurimono_point02.png);padding:40px 0;background-repeat: no-repeat;width: 100%;float: none;background-size: 80px;}	
div.point3box ul div.textbox div.poibox span.point_icon03{background-image: url(https://belluna-gourmet.com/excludes/gourmet/prd/NE297_0001539/common/okurimono_point03.png);padding:40px 0;background-repeat: no-repeat;width: 100%;float: none;background-size: 80px;}		
div.pointt{font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-size:18px;line-height: 1.5em;width: 100%;float: none;margin: 0 auto;text-align: center;padding: 0;}




}