@charset "utf-8";

/* ---------------------------------------------------------------------------------- common*/
body{text-align:center; margin-top:0;}
img{margin:0; padding:0;}
#container{margin:0 auto;width:852px;text-align:left;}






/* ---------------------帯広告の指定 */

body{
	/*zoom: 1;*/
    position: relative;
	}
@media screen and (max-width: 1180px) {
 .fix-banner,.fix-banner-left{
	 display:none;
 }
}

/*-- とりあえず消してあとから対処 --*/
img[src="https://www.rakuten.ne.jp/gold/loupe-studio/img/parts/ship-free01.gif"]{display:none!important;}

/*----カレンダー設定----*/
table.calbase_rakuten{
	margin-bottom:5px;
}
table.calframe_rakuten{
	width:189px!important;
}
table.calframe_rakuten{
	width:168px!important;
}
table.calframe_rakuten td{
	height:20px!important;
}
table.event_rakuten{
	width:168px!important;
}
#ptop{position: fixed;
display: block;
bottom: 82px;
right: 2px;
width: 78px;
height: 41px;
background: url(https://www.rakuten.ne.jp/gold/loupe-studio/cart/page_icon.png) no-repeat;/* --*/
  z-index: 10000;
}

#ttop{position: fixed;
display: block;
bottom: 41px;
right: 2px;
width: 78px;
height: 41px;
background: url(https://www.rakuten.ne.jp/gold/loupe-studio/cart/index_icon.png) no-repeat;/* --*/
  z-index: 10000;
}

#fav-in{position: fixed;
display: block;
bottom: 0px;
right: 2px;
width: 78px;
height: 41px;
background: url(https://www.rakuten.ne.jp/gold/loupe-studio/cart/bmk_icon.png) no-repeat;/* --*/
  z-index: 10000;
}


body#index{margin-top:70px;}

/*----ランキングの設定----*/
.ranking{overflow:auto;
width:180px;
height:800px;
padding: 1px 5px;
}


/* ---------------------headerのiframe */

#header-item{
background:#FFF;
width:860px;
padding: 0px;
margin:0px;
/*margin-top:50px;*/
display: block;

/*height:810px;*/
}

.header0{
margin-left:5px;
padding: 5px 0 0;
width:840px;
height:80px;
}
/*通常:80px;*/
/*通常:80px＋天候遅延;*/
/*休業＋通常:115px;*/
/*通常:135px＋天候遅延;*/
/*休業:30px;*/
/*休業＋バナー:120px;*/
/*遅延＋バナー:120px;*/
/*ウイルス対策:95px;*/
/*マラソン・スーパーSALE:170px;*/
/*header-news0*/



.smp-coupon ul{
 float:left;
}

.smp-coupon li img{
 float:left;
 width:33%;
 height:auto;
 padding-right:5px;
 box-sizing:border-box;
}


#header-item .menu1{
margin:0px;
padding: 0px;
width:852px;
height:0px;
}

#header-item .header1{
margin:0px;
padding: 0px;
width:852px;
height:485px;
line-height:0;
}
/* header-icon1.html 本館のおすすめ商品ヘッダー*/


#header-item .header2{
margin:0px;
padding: 0px;
width:852px;
height:350px;
line-height:0;
/* header-t-icon1.html 工具館のおすすめ商品ヘッダー*/


}

#header-item .header3{
margin:0px;
padding: 0px;
width:852px;
height:630px;
/* header-k-icon1.html こども館のおすすめ商品ヘッダー*/

}

#header-item .header4{
margin:0px;
padding: 0px;
width:852px;
height:210px;
line-height:0;

}
/* header-k-icon1.html ギフト館のおすすめ商品ヘッダー*/




#header-item .header5{
margin:0px;
padding: 0px;
width:852px;
/*height:350px;*/
 height:0px;
 line-height:0;
}

#header-item .header6{
margin:0px;
padding: 0px;
width:852px;
/*height:350px;*/
 height:0px;
 line-height:0;
}


/* ---------------------leftのiframe */

.left-menu{
padding: 5px 0 0;
width:190px;
height:980px;
}
/*left-menu*/


/* --------------------------------
   画像置換指定
  --------------------------------- */
#logo a,.cart-in a,#global_navi a,#search p,.left-nav h2 a,.left-nav p a,.left-nav p{
	overflow:hidden;display:block;text-decoration:none;border:none;
}

