@charset "UTF-8";

/*2019.5.09ヘッダー修正*/


/* HTMLタグリセット
*********************************** */
html {
	-webkit-text-size-adjust: 100%;
}
body, div, pre, p, blockquote, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, table, th, td, embed, object {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0px;
	color: #333;
	font: 14px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
}
h1, h2, h3, h4, h5, h6, address {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
table, th, td {
	font: 14px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
}
table {
	border-collapse:collapse;
}
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ol {
	list-style: none outside none;
	margin: 0;
	padding: 0 0 0 0;
}
fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}
dl {
	margin: 0px;
	padding: 0px;
}
a {
	text-decoration: none;
	color: #222;
}
.center {
	text-align: center;
}
.right {
	position: absolute;
	right:0;
	top:0;
}
/* clearfix
*********************************** */
.clfx {
	clear: both;
	zoom: 1;
	min-height: 1px
}
.clfx:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	margin-top: -1px;
	visibility: hidden
}
/* form関連
*********************************** */
form p {
	font-size: 100%;
}
input, textarea, select {
	font-size: 120%;
	padding: 10px 5px;
	border: 1px solid #999;
}
button, input {
	line-height:normal;
}
input:focus, input:hover {
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	border: 1px solid #ff7400;
	-moz-box-shadow: 0 0 2px #1ba5c7, transparent 0 0 0;
	-webkit-box-shadow: 0 0 2px #1ba5c7, transparent 0 0 0;
	box-shadow: 0 0 2px #1ba5c7, transparent 0 0 0;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing:border-box;
	padding:0;
	font-size:200%;
}
textarea {
	font-size: 120%;
	padding: 5px;
	height: 50px;
}
label, textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
input.text, select, textarea {
	font-size: 16px;
	color: #444;
	background-color: white;
}
form .must {
	display: inline-block;
	background-color: #ff7000;
	color: white;
	font-size: 11px;
	padding: 2px 5px;
	margin-left: 5px;
	border-radius: 2px;
	font-weight: bold;
	vertical-align: 0px;
	line-height: 1;
	text-shadow: none;
}
/* -------------------------------------
02. layout 
-------------------------------------*/
#wrapper {
	background: #edede5;
	color: #222 /*{c-body-color}*/;
	text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
	line-height: 1.5;
	padding:8px;
	background-image: url(../img/bg.png);
	-webkit-background-size: 12px 12px;
}
#wrapper2 {
	color: #222 /*{c-body-color}*/;
	text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
	line-height: 1.5;
	background-image: url(../img/bg.png);
	-webkit-background-size: 12px 12px;
	padding-bottom: 5px;
}
/* ----------------
sprite
---------------- */
#headernavi i, #footernavi i, #naviButton li div a i, a.kiyaku i, a.subwin i, .pcSite i, .mailnews i, .btnBlock i, .btn i, #pageNavi a i, #osusumeitem i, i.exclamation, #contentsNav2 a i, i.plus, i.minus, .pager i.prevIcon, .pager i.nextIcon, i.icon-grass, .chgAlert span, i.closeIcon, i.mypage {
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
	-webkit-background-size: 420px 200px;
}
/* ----------------
header
---------------- */
#header {
	height: 48px;
	position: relative;
}
#header .logo {
	position: absolute;
	top:10px;
	left: 10px;
}
#header div.stockLogo {
	float: left;
}
#header .logo a {
	-webkit-background-size: 195px 27px;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 195px;
	height: 27px;
	text-indent: -999px;
	overflow: hidden;
	display: block;
}
ul#headerlink {
	float: right;
	width: 95px;
}
#headerlink li {
	float: left;
	margin-left: 7px;
}
#headerlink li img {
	width: 37px;
	height: 35px;
}
#headerlink li a {
	/*-webkit-border-radius: 4px;
	border:1px solid #ddd;*/
	width: 37px;
	height: 35px;
	display: block;
}
#headernavi, #footernavi {
	margin-bottom: 0px;
	box-shadow:0px 1px 1px rgba(000, 000, 000, 0.2);
	-moz-box-shadow:0px 1px 1px rgba(000, 000, 000, 0.2);
	-webkit-box-shadow:0px 1px 1px rgba(000, 000, 000, 0.2);
	z-index: 1000;
}
#headernavi, #footernavi {
	width: 100%;
	text-align:center;
	background: -moz-linear-gradient(top, #ff8c00 0%, #ff4c00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff8c00), color-stop(100%, #ff4c00));
	background: -webkit-linear-gradient(top, #ff8c00 0%, #ff4c00 100%);
}
#headernavi ul li, #footernavi ul li {
	text-shadow: 0px 1px 1px rgba(235, 64, 0, 0.5);
	width: 25%;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	display: block;
	float: left;
}
#headernavi a, #footernavi a {
	color: #FFF;
	text-align: center;
	padding: 8px 0;
	border-left: 1px solid #ff9e00;
	border-right: 1px solid #ff3e00;
	display: block;
	line-height: 1;
	position: relative;
}
#headernavi .home a, #footernavi .home a {
	border-left: none;
}
#headernavi .cart a, #footernavi .cart a {
	border-right: none;
}
#headernavi i, #footernavi i {
	display: block;
	width:25px;
	height:22px;
	margin:0px auto 5px auto;
	vertical-align:-0.5em;
}
#headernavi .login i, #footernavi .login i {
	background-position: -25px 0;
}
#headernavi .like i, #footernavi .like i {
	background-position: -75px 0;
}
#headernavi .cart i, #footernavi .cart i {
	background-position: -50px 0;
}
#headernavi .mypage i, #footernavi .mypage i {
	background-position: -100px 0;
}
#headernavi .search i, #footernavi .search i {
	background-position: -125px 0;
}
#subHeadermenu {
	position: absolute;
	right:0;
}
#subHeadermenu div.cart a {
	display: block;
	overflow: hidden;
	text-indent: -999em;
	background-color: #fff7cf;
	background-image: url(../img/headerMenu.png);
	background-repeat: no-repeat;
	-webkit-background-size: 200px 50px;
	border-radius: 4px;
	height: 40px;
	width: 80px;
	margin: 5px 3px;
	background-position: 3px -5px;
}
#subHeadermenu div.cartin a {
	display: block;
	overflow: hidden;
	text-indent: -999em;
	background-color: #fff7cf;
	background-image: url(../img/headerMenu2.png);
	background-repeat: no-repeat;
	-webkit-background-size: 200px 50px;
	border-radius: 4px;
	height: 40px;
	width: 85px;
	margin: 5px 3px;
	background-position: 3px -5px;
}
#subHeadermenu div.menu {
	display: none;
}
/* ----------------
カート、欲しい物に入っている数
---------------- */
#subHeadermenu .cartnum {
	font-weight: bold;
	line-height: 1;
	display: inline-block;
	color: #111;
	font-size: 16px;
	position: absolute;
	right:52px;
	top:10px;
	z-index: 3;
	width: 1.5em;
	text-align: center;
}
#headerTouroku {
	top: 8px;
	right: 5px;
	position: absolute;
}
#headerTouroku a {
	line-height: 1;
	font-weight: bold;
	right: 10px;
	display: block;
	font-size: 12px;
	color: #ff4e00;
	padding: 10px 9px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 4px;
	border: 1px solid #ffbb50;
}
/* ----------------
footer
---------------- */

