@charset "Shift_JIS";
/* レスポンシブ関連
-------------------------------------------*/
@media screen and (min-width:769px){
.sp{
	display:none !important;
}
.mg_b{
	margin-bottom:10px;
}
.mg_t{
	margin-top:10px;
}


/* 基本設定
-------------------------------------------*/
*{
	margin:0;
	padding:0;
}
body{
	font-size:12px;
	line-height:15px;
	word-break:break-all;
	color:#000000;
	background:url(/img/bk01.gif) repeat-x;
}
img{
	max-width:100%;
	height:auto;
	margin:0px;
	border:none;
	vertical-align:middle;
	-ms-interpolation-mode:bicubic;
}

/* テキストリンク: */
a:link{color:#333333;text-decoration:underline;}
a:visited{color:#333333;text-decoration:underline;}
a:active{color:#ff9900;text-decoration:none;}
a:hover{color:#ff9900;text-decoration:none;}
/* テキストリンク白 */
.white a:link{color:#ffffff;text-decoration:none;}
.white a:visited{color:#ffffff;text-decoration:none;}
.white a:active{color:#ffff00;text-decoration:underline;}
.white a:hover{color:#ffff00;text-decoration:underline;}
/* テキストリンク黄色 */
.yellow a:link{color:#fff700;text-decoration:none;}
.yellow a:visited{color:#fff700;text-decoration:none;}
.yellow a:active{color:#ffffff;text-decoration:underline;}
.yellow a:hover{color:#ffffff;text-decoration:underline;}
/* テキストリンク赤 */
.red a:link{color:#CC0033;text-decoration:none;}
.red a:visited{color:#CC0033;text-decoration:none;}
.red a:active{color:#ff9900;text-decoration:underline;}
.red a:hover{color:#ff9900;text-decoration:underline;}
/* 文字の強さ */
strong{
	color:#CC0033;
	font-weight: bold;
}
strong.black{
	color:#000;
	font-weight: bold;
}
strong.white{
	color:#FFF;
	font-weight: bold;
}
strong.yel{
	color:#FF9000;
	font-weight: bold;
}


/* 基本大枠
-------------------------------------------*/
/* ヘッダー */
#Header{
	width:935px;
	height:72px;
	margin:5px auto;
	background: url(/img/bn_soryo.gif) no-repeat 250px 13px;
}
/* メイン画像 */
#Main_Img{
	width:100%;
	height:282px;
	background:url(/img/bk02.gif) repeat-x;
}
/* ベース */
#Base{
	width:1000px;
	margin:0 auto;
}
/* 左 */
#Base #Left{
	width:190px;
	float:left;
}
#Base #Col_left{
	width:190px;
	background:url(/img/bk03.gif) repeat-y left;
	border-bottom:#000000 5px solid;
}
/* メインエリア */
#Base #Col_main{
	width:610px;
	margin-left:10px;
	float:left;
	display:inline;
}
/* 右 */
#Base #Col_right{
	width:180px;
	margin-left:10px;
	float:left;
}
/* フッター */
#Footer{
	width:1000px;
	margin:0 auto 10px;
}

/* Header ロゴ、ヘッダー、ナビ
-------------------------------------------*/
/* ロゴ */
#Header h1{
	width:244px;
	margin:0 20px 0 0;
	float:left;
	display:inline;
}
/* SEO */
#Header marquee{
	width:400px;
	margin:0 0 2px 0;
	font-size:12px;
	float:right;
	text-align:right;
}
/* 送料 */
#Header img{
	float:left;
}
/* メインメニュー */
#Header .header_nav{
	width:415px;
	height:38px;
	float:right;
	margin:8px 0 0 0;
}
#Header .header_nav ul{
	width:220px;
	float:left;
	font-size:0;
	margin: 5px 0 0;
	line-height:0;
}
#Header .head_cart{
	float:right;
}
#Header .header_nav li{
	width:110px;
	height:20px;
	list-style-type: none;
	display:inline-block;
}
#Header li a:hover{
	background-position:0 -13px;
}
/*-----見出しなどのアイコン-----*/
h2{
	padding:10px 0;
	background:#000000;
	color:#ffffff;
	text-align:center;
	font-size:18px;
	margin:15px 0 5px;
}

/* Col_left メニュー
-------------------------------------------*/
#Col_left ul{
	width:185px;
	margin:0 0 10px 5px;
	padding:9px 0 0 0;
	background: url(/img/bk_camenu.gif) no-repeat top;
	list-style-type: none;
}
#Col_left li{
	width:177px;
	padding:5px 0 7px 8px;
	background: url(/img/bk_ca.gif) no-repeat bottom;
}
/* コスチューム */
#Col_left h3{
	width:180px;
	height:14px;
	margin:0 0 5px 0;
}
#Col_left .Cos{
	margin:0 0 0 10px;
}
#Col_left .Cos img{
	margin:0;
	float:left;
}

