@charset "utf-8";

div#genre,div#price{margin-top:-60px;padding-top:60px}
/* =====================================================
カテゴリ
================================================== */
div#cate_select{padding:0 30px;max-width:1060px;text-align:center;margin:0 auto 30px;overflow:hidden}
div#cate_select h2{position:relative;display:inline-block;padding:0 55px;color:#0c5f94;font-size:24px;margin-bottom:20px;margin-top:10px}
div#cate_select h2:before,div#cate_select h2:after{content:'';position:absolute;top:50%;display:inline-block;width:45px;height:2px;border-top:solid 1px #0c5f94;border-bottom:solid 1px #0c5f94}
div#cate_select h2:before{left:0}
div#cate_select h2:after{right:0}
div#cate_select ul.cateBnr{margin:0 0 20px;margin-right:auto}
div#cate_select ul.cateBnr li{max-width:235px;margin-right:20px;float:left}
div#cate_select ul.cateBnr li:nth-child(4),div#cate_select ul.cateBnr li:nth-child(8),div#cate_select ul.cateBnr li:last-child{margin-right:0}
div#cate_select ul.cateBnr li a span{font-size:13px;display:block;margin-top:3px;line-height:1.2em;height:30px;margin-bottom:10px}
div#cate_select ul.cateBnr li a:hover span{color:#0c5f94;text-decoration:underline}
div#cate_select ul.cateBtn{margin:0 auto 20px;max-width:945px}
div#cate_select ul.cateBtn li{width:100px;float:left}
div#cate_select ul.cateBtn li a{font-size:14px}
div#cate_select ul.cateBtn li{width:135px;float:left;text-align:left}
div#cate_select ul.cateBtn li a{font-size:14px;text-decoration:underline}
div#cate_select ul.cateBtn li a:hover,div#cate_select ul.cateBtn li a:hover span{color:#ca1f42}
div#cate_select ul.brandBnr li{width:320px;float:left;margin-right:20px}
div#cate_select ul.brandBnr li:last-child{margin-right:0}
div#cate_select ul.brandBnr li img{display:inline-block;width:150px}
div#cate_select ul.brandBnr li a p.brandTxt{font-size:12px;line-height:1.2em;text-align:left;margin-bottom:20px}
div#cate_select ul.brandBnr li a p.brandName{font-size:14px;margin:10px 0}
div#cate_select ul.brandBnr li a p.brandTxt{font-size:13px;line-height:1.3em;text-align:left;margin-bottom:20px}
div#cate_select ul.brandBnr li a:hover p.brandName{text-decoration:underline;color:#ca1f42}
div#cate_select div.brandListLink{text-align:right;padding-right:10px;margin-bottom:20px}
div#cate_select div.brandListLink a{font-size:12px;text-decoration:underline}
div#cate_select div.brandListLink a:hover{color:#ca1f42}
div.fatherBnr span{font-size:12px;display:block;margin:3px 0 30px}
div.fatherBnr img.sp_bnr{display:none!important}
div.fatherBnr a:hover span{color:#e86477;text-decoration:underline}
/*====================================================
ご利用ガイド
====================================================*/
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;margin-bottom: 20px}
div#contents_guide ul{margin-right:-30px}
div#contents_guide ul li{margin-right:30px;margin-bottom:0px;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}
li.centerTxt.colum2 {
    width: 455px !important;
}
.preferredTimeBox {
    font-size: 14px;
    max-width: 400px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 0 auto;
	margin-top: 20px;
}

.preferredTimeBox th {
    max-width: 80px;
    text-align: center;
    padding: 10px;
    line-height: 1em !important;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #f7f7f7;
}

.preferredTimeBox td {
    max-width: 60px;
    text-align: center;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 10px;
    line-height: 1.2em;
}
span.txt_red {
    color: #f00;
	font-weight: bold;
}	

