@charset "euc-jp";

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

　商品詳細

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

/* 共通
----------------------------------------------- */
.prd_opt_src { display:none !important;}

/* 商品説明文
----------------------------------------------- */
.product_exp {
 clear:both; width:720px; margin:0 auto; padding:0 0 15px 0; overflow:hidden; line-height:1.6;}

.product_exp img.visualImage { margin:0 0 30px 0; display:block;}

#main .product_exp h3 {
 clear:both; margin:0 0 20px 0; padding:7px 10px; font-size:17px;
 border-top:1px dotted #CCC; border-bottom:1px dotted #CCC;}
#main .product_exp h4 {
 clear:both; min-height:36px; margin:0; padding:5px 10px 4px 10px; text-align:center; color:#000; font-size:22px;
 font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 text-shadow:1px 1px 4px rgba(255, 255, 255, 0.8), -1px 1px 4px rgba(255, 255, 255, 0.8), 1px -1px 4px rgba(255, 255, 255, 0.8), -1px -1px 4px rgba(255, 255, 255, 0.8);
 transform:rotate(.03deg); -webkit-transform:rotate(.03deg);
 background:url(https://img17.shop-pro.jp/PA01266/995/etc/h4_item_list.jpg) repeat left bottom;}
#main .product_exp h4 span { font-size:17px;}

#main .product_exp p { margin:0; padding:0 0 20px 0; font-size:15px; line-height:1.8;}

#main .product_exp .textbox { width:720px; margin:0; padding:0 0 20px 0; overflow:hidden;}
#main .product_exp .textbox p {
 clear:both; margin:0; padding:0 0 10px 0; font-size:15px; line-height:1.8;}

#main .product_exp .box { width:720px; margin:0; padding:0 0 30px 0; overflow:hidden;}
#main .product_exp .boxR { clear:none; float:left; width:378px; margin:0; padding:0;}
#main .product_exp .box h4 {
 clear:both; min-height:auto; margin:10px 0 0 0; padding:0 0 5px 20px;
 position:relative; text-align:left; color:#FFF; font-size:15px; font-weight:bold; line-height:1.8;
 font-family:verdana,helvetica,arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ ゴシック",sans-serif;
 text-shadow:none; transform:rotate(0); -webkit-transform:rotate(0); background:none;}
#main .product_exp .box h4:after{
 width:13px; height:13px; display:block; content:''; position:absolute; top:7px; left:2px; 
 filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70;
 box-shadow:0 0 2px 2px rgba(255,255,255,0.2) inset;
 border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; 
 background-color:#FFF;}
#main .product_exp .box p { clear:both; margin:0; padding:0 0 10px 0; font-size:15px; line-height:1.8;}
#main .product_exp .box img { float:left; width:300px; margin:0; padding:0 20px 0 0;}

#main table.tb-anpan,#main table.tb-roll,#main table.tb-gift {
 clear:both; width:720px; margin:0 0 15px 0; padding:0; border:none; overflow:hidden;
 background:url(https://img17.shop-pro.jp/PA01266/995/etc/bg_itemlist.jpg) repeat left top;}
#main table.tb-anpan td,#main table.tb-roll td,#main table.tb-gift td {
 width:160px; margin:0; padding:10px; text-align:center; vertical-align:top;
 font-weight:bold; line-height:1.5; border:none;}
#main table.tb-anpan td img,#main table.tb-roll td img,#main table.tb-gift td img {
 width:160px; margin:0 0 3px 0; padding:0;}
#main table.tb-anpan td a,#main table.tb-roll td a,#main table.tb-gift td a { color:#2F2828;}

#main table.item-summary { width:718px; margin:0 0 40px 0;}
#main table.item-summary th { width:100px; margin:0;}