#footer {
	padding-bottom: 0.5em;
	text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
}
#authentication #footer {
	box-shadow: 0px 1px 2px 0px #ccc inset;
	padding-top:10px;
	margin-top: 35px;
	background-color: #f1f1f1;
	padding-bottom: 0.5em;
	text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
}
#footer_link ul {
	width: 100%;
	text-align: center;
	margin-bottom: 4%;
}
#footer_link ul li {
	display: inline;
	/*
    padding:0 2%;
    */
    /*
    margin:0 1%;
    */
	font-size: 0.7em;
	text-align: center;
}
#footer_link ul li.no_border a {
	border: none;
}
#footer_link ul li a {
	text-decoration: none;
	font-weight: bold;
	color: #666666;
	/*
    margin:0px 2px 0px 0px;
    */
	padding: 0px 1px 0px 0px;
	border-right: 1px solid #999999;
}
#pageNavi {
	position: relative;
	border-botom: 1px solid #d8d6ca;
	margin-bottom: 3px;
	box-shadow:
 0px 1px 2px rgba(000, 000, 000, 0.3);
	background: #9a968f;
}
#pageNavi a {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	padding: 12px 10px;
	display: inline-block;
}
#pageNavi a.home i {
	display: inline-block;
	width: 12px;
	height:12px;
	background-position: -315px 0;
	margin-right: 5px
}
#pageNavi p#toTop {
	position: absolute;
	right: 0;
	top:0;
}
#pageNavi a.pagetop i {
	display: inline-block;
	width: 14px;
	height:14px;
	background-position: -330px 0;
	margin-left: 5px;
	vertical-align: -3px;
}
#fnaviBlock {
	margin-bottom: 1em;
}
#fnaviBlock #homelink {
	text-align: center;
}
#fnaviBlock #homelink a {
	display: block;
	color: #FFF;
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 0;
	text-shadow: -0px -1px 0px #776b4a;
}
#fnaviBlock #homelink a span {
	background-image: url(../img/icon/home2.png);
	padding: 0 0 0 24px;
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-background-size: 16px 16px;
}
#copyright {
	width: 100%;
	text-align: center;
	font-size: 10px;
	margin: 2% 0;
}
#link_to_pc a {
	text-decoration: underline;
}
#footerOther {
	text-align:center;
}
#footerOther a {
	font-weight: bold;
	font-size: 12px;
}
#footerOther li {
	display: inline;
	padding : 0 0.5em;
}
.pcSite {
	text-align: center;
	margin: 12px 8px;
}
.pcSite a {
	line-height: 1;
	font-weight: bold;
	top:-44px;
	right: 10px;
	display: block;
	font-size: 12px;
	color: #666;
	padding: 10px 20px;
	background:#fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ccc;
}
.pcSite i {
	display: inline-block;
	width:17px;
	height:14px;
	margin:0px;
	margin-right: 5px;
	vertical-align:-0.25em;
	background-position: -200px top
}
/* ----------------
キャンペーンボタン
---------------- */

