@charset "utf-8";

/*　★PC・SP共通　選べるカーネーション★　 */

/*====================================================
　common
====================================================*/
div.tokushuArea {width: 1000px;margin: 0 auto;}
div.tokushuArea p.itemCopy {font-size: 15px;color: #333;line-height: 1.5em;letter-specing: 2px;text-align: center;text-align: left;margin: 20px 60px;}
div.tokushuArea div.img {width: 1000px;text-align: center;margin: 0 auto;}
div.tokushuArea .pankuzu {font-size: 12px;color: #333;width: 1000px;margin: 0 auto 5px auto;}
/*------------------------------------------
2column
------------------------------------------*/
div.tokushuArea .column2 {margin: 0;padding: 0;width: 1000px;}
div.tokushuArea .column2 li{margin: 0;padding: 0;line-height: 0;width: 50%; width: -moz-calc(100% / 2); width: -webkit-calc(100% / 2); width: calc(100% / 2); float: left;}
/*------------------------------------------
3column
------------------------------------------*/
div.tokushuArea .column3 {margin: 0;padding: 0;width: 1000px;}
div.tokushuArea .column3 li{margin: 0;padding: 0;line-height: 0;width: 33.3%; width: -moz-calc(100% / 3); width: -webkit-calc(100% / 3); width: calc(100% / 3); float: left;}
/*------------------------------------------
4column
------------------------------------------*/
div.tokushuArea .column4 {margin: 0;padding: 0;width: 1000px;}
div.tokushuArea .column4 li{margin: 0;padding: 0;line-height: 0;width: 25%; width: -moz-calc(100% / 4); width: -webkit-calc(100% / 4); width: calc(100% / 4); float: left;}
div.tokushuArea div.itiran {width: 1000px;text-align: center;margin: 0 auto;}
/*------------------------------------------
clearfix ※横並びにするとき必ず入れる
------------------------------------------*/
div.tokushuArea .clearfix {min-height: 1px;display: block;}
div.tokushuArea .clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
div.tokushuArea ul {list-style: none;}
/*====================================================
スペック
====================================================*/
div.tokushuArea div.specBox {background-color:#f4ebe5;width: 1000px;margin: 0 auto;}
div.tokushuArea div.specBox div.specBoxDetail {width: 500px;float: left;}
div.tokushuArea div.specBox div.specBoxDetail div.detailBtn {width: 33.3%;float: left;}
div.tokushuArea div.specBox div.specBoxDetail div.cartbtn {width: 66.7%;float: left;}
/* =====================================================
お客様の声
================================================== */
div.yui_koe{background-color: #fce3e9; width:1000px;margin:0 auto;margin-top:30px;margin-bottom:30px;}
h2.obi {width: 950px;display: inline-block;position: relative;padding: 1.5em 2em; color: #fff;border-radius: 24px;text-align: center;font-size: 39px;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%}
div.yui_koe ul li:nth-child(1) div.koeBox,div.yui_koe ul li:nth-child(2) div.koeBox{height:250px}
div.yui_koe ul li:nth-child(3) div.koeBox,div.yui_koe ul li:nth-child(4) div.koeBox{height:315px}
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 h3{width:300px;font-size:22px;color:#333;float:left}
div.yui_koe ul li div.koeBox p.starBox{width:300px;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:18px;line-height:1.3em;width: 435px;float: left;margin-top: 2%;}
div.yui_koe ul li div.koeBox span.nameTxt{display:block;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#ippai_point{position:relative}
div#ippai_point div.ippai_point{background-color:#fce2b1;max-width:1000px;margin:0 auto 20px;position:relative;padding-top:34px}
div#ippai_point h2{background-color:#e56e65;font-size:34px;line-height:1.2em;padding:15px 0;position:relative;text-align:center;color:#fff;width:700px;margin:0 auto 50px;font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", serif;}
span.kome{font-size: 15px;color: #FFFFFF}
div#ippai_point div.ippai_point ul{margin-left:2%}
div#ippai_point div.ippai_point ul li{width:30.3%;margin-right:3%;float:left;text-align:center;margin-bottom:6%}
div#ippai_point div.ippai_point ul li div.imgBox{width:300px;margin:0 auto}
div#ippai_point div.ippai_point ul li div.txtBox{font-size:14px;line-height:1.3em;margin-bottom:10px}
div#ippai_point div.ippai_point ul li div.txtBox h3{color:#000;font-size:35px;font-weight:700;margin-bottom:9px;margin-top:30px;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;}
div#ippai_point div.ippai_point ul li div.txtBox h3 span{color:#e56e65;font-size:16px;display:block;margin-bottom:5px}
div#ippai_point div.ippai_point ul.box_03{width:62%;margin:0 auto}
div#ippai_point div.ippai_point ul.box_03 li{width:47%;margin-right:3%}
/*====================================================
ポイント
====================================================*/
div.kodawari_box {width: 1000px; margin:0 auto 30px;background-color:#faf7eb;}
div.point {width: 900px;margin: 0 auto;padding:3% 0 0;box-sizing:border-box;}
div.pointBox {height: 400px;margin-bottom: 40px;}
div.point div.pointBox div.titleBox {width: 900px;margin: 0 auto;}
div.point div.pointBox div.titleBox h3{font-size:45px;color:#af2500;font-weight:700;text-align:center;margin: 3% auto;padding-bottom: 2%;border-bottom:solid 3px #af2500;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;}
div.point div.pointBox div.imgBox {width: 400px;float: none;}
div.point div.pointBox div.txtBox {width: 460px;margin: 0 auto;float: right;}
div.point div.pointBox div.txtBox h3{width: 100%;margin-bottom: 13px;}
div.point div.pointBox div.txtBox p{font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;color: #000000;font-size: 28px;/* letter-spacing: 1px; */line-height: 1.5em;font-weight: 500;margin-top: 5%;}
div.point div.pointBox div.txtBox_two {width: 460px;margin:0 auto;padding:1%;background-color:#fcf6c8;float: right;}
div.point div.pointBox div.txtBox_two p{color: #000000;font-size: 23px;line-height: 1.4em;font-weight: 500;}

@media screen and (max-width:780px) {
/*====================================================
　common
====================================================*/
div.tokushuArea {width: 100%;}
div.tokushuArea p.itemCopy {font-size: 15px;color: #333;line-height: 1.5em;letter-specing: 2px;text-align: center;text-align: left;margin: 3%;}
div.tokushuArea div.img {width: 100%;text-align: center;margin: 0 auto;}
div.tokushuArea .pankuzu {font-size: 12px;width: 100%;margin: 0 auto 5px auto;}
/*------------------------------------------
2column
------------------------------------------*/
div.tokushuArea .column2 {margin: 0;padding: 0;width: 100%;}
/*------------------------------------------
3column
------------------------------------------*/
div.tokushuArea .column3 {margin: 0;padding: 0;width: 100%;}
/*------------------------------------------
4column
------------------------------------------*/
div.tokushuArea .column4 {margin: 0;padding: 0;width: 100%;}
div.tokushuArea div.itiran {width: 100%;text-align: center;margin: 0 auto;}
/*------------------------------------------
clearfix ※横並びにするとき必ず入れる
------------------------------------------*/
div.tokushuArea .clearfix {min-height: 1px;display: block;}
div.tokushuArea .clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
div.tokushuArea ul {list-style: none;}
/*====================================================
スペック
====================================================*/
div.tokushuArea div.specBox {width:100%;}
div.tokushuArea div.specBox div.specBoxDetail {width:50%;float:left;}
div.tokushuArea div.specBox div.specBoxDetail div.detailBtn {width:33.3%;float:left;}
div.tokushuArea div.specBox div.specBoxDetail div.cartbtn {width:66.7%;float:left;}
/* =====================================================
お客様の声
================================================== */
div.yui_koe{width:100%;margin:4% auto;padding-top: 1%;}
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 h3{width:100%;font-size:20px;margin:3% auto 0;float:none;text-align:center;position:relative;top:45px}
div.yui_koe ul li div.koeBox p{font-size:16px;width: 100%;float: none;margin-top: 2%;}
div.yui_koe ul li div.koeBox p.starBox{width:100%;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}	
h2.obi {width: 91%;display: inline-block;position: relative;padding: 4% 3%;color: #fff;border-radius: 22px;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;}
/*====================================================
温かい一杯
====================================================*/
div#ippai_point{position:relative;margin-bottom:3%}
div#ippai_point div.ippai_point:before{display:none;padding:3% 3% 1%}
div#ippai_point div.ippai_point{padding: 4% 0;margin:0}
div#ippai_point h2{font-size:18px;width:100%;margin-bottom:10%}
div#ippai_point div.ippai_point ul{margin-left:0}
div#ippai_point div.ippai_point ul.box_03{width:100%}
div#ippai_point div.ippai_point ul li div.txtBox h3{font-size:28px;margin-top:2%}
div#ippai_point div.ippai_point ul li,div#ippai_point div.ippai_point ul.box_03 li{width:100%;float:none;margin-right:0;margin-bottom:5%}
div#ippai_point div.ippai_point ul li div.imgBox,div#ippai_point div.ippai_point ul.box_03 li div.imgBox{width:60%}
/*====================================================
ポイント
====================================================*/
div.kodawari_box {width: 100%;padding-bottom: 2%;padding-top: 2%;}
div.point {width: 100%;margin: 0 auto;padding: 0}
div.pointBox {height: auto;margin-bottom: 7%;}
div.point div.pointBox div.titleBox {width:90%;margin: 0 auto;}
div.point div.pointBox div.titleBox h3{font-size:24px;font-weight:700;text-align:center;margin: 3% auto;padding-bottom: 2%;border-bottom: solid 3px #af2500;}
div.point div.pointBox div.imgBox {float: none;width: 100%;margin: auto;}
div.point div.pointBox div.imgBox img{width: 90%;margin: 0 5%;}	
div.point div.pointBox div.txtBox {width: 90%;margin: auto;float: none;}
div.point div.pointBox div.txtBox h3{width: 75%;margin: 6% auto 2% auto;}
div.point div.pointBox div.txtBox p {color: #000000;font-size: 16px;margin: 2% 0 5% 0;}
div.point div.pointBox div.txtBox_two {width: 90%;margin: 0 auto;float: none;}
div.point div.pointBox div.txtBox_two p{font-size: 15px;}
div.point div.pointBox div.txtBox_two p br{display: none;}
}