@charset "UTF-8";
/* ------------------------------- style */
/* coupon style */

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active{
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.form-inline .form-controls{
    display: inline-block;
    width: auto;
    vertical-align: middle;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-controls {
    padding: 6px 8px;
}
.coupon-btn {
	padding: 5px 10px;
    font-size: 14px;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 100%;
    margin-top: 15px;
    font-size: 0.9em;
}
@media (min-width: 960px) {
	.coupon-btn {
		padding: 5px 10px;
	    font-size: 14px;
	    border: 1px solid transparent;
	    border-radius: 4px;
	    margin-top: 0;
	    width: auto;
	}
}

.coupon-detail {margin-top: 10px; position: relative; border-radius: 10px; border: 1px solid #FAF1D7; padding: 5px; background-color: #FFFFEC;}
.coupon-detail .delete {font-size: 27px; cursor: pointer; margin-right: 6px; float: left; color: #686868;}
.coupon-detail dl {overflow: hidden; padding-top: 5px;}
.coupon-detail dl dt {font-size: 14px; margin-bottom: 10px; color: #FC6A1A;}
.coupon-detail dl dt span {font-size: 12px; display: block; padding-top: 5px;}
.coupon-detail dl dd li {font-size: 11px; overflow: hidden;}
.coupon-detail dl dd li span {float: left; font-weight: bold; margin-right: 15px; width: 100px;}
.coupon-detail dl dd li.detail-more div {overflow: hidden;}

@media (min-width: 640px) {
	.coupon-detail {margin-top: 20px; position: relative; border-radius: 10px; border: 1px solid #FAF1D7; padding: 15px; background-color: #FFFFEC;}
	.coupon-detail .delete {font-size: 27px; cursor: pointer; margin-right: 10px; float: left; color: #686868;}
	.coupon-detail dl {overflow: hidden; padding-top: 5px;}
	.coupon-detail dl dt {font-size: 18px; margin-bottom: 10px; color: #FC6A1A;}
	.coupon-detail dl dt span {font-size: 14px; display: block; padding-top: 5px;}
	.coupon-detail dl dd li {font-size: 13px; overflow: hidden;}
	.coupon-detail dl dd li span {float: left; font-weight: bold; margin-right: 15px; width: 100px;}
	.coupon-detail dl dd li.detail-more div {overflow: hidden;}
}

dt {font-weight: 700;}
dt, dd {line-height: 1.42857143;}

.v-error{
	color: #f00;
	font-weight: 700;
	font-size: 11px;
}
.v-error span{
	display:block;
	padding: 15px 0 0;
}
@media (min-width: 640px) {
	.v-error{
		font-size: 14px;
	}
}
@media (min-width: 960px) {
	.v-error{
		font-size: 15px;
	}
}

.breadcrumb-list{margin-left:1%;margin-top:10.5%}
.content-coupon-main {
	background: url(../images/coupon/common/bg-main.jpg) no-repeat center top;
	height: 667px;
}

.content-main {
	/*width: 1000px;*/
	margin: 0 auto;
	position: relative;
	z-index: 0;
	padding-top: 165px;
}

.content-main h1 a {
	display: block;
	width: 104px;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
}
.content-main h1 a img {
	width: 100%;
	height: auto;
}
.content-main h2 {
	text-align: center;
	color: #fff;
	font-size: 40px;
	line-height: 48px;
	font-weight: 700;
	text-shadow: 2px 2px 2px rgba(0,0,0,.35);
	position: absolute;
	top: 45px;
	left: 0;
	z-index: 1;
	width: 100%;
}

.text-wrap {
	width: 780px;
	height: 502px;
	margin: 0 auto;
	background: url(/hotel/coupon/img/pc/bg-main.png) no-repeat center top;
	padding: 100px 100px 60px;
	position: relative;
	z-index: 0;
}
.text-wrap span {display: block;}

.main-text {
	height: 210px;
	text-align: center;
	color: #073291;
	font-weight: 700;
	line-height: 1.1;

}

.main-text .price-text{display: block;margin: 9px 0;}
.main-text .price-text span {display: inline;}

.font-25 {font-size: 25px;}
.font-30 {font-size: 30px;}
.font-50 {font-size: 46px;}
.font-main {padding-top: 10px; padding-bottom: 10px;
	color: #f50057;
	font-size: 110px;
	line-height: 1;
}
.font-main span {
	display: inline;
	font-size: 60px;
}

.coupon-num {
	padding-top: 0;
	position: relative;
	top:4px;
	bottom:0;
	left: 83px;
	z-index: 1;
	/*font-size: 20px;*/
	background-color: #0599d9;
	border: solid 2px #0599d9;
	border-radius: 4px;
	display: table;
	box-sizing: border-box;
}
.coupon-num .text-title {
	width: 179px;
	float: none;
	display: table-cell;
	font-weight: 700;
	padding: 11px 0;
	color: #fff;
	text-align: center;
}
.coupon-num .text-code {
	width: 226px;
	float: none;
	display: table-cell;
	color: #073291;
	font-weight: 700;
	background-color: #fff;
	padding: 11px 0;
	border-radius: 0 2px 2px 0;
	text-align: center;
}

.coupon-code {
	position: absolute;
	bottom: 99px;
	left: 180px;
	z-index: 1;
	height: 26px;
}
.coupon-code .text-title {
	width: 181px;
	float: left;
	text-align: center;
	color: #fff;
	font-weight: 700;
}
.coupon-code .text-code {
	width: 228px;
	float: right;
	text-align: center;
	color: #073291;
	font-weight: 700;
}

.content-inner {
	width: 1000px;
	margin: 0 auto;
}

.content-coupon h2 {
	text-align: center;
	font-size: 38px;
	padding-top: 100px;
	color: #555;
}

.content-01 {
	padding-top: 47px;
	padding-bottom: 83px;
	background-color: #f7f7f7;
	margin-bottom: 48px;
}
.content-01 h2 {
	background: url(/hotel/coupon/img/pc/bg-title-01.png) no-repeat center top;
	margin-bottom: 40px;
}
.content-01 dl {
	display: table;
	width: 100%;
	margin-bottom: 5px;
}
.content-01 dl dt {
	display: table-cell;
	width: 245px;
	border-right: solid 5px #f7f7f7;
	text-align: center;
	vertical-align: middle;
	background-color: #ee6a68;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	padding: 14px 0;
}
.content-01 dl dd {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	background-color: #fff;
	color: #666;
	font-size: 18px;
	padding: 14px;
}
.content-01 dl dd .inner-data {display: block;}

.content-02 h2 {
	background: url(/hotel/coupon/img/pc/bg-title-02.png) no-repeat center top;
	padding-bottom: 70px;
}

.footer-btn {background: url(/hotel/coupon/img/pc/bg-line.gif) repeat-y center top;}

.btn-inner {
	display: block;
	text-align: center;
	line-height: 1.2;
}
.btn-inner span {display: block;}
.btn-inner .text-title {
	padding-top: 60px;
	font-size: 26px;
	font-weight: 700;
}
.btn-inner .text-main {
	margin-bottom: 50px;
	height: 80px;
}

.footer-btn-01 {
	width: 50%;
	float: left;
	border-top: solid 5px #1977d1;
}
.footer-btn-01 a {
	display: block;
	float: right;
	width: 500px;
	text-decoration: none;
	padding-left: 101px;
	color: #1977d1;
	padding-top: 41px;
	font-size: 22px;
	font-weight: 100;
	padding-bottom: 39px;
	margin-top: -5px;
}
.footer-btn-01 a:hover {
	background: #1977d1 url(/hotel/coupon/img/pc/bg-arrow.png) no-repeat 321px top;
	color: #fff;
}
.footer-btn-01 a .text-title {
	background: url(/hotel/coupon/img/pc/icon-01.png) no-repeat center top;
	margin-bottom: 35px;
}
.footer-btn-01 a .text-btn {
	width: 377px;
	height: 46px;
	padding-top: 15px;
	margin: 0 auto;
	background: url(/hotel/coupon/img/pc/bg-btn-01.png) no-repeat center top;
	color: #fff;
	font-weight: 700;
}

.footer-btn-02 {
	width: 50%;
	float: right;
	border-top: solid 5px #0098a6;
}
.footer-btn-02 a {
	display: block;
	float: left;
	width: 500px;
	text-decoration: none;
	padding-right: 101px;
	color: #0098a6;
	padding-top: 41px;
	font-size: 22px;
	font-weight: 100;
	padding-bottom: 39px;
	margin-top: -5px;
}
.footer-btn-02 a:hover {
	background: #0098a6 url(/hotel/coupon/img/pc/bg-arrow.png) no-repeat 222px top;
	color: #fff;
}
.footer-btn-02 a .text-title {
	background: url(/hotel/coupon/img/pc/icon-02.png) no-repeat center top;
	margin-bottom: 35px;
}
.footer-btn-02 a .text-btn {
	width: 377px;
	height: 46px;
	padding-top: 15px;
	margin: 0 auto;
	background: url(/hotel/coupon/img/pc/bg-btn-02.png) no-repeat center top;
	color: #fff;
	font-weight: 700;
}


/*クーポンLP
***********************************/
.coupon-lp .main-img img {width: 100%;}
.coupon-lp .cpn-ttl-cr {text-align: center; font-size: 34px; margin-bottom: 40px; margin-top: 40px;}

/*利用方法*/
.coupon-lp .riyou-container {clear: both;  overflow: hidden; background-color: #19D7A8;}
.coupon-lp .riyou-container .box-member  { width: 50%; float: left; position: relative; background-size: cover; background-color: #00A4EE;}
.coupon-lp .riyou-container .box-nonmember  {width: 50%; float: right; position: relative; background-size: cover;}

.coupon-lp .riyou-container .box-member .inner ,
.coupon-lp .riyou-container .box-nonmember .inner {width: 600px; margin: 0 auto; z-index: 2; position: relative;}

/*.coupon-lp .box-member {position: relative; z-index: 5;}*/
.coupon-lp .box-member {float: left; width: 50%; }

.coupon-lp .box-member h3,.coupon-lp .box-nonmember h3 {color: #FFF; text-align: center; font-size: 27px; margin-bottom: 20px;}
.coupon-lp .box-member h3 span ,.coupon-lp .box-nonmember h3 span {display: block; text-align: center; margin-bottom: 5px;}
.coupon-lp .box-member h3 span i ,.coupon-lp .box-nonmember h3 span i {font-size: 74px;}
.coupon-lp .box-member h3 + p ,.coupon-lp .box-nonmember h3 + p {color: #FFF; text-align: center; font-size: 16px; margin-bottom: 20px;}

.coupon-lp .box-member .inner,.coupon-lp .box-nonmember .inner {padding: 40px 30px 80px 30px;}
.tt-dropdown-menu {color: #000;}

/*.coupon-lp .box-member form {background-color: #FFF; border-radius: 5px; padding: 0 0 0 20px; }*/
.coupon-lp .box-member form dl {margin-bottom: 30px;}
.coupon-lp .box-member form dt {clear: both; font-size: 18px; font-weight: normal; margin-bottom: 5px; padding-top: 10px; color: #FFF; }
.coupon-lp .box-member form .dd-01 {color: #FFF; font-size: 16px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #fff;}
.coupon-lp .box-member form .dd-02 {color: #FFF; font-size: 16px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #fff;}
/*.coupon-lp .box-member form .pos-rel {width: 180px; margin-right: 5px; display: inline-block;}
.coupon-lp .box-member form .cou-data {width: 80px; display: inline-block;}*/

.coupon-lp .box-member form .search-data-01 {width: 540px; float: left; margin-left: 11px; margin-right: 29px; }
.coupon-lp .box-member form .search-data-01 #datepicker-01,
.coupon-lp .box-member form .search-data-01 #datepicker-02 {
	background: url(../images/coupon/common/bg-search-m.png) no-repeat 0 0;
	width: 175px;
	height: 46px;
	padding: 8px 10px 0 20px;
	display: block;
	margin-right: 5px;
	display: inline-block;
}
.coupon-lp .box-member form .search-data-01 #datepicker-01 input,
.coupon-lp .box-member form .search-data-01 #datepicker-02 input {
	width: 100%;
	height: 30px;
	border: none;
	padding: 0 20px 0 0;
	font-size: 16px;
	box-sizing: border-box;
	background: url(../images/coupon/common/icon-calender.png) no-repeat right center;
	line-height: 1;
}
.coupon-lp .box-member form .search-data-01 .select-wrap {
	background: url(../images/coupon/common/bg-search-s.png) no-repeat 0 0;
	width: 115px;
	height: 46px;
	padding: 9px 20px;
	display: inline-block;
}
.coupon-lp .box-member form .search-data-01 .select-wrap select {
	width: 100%;
	padding: 5px 15px 5px 5px;
	font-size: 16px;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/coupon/common/icon-search-arrow.png) no-repeat right center;
}
.coupon-lp .box-member form .search-data-01 .select {
	background: url(../images/coupon/common/bg-search-l.png) no-repeat 0 0;
	width: 250px;
	height: 46px;
	padding: 9px 20px;
}
.coupon-lp .box-member form .search-data-01 .select select {
	width: 100%;
	padding: 5px 15px 5px 5px;
	font-size: 16px;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/coupon/common/icon-search-arrow.png) no-repeat right center;
}

.coupon-lp .box-member form dd .data-an {display: inline-block; width: 150px;}
.coupon-lp .box-member form dd .data-cl {display: inline-block; width: 140px;}
.coupon-lp .box-member form dd .data-rn {display: inline-block; width: 160px;}

.coupon-lp .box-member form dd .data-an span.ttl,
.coupon-lp .box-member form dd .data-cl span.ttl,
.coupon-lp .box-member form dd .data-rn span.ttl {
	display: inline-block;
	margin-right: 3px;
}

.coupon-lp .box-member form dd .data-an select,
.coupon-lp .box-member form dd .data-cl select,
.coupon-lp .box-member form dd .data-rn select {
	width: auto;
	display: inline-block;
}

.coupon-lp .box-member form dd.erea input {width: 340px;}
.coupon-lp .box-nonmember .setbtn {margin-top: 50px;}
.coupon-lp .box-member form .setbtn ,.coupon-lp .box-nonmember .setbtn {text-align: center;}
.coupon-lp .box-member form .setbtn .btn , .coupon-lp .box-nonmember .setbtn .btn {width: 80%; font-size: 18px; padding: 15px 0; display: block; margin: 0 auto;}

.coupon-lp .box-member .childin-wp > div > div span {color: #444;}


.btn-ylll {background: #f57f17; border: none; color: #fff; box-shadow: 0 -2px 0 0 rgba(0,0,0,.2) inset; position: relative; border-radius: 4px;}
.btn-ylll:hover, .btn-ylll:focus {background: #E56F07; color: #fff;}
.btn-ylll:active {background: #f57f17;  box-shadow: none;  top: 1px;}


@media (max-width: 640px) {

	html {font-size: 62.5%;}

	body {
		line-height: 1.4;
		font-size: 1.4rem;
		overflow-x: hidden;
	}
	
	.content-coupon-main {
		width: 100%;
		height: auto;
		min-height: 334px;
		background-size: cover;
		padding-top: 0;
	}

	.content-main {
		width: 100%;
		padding-top: 0;
		padding-bottom: 25px;
	}

	.content-main h1 {
		position: relative;
		width: 100%;
		left: 0;
		background: #fff;
		height: auto;
		padding: 13px 0;
		box-shadow: 0 2px 2px rgba(0,0,0,.35);
		box-sizing: border-box;
	}

	.content-main h2 {
		position: relative;
		z-index: 200;
		top: 0;
		padding-top: 20px;
		font-size: 1.8rem;
		line-height: 1.4;
		margin-bottom: 20px;
	}

	.text-wrap {
		width: auto;
		height: auto;
		background-image: none;
		background-color: rgba(255,255,255,.5);
		border-radius: 8px;
		padding: 6px;
		box-sizing: border-box;
		margin: 0 25px;
		position: relative;
		z-index: 0;
	}
	.text-wrap:after {
		content: '';
		display: block;
		position: absolute;
		top: -26px;
		right: -26px;
		z-index: 30;
		width: 116px;
		height: 112px;
		background: url(/hotel/coupon/img/sp/icon-ribbon-02.png) no-repeat center top;
		background-size: 116px 112px;
	}
	.text-wrap:before {
		content: '';
		display: block;
		position: absolute;
		bottom: -15px;
		left: -15px;
		z-index: 0;
		width: 131px;
		height: 81px;
		background: url(/hotel/coupon/img/sp/icon-ribbon-03.png) no-repeat center top;
		background-size: 131px 81px;
	}

	.text-inner {
		background-color: rgba(255,255,255,.5);
		border-radius: 8px;
		padding: 20px 30px;
		box-sizing: border-box;
		position: relative;
		z-index: 10;
	}
	.text-inner:after {
		content: '';
		display: block;
		position: absolute;
		bottom: -6px;
		right: -6px;
		z-index: 20;
		width: 50px;
		height: 55px;
		background: url(/hotel/coupon/img/sp/icon-ribbon-04.png) no-repeat center top;
		background-size: 50px 55px;
	}
	.text-inner:before {
		content: '';
		display: block;
		position: absolute;
		top: -6px;
		left: -6px;
		z-index: 20;
		width: 50px;
		height: 55px;
		background: url(/hotel/coupon/img/sp/icon-ribbon-01.png) no-repeat center top;
		background-size: 50px 55px;
	}

	.font-25 {font-size: 1.25rem;}
	.font-30 {font-size: 1.5rem;}
	.font-50 {font-size: 2.5rem;}
	.font-main {
		color: #f50057;
		font-size: 5.5rem;
		line-height: 1;
	}
	.font-main span {
		display: inline;
		font-size: 3rem;
	}

	.main-text {margin-bottom: 15px;}
	.main-text .price-text span {
		content: "\A";
		white-space: pre;
	}
	
	.coupon-num {
		width: 100%;
		height: auto;
		padding-top: 0;
		position: relative;
		top: auto;
		bottom: 3px;
		left: 0;
		z-index: 1;
		font-size: 2rem;
		background-color: #0599d9;
		border: solid 2px #0599d9;
		border-radius: 4px;
		display: table;
		box-sizing: border-box;
	}
	.coupon-num .text-title {
		width: 45%;
		float: none;
		display: table-cell;
		font-size: 1rem;
		padding: 6px 0;
	}
	.coupon-num .text-code {
		width: 55%;
		float: none;
		display: table-cell;
		font-size: 1rem;
		background-color: #fff;
		padding: 6px 0;
		border-radius: 0 2px 2px 0;
	}
	.coupon-code {
		width: 100%;
		height: auto;
		padding-top: 0;
		position: relative;
		bottom: 0;
		left: 0;
		z-index: 1;
		font-size: 2rem;
		background-color: #0599d9;
		border: solid 2px #0599d9;
		border-radius: 4px;
		display: table;
		box-sizing: border-box;
	}
	.coupon-code .text-title {
		width: 45%;
		float: none;
		display: table-cell;
		font-size: 1rem;
		padding: 6px 0;
	}
	.coupon-code .text-code {
		width: 55%;
		float: none;
		display: table-cell;
		font-size: 1rem;
		background-color: #fff;
		padding: 6px 0;
		border-radius: 0 2px 2px 0;
	}

	.content-coupon h2 {
		font-size: 1.9rem;
		background-size: 131px auto;
		padding-top: 70px;
		margin-bottom: 30px;
	}

	.content-inner {width: 100%;}

	.content-01 {
		padding-top: 25px;
		padding-bottom: 29px;
		margin-bottom: 25px;
	}

	.content-01 dl {
		display: block;
		width: 100%;
		padding: 0 10px;
		margin-bottom: 10px;
		box-sizing: border-box;
	}
	.content-01 dl dt {
		display: block;
		width: 100%;
		border-right: none;
		font-size: 1.4rem;
		padding: 10px;
		box-sizing: border-box;
	}
	.content-01 dl dd {
		display: block;
		width: 100%;
		font-size: 1.3rem;
		padding: 10px;
		box-sizing: border-box;
	}

	.content-02 h2 {
		padding-bottom: 30px;
		margin-bottom: 0;
	}

	.footer-btn {background: none;}

	.footer-btn-01 {
		float: none;
		width: 100%;
	}

	.footer-btn-01 a {
		padding: 30px 10px;
		text-align: center;
		float: none;
		width: 100%;
		box-sizing: border-box;
	}

	.footer-btn-02 {
		float: none;
		width: 100%;
	}

	.footer-btn-02 a {
		padding: 30px 10px;
		text-align: center;
		float: none;
		width: 100%;
		box-sizing: border-box;
	}

	.btn-inner .text-main {
		height: auto;
		margin-bottom: 20px;
		font-size: 1.3rem;
	}

	.footer-btn-01 a:hover {
		background: none;
		color: #1977d1;
	}
	.footer-btn-02 a:hover {
		background: none;
		color: #0098a6;
	}

	.btn-inner .text-title {padding-top: 50px;}

	.footer-btn-01 a .text-title,
	.footer-btn-02 a .text-title {
		font-size: 1.7rem;
		margin-bottom: 14px;
	}

	.footer-btn-01 a .text-btn {
		background-size: contain;
		width: 90%;
		height: auto;
		font-size: 1.4rem;
		box-sizing: border-box;
		padding: 12px 10px;
		background-image: none;
		background-color: #1977d1;
		border-radius: 8px;
		border: solid 4px #fff;
		box-shadow: 0 2px 0 #145fa7;
		max-width: 466px;
	}

	.footer-btn-02 a .text-btn {
		background-size: contain;
		width: 90%;
		height: auto;
		font-size: 1.4rem;
		box-sizing: border-box;
		padding: 12px 10px;
		background-image: none;
		background-color: #0098a6;
		border-radius: 8px;
		border: solid 4px #fff;
		box-shadow: 0 2px 0 #007a85;
		max-width: 466px;
	}
	
	/*利用方法*/
	.coupon-lp .riyou-container {clear: both; overflow: hidden; background-color: #19D7A8;}
	.coupon-lp .riyou-container .box-member  { width: 100%; float: left; position: relative; background-size: cover; background-color: #00A4EE;}
	.coupon-lp .riyou-container .box-nonmember  {width: 100%; float: right; position: relative; background-size: cover;}

	.coupon-lp .riyou-container .box-member .inner ,
	.coupon-lp .riyou-container .box-nonmember .inner {width: auto; margin: 0 auto; z-index: 2; position: static;}
}

/* 期間別割引額 表 */
.more-table{overflow: auto;width:100%;}
.more-table table{border: solid 1px #AAA9A9;font-size: 0.9em;width: 715px;}
.more-table th{background-color:#ffdfd7;border: solid 1px #AAA9A9;padding: 5px;color: #3f3f3f;text-align	: center;font-weight: unset;}
.more-table th.more-date{font-size: 0.8em;}
.more-table td{border: solid 1px #AAA9A9;padding: 5px;}
/* スクロールバー本体 */
.more-table::-webkit-scrollbar{ 	width: 10px;height: 10px;background: #ff6c00;}
/* 横方向のスクロールバー本体 */
.more-table::-webkit-scrollbar:horizontal{ width: 10px;height: 10px;background: #ff6c00;}
/* スクロールバーの動く部分 */
.more-table::-webkit-scrollbar-thumb{ background: #435295;border-radius: 2px;}
/* 横方向のスクロールバーの動く部分 */
.more-table::-webkit-scrollbar-thumb:horizontal{ background: #ff6c00;border-radius: 10px;}
/* スクロールバーの動く部分の前 */
.more-table::-webkit-scrollbar-track-piece:start{ background: #ffdfd7;}
/* スクロールバーの動く部分の後ろ */
.more-table::-webkit-scrollbar-track-piece:end{ background: #ffdfd7;}
/* スクロールバー角 */
.more-table::-webkit-scrollbar-corner{ background: transparent;}
@media (max-width: 640px) {
	.more-table table{border: solid 1px #AAA9A9;font-size: 1em;width: 715px;}
	.more-table th.more-date{font-size: 0.9em;}
}

/* 期間別割引額 最大表記 */
.font-discount-max {padding-top: 10px; padding-bottom: 10px; color: #f50057; font-size: 70px; line-height: 1;display: block !important;}
.font-discount-max span { font-size: 45px;}
html:lang(en) .font-discount-max { font-size: 60px;}
html:lang(en) .font-discount-max span { font-size: 24px;}
@media (max-width: 640px) {
	.main-text{height:auto;}
	.font-discount-max {font-size: 4rem;}
	.font-discount-max span { font-size: 2rem;}
	html:lang(en) .font-discount-max { font-size: 3rem;}
	html:lang(en) .font-discount-max span { font-size: 1.5rem;}
	html:lang(en) .maximum{display: block; margin-bottom: 5px;}
}
.font-10 {font-size: 10px;}
.font-15 {font-size: 15px;}
.font-18 {font-size: 18px;}
.font-20 {font-size: 20px;}
.font-23 {font-size: 23px;}
.font-25 {font-size: 25px;}
.font-30 {font-size: 30px;}
.font-35 {font-size: 35px;}
.font-40 {font-size: 40px;}
.font-45 {font-size: 45px;}
.font-50 {font-size: 50px;}

@media (max-width: 640px) {
	.font-10 {font-size: 0.7rem;}
	.font-15 {font-size: 1.0rem;}
	.font-18 {font-size: 1.2rem;}
	.font-20 {font-size: 1.4rem;}
	.font-23 {font-size: 1.6rem;}
	.font-25 {font-size: 1.7rem;}
	.font-30 {font-size: 2.1rem;}
	.font-35 {font-size: 2.4rem;}
	.font-40 {font-size: 2.8rem;}
	.font-45 {font-size: 3.2rem;}
	.font-50 {font-size: 3.5rem;}
}

.fontBase {color: #666;}
.fontRed {color: #ff0000;}
.fontRed2 {color: #f50057;}
.fontBlue {color: #073291;}

/*クーポン残額*/
.coupon-cap-h{text-align: center;font-size: 38px;color: #555;padding-top: 20px;margin-top: 30px;margin-bottom: 20px;}
.coupon-cap-txt {text-align: center;color: red;margin-bottom: 20px;line-height: 1.25em;}
.coupon-cap-wrap {width: 100%;text-align: center;}
.coupon-cap-item-wrap{width: 20%;float: left;}
.coupon-cap-item-wrap .item{margin: 0.8rem 1.5rem;padding: 2rem;background-color: #0072ff;color: #fff;font-weight: bold;}
.coupon-cap-item-wrap .item div{display: inline-block;}
@media (max-width: 640px) {
.coupon-cap-h{font-size: 1.9rem;}
.coupon-cap-txt{font-size: 1.4rem;}
.coupon-cap-item-wrap{width: 20%;font-size: 12px;}
.coupon-cap-item-wrap .item{margin: 0.8rem;padding: 1rem 1.4rem;}
.coupon-cap-item-wrap .item div{display: block;}
}