@charset "utf-8";

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

/*====================================================

　common

====================================================*/
div.tokushuArea div.contentsImgBox {
	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;
}

/*------------------------------------------
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.cateBox {
	width: 1000px;
	margin: 0 auto;
}

div.tokushuArea div.cateBox ul {
	margin-right: -10px;
}

div.tokushuArea div.cateBox ul li{
	margin-right: 10px;
	width: 242px;
	float: left;
	margin-bottom: 10px;
	line-height: 0;
}

div.tokushuArea div.cateBox ul li:last-child{
	width: 494px;
	float: left;
	margin-bottom:1 0px;
	line-height: 0;
}

/*====================================================

いいとこどりのギフトセット

====================================================*/
div.tokushuArea div.giftsetBox {
    height: 400px;
	width: 1000px;
	background-color: #fff;
	text-align: center;
	padding-bottom: 50px;
	margin: 0px auto;
    background-image:url(https://belluna-gourmet.com/excludes/gourmet/prd/NE284_0001184/common/haikei.jpg);
    background-repeat: no-repeat;
	background-position: bottom right;
}

div.tokushuArea div.giftsetBox h1 {
    line-height: 1.2;
    vertical-align: middle;
    text-align: center;
	margin: 10px 0 0 0;
	padding: 10px 0;
    font-size: 45px;
    color: #e4354f;
    box-sizing: border-box;
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", serif;
	display: inline-block
}

div.tokushuArea p.itemCopy {
	font-size: 20px;
    color: #333;
    line-height: 1.5;
    letter-specing: 2px;
    text-align: center;
	text-align: left;
	margin: 10px 70px;
}

/*====================================================

スペック

====================================================*/
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#contents_guide{width:1000px;padding:0 30px;margin:0 auto 30px;padding-top:30px;background-color:#fff}
div#contents_guide .spr_accordionTtl.koeTtl{display:none}
div#contents_guide div.imgBox{margin:5px 0}
div#contents_guide 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#contents_guide h3{background-color:#eee;color:#333;padding:10px 0;display:block;width:100%;margin-bottom:10px;text-align:center;font-size:16px}
div#contents_guide h4.vd{color:#e15e94;font-weight:700;font-size:18px;margin-bottom:3px}
div#contents_guide h4.souki{color:#c00;font-weight:700;font-size:18px;margin-bottom:3px;text-align:center}
div#contents_guide h4.mother{color:#de3a74;font-weight:700;font-size:18px;margin-bottom:3px;text-align:center}
div#contents_guide h4.father{color:#4a899e;font-weight:700;font-size:18px;margin-bottom:3px;text-align:center}
div#contents_guide h4.souryou{color:#c00;font-weight:700;font-size:40px;margin:30px 0 20px;text-align:center}
div#contents_guide p.chushaku{font-size:13px;text-align:left;line-height:1.2em}
div#contents_guide h4.shiharai{font-size:14px;margin-bottom:5px;font-weight:700;margin-top:5px}
div#contents_guide p.shimekiri{font-size:16px;font-weight:700;text-align:center;margin-bottom:10px}
div#contents_guide p{color:#333;font-size:14px;line-height:1.5em}
div#contents_guide ul{margin-right:-30px}
div#contents_guide ul li{margin-right:30px;margin-bottom:30px;width:293px;float:left}
ul.clearfix.otodokeArea ul{margin-right:0}
ul.clearfix.otodokeArea li{width:940px!important}
ul.otodokeArea h4,ul.otodokeArea p.shimekiri,ul.otodokeArea span.chushaku{display:inline-block!important}
ul.otodokeArea p.otodokechushaku{text-align:center!important}
ul.otodokeArea tr,div.otodokeArea td{line-height:0}
div.sp_haisouBox{display:none}
#giftbag{margin:3% auto;max-width:890px}
div#haisou{padding-top:100px;margin-top:-100px}


@media screen and (max-width:780px) {
/*====================================================

　common

====================================================*/
div.tokushuArea div.contentsImgBox {
	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;
}

/*------------------------------------------
4column
------------------------------------------*/
div.tokushuArea .column4 {
   margin: 0;
   padding: 0;
   width: 100%;
}

div.tokushuArea .column4 li{
   margin: 0;
   padding: 0;
   width: 25%; 
   width: -moz-calc(100% / 4); 
   width: -webkit-calc(100% / 4); 
   width: calc(100% / 4); 
   float: left;
}

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.cateBox {
    width: 100%;
    margin: 0 auto 3% auto;}

div.tokushuArea div.cateBox ul {
	margin-right: 0;
	margin-left: 2%;
}


div.tokushuArea div.cateBox ul li{
	margin-right: 2%;
	width: 48%;
	float: left;
	margin-bottom: 2%;
	line-height: 0;
}


div.tokushuArea div.cateBox ul li:last-child{
	width: 98%;
	float: none;
	margin-bottom: 2%;
	line-height: 0;
}

/*====================================================

いいとこどりのギフトセット

====================================================*/
div.tokushuArea div.giftsetBox {
	height: 100%;
	width: 90%;
	padding: 2% 0;
	padding-bottom: 17%;
	background-image:url(https://belluna-gourmet.com/excludes/gourmet/prd/NE284_0001184/common/haikei.jpg);
    background-repeat: no-repeat;
	background-position: bottom right;
  -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
  background-size: 100%;

}

div.tokushuArea div.giftsetBox h1 {
    line-height: 1;
    font-size: 26px;
    padding: 2% 0;
	position: relative;
	font-weight:bold;
}

div.tokushuArea p.itemCopy {
	font-size: 15px;
    color: #333;
    line-height: 1.5;
    letter-specing: 2px;
    text-align: center;
	text-align: left;
	position: 2%;
}

/*====================================================

スペック

====================================================*/
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;
}

/*====================================================

ページTOPへ

====================================================*/
#page-top a {
    text-decoration: none;
    width: 50px;
    text-align: center;
    display: block;
}

#page-top {
position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 10;
}


