/*
main > form > #wd-box > .fotorama
            > #wd-edit > table > tr > th,td
            >                         td colspan="2" > div > input,label
            >                    tr.d-num >  th
            >                    tr >        td > a
            >            div#d-pass > p,input
            >            button#d-cart > svg,span
            >            div#d-cale
            >            div#d-send  > a.i-postt,a#s-spec,
            >            div#d-send  > a > svg
            >            div#d-send  > button > svg
            > #wd-text
            >           > h3,p
            >           > img
            >           > p > em
            > #wd-spec
            >           > table
            >                        > caption
            >                        > th,td
            >           > div.d-frlink sblue
      >#review-wrap > div#d-revbox
      >            > .revlistwrap > .revlist > .rev-star > span.star,span.sdata
      >            >                .shopcom > .shopcom-tit,p
      > #check-wrap > div.subtitle
      >             > div.check-box
#rank
      > p.subtitle
      > div
      >     > ul > li > a
#recbox
      > p.subtitle
      > div
      >     > ul > li > a
*/
/*共用設定*/
#rank{clear:both;}
#no-item{padding:50px;width:100%;font-weight:bold;font-size:120%;line-height:2;}
/**特定商品の場合にh3タグの上に差し込み商品ページ添付レートで分岐処理している**/
#wd-text .detail-insert-contents{justify-content:center;align-items:center;margin-bottom:20px;}
#wd-text .detail-insert-contents p{display:inline-block;width:auto;margin:0;}
#wd-text .detail-insert-contents svg{display:inline-block;width:50px;height:50px;border-radius:5px;margin:0 auto;fill:#2980b9;}
/*****swiper*****/
.mySwiper .swiper-slide{width:19%;margin:0 0.5%;border:0.1px solid #2980b9;height:100%;opacity:0.4;cursor:pointer;}
.mySwiper .swiper-slide-thumb-active{opacity:1;}
.mySwiper{width:90%;margin-bottom:20px;}
.mySwiper2 .swiper-slide{margin-bottom:10px;}
.mySwiper2 .swiper-button-next:after,.mySwiper3 .swiper-button-next:after,
.mySwiper2 .swiper-button-prev:after,.mySwiper3 .swiper-button-prev:after{font-size:24px;font-weight:bold;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px  1px 0 #fff,1px  1px 0 #fff;}
/*wd-box,wd-edit,wd-spec,wd-spec*/
#wd-box,#wd-edit,#wd-text,table,#wd-spec{width:100%;height:auto;}
/*wd-box*/
#wd-box{margin-bottom:30px;}
/*****wd-edit wd-spec*****/
/*共用設定*/
#wd-edit{margin-bottom:40px;}
#wd-edit tr,#wd-spec tr{line-height:1.4;display:block;margin-bottom:15px;}
#wd-edit th,#wd-spec th,
#wd-edit td,#wd-spec td{padding:0 8px;vertical-align:middle;display:inline-block;}
#wd-edit tr{padding-bottom:15px;border-bottom:1px solid #ccc;}
#wd-edit .op_tr{padding-bottom:0;border-bottom:0;text-align:center;}
/*wd-spec*/
#wd-spec table{margin-bottom:20px;}
#wd-spec th{width:25%;}
#wd-spec td{width:75%;font-size:90%;line-height:1.6;}
/*caption*/
#wd-edit caption h2{font-size:110%;padding:8px;line-height:1.6;margin:15px 0;}
#wd-spec caption{width:100%;padding:10px 0;background:#eee;margin-bottom:30px;font-weight:bold;}
/*価格*/
#wd-edit .prices th,#wd-edit .prices td{width:50%;text-align:center;font-weight:bold;}
/*購入数*/
#wd-edit .d-num{border-bottom:0;}
#wd-edit .d-num td input,#wd-edit .d-num a.d-num-bt,
#wd-edit .d-num a.d-num-bt svg{display:inline-block;text-align:center;vertical-align:middle;}
#wd-edit .d-num td{display:flex;justify-content:center;}
#wd-edit .d-num td input{font-size:120%;width:40px;height:40px;border:1px solid #ccc;border-radius:10px;}/*数量*/
#wd-edit .d-num a.d-num-bt{width:40px;height:40px;margin:0 10px;}/*SVG ＋−コンテナ*/
#wd-edit .d-num a.d-num-bt svg{width:24px;height:24px;margin-top:8px;}/*SVG ＋−*/
#wd-edit .d-num td.cart_col2{margin-left:0;width:100%;text-align:center;font-size:110%;}/*売り切れ時 予約の場合 完売再販なしの場合*/
/*セレクトボタン*/
#wd-edit .op_button_area > td{display:block;width:100%;padding:0;display:flex;flex-wrap:wrap;justify-content:center;}
#wd-edit .op_button_area input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;z-index:-1;}
#wd-edit .op_button_area label{display:block;font-size:80%;text-align:center;line-height:1.4;margin:0 5px 5px 5px;border:1px solid #2980B9;color:#2980B9;background:#fff;border-radius:15px;cursor:pointer;}
#wd-edit .op_button_area input[type="radio"]:checked + label{color:#fff;background:#4682b4;}
#wd-edit .op_button_area label:hover{color:rgb(144, 118, 118);background:#4682b4;}
#wd-edit .op_button_area label.out{color:#fff;background:#555;text-decoration:line-through;cursor:default;border-color:#555;}
/*セレクトボタン*/
/*selectプルダウンタイプの場合*/
#wd-edit select{border:1px solid #aaa;padding:0 10px;appearance: menulist;border-radius:8px;font-size:16px;max-width:70%;height:34px;line-height:34px;text-align:center;background:#fff;}
/*オプション数量表示リンクをさせる場合*/
#wd-edit td.option{width:100%;text-align:center;}
#wd-edit td.option a{color:#2980B9;text-decoration:underline;display:inline-block;}
/*パスワード購入商品*/
#d-pass{margin-bottom:10px;text-align:center;}
#d-pass p{margin-bottom:10px;font-size:80%;color:red;}
#d-pass input{height:34px;text-align:center;border:1px solid #aaa;background:#fff;border-radius:8px;}
/*カートボタン  カレンダーリンク*/
#d-cart{width:100%;margin-bottom:10px;padding:15px 0;border-radius:25px;font-size:1rem;font-weight:bold;color:#fff;background-color:#ff7f50;cursor:pointer;}
#d-cart svg{width:10%;margin:0 5%;height:32px;fill:#fff;}
#d-cart span{width:65%;margin-top:5px;text-align:center;}
#d-cart:hover{transition:0.4s;opacity:0.4;}
/*カレンダー系*/
#d-cale:before{content:"当日14時までの注文で当日発送(店休日除く) ";display:block;line-height:1.6;text-align:center;
margin:15px 0;}
#d-cale{padding:10px 0;text-align:center;margin-bottom:10px;font-weight:bold;}
#d-cale a{color:#2980B9;text-decoration:underline;display:inline-block;}
/*お気に入り*/
#d-favorite{padding:10px 0;margin-bottom:15px;text-align:center;}
#d-favorite button{width:auto;margin:auto;cursor:pointer;}
#d-favorite svg{fill:#aaa;width:30px;height:30px;margin-right:20px;vertical-align:middle;}
#d-favorite span{vertical-align:middle;font-weight:bold;color:#777;font-size:120%;}
#d-favorite .fav-items svg{fill:#E08585;}
/*各種アイコン＋リンク*/
#d-send span,#d-send a{display:block;margin:auto;text-align:center;}
#d-send img,#d-send svg{width:40px;height:40px;border-radius:5px;margin:0 auto;}
#d-send button svg{fill:#aaa;}
#d-send svg#d-contact{fill:#2980b9;}
/*****wd-text*****/
#wd-text{margin-bottom:40px;}
#wd-text h3{font-size:120%;line-height:1.4;margin-bottom:20px;padding:10px;background:#eee;text-align:center;}
#wd-text p{font-size:100%;line-height:2;padding:0 10px;margin-bottom:15px;}/*Pの標準行間 1.6*/
#wd-text p#ecatch{margin-bottom:10px;}
#wd-text p em{font-size:120%;line-height:1.6;margin-bottom:20px;}
#wd-text p em span{background:linear-gradient(transparent 60%, #ecfe48 60%);}
#wd-text p:last-child{margin-bottom:0;}/*last child only */
/*wd-text内OL*/
#wd-text ol{list-style-type:circled-decimal;padding:0 30px;}
#wd-text ol li{margin-bottom:10px;padding-left:10px;line-height:1.4;}
/*wd-text内worning注意事項*/
#wd-text .d-warning{padding:0 10px;margin-bottom:10px;}
#wd-text .d-warning span{font-size:1.1em;line-height:24px;}
#wd-text .d-warning svg{width:24px;height:24px;fill:#af0000;margin-right:10px;}
/*wd-text内 d-spbox(特集)*/
#wd-text p#d-spbox{padding:20px;line-height:1.6;color:#000;background:#eee;}
#wd-text p#d-spbox span{display:inline-block;margin-bottom:5px;}
#wd-text p#d-spbox span.bold{font-size:120%;}
#wd-text p#d-spbox span:nth-of-type(n+2){margin-top:10px;}/*2パターンある場合*/
/*特集リンク*/
.d-frlink{margin-bottom:10px;border-radius:25px;}
.d-frlink a{color:#fff;text-align:center;height:40px;line-height:40px;font-size:90%;}
.d-frlink a::after{border-color:#fff;}
/*only f28items*/
#d-spbox.f28{overflow:hidden;}
#d-spbox.f28 img{width:150px;float:left;margin:0;}
/*youtube・video(サーバー動画)*/
.video{position:relative;width:100%;padding-top: 56.25%;}
.mp4, .video{position:relative;width:100%;}
.video iframe,.mp4 video{position:absolute;top:0;right:5%;width:90%!important;height:90%!important;}
video{width:100%;}
/*review*/
#review-wrap{font-size:90%;line-height:1.4;padding:10px;}
#d-revbox{margin-bottom:20px;}
#d-revbox a{font-size:90%;margin-right:10px;color:#2980b9;border:0.5px solid;border-radius:8px;}
.revlist{padding:0 10px 10px 10px;}
.rev-tit{margin-bottom:5px;font-weight:bold;}
.shopcom{margin:0 5px 10px 5px;padding:10px;background:#eee;border-radius:8px;}
.shopcom-tit{margin-bottom:5px;font-weight:bold;}
.rev-star{margin-bottom:10px;}
span.star{margin-right:10px;font-size:140%;color:#ffc700;text-shadow:1px 2px 3px;}
span.star{margin-right:10px;font-size:140%;color:#ffc700;text-shadow:1px 2px 3px;}
span.sdata{font-size:85%;}
/*最近チェック*/
#check-wrap{width:100%;margin-bottom:30px;}
.check-box a{margin:auto;text-align:center;}
.check-box img{width:100%;margin:0 auto;}
@media screen and (max-width:599px){
#wd-spec{margin-top:-100px;padding-top:100px;}
/*wd-edit*/
/*セレクトボタン*/
#wd-edit .op_button_area label{min-width:19%;margin:5px;padding:10px 8px;}
/*pass入力*/
#d-pass{margin:0 2% 10px 2%;}
#d-pass input{width:100%;}
/*cart*/
#d-cart{width:96%;margin:0 2%;}
/*お気に入り*/
/*各種アイコン＋リンク*/
#d-send{width:100%;}
/*wd-text*/
#wd-text img{margin-bottom:20px;}
/*wd-text内 d-spbox(特集)*/
#wd-text p#d-spbox{margin-bottom:15px;}
/*特集リンク*/
.d-frlink{margin:0 2% 10px 2%;}
.d-frlink a::after{right:20px;}
/*review*/
#d-revbox a{width:42%;text-align:center;display:inline-block;padding:10px;}
/*最近チェック*/
.check-box{width:33.33%;}
}
@media screen and (min-width:600px){
/*wd-edit wd-spec*/
#wd-edit,#wd-spec{padding:0 10px 10px 10px;}
/*セレクトボタン*/
#wd-edit .op_button_area label{min-width:19%;margin:5px;padding:8px;}
/*pass入力*/
#d-pass input{width:70%;margin:0 auto 10px auto;}/*margin-bottom:10px;リセットされれてしまうので再設定*/
/*cart*/
#d-cart{width:70%;margin:auto;}
/*お気に入り*/
/*各種アイコン＋リンク*/
#d-send{width:80%;margin:auto;}
/*wd-text*/
#wd-text img{margin-bottom:20px;}
/*wd-spec*/
#wd-spec caption{border-radius:8px;}
/*特集リンク*/
.d-frlink{width:50%;margin:0 auto 10px auto;}
.d-frlink a::after{right:20px;}
/*review*/
#d-revbox a{width:30%;text-align:center;display:inline-block;padding:15px;}
/*最近チェック*/
.check-box{width:33.33%;}
}
@media screen and (min-width:801px){
#wd-box{max-width:840px;height:auto;margin:auto;}
/*セレクトボタン*/
#wd-edit .op_button_area label{min-width:12%;margin:5px;}
/*pass入力*/
#d-pass input{width:60%;}
/*cart*/
#d-cart{width:50%;}
/*各種アイコン＋リンク*/
#d-send{width:60%;}
/*特集リンク*/
.d-frlink{width:80%;}
.d-frlink a::after{right:15px;}
/*review*/
/*最近チェック*/
.check-box{width:20%;}
}
@media screen and (min-width:841px){
/*wd-text*/
#wd-text p,#wd-text img,#wd-text p#d-spbox,.d-warning{width:90%;max-width:840px;margin:0 auto 20px auto;}
#wd-text p#d-spbox{border-radius:10px;}
}
@media screen and (min-width:960px){
/*#wd-text img,#wd-text p{max-width:840px;margin:0 auto 15px auto;}
/*特集リンク*/
.d-frlink{width:70%;}
/*review*/
#d-revbox a{width:20%;text-align:center;padding:10px;}
/*最近チェック*/
.check-box{width:16.66%;}
}
@media screen and (min-width:1025px){
#main form{overflow:hidden;}
#main,#wd-box,#wd-edit,#wd-text,#wd-spec{overflow:hidden;}
#wd-box{float:left;max-width:600px;}
#wd-edit{float:right;width:calc(100% - 600px);height:auto;padding:0 2%;}
#wd-text{float:left;width:600px;height:auto;}
#wd-spec{width:calc(100% - 600px);height:auto;padding:0 2%;}
/*cart*/
#d-cart{width:100%;}
/*各種アイコン＋リンク*/
#d-send #s-spec{display:none;}
#d-send{width:100%;}
/*wd-text*/
#wd-text p,#wd-text img{width:100%;}
#wd-text p#d-spbox{margin:0 0 20px 10px;width:calc(100% - 10px);}
/*特集リンク*/
.d-frlink{width:90%;}
}
@media screen and (min-width:1280px){
#wd-box{max-width:840px;}
#wd-edit{width:calc(100% - 840px);padding:0 1%;}
#wd-text{width:840px;height:auto;}
#wd-spec{width:calc(100% - 840px);padding:0 1%;}
#d-cart, #d-pass input, #d-send,.fotorama, table{width:100%;}
/*pass入力*/
#d-pass input{width:100%;}
/*各種アイコン＋リンク*/
#d-send span,#d-send a{width:20%;}
#review-wrap{width:100%;clear:both;}
}
/*キャンペーン POPUP CSS*/
#camp_popup{display:flex;justify-content:center;position:fixed;top:0px;left:0px;right:0;bottom:0;z-index:9999;cursor:pointer;background-color:rgba(0, 0, 0, 0.5);}
.camp_inner{position:absolute;width:40%;text-align:center;min-width:320px;background-color:#fff;cursor:pointer;bottom:10%;animation:camp 2s ease;}
@keyframes camp {from {transform: translateY(50%);}to {transform:translateY(0%);}}
.camp_title{padding:10px;background:#27aae2;color:#fff;}
.camp_title::before,.camp_title::after{content:"";position:absolute;top:18px;right:10px;width:20px;height:2px;background-color:#fff;}
.camp_title::before{transform:rotate(45deg);}.camp_title::after{transform:rotate(-45deg);}
.camp_content{background:#fff;font-size:80%;}
.camp_content a{padding:30px 5px;color:#27aae2;text-align:center;text-decoration:underline dotted;font-weight:bold;}
.camp_content a::after{right:10px;}