@charset "euc-jp";
/* CSS Document */


/************************************************* 共通 CSS *************************************************/

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

html {font-size: 62.5%;}

/* 画面サイズが768px以下の場合に適用 */
@media (max-width: 768px) {
	
html {font-size: 62.5%;}

}


/********* body *********/

body {
background-color: #ffffff;
background-repeat:repeat-x;
margin:0px;
padding:0px;
font-size:16px;
line-height:24px;
color:#000000;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
text-align:left;
}



body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#fff;  /* 背景カラー */
  z-index: 9999;  /* 一番手前に */
  pointer-events: none;  /* 他の要素にアクセス可能にするためにポインターイベントは無効に */
  opacity: 0;  /* 初期値 : 透過状態 */
  -webkit-transition: opacity .8s ease;  /* アニメーション時間は 0.8秒 */
  transition: opacity .8s ease;
}

body.fadeout::after {
  opacity: 1;
}


/* 画面サイズが768px以下の場合に適用 */
@media (max-width: 768px) {
	
body {
drop-initial-size:14px;
font-size:1.4rem;
line-height:20px;
-webkit-text-size-adjust: 100%;/**スマホの縦と横で文字の大きさが変わらない**/
}
	
}


/********* H tag *********/

h1{display:none;}

h2{
margin: 0px;
padding: 0px;
font-weight: normal;
}

h3,h4,h5{
margin: 0px;
padding: 0px;
font-weight: normal;
}

/********* etc *********/

strong{font-weight:100;}

img{
border:0px;
}

figure{
	margin:0px;
}

dl, dt, dd, ol,ul,li{
margin: 0;
padding: 0;
border: 0;
outline: 0;
list-style-type:none;
}

p{
margin:0px;
padding:0px;
}

.clear{
clear:both;
height:0px;
visibility: hidden;
text-align:center;
background-color:#eeeeee;
}

.seo{display:none;}/*SEO用隠しテキスト*/



/*********　clearfix　*********/

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*********　リンク設定　*********/