#Col_left img{
	margin:0 0 5px 10px;
}
.BN_left{
	width:190px;
	font-size:0;
}
.BN_left li{
	width:190px;
	display:block;
	margin:10px 0 0;
}
.BN_left li img{
	width:100%;
}

/* Col_main内の枠設定
-------------------------------------------*/
/* バナー */
#Col_main .BN{
	width:610px;
}
/* ニュース */
#Col_main .News{
	width:610px;
	margin:5px 0 15px 0;
}
/* カテゴリメニュー */
#Col_main .Category{
	width:610px;
	margin:0 0 20px 0;
	border-top:#898989 1px solid;
	float:left;
}

/* BN バナー
-------------------------------------------*/
.BN p{
	text-align:center;
}
.BN_mini{
	width:610px;
	font-size:0;
	margin:0 0 10px;
}
.BN_mini li{
	width:300px;
	display:inline-block;
	font-size:12px;
	margin:5px 10px 0 0;
	text-align:center;
}
.BN_mini li:nth-child(2n){
	margin-right:0;
}
.BN_mini li img{
	width:100%;
	margin:0 0 5px 0;
}

/* News 新着
-------------------------------------------*/
/* ニュース */
.News01{
	width:298px;
	float:left;
	height:146px;
	overflow:hidden;
	border:#CC0134 1px solid;
}
.News01 iframe{
	width:298px;
	height:146px;
}
#Banner{
	float:left;
	margin-left:10px;
	width:300px;
}
#Banner img{
	width:100%;
}

/* Gensen 厳選
-------------------------------------------*/
/* タイトル */
.Gensen h3{
	width:595px;
	padding:0 0 0 15px;
	margin:15px 0 5px 0;
	background: url(/img/icon01.gif) no-repeat left center;
	font-size:16px;
	color:#845F11;
}
/* 商品 */
.Gensen{
	width:610px;
	display:flex;
	flex-wrap:wrap;
	margin:0 0 20px 0;
}
.Gensen dl{
	vertical-align:top;
	width:calc(100% / 4);
	height:220px;
	text-align:center;
	float:left;
}
.Gensen dl dt{
	width:90%;
	padding:2px;
	border:1px solid #cccccc;
	margin:0 auto;
}
.Gensen dl dt img{
	width:100%;
}
.Gensen dl dd p{
	margin:2px auto 5px;
	font-size:12px;
	line-height:16px;
	word-break:break-all;
	overflow-wrap:break-word;
}
.Gensen dl dd strong{
	font-size:16px;
	display:block;
}

/* Category カテゴリメニュー
-------------------------------------------*/
/* タイトル */
.Category h3{
	width:595px;
	margin:10px 0 5px 0;
	padding:0 0 0 15px;
	font-size:12px;
	background: url(/img/icon02.gif) no-repeat left center;
}
.Category p{
	margin:0 0 0 15px;
}