/* --------------------------------
   ナビ利用のListリセット
  --------------------------------- */
#top-nav,#global_navi,#nav ul{
	margin:0;padding:0;list-style:none;
}


/* --------------------------------
   子要素float
  --------------------------------- */

#container,#head,#content,#main_content,#foot{
	overflow:hidden;_zoom:1;
}

/* --------------------------------
   背景読込み要素
  --------------------------------- */

/*	  #head,#top-nav a,#global_navi a,#search,#search p,.left-nav,.left-nav p,.left-nav h2 a,.left-nav p a,.left-nav li{
	background:url(../img/parts/ls_navs_parts_v01-n-3150.png) 0 0 no-repeat;
}*/



#head,#top-nav a,#global_navi a,#search,#search p,.left-nav,.left-nav p,.left-nav h2 a,.left-nav p a,.left-nav li{
	background:url(https://www.rakuten.ne.jp/gold/loupe-studio/img/parts/ls_navs_parts_v01.png) 0 0 no-repeat;
}



/* --------------------------------
   見出し系背景
  --------------------------------- */
.left-nav{margin:8px 0;background-position:100% -196px;}

/*見出し系子要素*/
#cat-nav,#event-nav,#info-nav{margin:0;padding:34px 0 0;height /**/:34px;height: /*ie6*/0;}

/* --------------------------------
   透過リンク
  --------------------------------- */
#banner-area a:hover,#campaign a:hover,#ln-cat h2 a:hover,#ln-cat p a:hover{
	zoom:1;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}


/* --------------------------------
   共通利用クラス
  --------------------------------- */

.max{width:100%;}

.note1{margin:10px 0;}

ul.max {
width:570px;
padding: 0 0 10px 0;
list-style:inside;
list-style-type: square;
}

ol.max {
width:570px;
padding: 0 0 10px 0;
list-style:inside;
list-style-type: decimal;
}

ol.max li,ul.max li {padding: 0 0 -5px 0;}