.cp-btn {
	text-align: center;
	margin-bottom: 12px;
}
.cp-btn a {
	line-height: 1;
	font-weight: bold;
	top:-44px;
	right: 10px;
	display: block;
	font-size: 12px;
	color: #666;
	padding: 10px 20px;
	background:#fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 2px solid #ef4ba2;
}
/*--------------------
コンテンツ一覧
-----------------------*/
#contentsNav {
	clear:both;
	border:1px solid #d8d6ca;
	-webkit-border-radius:6px;
	margin:10px 8px 0 8px;
}
#contentsNav .open {
	line-height: 1;
	display:block;
	font-size:15px;
	font-weight:bold;
	background-color:#edede5;
	padding:12px 13px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
}
#contentsNav ul li {
	width:50%;
	float:left;
	font-size:14px;
}
#contentsNav ul li a {
	background:#ffffff;
	display:block;
	font-weight:bold;
	border-top:1px solid #d8d6ca;
	background:url(../img/iconForward.png) no-repeat right center;
	-webkit-background-size:20px 14px;
	padding:13px 13px;
}
#contentsNav ul li:nth-child(even) a {
	border-left:1px solid #d8d6ca;
}
/* ----------------
ページ内設定
---------------- */
h1.pageTitle {
	font-size: 17px;
	font-weight: bold;
	padding: 10px 12px;
	color: #FFF;
	background: #ff6800;
	border-top:1px solid #ffab16;
	border-bottom: 1px solid #f16000;
	box-shadow:
 0px 1px 2px rgba(000, 000, 000, 0.3);
	-moz-box-shadow:
 0px 1px 2px rgba(000, 000, 000, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.8);
	-webkit-box-shadow:
 0px 1px 2px rgba(000, 000, 000, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.8);
	box-shadow:
 0px 1px 2px rgba(000, 000, 000, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.8);
	text-shadow:0px 1px 2px rgba(212, 64, 0, 0.5);
	background-color: -webkit-gradient;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff6c00), to(#ff9100));
	line-height: 1;
	position: relative;
	z-index: 5;
}
h1.pageTitle span {
	position: absolute;
	display: inline-block;
	right:14px;
	top:13px;
	font-size: 13px;
}
.midashiBlock {
	-webkit-box-shadow: 0px 2px 1px #ddd;
}
.midashiBlock h1 {
	font-size: 16px;
	font-weight: bold;
	padding: 5px 15px;
	color: #FFF;
	text-shadow: 0px 1px 1px #ce3600;
	background: -moz-linear-gradient(top, #ff6c00 0%, #ff9100);
	background: -webkit-gradient(linear, left top, left bottom, from(#ff6c00), to(#ff9100));
	margin-top: 5px;
	border-bottom: 1px solid #f16000;
	-webkit-box-shadow: 0px 2px 1px #ddd;
}
.midashiBlock h2 {
	font-weight: bold;
	padding: 4px 15px;
	color: #FFF;
	text-shadow: 0px 1px 1px #ff5400;
	background-color: -webkit-gradient;
	background: -moz-linear-gradient(top, #ffb517 0%, #ffb517);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffb517), to(#ffb517));
	border-bottom: 1px solid #ffae00;
}
.subBar {
	margin-top: 1.5em;
	margin-bottom: 5px
}
.sideMargin {
	margin: 0 15px;
}
.sideMargin p {
	font-size: 13px;
	margin-bottom: 1em;
}
.btnSide {
	padding-top: 7px;
	font-weight: bold;
	font-size: 14px;
	color: #ff6600;
}
.subTopic {
	border-bottom: 1px solid #ddd;
	padding: 4px 15px 6px 15px;
	margin-bottom: 1em
}
.subTopic2 {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 4px 15px 6px 15px;
	margin: 1em 0 0.5em 0
}
.note {
	margin: 12px 12px 0 10px;
	font-size: 12px;
	line-height: 1.4;
}
.note ul li {
	margin-bottom: 2px;
	padding-left: 1em; /*1em（1文字）分、右に動かす*/
	text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
}
.note ul li:before {
	content: ""
}
.note2 {
	font-size: 12px;
	margin-top: 5px;
}
h2.h2title {
	font-weight: bold;
	padding: 8px 15px;
	color: #FFF;
	text-shadow: 0px 0px 2px rgba(233, 79, 0, 0.9);
	background-color: #ffa300;
	border-bottom: 1px solid #ffae00;
	font-size:16px;
	line-height:1;
	background-repeat: no-repeat;
	-webkit-background-size: 30px 128px;
	background-position: 10px 0px;
}
/*ボタン指定*/
.btnMargin {
	text-align: center;
	margin: 8px auto 15px auto;
	width:300px;
}
div a.multibtn {
	margin: 5px 1em 0 1em;
	padding: 6px 16px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	-webkit-border-radius: 6px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	color: #222;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	-webkit-box-shadow: 0px 1px 1px #ccc;
}
a.multibtn2 {
	margin: 10px 1em 0 1em;
	padding: 8px;
	border-top: 1px solid #ff9999;
	border-bottom: 1px solid #b60000;
	-webkit-border-radius: 6px;
	-webkit-background-size: 25px 16px;
	text-shadow: -1px -1px 0px #b60000;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	display:block;
	-webkit-box-shadow: 0px 3px 3px #ccc;
	background-color: #dc0000;
	background-repeat: no-repeat;
	background-position: right center;
}
/*ボタン*/
a.cartbutton {
	font-size: 16px;
	line-height:1;
	font-weight:bold;
	color: #ffffff;
	padding: 15px 15px;
	background: -moz-linear-gradient( top, #faa9a9 0%, #f34747 50%, #dc0000 50%, #c50000);
	background: -webkit-gradient( linear, left top, left bottom, from(#faa9a9), color-stop(0.50, #f34747), color-stop(0.50, #dc0000), to(#c50000));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 0px solid #c50000;
	-moz-box-shadow:
 0px 1px 1px rgba(000, 000, 000, 0.3), inset 0px 0px 0px rgba(255, 255, 255, 0.5);
	-webkit-box-shadow:
 0px 1px 1px rgba(000, 000, 000, 0.3), inset 0px 0px 0px rgba(255, 255, 255, 0.5);
	box-shadow:
 0px 1px 1px rgba(000, 000, 000, 0.3), inset 0px 0px 0px rgba(255, 255, 255, 0.5);
	text-shadow:
 0px -1px 0px rgba(000, 000, 000, 0.2), 0px 0px 0px rgba(255, 255, 255, 0);
}
/*-----------------
優待ヘッダ
-------------------*/
#stockholder #header {
	padding: 6px 0px 2px 10px;
	height: 40px;
}
header p.logo {
	float: left;
	margin-top: 3px;
}
header div.stockLogo {
	float: left;
}
header p.logo a {
	-webkit-background-size: 195px 27px;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 195px;
	height: 27px;
	text-indent: -999px;
	overflow: hidden;
	display: block;
}
header div.stockLogo a {
	-webkit-background-size: 115px 35px;
	background-image: url(../img/yutai_logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 115px;
	height: 35px;
	text-indent: -999px;
	overflow: hidden;
	display: block;
}
header div.stock {
	-webkit-background-size: 100px 35px;
	background-image: url(../img/yutai.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 100px;
	height: 35px;
	text-indent: -999px;
	overflow: hidden;
	display: block;
	float: left;
}
ul#headerlink {
	float: right;
	width: 95px;
}
#headerlink li {
	float: left;
	margin-left: 7px;
}
#headerlink li img {
	width: 37px;
	height: 35px;
}
#headerlink li a {
	width: 37px;
	height: 35px;
	display: block;
}
#headerlink .toggle_container {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 40px;
	background-image: url(../img/fukidashi.png);
	-webkit-background-size: 30px 7px;
	background-repeat: no-repeat;
	background-position: right top;
	padding-top:7px;
	z-index: 120;
}
#headerlink .trigger img {
	cursor: pointer;
}
#headerlink .toggle_container ul li {
	float: none;
	margin-left:0;
}
#headerlink .toggle_container ul li a {
	display: block;
	height: auto;
	width: auto;
	padding: 8px 12px;
	background-color: #999;
	color:#FFF;
	/*text-shadow: 0px -1px 1px #444;*/
	border-bottom:1px solid #666;
	border-top:1px solid #ccc;
	font-weight:bold;
	background-image: url(../img/menu_bullet.png);
	-webkit-background-size: 20px 15px;
	background-repeat: no-repeat;
	background-position: right center;
}
#headerlink .toggle_container ul li a.mypage {
	border-top:none;
}
/*------------------------
マイページメニュー
------------------------*/
#mypageMenu {
	padding: 12px 0 0 0;
	z-index: 10;
}
#mypageMenu h3 {
	font-weight: bold;
	text-shadow: 0px 0px 2px rgba(233, 79, 0, 0.9);
	font-size:15px;
	line-height:1;
	background-repeat: no-repeat;
	-webkit-background-size: 30px 128px;
	background-position: 10px 0px;
	background: -moz-linear-gradient(top, #ff8c00 0%, #ff4c00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff8c00), color-stop(100%, #ff4c00));
	background: -webkit-linear-gradient(top, #ff8c00 0%, #ff4c00 100%);
	box-shadow:0px 1px 1px rgba(000, 000, 000, 0.2);
	-moz-box-shadow:0px 1px 1px rgba(000, 000, 000, 0.2);
	-webkit-box-shadow:0px 1px 1px rgba(000, 000, 000, 0.2);
}
#mypageMenu h3 i.mypage {
	display: inline-block;
	width: 18px;
	height:21px;
	background-position: -80px -70px;
	margin-right: 5px;
	vertical-align: -5px;
}
#mypageMenu h3 a {
	font-weight: bold;
	padding: 13px 10px 13px 20px;
	color: #FFF;
	text-shadow: 0px 0px 2px rgba(233, 79, 0, 0.9);
	font-size:15px;
	line-height:1;
	background-image: url(../img/mypage_plus.png);
	background-repeat: no-repeat;
	-webkit-background-size: 30px 18px;
	background-position:right center;
	display: block;
}
#mypageMenu h3.open a {
	background-image: url(../img/mypage_minus.png);
}
#mypageMenu li {
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #f6f6f6 0%, #ffffff 100%);
	border: 1px solid #ddd;
	border-top:1px solid #fff;
	font-weight: bold;
	zoom:1;
}
#mypageMenu li a {
	display: block;
	padding:12px 10px 12px 12px;
	background:url(../img/iconForward.png) no-repeat right center;
	-webkit-background-size:20px 14px;
}
/*------------------------
基本フレーム
------------------------*/
.contentsFlame {
	background: #fff;
	border: 1px solid #d8d6ca;
	margin: 8px 5px;
}
.contentsFlame h2 {
	font-weight: bold;
	padding: 10px 10px 10px 15px;
	color: #FFF;
	text-shadow: 0px 0px 2px rgba(233, 79, 0, 0.9);
	background-color: #ffa300;
	border-bottom: 1px solid #ffae00;
	font-size:15px;
	line-height:1;
	background-repeat: no-repeat;
	-webkit-background-size: 30px 128px;
	background-position: 10px 0px;
	margin: 5px;
}
.contentsBlock {
	padding:10px 10px 10px 10px;
}
.notice {
	padding-left: 1em;
	text-indent: -1em;
}
.notice2 dl {
	position: relative;
}
.notice2 dt {
	position: absolute;
	width: 1em;
}
.notice2 dd {
	padding-left: 1em;
}
.noitem {
	padding: 2em 15px 3em 15px;
	text-align: center;
}
/*--------------------
stylebase.cssここまで
--------------------*/
/*--------------------
特集イメージスライダー
--------------------*/
.wideslider {
	width: 100%;
	height: 227px;
	text-align: left;
	position: relative;
	overflow: hidden;
	margin-top:2px;
}
.wideslider ul, .wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.wideslider ul img {
	width:320px !important;
	height:197px !important;
}
.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
}
.slider_prev, .slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {
	background: #000
}
.slider_next {
	background: #000
}
.pagination {
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 12px;
	text-align: center;
	position: absolute;
	z-index: 200;
	padding:9px 0;
	background: -moz-linear-gradient(  top,  #bbb 0%,  #eee 10%,  #eee 95%,  #ddd);
	background: -webkit-gradient(  linear, left top, left bottom,  from(#bbb),  color-stop(0.10, #eee),  color-stop(0.95, #eee),  to(#ddd));
	font-size:1px;
	line-height:1;
}
.pagination a {
	margin: 0 5px;
	width: 12px;
	height: 12px;
	display: inline-block;
	overflow: hidden;
	background-image: url(../img/pagination.png);
	background-repeat: no-repeat;
	background-position: 0px -12px;
	-moz-background-size:12px 24px;
	-webkit-background-size:12px 24px;
	-o-background-size:12px 24px;
	-ms-background-size:12px 24px;
}
.pagination a.active {
	background-position: 0px 0px;
}
.btnBlock a {
	bottom: 1px;
	position: absolute;
	z-index: 210;
	background-image: url(../img/slider-pager.png);
	background-repeat: no-repeat;
	height: 15px;
	width: 30px;
	text-indent:-999em;
	overflow:hidden;
	-moz-background-size:60px 15px;
	-webkit-background-size:60px 15px;
	-o-background-size:60px 15px;
	-ms-background-size:60px 15px;
	padding:7px 0;
}
.btnBlock a.slider_prevBtn {
	left:8px;
	background-position: 0px center;
}
.btnBlock a.slider_nextBtn {
	right:8px;
	background-position: -30px center;
}
/*-----------------------------
特集一覧リンク
-------------------------------*/
.spLink {
	text-align: center;
}
.spLink a {
	line-height: 1;
	display:block;
	padding: 10px;
	font-weight: bold;
}
.spLink a span {
	background-image: url(../img/splink-bullet.png);
	background-repeat: no-repeat;
	-moz-background-size:15px 15px;
	-webkit-background-size:15px 15px;
	-o-background-size:15px 15px;
	-ms-background-size:15px 15px;
	height: 15px;
	width: 15px;
	margin-left: 5px;
	display:inline-block;
	vertical-align:2px;
}
/* ボタンナビ
----------------------------------*/
#naviButton {
	background-color: #ffc466;
}
#naviButton ul {
	padding:10px 5px;
	text-align: center;
	-moz-box-shadow:
 inset 0px 1px 7px rgba(255, 144, 0, 0.7);
	-webkit-box-shadow:
 inset 0px 1px 7px rgba(255, 144, 0, 0.7);
	box-shadow:
 inset 0px 1px 7px rgba(255, 144, 0, 0.7);
}
#naviButton li {
	width:33%;
	display: inline-block;
}
#naviButton li div {
	padding: 3px;
}
#naviButton li div a {
	display: block;
	line-height: 1;
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	padding: 10px 3px;
	background: -moz-linear-gradient( top, #ffa700 0%, #ff6f00)98%, #de3400;
	background: -webkit-gradient( linear, left top, left bottom, from(#ffa700), color-stop(0.98, #ff6f00), to(#de3400));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.3), inset 0px 1px 0px rgba(255, 244, 133, 0.7);
	-webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.3), inset 0px 1px 0px rgba(255, 244, 133, 0.7);
	box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.3), inset 0px 1px 0px rgba(255, 244, 133, 0.7);
	text-shadow: 0px 1px 2px rgba(212, 64, 0, 0.9);
}
#naviButton li div a i {
	display: block;
	width:70px;
	height:47px;
	margin:0 auto 5px auto;
}
#naviButton li div a i.cSearch {
	background-position: 0px -22px;
}
#naviButton li div a i.goods {
	background-position: -70px -22px;
}
#naviButton li div a i.purchase {
	background-position: -140px -22px;
}
#naviButton li div a i.store {
	background-position: -210px -22px;
}
#naviButton li div a i.question {
	background-position: -280px -22px;
}
#naviButton li div a i.mypage {
	background-position: -350px -22px;
}
#naviButton li div a i.special {
	background-position: 0px -132px;
}
#banner h2 {
	margin-bottom: 5px;
	display: none;
}
#banner .campaign img {
	height: auto;
	width: 100%;
	margin: 10px 0;
}
#banner {
/*margin: 15px 0 1.5em 0;
	padding: 5px;
	background: #fff;
	border: 1px solid #d8d6ca;*/
}
/*----------------------
 ランキング
------------------------*/

