/* スマホで非表示 */
.sp{
	display:none;
	}


/* ボックスの左右に確保する余白 */
.box1, .boxA,.boxC, boxD, .box2-inner, .box6,.box7,
	{padding-left: 10px;
	padding-right: 10px}

/* 各タイトル */
.midashi{
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	text-align: center;
	color: #000;
	font-size: 30px;
	font-weight: 700;
	vertical-align:middle;
	/*background-color: #663300;*/
}


.cate-title{
	background-color:#F60;
	font-size:25px;
	color:#FFFFFF;
	text-align:center;
	margin:auto auto;
	padding:5px;
	}



/* 概要 */

.gaiyou	{margin-bottom: 20px}

.gaiyou a	{display: block;
	/*border: solid 1px #dddddd;*/
	color: #00002e;
	background-color:#FFF;/*←追加箇所*/
	text-decoration: none;
	padding-bottom:10px;}


.gaiyou img	{max-width: 98%;
	height: auto;
	border: none;
	margin-top: 1%;
	margin-left:1%;
	margin-right:1%;
	/*margin-bottom: 15px;*/
	vertical-align: bottom}

/*商品名*/
.gaiyou h1	{
	margin-top: 0;
	color: #00002e;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 15px;
	line-height:19px;
	text-align:center;
	padding-bottom:15px;
	font-weight:bold;
	}

/*キャッチコピー*/
.gaiyou h2{
	font-size:18px;
	/*line-height:18px;*/
	color:#900;
	text-align:center;
	/*padding-bottom:15px;*/
	font-weight:normal;
	}

.gaiyou p	{margin-top: 0;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px}



/* 商品ページへ */
.lp-cart {
	font-size:20px;
	text-align:center;
	width:100%;
	padding-bottom:10px;
	padding-top:10px;
	margin:20px auto;
	font-weight:bold;
	color:#ffffff;
	background-color: #d6131a;
}
.lp-cart i	{margin-left: 10px}


/*カテゴリページへ */
.lp-cart2 {
	font-size:20px;
	text-align:center;
	width:50%;
	padding:10px;
	margin:0px auto 50px auto;
	font-weight:bold;
	border-radius:10px;
	color: #ffffff;
	background-color: #6C0;
}






/* 商品ページへ小 */
.lp-cart-small {
	font-size:1em;
	text-align:center;
	width:70%;
	margin:10px auto;
	font-weight:bold;
	color:#ffffff;
	background-color: #d6131a;
	border-radius: 10px;
	padding:10px;
	}