@media only screen and (max-width:960px) {
.product_exp { width:100%;}
.product_exp img.visualImage { margin:0 auto 25px auto; display:block;}
#main .product_exp .textbox { width:100%;}
#main .product_exp .box { width:100%;}
#main .product_exp .box .boxR { width:60%;}
#main .product_exp .box img { width:calc(40% - 20px);}
#main table.tb-anpan,#main table.tb-roll,#main table.tb-gift {
 width:100%; margin:0 auto 15px auto;}
#main table.tb-anpan td img,#main table.tb-roll td img,#main table.tb-gift td img {
 width:auto; display:inline-block;}
#main table.item-summary { width:100%;}
}

@media only screen and (max-width:768px) {
#main table.item-summary th { width:100%; display:block;}
#main table.item-summary td { display:block;}
}

@media only screen and (max-width:668px) {
#main .product_exp .textbox h3,#main .product_exp .box h3 { padding:7px 5px; font-size:16px;}
#main .product_exp p,#main .product_exp .textbox p,#main .product_exp .box p { font-size:14px;}
#main .product_exp h4 { min-height:36px; padding-top:9px; padding-bottom:6px; font-size:20px;}
#main .product_exp h4 span { font-size:15px;}
#main .product_exp .textbox { padding-bottom:15px;}
#main .product_exp .box { padding-bottom:20px;}
#main .product_exp .box .boxR { clear:both; float:none; width:100%;}
#main .product_exp .box h4 { font-size:15px;}
#main .product_exp .box img {
 clear:both; float:none; width:auto; margin:0 auto 15px auto; padding:0; display:block;}
#main table.tb-anpan td,#main table.tb-roll td,#main table.tb-gift td { width:calc(50% - 20px); display:block;}
#main table.tb-anpan td:nth-of-type(odd),
#main table.tb-roll td:nth-of-type(odd),
#main table.tb-gift td:nth-of-type(odd) { clear:left; float:left;}
#main table.tb-anpan td:nth-of-type(even),
#main table.tb-roll td:nth-of-type(even),
#main table.tb-gift td:nth-of-type(even) { float:right;}
}

@media only screen and (max-width:548px) {
#main .product_exp h4 span { margin:0; padding:0; display:block;}
}

/* 商品詳細表示枠
----------------------------------------------- */
.product_info_block { clear:both; width:720px; margin:0 auto; padding:0 0 35px 0; overflow:hidden;}

@media only screen and (max-width:960px) {
.product_info_block { width:100%;}
}

/* 商品画像
----------------------------------------------- */
.product_image { float:left; width:300px; margin:0 20px 0 0; padding:0;}

.product_image_main { clear:both; width:300px; margin:0; padding:0 0 10px 0;}
.product_image_main img { max-width:100%; height:auto; margin:0 auto; padding:0; display:block;}

.product_image_thumb { clear:both; width:300px; margin:0; padding:0;}
.product_image_thumb li { float:left; width:69px; margin:0; padding:0 8px 8px 0; cursor:pointer;}
.product_image_thumb li:last-child { padding-right:0;}
.product_image_thumb img { max-width:100%; width:auto; height:auto;}

@media only screen and (max-width:960px) {
.product_image { margin-right:0;}
}

@media only screen and (max-width:668px) {
.product_image { clear:both; float:none; margin:0 auto 20px auto; overflow:hidden;}
.product_image_main,.product_image_thumb { width:100%;}
}

/* カート枠
----------------------------------------------- */
.disable_cartin { clear:both; margin:0; padding:0 0 15px 0; overflow:hidden;}

.product_cart_btn {}
.product_quick_order_btn {}