#ranking .motion {
	display: none;
}
#ranking .rankingBlock {
	border-right:1px solid #d8d6ca;
	border-left:1px solid #d8d6ca;
	border-bottom:1px solid #d8d6ca;
	padding-top: 10px;
	margin-top: -3px;
}
#ranking #motion_area1 {
	display: block;
}
#ranking a.active {
	font-weight: bold;
	background: #fff;
	border-bottom: none;
	z-index: 100;
	font-size: 13px;
	padding:15px 0 15px 12px;
}
#ranking .ranlingList {
	width: 100%;
	margin:0 auto;
}
#ranking .ranlingList li {
	float: left;
	width: 33%;
	text-align:center;
	font-size: 11px;
	line-height:1.3;
}
.ranlingList li .rankimg img {
	width:31px;
	height:24px;
}
.ranlingList li .rankitemImg img {
	height: auto;
	width: 96px;
	margin:2px auto;
}
.ranlingList li .rankitem {
	font-weight:bold;
}
.ranlingList li .rankitem, .ranlingList li .rankMaker {
	width:85%;
	margin:0 auto;
}
#ranking h3 {
	font-weight: bold;
	color: #FFF;
	background-color: #999;
	padding:6px 1em;
	text-shadow: 0px -1px 2px rgba(0, 0, 0, 0.2);
	font-size:14px;
	margin-bottom:6px;
	line-height:1;
}
.tabCate {
}
.tabCate li {
	float: left;
	width: 50%;
	/*background:#e8ffe6;*/
	background: -moz-linear-gradient( top, #ffffff 0%, #e0e0e0);
	background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
	-moz-box-shadow:
 inset 1px 0px 1px rgba(255, 255, 255, 1);
	-webkit-box-shadow:
 inset 1px 0px 1px rgba(255, 255, 255, 1);
	box-shadow:
 inset 1px 0px 1px rgba(255, 255, 255, 1);
	margin-top: 1px;
}
.tabCate li a {
	display:block;
	padding:15px 12px;
	font-size:12px;
	font-weight:bold;
	border-right:none;
	text-shadow: 0px 1px 0px #fff;
	line-height:1;
	background-image: url(../spimg/rankBullet.png);
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-background-size: 15px 6px;
	border:1px solid #d8d6ca;
}
.tabCate li:nth-child(even) a {
	border-left: none !important;
}
/*----------------------
 お買い得おすすめ情報
------------------------*/
#osusumeitem {
}
#osusumeitem ul {
	text-align:center;
	margin:0;
	font-size:0;
	letter-spacing: -1em;
	word-spacing: -1em;
	display:table;
}
#osusumeitem ul li {
	font-size: 1rem;
	letter-spacing: normal;
	word-spacing: normal;
	display: inline;
 *zoom:1;
}
#osusumeitem ul li img {
	width: 142px;
	height:auto;
	margin: 2px;
}
/*----------------------
 news
------------------------*/
#news {
/*margin: 15px 0 1.5em 0;
	padding: 5px;
	background: #fff;
	border: 1px solid #d8d6ca;*/
}
#news h2 {
	margin-bottom: 0.5em;
}
#news dl {
	margin: 5px 5px 0 5px;
}
#news dl dt {
	font-size: 13px;
	font-weight:bold;
	background: #efefef;
	padding: 4px 8px;
	margin-bottom: 5px;
}
#news dl dd {
	margin-bottom:4px;
	padding-bottom:4px;
}
#news .readMore div {
	margin:10px 0 5px 0;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	display: block;
}
#news .readMore {
	border-top: 1px dotted #ddd;
	display: block;
	margin:0 5px;
}
#news a.active {
}
#news i.plus, #news i.minus {
	display: inline-block;
	width:12px;
	height:12px;
	margin-right: 10px;
	vertical-align:-2px;
}
#news i.plus {
	background-position: -350px top;
}
#news i.minus {
	background-position: -365px top;
}
/*----------------------
 タブ切り替え
------------------------*/
#tabBlockWrapper {
	margin: 0 0 5px 0;
	padding: 5px 5px 5px 5px;
	background: #fff;
	border: 1px solid #d8d6ca;
}
.tabBlock {
	width: auto;
	text-align: center;
	margin-top: 10px;
	z-index: 100;
}
.tabBlock li {
	width: 33%;
	display: inline-block;
}
.tabBlock li.tabKaitori {
	float: left;
}
.tabBlock li.tabRecommend {
	float: right;
}
.tabBlock li a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-shadow: none;
	padding: 14px 3px;
	line-height: 1.3;
	background: -moz-linear-gradient( top, #83827d 0%, #83827d 85%, #707070);
	background: -webkit-gradient( linear, left top, left bottom, from(#83827d), color-stop(0.85, #83827d), to(#707070));
	border:#83827d 1px solid;
	border-bottom: none;
	text-shadow:
 0px -1px 1px rgba(0, 0, 0, 0.3)
}
.tabBlock li a.active {
	background: #fff;
	border:#d8d6ca 1px solid;
	border-bottom: none;
	color: #ff6700;
	text-shadow:
 0px 1px 2px rgba(255, 92, 0, 0.3)
}
#tabBlockWrapper h2.h2title {
	display: none;
}
#tabBlockWrapper .tab_motion {
	display: none;
}
#tabBlockWrapper #tab_motion_area1 {
	display: block;
}
#tabBlockWrapper {
	margin-top: -1px;
}
/*----------------------
 キーワード検索
------------------------*/
#keyword-wrapper {
	margin:0 10px;
}
.keyword-search-box input, .keyword-search-box select {
	-webkit-appearance: none;
	font-size: 14px;
	border: 0px solid #fff;
	padding: 4px 0 4px 6px;
	border-radius: 0;
	font-family: 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
}
.keyword-search-box {
	max-width:500px;
	margin:30px auto;
}
.keyword-btn {
	float:right;
	width:50px;
	height:34px;
	padding:0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: none;
}
.keyword-btn input{
	padding:0;
}