dl.max dt{margin:10px 0 3px 0;font-size:120%;font-weight:bold; color:#fff; background-color:#3d230c;padding:3px 0 3px 20px;}
.cl{margin:5px 0 0;clear:both;border:none;}
.r{color:#990000;}
.g{color:#004D2D;}
.b,.blue{color:#0000AA;}
.bold{font-weight:bold;}
.right{clear:both;text-align:right;display:block;padding:5px 10px 0 0;}

.red{color:#CC0001;}
.s1{font-size:120%;}
.s2{font-size:110%;}
.s3{font-size:105%;}
.s4{font-size:80%;}
.keyr{font-size:65%;color:#CC0001;}
.key{font-size:65%;color:#666666;}
.d1{padding:5px 0 -5px 0;clear:both;color:#663300;font-size:130%;font-weight:bold;}
/* .d1{padding:5px 0 -5px 0;clear:both;color:#0000AA;font-size:130%;font-weight:bold;}*/
.brwb{color:#64311A;font-size:120%;font-weight:bold; margin:10px 0 -3px 0;}
.brwsb{color:#64311A;font-size:80%;font-weight:bold; margin:10px 0 -5px 0;}
.bb{color:#0000AA;font-size:110%;font-weight:bold; margin:10px 0 0 0;}
.rb{color:#CC0001;font-size:115%;font-weight:bold; margin-top:10px;}
.pb{color:#FF0084;font-size:120%;font-weight:bold; margin:10px 0 -5px 0;}
.psb{color:#FF0084;font-size:80%;font-weight:bold;}.ppb{color:#933BFF;font-size:120%;font-weight:bold;}
.ppb{color:#933BFF;font-size:120%;font-weight:bold;}

/*wrappingページ用*/
.wrapping{
	font-size:80%;
	line-height: 150%;}

/* ---------------------------------------------------------------------------------- head*/
/* ------
※記号があるところを変更する。通常時＋追加するバナーの高さ
★通常時
◎イベント時（季節の）
------*/
#head{margin:0;height:auto;width:852px;position:relative;overflow:hidden;z-index:100;;clear:both;}

#headSpacer,#head-spacer{margin:0;padding:0;width:800px;display:block;}

#logo{margin:0 0 0 5px;padding:0;height:75px;width:490px;float:left;}
#logo a{margin:0;padding:75px 0 0;height /**/:75px;height: /*ie6*/0;width:490px;}

#top-nav{padding:0 3px 0 0;width:345px;float:right;font-size:9pt;}
#top-nav li{margin:0 3px 0 0;padding:7px 0 0 0;float:left;}
#top-nav a{padding:0 0 0 11px;color:#FFFFFF;background-position:-1453px -37px;}

#top-nav .cart-in{padding:0;float:right;}
/*Chromeだけに適用されるCSSハック*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#top-nav .cart-in{
		margin-top: -19px;
	}
}

#top-nav .cart-in a{padding:29px 0 0;height /**/:29px;height: /*ie6*/0;width:114px;background-position:1464px 230px;}
#top-nav .cart-in a:hover{background-position:-929px 0;}

/*************************/

#global_navi{width:100%;clear:both;}
#global_navi li{margin:0 1px 0 0;padding:0;float:left;}
#global_navi a{padding:50px 0 0;height /**/:50px;height: /*ie6*/0;width:104px;}

#global_navi .gn01{background-position:0 -216px;width:107px;}
#global_navi .gn02{background-position:-35px -216px;}
#global_navi .gn03{background-position:-142px -216px;}
#global_navi .gn04{background-position:-249px -216px;width:112px;}

#global_navi .gn01:hover,#global_navi .gn02:hover,#global_navi .gn03:hover,#global_navi .gn04:hover{background:none;}



#topBnr{}
#topBnr2{}

/* ---------------------------------------------------------------------------------- content*/
#content{margin:0;width:850px;clear:both;}

.mb_msg{font-size:120%;}
.mb_msg span{font-weight:bold;color:#900;}

.toimc{
    border: 2px solid #000;
    padding: 5px 10px;
    font-size: .85em;
}



/* ---------------------------------------------------------------------------------- main-content*/

#main_content{width:650px;float:right;}
/* #main_content{width:650px;float:right;}*/
#main_content hr{width:95%;}
#i-content{width:600px;line-height:125%;}
#item-info{font-size:90%;}

#itmInf{width:640px;height:630px;display:block;}
#itmInfShipping{width:640px;height:540px;display:block;}
#itmInf_all{width:100%;height:750px;display:block;}


#index #main_content td{background:#FFF;}

/* ---------------------------------------------------------------------------------- nav*/


#nav{width:190px;font-size:90%;float:left;}
#c-nav{width:190px;font-size:90%;float:left;}

#search{margin:0;padding:0 2px 5px;border:1px solid #6ba854;background-position:-1090px 0;text-align:right;}
#search p{margin:0 0 5px;padding:29px 0 0;height /**/:29px;height: /*ie6*/0;background-position:-901px -32px;}
#search input{margin:0 5px;}
#search .txt{width:165px;}

/* ------------------ h-nav*/

#h-sch{
	background:url(https://image.rakuten.co.jp/loupe-studio/cabinet/guide/h-search.gif) 0 0 no-repeat;
	margin:0px;padding:10px 0px 5px 40px;background-position:-3px 0px 0px 0px;text-align:left;}
#h-sch input{margin:-10px 0px 10px 95px;}
#h-sch .txt{width:460px;margin-top:0px;display: block;float:left;}
#h-sch .search-btn{margin:0px 0px 10px 10px;display: block;float:left;}





.mini-icon{margin-left: 10px;text-decoration:none;border:none;}

#banner-area li{margin:5px 0 0;padding:0;}


/*banner-area banner表示・非表示(display: none;)設定 */
/* キャンペーン */
.nv-asuraku{}
.nv-10pt{}
.nv-supersale{display: none;}
.nv-marason{display: none;}

/* 特集 */
.nv-nyuugaku{display: none;}
.nv-undoukai{display: none;}
.nv-supersale{display: none;}
.nv-summer-vacation{display: none;}
.nv-bouhan{display: none;}
.nv-osyougatu{display: none;}
.nv-mothers{display: none;}
.nv-fathers{display: none;}
.nv-keirou{display: none;}
.nv-xmas{display: none;}


#campaign li{margin:5px 0 0;padding:0;}

.left-nav{border-bottom:3px solid #CCCCCC;}
.left-nav ul,.left-nav h2,.left-nav .etc{margin:0;padding:0;border-left:3px solid #CCCCCC;border-right:3px solid #CCCCCC;}
.left-nav li{margin:0;padding:0;background-position:-400px 100%;border-bottom:1px solid #CCCCCC;}
* html .left-nav li{background-position:-403px 100%;}
.left-nav li:hover{background-position:-582px 100%;}
.left-nav a{padding:5px;display:block;}



/*left-nav 見出し*/
#cat-nav{width:93px;background-position:-929px -126px;}
#event-nav{width:90px;background-position:-1174px -126px;}
#info-nav{width:147px;background-position:-1025px -126px;}



/*トップレベルカテゴリ*/
#ln-cat a{padding:5px 7px 5px 30px;line-height:1.2em;font-size:80%;}
#ln-cat h2 a,#ln-cat p a{padding:25px 0 0;height /**/:25px;height: /*ie6*/0;}

#ln-cat .koubai a{background-position:0 -126px;}
#ln-cat .ryote a{background-position:-185px -126px;}
#ln-cat .katate a{background-position:-370px -126px;}
#ln-cat .okigata a{background-position:-555px -126px;}
#ln-cat .mobile a{background-position:-740px -126px;}
#ln-cat .telescope a{background-position:0 -152px;}
#ln-cat .etc a{background-position:-185px -152px;}
#ln-cat .etc{background:none;}

.qr-link{width:190px;}
.qr-link p{margin:5px 0;padding:3px;background:#EEE;font-size:75%;line-height:140%;}

#calendar{width:190px;}

#calendar iframe{height:535px;width:190px;}


/* ---------------------------------------------------------------------------------- foot*/
#foot{margin:10px auto 0;width:852px;clear:both;font-size:90%;position:absolute;z-index:100;padding-bottom:30px;}

.review_pre{margin:5px 0;}
.review_pre a{border:none;}
.review_pre img{width:850px;}



/*中身はインライン側で指定*/
#footer{height:800px;width:852px;}


#rakutomo{margin:5px auto;padding:3px;width:790px;border:1px solid #ccc;}
#rakutomo p a{padding:0;background:#fff;}

.local_nav{text-align:center;}
.local_nav a{margin:3px;padding:0 3px;}

#copy{padding:3px 0;border-top:2px solid #004D2D;text-align:right;font-size:90%;color:#999;}

/* ---------------------------------------------------------------------------------- side-content*/
#gold-side-content{position:absolute;top:0;margin:0 0 0 855px;width:70px;z-index:1;}/*=ゴールドページ用=*/
#c_side-content{position:absolute;top:143px;margin:0 0 0 855px;width:70px;z-index:1;}/*=カテゴリページ用=*/
#side-content{position:absolute;top:120px;margin:0 0 0 855px;width:70px;z-index:1;}/*=商品ページ用=*/

/* --------- メール便の可不可バナー/ItemImg_chg---------*/

#MailBin img
{visibility:visible;height:90px;width:630px;}



/*商品ページ下部の「ご注文はこちら」ボタン*/
div.crhere{
width:320px;
margin:50px 135px;
/* margin:5em auto;*/
}

/*価格部分の微調整*/
table#rakutenLimitedId_cart{
margin-bottom:20px;
}


/*プルダウンの項目の微調整*/

span.choice {
font-size: 14px;
text-align: left;
font-weight: bold;
width: 420px;
padding: 9px;
color: #483027;
display: block;
margin-top: 5px;


}
.option_select span.choice{
background-image: url(https://image.rakuten.co.jp/loupe-studio/cabinet/guide/cartcheck.gif);
background-repeat: no-repeat;
}

span.inventory_title {
display: block;
font-size: 15px;
margin-top: 5px;
}



table #normal_basket_10015162{
width: 500px;
background-image: url(https://image.rakuten.co.jp/loupe-studio/cabinet/guide/cartselect-2.gif);
background-repeat: no-repeat;
/**/
}


/* 悪影響があるので外します。
select {
margin-bottom: 10px;
display: block;
width: 260px;
background-color: #fff;
position: relative;
border: 1px solid #c0c0c0;
}
*/


/* ----------------------------------------------------------------*/
/*ピックアップフッター*/

.footer-item{
margin:0px;
padding: 0px;
width:850px;
height:1000px;
}

.kids-footer-item{
margin:0px;
padding: 0px;
width:850px;
height:2900px;
}



.gift-footer-item{
margin:0px;
padding: 0px;
width:850px;
height:1710px;
}

/* ----------------------------------------------------------------*/
.newskey{
width:550px;
font-size:110%;
margin:10px auto;
padding:10px;
background:#eee;}

/* newsページ用など */


div#news {
	width:590px;
	margin:0 auto;
    line-height:120%;
	color:#222;
    font-size:90%;}


/* -------fix バナー---------------------------*/

.fix-banner{
	position:fixed;
	height:520px; 	/*top:450px;*/
	width:80px;
	right:0;
	top:40%;/*top:25%;*/
	margin-top:-180px;
	z-index:999;
}

.fix-banner-left{
  position: fixed;
  height: 650px;
  width: 120px;
  left: 0;
  top:40%;
  margin-top: -180px;
  z-index:999;
}

.footer-banner-bg{
  width: 840px;
  bottom:20px;
  height: 100px;
  margin: 0 auto;
  position: relative;
}
input[type="checkbox"].on-off {
  display: none;
}
.footer-banner{
  position: fixed;
  bottom:0;
  left: 0;
  height: 0px; /*height: 80px; ★バナー表示するとき*/
  right: 0;
  transition: .5s;
  width: 100%;
  z-index: 9001;
}
.footer-banner::before,.footer-banner::after {
	position: absolute;
	display: block;
	content: '';
	background: rgb(250,190,0);
	width: calc( (100% - 840px) / 2 );
	height: 100%;
	top: 0;
}
.footer-banner::before {
	left: 0;
	border-top: 1px solid rgb(185,142,6);
	border-bottom: 1px solid rgb(185,142,6);
	box-sizing: border-box;
}
.footer-banner::after {
	right: 0;
	border-top: 1px solid rgb(222,177,11);
}
.footer-banner-img{
  position: absolute;
  bottom: 0;
}
.footer-banner-if{
  position: absolute;
  bottom: 0;
  width: 840px;
  height: 100px;
}
.close-btn{
  background: rgb(185,142,6);
  border-radius: 50%;
  bottom: 90px;
  cursor: pointer;
  height: 25px;
  position: absolute;
  right: -20px;
  width: 25px;
  transition: .5s;
}
.close-btn:hover{
	opacity:.8;
}
.close-btn::before{
  border: 8px solid transparent;
  border-top: 10px solid #fff;
  content: "";
  display:block;
  height: 0;
  left:5px;
  position: absolute;
  top:9px;
  width: 0;
}

input[type="checkbox"].on-off:checked ~ .footer-banner {
  bottom: -70px;
}
input[type="checkbox"].on-off:checked ~ .footer-banner .close-btn {
  transform: rotate(-180deg);
}
/*
* html #fix5,* html #fix1, * html #fix2 , * html #fix3, * html #fix4{ position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); margin-left:expression(0 - parseInt(this.offsetWidth / 2) + (document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft) + 'px'); }
*/



/* clearFix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

#rank_new{display:none;}



/* relBTN */
a.relBtn {
    position: relative;
    box-sizing: border-box;
    display: flex;
    height: 70px;
    width: 610px;
    margin-bottom: 10px;
    padding-left: 65px;
    border: 5px solid;
    background: #ddd;
    font-size: 1.2em;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    -webkit-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    align-items: center;
    overflow: hidden;
}

a.relBtn:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 60px;
    top: 0;
    background: #000;
    transition: .3s;
}
a.relBtn:hover:before {
    width: calc(100% - 60px);
    background:#FFF;
}

a.relBtn span {
position: relative;
    background: url(//www.rakuten.ne.jp/gold/loupe-studio/img/common/search_loupe.png) calc(100% + 100px) 50% no-repeat;
    background-size: 1.2em;
    display: block;
    transition: .4s;
    padding-right: calc(1.2em + 5px);
    box-sizing: border-box;
    width: 100%;
    min-height: 1.2em;
}

a.relBtn:hover span {
    color: #333;
    background-position: right 5px center;
}

.jan{
    font-size:.8em;
    color:#666;
}

.relLink{
    border: 2px solid #ccc;
    display: block;
    margin-bottom: 20px;
    padding: 10px;
    padding-left: 0;

    font-size: .9em;


}
.relLink::before{
    content:"関連カテゴリ";
    padding: 5px 10px;
    background: #ccc;
    display: block;
    box-sizing: border-box;
    font-size: .7em;
    position: absolute;
    margin: -30px 0 0 -2px;
}



.relLink a{
    font-weight: bold;
    margin-left:10px;
}