@charset"euc-jp";


/****************************************
よく使う設定
****************************************/

/* PC用セール看板の高さ調整（通常時：550px   お知らせ：640px ※目安値）*/
.salekanban iframe { height:640px; }

/* 固定フッターの表示(表示はheightを86px、非表示はheightを0に) */
div#wrapFootBanner iframe { width:100%; height:86px; }

/* バナーのモーダル表示設定（下記2パターンから選択） */
input#modal + label div {
	/*width:300px;*/                 /*画像の横幅（300×250）*/
	/*margin:-100px 0 0 -150px;*/    /*画像の位置（300×250）*/
	width:500px;                     /*画像の横幅（830×390）*/
	margin:-100px 0 0 -250px;        /*画像の位置（830×390）*/
}


/****************************************
※ 以下なるべく触らないように
****************************************/

/*--------------------------------
header
--------------------------------*/


#wrapHeadPC { width: 1100px; margin: 0 auto; }
/*#wrapHeadPC { width: 100%; margin: 0 auto; }*/
#wrapHeadSMP { display: none; }

/* スマホヘッダー設定 */
#kanban { text-align:center; padding:9px 5px 10px 5px; background:#ffffff; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; overflow:hidden; }
#kanban img { width:100%; }
#kanban #search { float:left; width:6%; margin:2% 0 0 2%; }
#kanban #cart { float:left; width:6%; margin:2% 0 0 2%; }
#kanban #logo { float:left; width:40%; margin:0 14% 0 14%; }
#kanban #menu { float:right; width:14%; margin:2% 2% 0 0; }
#shipping { background:#3d3734; color:#ffffff; padding:6px 5px; text-align:center; font-size:0.7em; font-weight:bold; }

/* 検索ボタン周り */
/*.search { background:#cccccc; overflow:hidden; padding:1.6% 27%; }
.searchText { width:75.5%; height:17px; border:1px solid #999999; float:left; border-radius:0; font-size:0.7em; -webkit-appearance:none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
.searchBtn { width:19.6%; float:right; border-radius:0; }*/

.search { background:#cccccc; overflow:hidden; padding:1.6% 13%; }
.searchText { width:70.5%; height:17px; border:1px solid #999999; float:left; border-radius:0; font-size:0.7em; -webkit-appearance:none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
.searchBtn { width:23.5%; float:right; border-radius:0; }

/*--------------------------------
side navi
--------------------------------*/

.navi01 { width: 135px; margin-right: 25px; float: left; }
.navi01 iframe { width: 135px; height: 7500px; }
.navi02 { width: 170px; margin-right: 70px; float: left; }
.navi02 iframe {  width: 170px; height: 7500px; }

/*--------------------------------
footer
--------------------------------*/

#wrapFootPC { width: 1100px; margin: 0 auto; }
#wrapFootSMP { display: none; }

/*--------------------------------
fixed foot banner area
--------------------------------*/

div#wrapFootBanner { width:100%; position:fixed; bottom:0; left:0; z-index:10001; /*background-color:rgba(61,55,52,0.5);*/ text-align:center; }

/*--------------------------------
warp buttons
--------------------------------*/

#couponPC { position:fixed; bottom:190px; right:20px; font-size:0.9em; z-index:1; }
#couponPC a { opacity:0.9; filter:alpha(opacity=90); -ms-filter:"alpha( opacity=90 )"; background:#ec2a2b; text-decoration:none; color:#ffffff; width:100px; padding:10px 0; text-align:center; display:block; border-radius:5px; }
#couponPC a img { width:30%; margin-bottom:5px; }
#couponPC a:hover { text-decoration:none; opacity:0.75; filter:alpha(opacity=75); -ms-filter:"alpha( opacity=75 )"; }
#couponSMP, #couponSMP a { display:none; }

#page-top { position:fixed; bottom:100px; right:20px; font-size:0.9em; z-index:1; }
#page-top a { opacity:0.9; filter:alpha(opacity=90); -ms-filter:"alpha( opacity=90 )"; background:#766a63; text-decoration:none; color:#ffffff; width:100px; padding:10px 0; text-align:center; display:block; border-radius:5px; }
#page-top a:hover { text-decoration:none; opacity:0.75; filter:alpha(opacity=75); -ms-filter:"alpha( opacity=75 )";}
#page-top a img { width:30%; margin-bottom:5px; }

/*--------------------------------
modal window banner
--------------------------------*/

input#modal { display:none; }
input#modal + label { width:100%; height:120%; position:fixed; top:0; bottom:0; left:0; right:0; z-index:2147483646; background:rgba(0,0,0,0.5); cursor:pointer; }
input#modal + label div img { width:100%; }
input#modal + label div::before { content:"・ Close"; position:absolute; bottom:-30%; right:50%; margin:0 -60px 0 0; font-size:2em; font-weight:bold; color:#ffffff;
}
input#modal:checked + label { display:none; }
input#modal + label div a:hover img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }

input#modal + label div {
	position:fixed; top:50%; left:50%; background:none; border:none;
}

/*--------------------------------
rakuten template setting
--------------------------------*/