/* 価格 */
.price1 {font-size:1em;color:#000000;text-align:center;text-decoration:line-through;}
.price2 {font-size:1.1em;color:#000000;text-align:center;margin:0;font-weight:bold;}
.price3 {font-size:2em;color:#d50000;text-align:center;font-weight:bold;}
.price4 {font-size:1.2em;color:#d50000;text-align:center;font-weight:bold;}


/* 商品ページへ */
.other-bt {
	font-size:1.3em;
	text-align:center;
	width:70%;
	margin:20px auto;
	font-weight:bold;
	color:#ffffff;
	background-color: #009900;
	border-radius: 10px;
	padding:10px;
}





/* BOX2をバーの形にする */
.box2	{background-color: #fdefba;}



/* TOPに戻るボタン */

   #topbutton {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      bottom: 18px;   /* ←下端からの距離 */
      right: 18px;    /* ←右端からの距離 */
      width: 7em;     /* ←横幅 */

      /* ▼最初は非表示にしておく */
      display: none;

      /* ▼配色・配置・文字の装飾など */
      background-color: #a40000; /* ←背景色 */
      opacity: 0.75;             /* ←透明度 */
      border-radius: 24px;       /* ←角丸の半径 */
      text-align: center;    /* ←文字の位置 */
      font-size: 120%;       /* ←文字サイズ */
      font-weight: bold;     /* ←文字の太さ */
      margin: 0px;    /* ←外側の余白 */
      padding: 10px;  /* ←内側の余白 */
   }
   #topbutton a {
      /* ▼リンクの装飾 */
      color: white;          /* ←文字色 */
      text-decoration: none; /* ←下線なし */
   }
   #topbutton a:hover {
      /* ▼マウスが載ったときの装飾 */
      color: yellow;              /* ←文字色 */
      text-decoration: underline; /* ←下線あり */
   }



/* もっと商品を見るボタン */

.buttom{
	display: block;
	margin: auto;
	padding-bottom:50px;
	}

.right-banner{
	position:fixed;
	position:absolute;
	right:2px;
	top:60px;
	}



/* ########### 600px以上 ########### */
@media (min-width: 600px) {

/* 概要を横に並べる設定 */
.boxA-1:after	{content: "";
	display: block;
	clear: both}

.boxA-1 .gaiyou	{float: left;
	width: 50%}

.boxA-1 .gaiyou:nth-child(odd)
	{padding-right: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear: both}

.boxA-1 .gaiyou:nth-child(even)
	{padding-left: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

}



/* ########### 1000px以上 ########### */
@media (min-width: 1000px) {

/* ボックスの左右に確保する余白 */
.box1, .boxA, .boxB, .boxC, .boxD, .box2-inner, .box6, .box7, .box8
	{width: 960px;
	margin-left: auto;
	margin-right: auto}

}


/* コピーライト */
.copyright p	{margin: 0;
	text-align: center;
	color: #666666;
	font-size: 14px}


/* BOX5をバーの形にする */
.box5	{padding-top: 15px;
	padding-bottom: 15px;
	background-color: #dddddd}


/* ボックスの左右 */
.boxA, .box6, .box7, .box8
	{padding-left: 15px;
	padding-right: 15px;}


/* ボックスの上下 */
.boxA, .box6, .box7, {
	padding-top: 20px;
	padding-bottom: 10px}


.box6	{padding-top: 20px}

.box6-1, .box6-2, .box6-3
	{padding-bottom: 10px}


.box7	{
	/* [disabled]padding-top: 20px; */
}

.box7-1, .box7-2, .box7-3, .box7-4
	{
	padding-bottom: 10px;
}

.box8	{padding-top: 20px}
.box8-1, .box8-2
	{
	padding-bottom: 10px;
}

 .box6, .box7, box8{
	 text-align:center
	 }
	 
/*ナビボタン*/


#rightnavi{
	z-index:1000000;
	}
#nabi-top {
    position: fixed;
	right:0%;
    top: 146px;
	z-index:1000000;
}

#nabi-no1 {
    position: fixed;
	right:0%;
    top: 176px;
	z-index:1000000;
}
#nabi-no2 {
    position: fixed;
	right:0%;
    top: 213px;
	z-index:1000000;
}
#nabi-no3 {
    position: fixed;
	right:0%;
    top: 250px;
	z-index:1000000;

}
#nabi-ink {
    position: fixed;
	right:0%;
    top: 287px;
	z-index:1000000;

}

#nabi-no4 {
    position: fixed;
	right:0%;
    top: 324px;
	z-index:1000000;
}
#nabi-no5 {
    position: fixed;
	right:0%;
    top: 361px;
	z-index:1000000;

}
#nabi-no6 {
    position: fixed;
	right:0%;
    top: 398px;
	z-index:1000000;

}
#nabi-no7 {
    position: fixed;
	right:0%;
    top: 435px;
	z-index:1000000;
}

#nabi-no8 {
    position: fixed;
	right:0%;
    top: 472px;
	z-index:1000000;
}


#nabi-last {
    position: fixed;
	right:0%;
    top: 509px;
	z-index:1000000;

}



/* ########### 768px以上 ########### */
@media (min-width: 768px) {

/* BOX6-1、BOX6-2、BOX6-3を横に並べる設定 */
.box6:after	{content: "";
	display: block;
	clear: both}

.box6-1	{
	float: left;
	width: 32%;
	margin-right: 1%
}

.box6-2	{float: left;
	width: 32%;
	margin-right: 2%}

.box6-3	{float: left;
	width: 32%}

/* BOX7を横に並べる設定 */
.box7:after	{content: "";
	display: block;
	clear: both}

.box7-1	{float: left;
	width: 24%;
	margin-right: 1%}

.box7-2	{float: left;
	width: 24%;
	margin-right: 1%}

.box7-3	{float: left;
	width: 24%;
	margin-right: 2%}

.box7-4	{float: left;
	width: 24%}



/* BOX8を横に並べる設定 */
.box8:after	{content: "";
	display: block;
	clear: both}

.box8-1	{float: left;
	width: 48%;
	margin-right: 4%}

.box8-2	{float: left;
	width: 48%}



.price1 {font-size:1em}
.price2 {font-size:1.2em}
.price3 {font-size:25px;}



#rstSearch{
	display:none;}

