@charset "shift_jis";
/*
 base
----------------------------------------------------------------------------------------------------*/
.tokeiWrap {
	color: #131313;
	line-height: 1.2;
	margin: 0 auto;
	width:100%;
	-webkit-text-size-adjust: 100%; /*iPhone 文字サイズの自動調整 off*/
}
.tokeiWrap *{
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
.tokeiWrap img {
	vertical-align:top;
	width: 100%;
	height: auto;
	zoom:1 !important;
}
.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: 20px 0 8px;
}
.tokeiWrap .specialHeadingA01 h2{
	background: url(../image/tokei_bg_001_161101.jpg) repeat-y;
	background-size:100% 100%;
	-webkit-background-size:100% 100%;
	display: box;
	display: -webkit-box;
	box-pack: center;
	-webkit-box-pack: center;
	text-align: center;
	max-height:56px;
	padding: 3% 30%;
}

/*specialBnr*/
.specialBnrA01 a{ display:block;}

/*
 Column
----------------------------------------------------------------------------------------------------*/
/*specialColumn  wrap*/
.tokeiWrap .specialColumn1wrapA01,
.tokeiWrap .specialColumn2wrapA01{
	width:100%;
}
.tokeiWrap .specialColumn2wrapA01 .column1{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:49%;
}
.tokeiWrap .specialColumn1wrapA01 .column1 .txt,
.tokeiWrap .specialColumn2wrapA01 .column1 .txt{
	background-color:#f3f3f3;
	display: block;
	padding: 10px;
}
.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;
	width: 33.2%;
}
.tokeiWrap .specialColumnListA01 .column1.first a{
	border-left: 1px solid transparent;
}
.tokeiWrap .specialColumnListA01 .column1:nth-child(n+4){
	display:none;
}
.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 .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-size: 98%;
	font-weight: bold;
	display: block;
	text-align: right;
}
.tokeiWrap .specialColumnListA01 .ProductPrice .tax{
	font-size: 80%;
	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;
	text-align: center;
	padding:0 8px 0 0;
	width:98px;
	min-width:110px;
}
.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{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0.25);
}
.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{
	background-size:contain;
	-webkit-background-size:contain;
	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{
	margin-top: 8px;
}
.tokeiWrap .specialBtnMenuA01 ul{
	width: 100%;
}
.tokeiWrap .specialBtnMenuA01 ul li{
	/* border:1px solid #131313; */
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float:left;
	/* margin:-1px 0 0 -1px; */
	width: 50%;
}
.tokeiWrap .specialBtnMenuA01 ul li img{
	width: 100%;
}
.tokeiWrap .specialBtnMenuA01 ul li:nth-child(2n){
	/*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更新分
----------------------------------------------------------------------------------------------------*/
/* SpCommonReset
**************************** */
/* h1 and h2 */
#main h1 img,#main div[id^="h2_0"] img{
	zoom:1;
	display:block;
	max-width:750px;
	width:100%;
	margin:auto;
}

/* wrap */
.tokeiWrap{
	max-width:750px;
	width:100%;
	margin:0 auto;
}

.tokeiWrap img{
	zoom:1!important;
	max-width:100%;
	width:100%;
	margin:auto;
	vertical-align:top;
}

.tokeiWrap .tokeiHeading01{
	margin-bottom:2.6%;
}

/* tokeiPickUp */
.tokeiWrap .tokeiPickUp{
	margin:4.6% 0 6%;
}

/* tokeiNav */
.tokeiWrap .tokeiNav{
	margin-bottom:2.6%;
}

.tokeiWrap .tokeiNav ul li{
	float:left;
	margin-left:2%;
	width:32%;
}

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

/*
 20181128更新分
----------------------------------------------------------------------------------------------------*/
.tokeiWrap .specialContenA01{
	margin:8% 0 6%;
}

.tokeiWrap .specialColumn2wrapA01{
	width:100%;
}

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

.tokeiWrap .specialColumn2wrapA01 .column1 .txt{
	background-color:#f3f3f3;
	display: block;
	line-height: 1.5;
}

.tokeiWrap .specialColumn2wrapA01 .column1 .txt .ttl{
	font-size: 134%;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	text-align: center;
}

.tokeiWrap .specialColumn2wrapA01 .column1 a{
	color: #131313;
	display:block;
}

.tokeiWrap .btnBlockA02{
	margin-top: 8%;
	padding: 0 5.33% 0;
	text-align: center;
}
/*
 20200220up更新分
----------------------------------------------------------------------------------------------------*/
.tokeiWrap .couponBlock{
	position: relative;
	margin: 2.66% 0 2.6%;
}
.tokeiWrap .couponBlock .btnA01{
	position: absolute;
	width: 84.53%;
	top: 23.4%;
	left: 7.73%;
}
.tokeiWrap .couponBlock .btnA02{
	position: absolute;
	width: 84.53%;
	top: 71.77%;
	left: 7.73%;
}
.tokeiWrap .couponBlock .btnA03{
	position: absolute;
	width: 84.53%;
	top: 83.83%;
	left: 7.73%;
}
/*
 20200820up更新分
----------------------------------------------------------------------------------------------------*/
.tokeiWrap .salebtnA01{
	width: 84%;
	margin: 8.2% auto 5.3%;
}
/*
 20210310up更新分
----------------------------------------------------------------------------------------------------*/
.tokeiWrap .specialColumn3wrapA01{
	width:100%;
}
.tokeiWrap .specialColumn3wrapA01 .column1{
	margin:0 0 3.3%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-left:1px solid #989898;
	border-right:1px solid #989898;
	border-bottom:1px solid #989898;
}
.tokeiWrap .specialColumn3wrapA01 .column1:first-child{
	border:1px solid #989898;
}
.tokeiWrap .specialColumn3wrapA01 .column1 .txt{
	background-color:#f3f3f3;
	display: block;
	padding: 2.9% 2.5% 2.2%;
	line-height: 1;
}
.tokeiWrap .specialColumn3wrapA01 .column1 .txt .ttl{
	font-size: 20px;
	font-weight: bold;
	display: block;
	text-align: center;
}
.tokeiWrap .specialColumn3wrapA01 .column1 a{
	color: #131313;
	display:block;
}

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

.tokeiWrap .couponBlock{
	margin-top: 5.33%;
	background: url(../image/tokei_sp_bg_001_211209.jpg) no-repeat top center;
	background-size: 100%;
}
.tokeiWrap .couponBlockInner{
	width: 84.53%;
	margin: 0 auto;
	padding: 7.73% 0;
}
.tokeiWrap .couponBlock .txtBlockA01{
	margin: 0 0 12.62%;
}
.tokeiWrap .couponBlock .couponBtnA01{
	margin-top: 3.79%;
}
.tokeiWrap .cautiontxtBlock01{
	margin: 1.6% 0 0;
	font-size: 12px;
	font-weight: 600;
	color: #000000;
	text-align: left;
	text-indent: -1em;
	margin-left: 1.5em;
}
.tokeiWrap .couponLinkA01 a{
	display: inline;
	color: #0b318f;
	text-decoration: underline;
}
.tokeiWrap  .caution01{
	margin-bottom: 1.2%;
}

/*
 specialContenA02 220323更新分
----------------------------------------------------------------------------------------------------*/
.tokeiWrap .specialContenA02 {
margin: 8% 0 6%;
}
.tokeiWrap .specialColumn3wrapA02 {
width: 100%;
}
.tokeiWrap .specialColumn3wrapA02 .column1 + .column1 {
margin: 3.3% 0 0;
}
.tokeiWrap .specialColumn3wrapA02 .column1 a {
display: block;
}

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


/* 251030up */
.tokeiWrap .threeCouponBlock .coupon {
margin: calc(40 / 750 * 100%) 0 0;
}
.tokeiWrap .threeCouponBlock .cpn10000 .couponBlock {
width: calc(630 / 750 * 100%);
margin: 0 auto;
background: url(../image/tokei_sp_cpnbg_001_251030.jpg) no-repeat;
background-size: contain;
}
.tokeiWrap .threeCouponBlock .cpn5000 .couponBlock {
width: calc(630 / 750 * 100%);
margin: 0 auto;
background: url(../image/tokei_sp_cpnbg_002_251030.jpg) no-repeat;
background-size: contain;
}
.tokeiWrap .threeCouponBlock .cpn3000 .couponBlock {
width: calc(630 / 750 * 100%);
margin: 0 auto;
background: url(../image/tokei_sp_cpnbg_003_251030.jpg) no-repeat;
background-size: contain;
}
.tokeiWrap .threeCouponBlock .couponInner .couponImage {
width: calc(553 / 660 * 100%);
margin: 0 auto;
padding-top: 7.5%;
}
.tokeiWrap .threeCouponBlock .couponContent {
width: calc(553 / 660 * 100%);
margin: calc(70 / 750 * 100%) auto 0;
padding-bottom: 8%;
}

/*noteArea*/
.tokeiWrap .noteArea {
width: calc(630 / 750 * 100%);
margin: calc(60 / 750* 100%) auto 0;
padding: calc(18 / 750* 100%);
background: #ddd;
box-sizing: border-box;
}
.tokeiWrap .noteAreaInner {
background: #fff;
padding: calc(55 / 750* 100%) 0;
}
.tokeiWrap .noteAreaInner .limit {
margin: 0 calc(30 / 750 * 100%);
padding: calc(20 / 750 * 100%) 0;
border: solid 2px #000f87;
border-left: 0;
border-right: 0;
font-size: clamp(13px, 3.46vw, 26px);
font-weight: bold;
color: #000f87;
text-align: center;
line-height: 1.4;
}
.tokeiWrap .noteAreaInner .noteList {
margin-top: calc(50 / 750 * 100%);
padding: 0 calc(30 / 750 * 100%);
font-size: clamp(14px, 3.46vw, 26px);
line-height: 1.4;
}
.tokeiWrap .couponNoteText {
font-size: clamp(0.875rem, 0.625rem + 1.07vw, 1.125rem);
font-weight: bold;
line-height: calc(26 / 18);
letter-spacing: 0.03em;
}
.tokeiWrap .noteText a {
display: inline-block;
text-decoration: underline;
}