/* 2重価格TABLE */
table .pr2_t { width: 740px; font-size: 12px; line-height: 1.3; margin: 10px 0; border: 1px #009A82 solid; border-right: none; border-bottom: none; border-collapse: separate; border-spacing: 0; }
table .pr2_tth, table.pr2_ttd { border: 1px #009A82 solid; border-left: none; border-top: none; padding: 7px; }
table .pr2_tth { text-align: left; font-weight: normal; white-space: nowrap; }
table .pr2_ttr .pr_cp { color: #00463B; background-color: #ffffcc; padding: 10px 15px; }
table .pr2_tdiv .pr_cp_p { margin-top: 5px; font-weight: bold; font-size: 18px; }
div .pr2_txt { width: 740px; font-size: 11px; line-height: 1.3; margin-bottom: 15px; }

/*Safariだけに適用されるCSSハック*/
@mediascreenand(-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, .css_selector { background-color: LightSteelBlue; }
}

/*ChromeとOperaのみだけに適用されるCSSハック*/
_::content, _:future, .css_selector:not(*:root) { background-color: ForestGreen; }

/*IE10以降に適用されるCSSハック（一応）*/
@mediaalland(-ms-high-contrast:none) {
.css_selector { background-color:LightSkyBlue; }
}

/*IE11だけに適用されるCSSハック*/
@mediaalland(-ms-high-contrast:none) {
*::-ms-backdrop, .css_selector { background-color: LightSkyBlue; }
}

/*firefox適用*/
@-moz-documenturl-prefix() {
selector { width:xxxx; …. }
}

/*セール看板*/
body { margin: 0; padding: 0; }
.salekanban iframe { text-align: center; margin-bottom:20px; }

/*　サブカテゴリ表示　*/
span.subcategory_list { color: #FFFFFF; font-size: 80%; text-indent: -9999px; }
.subcategory_list { display: block; width: 100%; height: 100%; text-align: center; text-decoration: none; font-size: 1px; padding: 10px 0px 10px 4px; color: #5E504A; margin-bottom: 3px; }
a.subcategory_list:link { color: #5E504A; font-size: 11px; display: block; background-color: #FFFFFF; border: 1px solid #5E504A; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
a.subcategory_list:visited { color: #5E504A; font-size: 11px; background-color: #FFFFFF;  border: 1px solid #5E504A; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
a.subcategory_list:active { color: #5E504A; font-size: 11px; background-color: #FFFFFF; border: 1px solid #5E504A; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
a.subcategory_list:hover { color: #ffffff; text-decoration: underline; font-size: 11px; background-color: #5E504A; border: 1px solid #5E504A; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

/* パンくず */
td.sdtext {color: #5E504A; font-size: 12px; padding: 1px;}
td.sdtext a{color: #5E504A; font-size: 12px; text-decoration:none; padding: 1px;}
td.sdtext a:hover{color: #ff1111; font-size: 12px; text-decoration:underline; padding: 1px;}
td.breadcrumbs_list { color: #5E504A; font-size: 12px; text-decoration:none; padding: 1px;}
.breadcrumbs_list a:link { color: #5E504A; font-size: 12px; text-decoration:none; padding: 1px;}
.breadcrumbs_list a:visited { color: #5E504A; font-size: 12px; text-decoration:none; padding: 1px;}
.breadcrumbs_list a:active { color: #5E504A; font-size: 12px; text-decoration:none; padding: 1px;}
.breadcrumbs_list a:hover { color: #ff1111; font-size: 12px; text-decoration:underline; padding: 1px;}

/*「このショップの人気商品ランキング」 幅調整*/

#rnkInShopPartsArea { width: 750px !important; }
#rnkInShopWrapper { width: 750px; }

/*「この商品を買った人は、こんな商品にも興味を持っています」 幅調整*/
#rakutenLimitedId_inshop_recommend { width: 750px !important; }
#rakutenLimitedId_inshop_recommend .titleH2 { width: 740px !important; height: 40px !important; line-height: 40px !important; margin: 0 !important; padding: 0 0 0 8px !important; font-size: 12px !important; color: #000 !important; background-color: #EEE !important; border: 1px #CCCCCC solid !important; font-weight: normal !important; }
#rnkInShopTitle { width: 740px !important; height: 40px !important; line-height: 40px !important; margin: 0 0 8px 0 !important; padding: 0 0 0 8px !important; font-size: 12px !important; color: #000 !important; background-color: #EEE !important; border: 1px #CCCCCC solid !important; font-weight: normal !important; position: static; }
#rnkInShopTitleImg img { float: left !important; padding: 0px 5px 0px !important; visibility: hidden; }
#rnkInShopDuration { margin: 0 !important; height: auto !important; font-size: 14px !important; text-align: right !important; padding-top: 5px !important; line-height: 1.2 !important; color: #000000 !important; font-size: 10px !important; }

/* 共通説明文（大）のセンタリング設定*/
/* td.exT_sdtext { text-align: center; } */

/* 210212 */
td.exT_sdtext{
	text-align: left;
}

/* マトリクス肥大化によるレイアウト崩れ対策 */
#rakutenLimitedId_aroundCart{
	max-width: 850px;
}
/****************************************
使っていない設定
****************************************/

/* .kotirakara, kotirakara a:link, .kotirakara a:visited, .kotirakara a:hover, .kotirakara a:active { font-family: "ヒラギノ角ゴProW3", "HiraginoKakuGothicPro", "メイリオ", Meiryo, Osaka, "ＭＳＰゴシック", "MSPGothic", sans-serif; color: #300; text-decoration: none!important; }

/* 210225 */

#wrapContents .innerWrap{
	display: flex;
	justify-content: space-between;
}
#wrapContents .navi02{
	float: none!important;
	margin: 0;
}
#wrapContents .contents{
	float: none!important;
	margin: 0;
	max-width: 850px;
}