charset "UTF-8";"

body	{margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	color: #333;
	
	}

img	{border: 0}

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






/* 概要 */

.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: 14px;
	line-height:19px;
	text-align:center;
	padding-bottom:15px;
	font-weight:bold;
	}

/*キャッチコピー*/
.gaiyou h2{
	font-size:17px;
	line-height:22px;
	color:#2b2b2b;
	text-align:center;
	/*padding-bottom:15px;*/
	font-weight: bold;
	}

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



/* 商品ページへ */
.lp-cart {
	font-size:25px;
	text-align:center;
	width:100%;
	padding-bottom:10px;
	padding-top:10px;
	margin:20px auto;
	font-weight:bold;
	color:#ffffff;
	background-color: #2c2c2c;
}
.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:0.7em;color:#000000;text-align:center;margin:0;font-weight:bold;}
.price3 {font-size: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
	 }
	 

/* ########### 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:0.8em}
.price3 {font-size:20px;}





/* 商品ページへ小 */
.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;
}



}


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

@media (max-width: 767px) {

/* 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%;}






/* ボックスの上下 */
.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*/}


/* 商品ページへ */
.lp-cart {
	font-size:1.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;
	}


.buttom{
	width:100%;
	}

		
}