/*====================================================
ご利用ガイド
====================================================*/
div#contents_guide .spr_accordionBox{padding-top:20px}
div#contents_guide .spr_accordionTtl.koeTtl{font-size:16px;padding:17px 0;font-weight:700;background-color:#920303;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;text-align:center;color:#fff;margin:-3.6% -3.2% -3.2% -3.1%;border-top:1px solid #bd5f5f;position:relative}
div#contents_guide h2{padding:10px 0;margin:0 0 3%;color:#333;font-size:18px;font-weight:700}
div#contents_guide .spr_accordionTtl:after{content:"";display:block;width:10px;height:10px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);position:absolute;right:10px;top:22px;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none}
div#contents_guide .spr_accordionTtl.active:after{content:"";-webkit-transform:rotate(315deg)!important;-moz-transform:rotate(315deg)!important;-ms-transform:rotate(315deg)!important;transform:rotate(315deg)!important;top:28px}
div#contents_guide {
    width: 94%;
    margin: 0 auto;
    padding: 3%;
    background-color: #fff;
    padding-top: 3%;}


div#contents_guide #giftbag{margin:3% -3% 9%}
div#contents_guide h2{padding:10px 0;margin:0 0 3%;color:#333;font-size:18px;font-weight:700}
div#contents_guide h3{padding:8px 0;margin-bottom:10px;font-weight:700}
div#contents_guide ul li div{margin:0 0 10px}
div#contents_guide p.shimekiri{font-size:16px;margin-top:0;width:100%;margin-left:0;text-align:center}
div#contents_guide ul{margin-right:0}
div#contents_guide h4.souryou{font-size:34px}
div#contents_guide ul li{margin-right:0;margin-bottom:6%;width:100%;float:none}


}