/*-------------------
キーワード　タブ
-------------------*/

#keyword-container-nav {
	width:262px;
	height:32px;
	list-style:none;
	margin:12px -2px 0 0;
	padding:0;
}
#keyword-container-nav li {
	width:129px;
	height:32px;
	float:left;
	margin-right:2px;
}
#keyword-container-nav li .tab01 {
	width:129px;
	height:32px;
	background-image:url(/img/top/keyword-club-o.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
	float:left;
}
#keyword-container-nav li .tab02 {
	width:129px;
	height:32px;
	background-image:url(/img/top/keyword-supplies-o.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
	float:left;
}
#keyword-container-nav li.activeli .tab01 {
	background-image:url(/img/top/keyword-club.gif);
}
#keyword-container-nav li.activeli .tab02 {
	background-image:url(/img/top/keyword-supplies.gif);
}
.search-keyword {
	background: #ff9a00;
	padding:8px;
}
.search-keyword form {
	margin:0;
}
.search-keyword dl {
	height: 34px;
	overflow:hidden;
}
.search-keyword dt {
	float:left;
	width:100%;
	margin-right:-50px;
}
.search-keyword dt div {
	margin-right:56px;
}
.search-keyword dt input {
	display: block;
	height: 26px;
	width:100%;
	background:#fff;
	border-top: solid 2px #d9d9d9;
	border-bottom: solid 1px #fff;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
}
.search-keyword dd {
	float:right;
}
/*----------------------
 注目のキーワード
------------------------*/
#wrapper-keyword {
	background: #edede5;
	color: #222 /*{c-body-color}*/;
	text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
	line-height: 1.5;
	padding:8px;
	background-image: url(../img/bg.png);
	-webkit-background-size: 12px 12px;
}
#searchTheme {
	background: #fff;
	padding: 8px;
}
.title02 {
	background: -moz-linear-gradient(  top,  #ffffff 0%,  #fff9db);
	background: -webkit-gradient(  linear, left top, left bottom,  from(#fffbec),  to(#fff7cc));
	border-top: 3px solid #ff8500;
	padding: 8px 12px;
	font-weight: bold;
	font-size: 15px;
	color: #900;
}
.title-keyword {
	font-weight: bold;
	padding: 12px 10px 12px 15px;
	color: #FFF;
	text-shadow: 0px 0px 2px rgba(233, 79, 0, 0.9);
	background-color: #ffa300;
	/*-webkit-gradient(linear, left top, left bottom, from(), to(#ffb517));*/
	border-bottom: 1px solid #ffae00;
	font-size:16px;
	line-height:1;
	background-repeat: no-repeat;
	-webkit-background-size: 30px 128px;
	background-position: 10px 0px;
}
#keyword-notice {
	padding:8px 0 0 0;
}
#keyword-notice ul {
	padding:0;
	margin:0;
}
#keyword-notice li {
	float:left;
}
#keyword-notice li a {
	display:block;
	font-size:14px;
	line-height:1.0;
	margin-right:1.5em;
	padding:10px 0;
	text-decoration:underline;
	color:#333;
	white-spce: nowrap;
}
#keyword-notice li a:hover {
	color:#FF9900;
	text-decoration:none;
}
/* pagetop
*********************************** */
.pagetop {
	width:11em;
	margin: 0 auto 30px auto;
	text-align:center;
	font-size:90%;
	font-weight:bold;
	line-height:1.0;
}
.pagetop a{
	display:block;
	border:solid #ccc 2px;
	padding:7px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.pagetop i.arrow {
	background: url(../img/pagetop.png) no-repeat 0 1px;
	display: inline-block;
	width:12px;
	height:12px;
	margin-right: 7px;
	vertical-align:-2px;
}

/*2019.5.09ヘッダー修正*/

/*------------header---------------*/
#header2 {
    z-index: 30;background: #f39800;
    position: relative;
    display: block;
    width: 100%;
}
#header2 .sitename {
    padding:15px 0 0;margin-left:50px;
}
#header2 .sitename h1 {
}
#header2 .sitename h1 a {
}
#header2 .sitename img.logo {
    height: 40px;width:auto;
}
#header2 .sitename h1.kabunushi {position: relative;height:40px;
}
#header2 .sitename h1.kabunushi img.logo {
    height: 40px;width:auto;margin-top:0px;
}
#header2 a.cart {display: block;width:30px;position: absolute;cursor: pointer;right: 10px;
    top: 18px;
}
#header2 a.login{display: block;width:60px;position: absolute;cursor: pointer;right:50px;
    top: 30px;color:#fff;text-align: right;white-space: nowrap;
}
#header2 .cartnum{position: absolute;right: 30px;
    top: 8px;}