.product_cart_btn input,.product_quick_order_btn input {
 width:250px; margin:0; padding:10px 0 8px 0; display:block; text-align:center; cursor:pointer;
 color:#FFF; font-size:18px; font-weight:bold; text-decoration:none;
 border:none; border-radius:5px; -webkit-border-radius:5px;-moz-border-radius:5px; -webkit-appearance:none;
 background-color: #D54C5E;
 *background-color: #990000;
 background-image: -ms-linear-gradient(top, #D54C5E, #990000);
 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#D54C5E), to(#990000));
 background-image: -webkit-linear-gradient(top, #D54C5E, #990000);
 background-image: -o-linear-gradient(top, #D54C5E, #990000);
 background-image: -moz-linear-gradient(top, #D54C5E, #990000);
 background-image: linear-gradient(top, #D54C5E, #990000);
 background-repeat: repeat-x;
 border-color: #990000 #990000 #D54C5E;
 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#D54C5E', endColorstr='#990000', GradientType=0);
 filter: progid:dximagetransform.microsoft.gradient(enabled=false);}

.product_cart_btn input:hover,.product_quick_order_btn input:hover {
 background-color: #B4293A;
 *background-color: #730000;
 background-image: -ms-linear-gradient(top, #B4293A, #730000);
 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4293A), to(#730000));
 background-image: -webkit-linear-gradient(top, #B4293A, #730000);
 background-image: -o-linear-gradient(top, #B4293A, #730000);
 background-image: -moz-linear-gradient(top, #B4293A, #730000);
 background-image: linear-gradient(top, #B4293A, #730000);
 background-repeat: repeat-x;
 border-color: #730000 #730000 #B4293A;
 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#B4293A', endColorstr='#730000', GradientType=0);
 filter: progid:dximagetransform.microsoft.gradient(enabled=false);}

.product_cart_btn input { float:left; margin:0;}
.product_quick_order_btn input { float:right; margin:0;}

.stock_error { margin:.5em 0; font-size:18px; color:#f00; font-weight:bold; line-height:3;}

@media only screen and (max-width:668px) {
.disable_cartin { padding-bottom:20px;}
.product_cart_btn input { clear:both; float:none; width:70%; margin:0 auto;}
.product_quick_order_btn input { clear:both; float:none;}
}

@media only screen and (max-width:568px) {
.product_cart_btn input { width:100%; margin:0;}
}

/* 商品情報
----------------------------------------------- */
.product_spec_block { float:right; width:398px; margin:0; padding:0;}

.product_spec_block .delivery_icon {
 clear:both; width:100%; margin:0 0 15px 0!important; padding:0; overflow:hidden;
}

#main table.product_spec_table {
 clear:both; width:100%; margin:0 0 25px 0!important; padding:0; overflow:hidden;
 border-top:1px dotted #999; border-right:none; border-bottom:none; border-left:none; border-collapse:collapse;}
#main table.product_spec_table th {
 width:90px; margin:0; padding:7px 5px 7px 0; text-align:right; vertical-align:top; overflow:hidden;
 border-right:none; border-bottom:1px dotted #999; background:none;}
#main table.product_spec_table td {
 margin:0; padding:7px 5px; text-align:left; vertical-align:top; overflow:hidden;
 border-right:none; border-bottom:1px dotted #999;}
#main table.product_spec_table select { width:90%;}

.product_order_form input { float:left; width:3em; margin-right:.3em; padding:.3em; text-align:right;}

.product_unit { float:left; padding:.3em;}
.product_init { display:none;}

.product_soldout_msg { color:#F00; font-weight:bold;}
.product_member_sale_msg { font-weight:bold;}

@media only screen and (max-width:960px) {
.product_spec_block { width:calc(100% - 330px); padding-left:30px;}
}

@media only screen and (max-width:668px) {
.product_spec_block { float:none; width:100%; padding-left:0;}
#main table.product_spec_table { margin-bottom:30px!important;}
}

/* 特商法・問い合わせ他
----------------------------------------------- */
.product_info_lst { clear:both; margin:0; padding:0; overflow:hidden;}
.product_info_lst .icon { clear:both; margin:0 0 10px 0; padding:0; overflow:hidden;}
.product_info_lst .icon li { clear:both; margin:0 0 3px 0; padding:0;}
.product_info_lst a {}
.product_info_lst a:hover {}

/* レビュー
----------------------------------------------- */
.product_review { clear:both; margin:0 0 5px 0; padding:0; overflow:hidden;}
.product_review a { font-weight:bold;}

/* SNSボタン
----------------------------------------------- */
.social_share { clear:both; margin:0 0 5px 0; padding:0; overflow:hidden;}
.social_share li { float:left; margin:0 7px 5px 0; padding:0; text-align:left;}
.social_share li:nth-child(2) iframe { width:90px!important;}
.social_share li:nth-child(5n) { clear:left;}
.social_share li iframe.line-it-button { width:87px!important; margin:0!important;}

/* お気に入りボタン
----------------------------------------------- */
.social_share .favorite-button {
 margin:0; padding:1px 7px; display:block; text-align:center; cursor:pointer;
 color:#FFF; font-size:12px; text-decoration:none; border:none; border-radius:3px;
 -webkit-appearance:none; background-color:#C97586;}

/* 組合せ購入
----------------------------------------------- */
#main #box_together { clear:both; width:770px; margin:0; padding:0 0 30px 0; text-align:left; overflow:hidden;}
#main #box_together .boxInner {
 clear:both; width:760px; margin:0; padding:0 5px; text-align:left; overflow:hidden;}
#main #box_together .item_box {
 float:left; width:140px; margin:0; padding:0 6px; position:relative; text-align:left; vertical-align:top;}
#main #box_together .empty {
 height:0; margin-top:0; margin-right:0; margin-bottom:0; padding:0;}
#main #box_together .item_box img.item_photo { clear:both; width:140px; margin:0; padding:0;}
#main #box_together .item_box p.item_name { clear:both; margin:0; padding:7px 0; line-height:1.4;}
#main #box_together a { font-weight:normal;}

@media only screen and (max-width:960px) {
#main #box_together { width:100%;}
#main #box_together .boxInner {
 width:100%; padding:0;
 display:-webkit-box; display:-ms-flexbox; display:flex;
 -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
 -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start;
 -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;
 -webkit-align-content:start; -ms-flex-line-pack:start; align-content:flex-start;}
#main #box_together .item_box {
 width:calc(calc(100% - calc(16px * 4)) / 3); max-width:180px; margin:0 16px 0 0; padding:0;}
#main #box_together .item_box:nth-child(3n) { margin-right:0;}
#main #box_history .item_box:nth-of-type(3n+1) { clear:left;}
#main #box_together .empty { width:calc(calc(100% - calc(16px * 4)) / 3);}
#main #box_together .item_box img.item_photo { width:auto;}
}

@media only screen and (max-width:668px) {
#main #box_together .boxInner {
 -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
#main #box_together .item_box {
 width:calc(calc(100% - calc(10px * 4)) / 3); margin-right:10px;}
#main #box_together .empty { width:calc(calc(100% - calc(10px * 4)) / 3);}
}

@media only screen and (max-width:468px) {
#main #box_together .item_box {
 width:calc(calc(100% - calc(5px * 3)) / 2); margin-right:5px;}
#main #box_together .item_box:nth-child(3n) { margin-right:5px;}
#main #box_together .item_box:nth-child(2n) { margin-right:0;}
#main #box_history .item_box:nth-of-type(3n+1) { clear:none;}
#main #box_history .item_box:nth-of-type(2n+1) { clear:left;}
#main #box_together .empty { width:calc(calc(100% - calc(5px * 3)) / 2);}
}

/* 緊急お知らせ
----------------------------------------------- */
.information { clear:both; width:720px; margin:0 auto; padding:0 0 35px 0; overflow:hidden;}
.information h3 {
 margin:0 0 20px 0; padding:7px 10px!important;
 border-top:1px dotted #CCC; border-bottom:1px dotted #CCC;}
.information p { padding-bottom:0;}

@media only screen and (max-width:960px) {
.information { width:100%;}
}