/* Col_right内の枠設定
-------------------------------------------*/
/* 人気ランキング */
#Col_right .Ranking{
	width:180px;
	margin:0 0 10px 0;
}
/* ご利用案内 */
#Col_right .Info{
	width:180px;
}


/* Sale 企画商品
-------------------------------------------*/
.Sale{
	margin:10px 0;
	background:#eee;
}
.Sale_item{
	float:left;
	width:174px;
	height:102px;
	margin-top:5px;
	padding:3px;
}
.Sale_item img{
	float:left;
	width:100px;
	height:100px;
	border:1px solid #444444;
}
.Sale_item dl{
	float:left;
	width:69px;
	height:102px;
	margin-left:3px;
	text-align:right;
}
.Sale_item dt{
	height:85px;
	text-align:left;
	word-break:break-all;
	overflow-wrap:break-word;
}
.Sale_item dd strong{
	font-size:15px;
}
#Sale_block{
	float:left;
	display:block;
	width:174px;
	height:32px;
	margin-bottom:5px;
	padding:3px;
	text-align:center;
}


/* Info 利用案内
-------------------------------------------*/
/* タイトル */
.Info h3{
	width:180px;
	height:28px;
	margin:0 0 5px 0;
}
.Info h4{
	width:170px;
	height:14px;
	margin:0 0 5px 0;
}
/* テキスト */
.Info .text{
	width:170px;
	padding:5px;
	margin:0 0 5px 0;
	background:#E5E5E5;
}

/* Footer
-------------------------------------------*/
#Footer p{
	width:610px;
	margin:10px 0 0 200px;
	padding:10px 0 0 0;
	text-align:center;
	border-top:1px solid #898989;
	line-height:20px;
	float:left;
}
#Footer p img{
	vertical-align:middle;
	margin:0 5px 0 10px;
}
/* 定型
-------------------------------------------*/
iframe{
	border:0;
}

.t-image{
	width:610px;
	margin:0 0 15px 0;
}

.com{
	width:610px;
	line-height:30px;
}

.Q-title{
	width:580px;
	margin:0 0 5px 0;
	padding:0 0 0 15px;
	font-weight:bold;
	background: url(/img/icon01.gif) no-repeat center left;
	color:#845F11;
	font-size:15px;
}

.Q-com{
	width:580px;
	padding:0 15px 15px 15px;
}
div.Q-com p {
	padding: 0 0 12px 0;
	margin: 0;
}

/* 通販法表記 メアド住所
-------------------------------------------*/

.tb-tuhan a{
	color:#000;
}

/* 子ページ内のメアド
-------------------------------------------*/
.com a{
	color:#000;
}

.Q-com a{
	font-weight:bold;
	color:#E01D23;
}

/* 子ページ内の▼とページトップのリンク
-------------------------------------------*/
.up{
	width:610px;
	text-align:right;
}

.sankaku{
	width:200px;
	text-align:center;
	margin:5px;
}


/* 子ページ内のリストの指定
-------------------------------------------*/
#sys_page ul{
	margin:5px 0 0 0;
	padding-left:15px;
	list-style-type:none;
}
#sys_page h3{
	margin:0;
}
.cate_navi{
	margin:0 0 10px 0;
}
#sys_page a:link,
#sys_page a:visited,
#sys_page a:hover,
#sys_page a:active{
	text-align:left;
}

/* 期間限定イベント
-------------------------------------------*/
#bn_limited_event{
	margin-bottom:10px;
}

/* ゴールデンウィーク
-------------------------------------------*/
.gw_eigyou{
	width:582px;
	height:32px;
	background:#CC0033;
	padding:20px 12px 0 12px;
	margin:0 2px 5px 2px;
	text-align:center;
	border-bottom:5px solid #000;
}
.gw_eigyou p{
	font-size:30px;
	color:#fff;
	font-weight:bold;
}

.gw_eigyou strong{
	color:#FAFF32;
}