@charset "shift_jis";
/*
 base
----------------------------------------------------------------------------------------------------*/
.tokeiWrap {
	color: #131313;
	line-height: 1.2;
	/*width:750px;*/
}
.tokeiWrap,
.tokeiWrap:before,
.tokeiWrap:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.tokeiWrap img {
	vertical-align:top;
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
.tokeiWrap a:hover{text-decoration:none;}

/*clearfix*/
.tokeiWrap .clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.tokeiWrap .clearfix{z-index: 1;}

/*parts*/
.tokeiWrap .border{border:1px solid #d4d4d4 !important;}
.tokeiWrap .floLeft{float:left;}
.tokeiWrap .floRight{float: right;}

/*
 Head
----------------------------------------------------------------------------------------------------*/
/*specialHeading*/
.tokeiWrap .specialHeadingA01{
	margin: 40px 0 15px;
}
.tokeiWrap .specialHeadingA01 h2{
	background: url(../image/tokei_bg_001_161101.jpg) repeat-y;
	text-align: center;
	max-height:56px;
	padding: 10px;
}

/*specialBnr*/
.specialBnrA01 img{ width: 100%;}

/*
 Column
----------------------------------------------------------------------------------------------------*/
/*specialColumn  wrap*/
.tokeiWrap .specialColumn1wrapA01 .column1 .txt,
.tokeiWrap .specialColumn2wrapA01 .column1 .txt{
	background-color:#f3f3f3;
	display: block;
	padding: 10px;
}
.tokeiWrap .specialColumn2wrapA01 .column1{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:365px;
}
.tokeiWrap .specialColumn1wrapA01 .column1 .txt .ttl,
.tokeiWrap .specialColumn2wrapA01 .column1 .txt .ttl{
	font-size: 134%;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}
.tokeiWrap .specialColumn1wrapA01 .column1 a,
.tokeiWrap .specialColumn2wrapA01 .column1 a{
	color: #131313;
	display:block;
}
.tokeiWrap .specialColumn1wrapA01 .column1 a:hover .txt,
.tokeiWrap .specialColumn2wrapA01 .column1 a:hover .txt{
	color: #fff;
	background-color:#927d3f;
}

/*  たて向き  */
/*specialColumnList*/
.tokeiWrap .specialColumnListA01 .column1{
	float: left;
	margin-top: 15px;
	width: 150px;
}
.tokeiWrap .specialColumnListA01 .column1 a{
	border-left: 1px solid #ccc;
	display:block;
	padding:0 4px 5px;
}
.tokeiWrap .specialColumnListA01 .thumb{
	display:block;
	margin-top: 5px;
}
.tokeiWrap .specialColumnListA01 .column1.first a{
	border:none;
}
.tokeiWrap .specialColumnListA01 .ProductName{
	color: #002596;
	display: block;
	text-decoration: underline;
	line-height: 1.5;
	margin-bottom: 10px;
	padding: 5px 0 0;
}
.tokeiWrap .specialColumnListA01 .textExp{
	color: #666;
	display: block;
	margin-bottom: 10px;
}
.tokeiWrap .specialColumnListA01 .ProductPrice{
	color: #666;
	font-weight: bold;
	display: block;
	text-align: right;
}
.tokeiWrap .specialColumnListA01 .ProductPrice .tax{
	font-weight: normal;
}

/*  よこ向き  */
/*specialRowList*/
.tokeiWrap .specialRowListA01 ul li{
	border-bottom:1px solid #d4d4d4;
}
.tokeiWrap .specialRowListA01 ul li a{
	color: #231815;
	display: table;
	width:100%;
	height:100%;
	padding: 10px 0;
}
.tokeiWrap .specialRowListA01 ul li .thumb{
	display:table-cell;
	vertical-align:top;
	padding-right:16px;
	width: 98px;
}
.tokeiWrap .specialRowListA01 ul li .txt{
	font-size: 117%;
	display:table-cell;
	vertical-align:top;
}
.tokeiWrap .specialRowListA01 ul li .ttl{
	font-size: 129%;
	font-weight: bold;
	display: block;
	margin-bottom: 8px;
}
.tokeiWrap .specialRowListA01 a:hover .ttl{
	text-decoration:underline;
}

/*
 Info
----------------------------------------------------------------------------------------------------*/
/*specialInfo*/
.tokeiWrap .specialInfoA01 li{
	position: relative;
	margin-top: 15px;
	padding-left: 70px;
}
.tokeiWrap .specialInfoA01 li:before{
	position: absolute;
	content:"　";
	height:18px;
	width:60px;
	top:0;
	left:0;
	margin-top: -2px;
}
.tokeiWrap .specialInfoA01 li.ico_01:before{ background:url(../image/tokei_ico01_cmp_161101.gif) no-repeat 0 0;}
.tokeiWrap .specialInfoA01 li.ico_02:before{ background:url(../image/tokei_ico01_rec_161101.gif) no-repeat 0 0;}

/*
 Menu
----------------------------------------------------------------------------------------------------*/
/*specialBtnMenu*/
.tokeiWrap .specialBtnMenuA01 ul li{
	border:1px solid #131313;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float:left;
	margin-left: -1px;
}
.tokeiWrap .specialBtnMenuA01 ul li a{ display:block;}

/*
 Link
----------------------------------------------------------------------------------------------------*/
/*specialBtnLink*/
.tokeiWrap .specialBtnLink{
	text-align: center;
	border:1px solid #131313;
	font-size: 134%;
	font-weight: bold;
	margin: 20px 40px 0;
}
.tokeiWrap .specialBtnLink a{
	background-color: #f3f3f3;
	color: #131313;
	display: block;
	padding: 10px;
}
.tokeiWrap .specialBtnLink a:hover{
	background-color:#927d3f;
	color: #fff;
}

/*
 20170714更新分
----------------------------------------------------------------------------------------------------*/
.tokeiWrap .tokeiHeading01{
	margin-bottom:20px;
}

/* tokeiPickUp */
.tokeiWrap .tokeiPickUp{
	margin:40px 0;
}

/* tokeiNav */
.tokeiWrap .tokeiNav{
	margin-bottom:20px;
}

.tokeiWrap .tokeiNav ul{
	padding:0 15px;
}

.tokeiWrap .tokeiNav ul li{
	float:left;
	margin-left:15px;
}

.tokeiWrap .tokeiNav ul li:first-child{
	float:left;
	margin-left:0;
}

/*
 20170714更新分
----------------------------------------------------------------------------------------------------*/
.tokeiWrap .tokeiHeading01{
	margin-bottom:20px;
}

/* tokeiPickUp */
.tokeiWrap .tokeiPickUp{
	margin:40px 0;
}

/* tokeiNav */
.tokeiWrap .tokeiNav{
	margin-bottom:20px;
}

.tokeiWrap .tokeiNav ul{
	padding:0 15px;
}

.tokeiWrap .tokeiNav ul li{
	float:left;
	margin-left:15px;
}

.tokeiWrap .tokeiNav ul li:first-child{
	float:left;
	margin-left:0;
}

/*
 20180903更新分
----------------------------------------------------------------------------------------------------*/
.tokeiWrap .specialRowListA01 ul li .txt{
	text-align: left;
}

.tokeiWrap .section {
	width: 750px;
	margin: 0 auto;
}

.tokeiWrap {
	width:1020px;
}

/*.tokeiWrap h1 {
	margin-bottom: 60px;
}*/

/*
 20181108更新分
----------------------------------------------------------------------------------------------------*/
.tokeiWrap .cpnBlock {
	margin-bottom: 60px;
}

/*
 20181128更新分
----------------------------------------------------------------------------------------------------*/
.tokeiWrap .specialContenA01{
	margin:60px 0;
}

.tokeiWrap .specialColumn2wrapA01 .column1{
	width:496px;
}

.tokeiWrap .specialColumn2wrapA01 .column1 .txt{
	background-color:#f3f3f3;
	display: block;
	padding: 18px 10px 16px;
	line-height: 1.5;
}

.tokeiWrap  .specialColumn2wrapA01 .column1{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.tokeiWrap .specialColumn2wrapA01 .column1 .txt .ttl{
	font-size: 156%;
	font-weight: bold;
	display: block;
	color: #231815;
	text-align: center;
}

.tokeiWrap .specialColumn2wrapA01 .column1 a{
	color: #231815;
	text-align: left;
	display: block;
}

.tokeiWrap .specialColumn2wrapA01 .column1 a:hover .txt,
.tokeiWrap .specialColumn2wrapA01 .column1 a:hover .txt .ttl{
	color: #fff;
	background-color:#988242;
}

.tokeiWrap .btnBlockB01{
	margin-top: 60px;
 text-align: center;
}
/*
 20200220up更新分
----------------------------------------------------------------------------------------------------*/
.tokeiWrap .couponBlock{
	position: relative;
	margin: 20px 0 10px;
}
.tokeiWrap .couponBlock .btnA01{
	position: absolute;
	width: 467px;
	top: 22px;
	right: 22px;
/*	background: #fff;*/
}
.tokeiWrap .couponBlock .btnA02{
	position: absolute;
	width: 475px;
	top: 200px;
	left: 25px;
/*	background: #fff;*/
}
.tokeiWrap .couponBlock .btnA03{
	position: absolute;
	width: 475px;
	top: 200px;
	left: 520px;
/*	background: #fff;*/
}
/*
 2020820up更新分
----------------------------------------------------------------------------------------------------*/
.tokeiWrap .salebtnA01{
	width: 700px;
	margin: 60px auto;
}

.tokeiWrap .specialColumn3wrapA01 .column1{
	margin:0 12px 0 0;
	width:246px;
	float:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.tokeiWrap .specialColumn3wrapA01 .column1:last-child{
	margin-right:0;
}
.tokeiWrap .specialColumn3wrapA01 .column1 .txt{
	background-color:#f3f3f3;
	display: block;
	padding: 16px 10px 13px;
	line-height: 1.5;
}
.tokeiWrap .specialColumn3wrapA01 .column1 .txt .ttl{
	font-size: 26px;
	font-weight: bold;
	display: block;
	color: #231815;
	text-align: center;
}
.tokeiWrap .specialColumn3wrapA01 .column1 a{
	color: #231815;
	text-align: left;
	display: block;
}
.tokeiWrap .specialColumn3wrapA01 .column1 a:hover .txt,
.tokeiWrap .specialColumn3wrapA01 .column1 a:hover .txt .ttl{
	color: #fff;
	background-color:#927d3f;
}

/*
 couponBlock 20211209更新分
----------------------------------------------------------------------------------------------------*/

.tokeiWrap .couponBlock{
	margin-top: 30px;
	background: url(../image/tokei_bg_001_211209.jpg) no-repeat top center;
	background-size: 100%;
}
.tokeiWrap .couponBlockInner{
	width: 944px;
	margin: 0 auto;
	padding: 32px 0 19px;
}
.tokeiWrap .couponBlock .columnBlockA01{
	float: left;
	width: 474px;
}
.tokeiWrap .couponBlock .columnBlockA02{
	float: right;
	width: 413px;
}
.tokeiWrap .couponBlock .columnBlockA02 .dateA01{
	height: 46px;
}
.tokeiWrap .couponBlock .couponBtnA01{
	margin: 23px 0 0;
}
.tokeiWrap .couponBlock .couponBtnA02{
	margin: 17px 0 0;
}
.tokeiWrap .cautiontxtBlock01{
	text-indent: 8px;
	font-size: 11.25px;
	font-weight: bold;
	color: #3e3e3e;
	margin: 6px 0 0;
}
.tokeiWrap .couponLinkA01 a{
	display: inline;
	color: #0b318f;
	text-decoration: underline;
}
.tokeiWrap  .caution01{
	margin-bottom: 5px;
}

/*
 specialContenA02 220323更新分
----------------------------------------------------------------------------------------------------*/
.tokeiWrap .specialContenA02 {
margin: 60px 0;
}
.tokeiWrap .specialColumn3wrapA02 .column1 {
width: 246px;
float: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
background: #f3f3f3;
}
.tokeiWrap .specialColumn3wrapA02 .column1 + .column1 {
margin: 0 0 0 12px;
}
.tokeiWrap .specialColumn3wrapA02 .column1 a {
display: block;
}

/*
 specialContenA02 220831更新分
----------------------------------------------------------------------------------------------------*/
.tokeiWrap .specialRowListA01 ul li a.disabled {
pointer-events: none;
}


/* 251030up */
.tokeiWrap .threeCouponBlock .coupon {
width: 890px;
margin: 0 auto;
margin-top: 11px;
text-align: center;
}
.tokeiWrap .threeCouponBlock .couponBlock {
height: 306px;
background-size: contain;
}
.tokeiWrap .threeCouponBlock .cpn10000 .couponBlock {
background: url(../image/tokei_cpnbg_001_251030.jpg) no-repeat;
}
.tokeiWrap .threeCouponBlock .cpn5000 .couponBlock {
background: url(../image/tokei_cpnbg_002_251030.jpg) no-repeat;
}
.tokeiWrap .threeCouponBlock .cpn3000 .couponBlock {
background: url(../image/tokei_cpnbg_003_251030.jpg) no-repeat;
}
.tokeiWrap .threeCouponBlock .couponFullLink .couponBlock:hover {
opacity: 0.7;
}
.tokeiWrap .threeCouponBlock .couponFullLink .couponBlock img:hover {
opacity: 1;
}
.tokeiWrap .threeCouponBlock .couponInner {
padding-top: 36px;
padding-inline: 30px;
}
.tokeiWrap .threeCouponBlock .couponButton01 {
margin-top: 40px;
}
.tokeiWrap .threeCouponBlock .couponButton02 {
margin-top: 16px;
}

/*noteArea*/
.tokeiWrap .noteArea {
width: 890px;
margin: 42px auto 0;
box-sizing: border-box;
background: #dddddd;
padding: 8px;
}
.tokeiWrap .noteAreaInner {
background: #fff;
padding: 32px;
}
.tokeiWrap .noteAreaInner .limit {
margin: 0 30px;
padding: 15px 0;
border: solid 2px #012856;
border-left: 0;
border-right: 0;
font-size: 26px;
font-weight: bold;
color: #012856;
text-align: center;
line-height: 1.3;
}
.tokeiWrap .noteAreaInner .noteList {
margin-top: 25px;
padding-left: 45px;
font-size: 18px;
line-height: 1.4;
}
.tokeiWrap .noteText a {
display: inline-block;
text-decoration: underline;
}