#header2 .cartnum .cart_in_cnt{display: inline-block;padding:3px 6px;background: #E60012;color:#fff;border-radius: 14px;font-size:10px;font-weight: bold;}
#header2 #accordion {
}
#header2 #accordion > dt {
    cursor: pointer;
    position: absolute;
    left: 70px;
    top: 10px;
    height: 60px;border:none;-webkit-tap-highlight-color: transparent;
}
#header2 #accordion > dt:active{}
#header2 #accordion > dt:hover {
}
#header2 #accordion > dt:before {
}
#header2 #accordion > dd {
    display: none;
    padding: 0;
    background: #f39800;
}
#header2 #accordion .active {border:none;
}
#header2 #accordion .active:before {
}
#header2 #accordion .close {
    width: 100%;
    text-align: center;
    cursor: pointer;
    display: block;
    padding: 10px;
    background: #151b28;
    color: #fff;
    font-size: 12px;
    line-height: 1.3;
}
#header2 #accordion .close:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    content: "×";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 16px;margin-right:5px;
}
#header2 #accordion .close:hover {
}
/*開閉ボタン*/
#header2 #panel-btn {
    display: block;
    width: 30px;
    height: 45px;
    position: absolute;
    top: 15px;
    right: 25px;
    z-index: 100;
}