A {text-decoration: none; }
A:link { color: #000000; } 
A:visited { color: #000000; } 
A:hover { color: #FF6600; } 
A:active { color: #ff0000; } 




/*****************************メインコンテンツ*****************************/

.mein_contents_waku{
  width:1200px;
  padding:0px 20px;
  margin:0px auto 50px auto;
}




/* 画面サイズが768px以下の場合に適用 */
@media (max-width: 768px) {
	
.mein_contents_waku{
  display: flex;
  flex-flow: column;
  width:98%;
  margin:0px auto 15px auto;
}
	
}



/*****************************トップ画像*****************************/

.top_img_waku{
	width:100%;
	height:auto;
	margin-bottom:30px;
}


.top_img_waku img{
	width:100%;
	height:auto;
}




/*****************************商品枠*****************************/

.product_waku{
	width:100%;
	height:auto;
	padding:20px 20px;
	margin-bottom:10px;
	border:1px solid #999;
	border-radius:10px;
	display:flex;
	flex-direction: row;
}

/* 画面サイズが768px以下の場合に適用 */
@media (max-width: 768px) {
	
.product_waku{
	width:100%;
	height:auto;
	padding:10px 10px;
	margin-bottom:10px;
	border:1px solid #999;
	border-radius:10px;
	display:flex;
	flex-flow: column;
}	
	
}


/*****************商品左枠****************/

.product_left{
	width:730px;
	height:auto;
	margin-right:20px;
}



.product_name{
	width:100%;
	height:auto;
	line-height:50px;
	font-size:24px;
	font-weight:bold;
}

.product_set{
	width:auto;
	height:auto;
	padding:8px 30px;
	margin-right:15px;
	color:#fff;
	background-color:#0333d0;
	border-radius:5px;
}

.product_img{
	width:100%;
	height:auto;
}


.product_img img{
	width:100%;
	height:auto;
}


/* 画面サイズが768px以下の場合に適用 */
@media (max-width: 768px) {

.product_left{
	width:100%;
	height:auto;
	margin-right:3%;
}



.product_name{
	width:100%;
	height:auto;
	line-height:24px;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}

.product_set{
	width:auto;
	height:auto;
	padding:2px 5px;
	margin-right:5px;
	color:#fff;
	background-color:#0333d0;
	border-radius:5px;
}

.product_img{
	width:100%;
	height:auto;
}


.product_img img{
	width:100%;
	height:auto;
}

	
}


/*****************商品右枠****************/

.product_right{
	width:370px;
	height:auto;
}

/* 画面サイズが768px以下の場合に適用 */
@media (max-width: 768px) {
	
.product_right{
	width:100%;
	height:auto;
}

}

/**通常価格…**/

.product_pr_01{
	width:100%;
	height:auto;
	margin-top:10px;
	margin-bottom:5px;
	font-size:16px;
	color:#666;
}

/* 画面サイズが768px以下の場合に適用 */
@media (max-width: 768px) {
	
.product_pr_01{
	font-size:12px;
	text-align:center;
	margin-bottom:2px;
}
	
}


/**通販価格…**/

.product_pr_02{
	width:100%;
	height:auto;
	margin-bottom:10px;
	display:flex;
	flex-direction: row;
}

.product_pr_02_01{
	width:40%;
	height:auto;
	font-size:18px;
	font-weight:bold;
	color:#ff0000;
	text-align:right;
}

.product_pr_02_02{
	width:40%;
	height:auto;
	font-size:24px;
	font-weight:bold;
	color:#000;
	text-align:right;
}

.product_pr_02_03{
	width:20%;
	height:auto;
	font-size:18px;
	font-weight:bold;
	color:#000;
	text-align:right;
}

/* 画面サイズが768px以下の場合に適用 */
@media (max-width: 768px) {
	
.product_pr_02{
	width:100%;
	height:auto;
	margin-bottom:5px;
	display:flex;
	flex-direction: row;
}

.product_pr_02_01{
	width:50%;
	font-size:14px;
}

.product_pr_02_02{
	width:30%;
	font-size:12px;
}

.product_pr_02_03{
	width:20%;
	font-size:12px;
	text-align:left;
}	
	
}


/**送料**/

.product_pr_03{
	width:100%;
	height:auto;
	margin-bottom:10px;
	display:flex;
	flex-direction: row;
}

.product_pr_03_01{
	width:40%;
	height:auto;
	font-size:18px;
	color:#666;
	text-align:right;
}

.product_pr_03_02{
	width:40%;
	height:auto;
	font-size:18px;
	color:#666;
	text-align:right;
}

.product_pr_03_02r{
	width:40%;
	height:auto;
	font-size:18px;
	font-weight:bold;
	color:#ff0000;
	text-align:right;
}

.product_pr_03_03{
	width:20%;
	height:auto;
	font-size:18px;
	color:#666;
	text-align:right;
}

/* 画面サイズが768px以下の場合に適用 */
@media (max-width: 768px) {

.product_pr_03{
	width:100%;
	height:auto;
	margin-bottom:5px;
	display:flex;
	flex-direction: row;
}

.product_pr_03_01{
	width:50%;
	font-size:12px;
}

.product_pr_03_02{
	width:30%;
	font-size:12px;
}

.product_pr_03_02r{
	width:30%;
	font-size:12px;
}

.product_pr_03_03{
	width:20%;
	font-size:12px;
	text-align:left;
}	
}


/**代引手数料**/

.product_pr_04{
	width:100%;
	height:auto;
	margin-bottom:10px;
	display:flex;
	flex-direction: row;
}

.product_pr_04_01{
	width:40%;
	height:auto;
	font-size:18px;
	color:#666;
	text-align:right;
}

.product_pr_04_02{
	width:40%;
	height:auto;
	font-size:18px;
	color:#666;
	text-align:right;
}

.product_pr_04_02r{
	width:40%;
	height:auto;
	font-size:18px;
	font-weight:bold;
	color:#ff0000;
	text-align:right;
}

.product_pr_04_03{
	width:20%;
	height:auto;
	font-size:18px;
	color:#666;
	text-align:right;
}

/* 画面サイズが768px以下の場合に適用 */
@media (max-width: 768px) {
	
.product_pr_04{
	width:100%;
	height:auto;
	margin-bottom:5px;
}

.product_pr_04_01{
	width:50%;
	font-size:12px;
}

.product_pr_04_02{
	width:30%;
	font-size:12px;
}

.product_pr_04_02r{
	width:30%;
	font-size:12px;
}

.product_pr_04_03{
	width:20%;	
	font-size:12px;
	text-align:left;
}	
	
}


/**お支払い合計金額**/

.product_pr_05{
	width:100%;
	height:auto;
	padding-top:10px;
	border-top:1px solid #666;
	margin-bottom:5px;
	display:flex;
	flex-direction: row;
}

.product_pr_05s{
	width:100%;
	height:auto;
	padding-top:10px;
	border-top:1px solid #666;
	margin-bottom:50px;
	display:flex;
	flex-direction: row;
}

.product_pr_05_01{
	width:40%;
	height:auto;
	font-size:18px;
	font-weight:bold;
	color:#0b5adc;
	text-align:right;
}

.product_pr_05_02{
	width:40%;
	height:auto;
	font-size:24px;
	font-weight:bold;
	color:#000;
	text-align:right;
}

.product_pr_05_03{
	width:20%;
	height:auto;
	font-size:18px;
	font-weight:bold;
	color:#000;
	text-align:right;
}


/* 画面サイズが768px以下の場合に適用 */
@media (max-width: 768px) {

.product_pr_05{
	width:100%;
	height:auto;
	padding-top:10px;
	border-top:1px solid #666;
	margin-bottom:15px;
}

.product_pr_05s{
	width:100%;
	height:auto;
	padding-top:10px;
	border-top:1px solid #666;
	margin-bottom:15px;
	display:flex;
	flex-direction: row;
}

.product_pr_05_01{
	width:50%;
	height:auto;
	font-size:14px;
	font-weight:bold;
	color:#0b5adc;
	text-align:right;
}

.product_pr_05_02{
	width:30%;
	height:auto;
	font-size:16px;
	font-weight:bold;
	color:#000;
	text-align:right;
}

.product_pr_05_03{
	width:20%;
	height:auto;
	font-size:12px;
	font-weight:bold;
	color:#000;
	text-align:left;
}
	
}




.kome{
	font-size:12px;
	color:#cc0052;
	margin-bottom:10px;
}



/**カートに入れるボタン**/

.product_pr_06{
	width:100%;
	height:auto;
	text-align:right;
}

.product_pr_06 a img:hover{
    -webkit-filter: opacity(75%);
    -moz-filter: opacity(75%);
    -o-filter: opacity(75%);
    -ms-filter: opacity(75%);
    filter: opacity(75%);
}

/* 画面サイズが768px以下の場合に適用 */
@media (max-width: 768px) {

.product_pr_06{
	width:100%;
	height:auto;
	margin:0px auto;
	text-align:center;
}

.product_pr_06 img{
	width:100%;
	height:auto;
}
	
}




/**ウインドウを閉じるボタン**/
.close{
	display:none;
	/*
	width:100%;
	height:auto;
	margin:30px 0px;
	text-align:center;
	*/
}

.close a img:hover{
    -webkit-filter: opacity(75%);
    -moz-filter: opacity(75%);
    -o-filter: opacity(75%);
    -ms-filter: opacity(75%);
    filter: opacity(75%);
}


/* 画面サイズが768px以下の場合に適用 */
@media (max-width: 768px) {
	
.close{
	display:block;
	width:60%;
	height:auto;
	margin:30px auto;
	text-align:center;
}

.close img{
	width:100%;
	height:auto;
}

}


/**ページの先頭へ戻るボタン**/
.top{
	width:100%;
	height:auto;
	margin:30px 0px;
	text-align:center;
}

.top a img:hover{
    -webkit-filter: opacity(75%);
    -moz-filter: opacity(75%);
    -o-filter: opacity(75%);
    -ms-filter: opacity(75%);
    filter: opacity(75%);
}


/* 画面サイズが768px以下の場合に適用 */
@media (max-width: 768px) {
	
.top{
	display:none;
}

}