/*====================================================
コラム
====================================================*/
div#contents_column .spr_accordionTtl.koeTtl{display:none}
div#contents_column{width:1000px;padding:0 30px;margin:0 auto 30px;padding-top:30px;background-color:#fff}
div#contents_column h2#vd_column{color:#c3214b;font-size:20px;font-weight:700;margin-bottom:15px;text-align:center}
div#contents_column ul{margin-right:-20px}
div#contents_column ul li{width:460px;float:left;margin-right:20px;margin-bottom:20px}
div#contents_column h3{font-size:14px;font-weight:700;margin-bottom:5px;color: #ce5667;}
div#contents_column p{font-size:13px;line-height:1.3em}
h2.columnListTitle{font-size:24px;font-weight:700;display:block;color:#333;border-bottom:1px solid #ccc;margin-bottom:15px;padding-bottom:10px;margin-top: 10px;}
div#columnList{width:100%;margin-bottom:20px}
div#columnList ul li{float:left;width:310px!important;margin-right:10px;margin-bottom:15px}
div#columnList ul li a{display:block;font-size:14px;line-height:1.5em;color:#333}
div#columnList ul li a:hover{color:#f88d01}
div#columnList ul li a span.columnLinkImg{display:inline-block;float:left;width:40%}
div#columnList ul li a span.columnLinkImg img{width:100%}
div#columnList ul li a span.columnLinkTitle{display:inline-block;float:left;width:58%;margin-left:2%;}
div#columnList ul li a:hover span.columnLinkTitle{text-decoration:underline}
/* =====================================================
お客様の声
================================================== */
div#contents_voice{max-width:1000px;margin:0 auto 30px}
div#contents_voice .spr_accordionTtl.koeTtl{display:none}
div#contents_voice h2{background-color:#4da2c3;display:block;text-align:center;font-size:30px;line-height:1em;padding:17px 0 14px;color:#fff;position:relative;width:480px;margin:0 auto 20px;height:65px;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight:700}
div#contents_voice h2:before,div#contents_voice h2:after{position:absolute;content:'';width:0;height:0;z-index:1}
div#contents_voice h2:before{top:0;left:-20px;border-width:33px 0 32px 20px;border-color:#4da2c3 #4da2c3 #4da2c3 transparent;border-style:solid}
div#contents_voice h2:after{top:0;right:-20px;border-width:33px 20px 32px 0;border-color:#4da2c3 transparent #4da2c3 #4da2c3;border-style:solid}
div#contents_voice ul li{width:320px;float:left;margin-right:20px;margin-bottom:20px}
div#contents_voice ul li:nth-child(3),div#contents_voice ul li:nth-child(6){margin-right:0}
div#contents_voice ul li div.voiceBox{background-color:#fff;padding:20px;font-size:13px;line-height:1.3em;height:197px;position:relative}
div#contents_voice ul li div.voiceBox h3{font-size:16px;color:#ec6275;margin-bottom:8px}
div#contents_voice ul li div.voiceBox div.starBox{margin-bottom:5px}
div#contents_voice ul li div.voiceBox div.starBox p{font-size:12px;display:inline-block;margin-right:5px;position:relative;top:-3px}
div#contents_voice ul li div.voiceBox div.starBox span{font-size:20px;display:inline-block;margin-right:3px;color:#FC0}
div#contents_voice ul li div.voiceBox div.starBox span.none{color:#ccc}
div#contents_voice ul li div.voiceBox span.name{position:absolute;right:20px;bottom:20px;font-size:12px;text-align: right}
div#contents_voice div.chushaku{text-align:right;font-size:11px;position:relative;top:-14px}
@media screen and (max-width:640px) {


/* 
★スマホ用CSS 
*/
/* =====================================================
SPの時表示
================================================== */
.vdBnr .sp_bnr {display:block!important;}
/* =====================================================
SPの時非表示
================================================== */
.vdBnr .pc_bnr {display: none!important;}
/* =====================================================
common
================================================== */
div#sp_grm_cate,div#sp_grm_osusumeTokushu {background-color: #fff;}
/* =====================================================
カテゴリ
================================================== */
div#cate_select{padding:0;margin-top:20px;margin-bottom:0}
div#cate_select h2{font-size:20px;margin-bottom:5px;    font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight: 700}
div#cate_select h2:before,div#cate_select h2:after{display:none}
div#cate_select ul.cateBnr{margin:3% 0 3% 3%}
div#cate_select ul.cateBnr li{margin-right:3%;margin-bottom:2%;width:47%;max-width:none}
div#cate_select ul.cateBtn{margin:0}
div#cate_select ul.cateBtn li{width:50%}
div#cate_select ul.cateBtn li a{display:block;width:100%;height:50px;color:#000;text-decoration:none;font-size:13px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;position:relative;line-height:1.2em;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif}
div#cate_select ul.cateBtn li:nth-child(2) a{border-top:1px solid #ccc}
div#cate_select ul.cateBtn li a:after{content:"";display:block;width:10px;height:10px;border-top:1px solid #999;border-right:1px solid #999;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:10px;top:20px;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#cate_select ul.cateBnr li a span{margin-bottom:0;line-height:1em}
div#cate_select ul.brandBnr li{width:90%;float:none;margin:3% auto}
div#cate_select ul.brandBnr li:last-child{margin-right:auto}
div#cate_select div.brandListLink{margin-top:20px}
div.vdBnr{padding:0 3%}
div.fatherBnr{padding:0 3%}
div.fatherBnr img.sp_bnr{display:block!important}
div.fatherBnr img.pc_bnr{display:none!important}
/*====================================================
ご利用ガイド
====================================================*/
div#contents_guide .spr_accordionBox{padding-top:0px}
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:3% 3% 0;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}
div#contents_guide ul.otodokeInfo li {width:100%;}
ul.clearfix.otodokeArea li{width:100%!important}
ul.otodokeArea h4,ul.otodokeArea p.shimekiri,ul.otodokeArea span.chushaku{display:block!important}
ul.otodokeArea p.otodokechushaku{text-align:left!important}
div.pc_haisouBox{display:none}

/*====================================================
お客様の声
====================================================*/
div#contents_voice{width:94%;padding:0;margin:3% auto 0}
div#contents_voice h2{font-size:17px;width:220px;padding:10px 0;height:40px;margin:10px auto}
div#contents_voice h2:before{border-width:20px 0 20px 11px;left:-11px}
div#contents_voice h2:after{right:-10px;border-width:20px 10px 20px 0}
div#contents_voice .spr_accordionBox{display:none;padding:3%;background-color:#fff;margin-bottom:3%}
div#contents_voice .spr_accordionTtl.koeTtl{font-size:16px;padding:17px 0;font-weight:700;background-color:#4da2c3;text-align:center;color:#fff;margin:0;border-top:1px solid #358daf;position:relative;display:block}
div#contents_voice .spr_accordionTtl.koeTtl: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_voice .spr_accordionTtl.koeTtl.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_voice ul li{width:100%;float:none;border-bottom:1px solid #eee;margin-right:0;margin-bottom:3%}
div#contents_voice ul li div.voiceBox{padding:3%;height:auto}
div#contents_voice ul li div.voiceBox span.name{position:relative;right:0;bottom:0;display:block}
div#contents_voice div.chushaku{top:0}
/*====================================================
コラム
====================================================*/
div#contents_column{width:94%;padding:0;margin:0 auto}
div#contents_column h2#vd_column{margin:15px 0}
div#contents_column .spr_accordionBox{display:none;padding:3%}
div#contents_column .spr_accordionTtl.koeTtl{font-size:16px;padding:17px 0;font-weight:700;background-color:#4da2c3;text-align:center;color:#fff;margin:0;border-top:1px solid #358daf;position:relative;display:block}
div#contens_column .spr_accordionTtl.koeTtl{display:block}
div#contens_column h2{padding:10px 0;margin:0 0 3%;font-size:18px;font-weight:700}
div#contents_column .spr_accordionTtl.koeTtl: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_column .spr_accordionTtl.koeTtl.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#contens_column{width:94%;margin:0 3% 3%;padding:3%;background-color:#fff;padding-top:3%}
div#contents_column ul{margin-right:0}
div#contents_column ul li{width:100%;float:none}
h2.columnListTitle{font-size:20px;border-bottom:1px solid #f3f3f3;margin-bottom:0;width:100%;padding:20px 0 10px;font-weight:100}
div#columnList{width:95%;padding:0 0 0 10px;margin-bottom:-10px}
div#columnList ul li{float:none;width:100%!important;margin-right:0!important;margin-bottom:10px;border-bottom:1px solid #f3f3f3;padding:0 0 10px;margin-left:0!important;margin-top:10px}
div#columnList ul li:last-child{border-bottom:none}
div#columnList ul li a span.columnLinkImg{display:inline-block;float:left;width:30%}
div#columnList ul li a span.columnLinkTitle{display:inline-block;float:left;width:68%;margin-left:2%}
div#osechi_column .spr_accordionTtl.koeTtl{display:block}
div#columnList{margin:0 auto!important}
}