#header2 #panel-btn span {
    display: block;
    height: 2px;
    background: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
#header2 #panel-btn span:nth-child(1) {
    top: 0px;
}
#header2 #panel-btn span:nth-child(2) {
    top: 10px;
}
#header2 #panel-btn span:nth-child(3) {
    top: 20px;
}
/*開閉ボタンopen時*/
#header2 .active #panel-btn span:nth-child(1) {
    top: 12px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}
#header2 .active #panel-btn span:nth-child(2) {
    width: 0;
    left: 50%;
}
#header2 .active #panel-btn span:nth-child(3) {
    top: 12px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

/* ハンバーガープルダウンメニュー
----------------------------------*/

#header2 .spmenu{
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	list-style: none;
 z-index: 100;
}
#header2 .spmenu ul {
	display: block;
	list-style: none;
}
#header2 .spmenu li {
	background: #151b28;
	display: block;
	width: 100%;
}
#header2 .spmenu li a {
	width: 100%;
	-o-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
	outline: none;
	z-index: 10;
	padding: 15px 20px;
	border-bottom: 1px solid rgba(255,255,255,0.1);color: #fff;
	text-decoration: none;
	display: block;
}

/* キーワード検索
----------------------------------*/
#headsearch2 .headsearch{background: #f39800;padding:10px;position:relative;}
#headsearch2 .headsearch input.kwinput{height:36px;
border-radius:5px;
outline:0;
background:#f8f8f8;width:100%;padding:0 10px;border:none;-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;}