.boxD{
	display:none;}


/* 商品ページへ小 */
.lp-cart-small {
	font-size:0.8em;
	text-align:center;
	width:70%;
	margin:10px auto;
	font-weight:bold;
	color:#ffffff;
	background-color: #d6131a;
	border-radius: 10px;
	padding:10px;
	}

}


/* ########### 1000px以上 ########### */
@media (min-width: 1000px) {

/* 全体の横幅を固定 */

 .box8
	{width: 960px;
	margin-left: auto;
	margin-right: auto}


 .box7
	{width: 960px;
	margin-left: auto;
	margin-right: auto}


 .box6
	{width: 960px;
	margin-left: auto;
	margin-right: auto}


 .box6 h1{
	 font-size:1.1em;
}


#main {
	background-image: url(https://www.rakuten.ne.jp/gold/onestep/contents/ssale/images/);
	background-size: 100% auto;
    background-position: right left;
	/*background-position: padding-top: 500px;
	background-attachment: fixed;*/


}




}


/* ########### 767px以下 ########### */

@media (max-width: 767px) {


/*.gaiyou a:hover	{box-shadow: 0 0 10px #dddddd}
*/

.iframe{
	display:none;}		


.boxC{
	display:none;}
	
	
#rightnavi{
	display:none;}


/* BOX7を横に並べる設定 */
.box7:after	{content: "";
	display: block;
	clear: both}

.box7-1	{float: left;
	width: 49%;
	margin-right: 2%}

.box7-2	{float: left;
	width: 49%;}

.box7-3	{float: left;
	width: 49%;
	margin-right: 2%}

.box7-4	{float: left;
	width: 49%;}


.midashi{
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	text-align: center;
	color: #000;
	font-size: 20px;
	line-height:23px;
	font-weight: 700;
	vertical-align:middle;
	/*background-color: #663300;*/
}


/*ヘッダーメニュー*/


.menu  li {padding:0;
	font-size: 20px;
	width:50%;/*デフォルト100%*/
	overflow:hidden;
	float:left;/*追加箇所*/
	border-bottom:solid 1px #edb918}

/* ボックスの上下 */
.boxB{
	padding-top: 20px;
	margin-bottom:0px;
	margin: 0 auto;
}

.gaiyou	{margin-bottom: 0px}

.gaiyou h1	{
	font-size:0.8em;
	line-height:1em;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
}


.gaiyou h2{
	font-size:1em;
	line-height:1em;
	color:#900;
	text-align:center;}

/* 価格 */
.price2 {font-size:0.8em}

.price3 {
	font-size:1em;color:#d50000;text-align:center;font-weight:bold;/*line-height:1.1em*/}
.price4 {
	font-size:1.2em;color:#d50000;text-align:center;font-weight:bold;/*line-height:1.4em*/}


/* 商品ページへ */
.lp-cart {
	font-size:1em;
	line-height:1em;
	text-align:center;
	width:80%;
	padding-bottom:5px;
	padding-top:5px;
	margin:20px auto;
	font-weight:bold;
	color:#ffffff;
	background-color: #d6131a;
}
.lp-cart i	{margin-left: 10px}


/* 商品ページへ小 */
.lp-cart-small {
	font-size:0.8em;
	text-align:center;
	width:70%;
	margin:10px auto;
	font-weight:bold;
	color:#ffffff;
	background-color: #d6131a;
	border-radius: 10px;
	padding:10px;
	}

.cate-title{
	background-color:#F60;
	font-size:1em;
	color:#FFFFFF;
	text-align:center;
	margin:auto auto;
	padding:5px;
	}



.right-banner{
	display:none;
	}

.buttom{
	width:100%;
	}




.box1{
	display:none;
		}
		
		
body{
	position:absolute;top:50px;}

}