#headsearch2 .headsearch .searchbtn2{position:absolute;right:15px;top:8px;border:none;width:20px;}


/* 特集イメージ
----------------------------------*/
#topslider2 .bx-wrapper img {
width: 100%;
}
#topslider2 .bx-wrapper {
  -moz-box-shadow:0;
  -webkit-box-shadow:0;
  box-shadow:0;
  border:none;
  background: #fff;
}
/* PAGER */
#topslider2 .bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
#topslider2 .bx-wrapper .bx-pager.bx-default-pager a {
  background: #cccccc;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#topslider2 .bx-wrapper .bx-pager.bx-default-pager a:hover,
#topslider2 .bx-wrapper .bx-pager.bx-default-pager a.active,
#topslider2 .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #f39800;
}
#topslider2 .bx-wrapper .bx-pager-item,
#topslider2 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
#topslider2 .bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
#topslider2 .bx-wrapper .bx-controls-direction a {
  top: auto;
	bottom:0;
  margin-bottom: -40px;
	width: 20px;
  height: 20px;
}
#topslider2 .bx-wrapper .bx-prev {
  background:none;
	left:20px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #f39800;
    border-right: 1px solid #f39800;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
#topslider2 .bx-wrapper .bx-next {
  background:none;
	right:20px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #f39800;
    border-right: 1px solid #f39800;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* ナビゲーションボタン
----------------------------------*/
#naviButton2 {padding:10px;
}
#naviButton2 ul {display: flex;
flex-wrap: wrap;justify-content:space-between;width:100%;
}
#naviButton2 li {
	width:33%;margin-bottom:10px;text-align: center;
}
#naviButton2 li div {
	padding: 3px;
}
#naviButton2 li div a {
	display: block;
	line-height: 1;
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	padding: 10px 3px;
	background: -moz-linear-gradient( top, #ffa700 0%, #ff6f00)98%, #de3400;
	background: -webkit-gradient( linear, left top, left bottom, from(#ffa700), color-stop(0.98, #ff6f00), to(#de3400));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.3), inset 0px 1px 0px rgba(255, 244, 133, 0.7);
	-webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.3), inset 0px 1px 0px rgba(255, 244, 133, 0.7);
	box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.3), inset 0px 1px 0px rgba(255, 244, 133, 0.7);
	text-shadow: 0px 1px 2px rgba(212, 64, 0, 0.9);
}
#naviButton2 li div a i {
	display: block;
	width:70px;
	height:47px;
	margin:0 auto 5px auto;
}
#naviButton2 li div a i {
	background-image: url(/sp/imgf/topicon.png?20190714);
	background-repeat: no-repeat;
	-webkit-background-size: 210px 100px;
}
#naviButton2 li div a i.cSearch {
	background-position: 0px 0px;
}
#naviButton2 li div a i.goods {
	background-position: -70px 0px;
}
#naviButton2 li div a i.purchase {
	background-position: -140px 0px;
}
/*#naviButton2 li div a i.review {
	background-position: 0px -50px;
}*/
#naviButton2 li div a i.annex {
	background-position: 0px -50px;
}
#naviButton2 li div a i.mame {
	background-position: -70px -50px;
}
#naviButton2 li div a i.store {
	background-position: -140px -50px;
}

/* 注目キーワード
----------------------------------*/
#chumoku2 .topchumoku{background-color: #edede1;padding:16px 8px;overflow: hidden;}
#chumoku2 .topchumoku h2{text-align: center;margin-bottom:10px;}
#chumoku2 .topchumoku h2 img{width:170px;height:33px;}
#chumoku2 .topchumoku .headAT{padding:0 16px;}
#chumoku2 .topchumoku .headAT ul{display: flex;
flex-wrap: wrap;}
#chumoku2 .topchumoku .headAT ul li{font-size:14px;line-height:2;margin-right:16px;
}
#chumoku2 .topchumoku .headAT ul li a{display:block;color:#d63815;padding:5px 0;text-decoration:none;}



/* 調整用
----------------------------------*/
#siteframe{overflow: hidden;}
#footer {padding-top:32px;}


/* pagetop
----------------------------------*/
#totop {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#totop img{width:67px;height:67px}
#totop a {
 -webkit-tap-highlight-color:rgba(0,0,0,0);
}