@charset "UTF-8";
/* ------------------------
	benefit.css
------------------------ */
.sp {
	display: none;
}
.font-red,
.text-caution {color: #CC0033;}

.table {
	display: table;

}
.table-cell {
	display: table-cell;
	vertical-align: top;
}
.flex-1 {flex: 1;}

/* 上書き --------------------------------------------------- */
.kome {
	font-family: "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo,"Open Sans", "Helvetica Neue", Helvetica, "Arial", "Hiragino Kaku Gothic ProN", sans-serif !important;
}
.contents-box.benefit-box.box-col3 {
	margin-bottom: 15px;
}

/* コンテンツ --------------------------------------------------- */
.contents-box-wrap.type-margin {
	margin-bottom: 20px;
}
.introduce-parent-block > .contents-box:last-child {
	box-shadow: 0 1px 0 #ccc;
}


/* 割引対象のチェーン店の例 --------------------------------------------------- */
ul.rebate-store-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;

	max-width: 600px;
	list-style-type: none;
	margin: 0 auto;
}
ul.rebate-store-list li {
	text-align: center;
	padding: 0 8px;
}
ul.rebate-store-list li .slider-pic-area img {
	max-width: 120px;
}
/* 毎日を充実させる多彩な優待特典をご用意しています --------------------------------------------------- */
.special-benefits-photo {
	-js-display: flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.special-benefits-photo + .special-benefits-photo {
	margin-top: 20px;
}
.lp .special-benefits-photo > li {
	padding-right: 5px;
}
.lp .special-benefits-photo > li::nth-child(3n){
	padding-right: 0;
}
.lp .special-benefits-photo > li > a {
	cursor: pointer;
}

.special-benefits-label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 823px;
	padding: 15px 0 10px;
}
.special-benefits-label.lp {
	justify-content: left;
	margin-left: -10px;
}
.special-benefits-label.lp > li {
	padding-left: 10px;
}
.special-benefits-label > li {
	margin-bottom: 10px;
}
.special-benefits-label .label {
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	background-color: #e5f6ed;
	border-radius: 5px;
}
.special-benefits-label .label.label-trip {background-color: #e7f1ff;}
.special-benefits-label .label.label-leisure {background-color: #fcedd8;}
.special-benefits-label .label.label-fitness {background-color: #fbedfb;}
.special-benefits-label .label.label-life {background-color: #fdf7cd;}
.special-benefits-label .label.label-food {background-color: #fce9e7;}

.special-benefits-label a.label {
	color: #333;
	display: block;
} 
.special-benefits-label a.label:hover,
.special-benefits-label a.label:focus {
	text-decoration: none;
}

.special-benefits-label .label.pick-up-05-enjoyment {background-color: #F3E6FF;}
.special-benefits-label .label.pick-up-07-view {background-color: #FFE2E2;}
.special-benefits-label .label.pick-up-08-fitness {background-color: #CCF5EE;}
.special-benefits-label .label.pick-up-09-car {background-color: #D5F4FD;}

.special-benefits-label .label.pick-up-05-enjoyment:hover,
.special-benefits-label .label.pick-up-05-enjoyment:focus,
.special-benefits-label .label.pick-up-07-view:hover,
.special-benefits-label .label.pick-up-07-view:focus,
.special-benefits-label .label.pick-up-08-fitness:hover,
.special-benefits-label .label.pick-up-08-fitness:focus,
.special-benefits-label .label.pick-up-09-car:hover,
.special-benefits-label .label.pick-up-09-car:focus {opacity: 0.8;}

/* ご利用ガイド --------------------------------------------------- */
.link-bnt-wrap {
	background: #E8F5ED;
	padding: 0 0 20px;

}
.link-bnt-wrap .h2-service {
	background: #1FA051;
	border-bottom: 0;
	padding: 8px;
	margin-bottom: 0;
}
.link-bnt-wrap .lead-text {
	color: #25A051;
	margin: 20px 0 10px;
	font-size: 16px;
	display: block;
}



/* お問い合わせ --------------------------------------------------- */
.contact-warp {
	font-size: 14px;
}
.contact-warp .h2-service.contact {
	background: #295DCA;
	margin-bottom: 30px;
}
.contact-warp .contact-lead {
	width: 300px;
	margin: 0 auto 30px;
}
.contact-warp .contact-lead-text {
	font-size: 16px;
	font-weight: bold;
}
.contact-warp .contact-lead-text strong {
	font-size: 24px;
	display: block;
}
.contact-tel-warp {
	padding-bottom: 10px;
	-js-display: flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
.contact-tel-box {
	width: 410px;
	background: #FFF;
	border: solid 1px #897B66;
}
.contact-tel-box + .contact-tel-box {
	margin-left: 20px;
}
.contact-tel-box .h2-service {
	font-size: 16px;
	padding: 5px 10px;
	margin: 0;
}
.contact-tel-box .text-box {
	padding: 15px 20px 15px;
}
.contact-tel-box .text-box .btn-l{
	width: 85%;
	min-width: 100px;
}
.contact-tel-box .text-box .tel-box  {
	background: #F0F0F0;
	height: 53px;
	line-height: 53px;
	width: 355px;
	padding: 0 5px;
	margin: 15px 0;
	text-align: center;
	border-radius: 10px;
}
.contact-tel-box .text-box .tel-box  b {
	font-size: 18px;
	color: #295DCA;
	padding-right: 5px;
}



/* 見出し --------------------------------------------------- */
.h2-benefit { 
	border-bottom: 1px solid #e5e5e5;
	font-size: 20px;
	font-family: "ヒラギノ角ゴ ProN W6", "メイリオ", Meiryo,"Open Sans", "Helvetica Neue", Helvetica, "Arial", "Hiragino Kaku Gothic ProN", sans-serif;
}
.h2-benefit.type-out {
	padding: 15px 20px 10px;
}
.h2-service {
	background: #897b66;
	color: #fff;
	margin: 0 0 10px;
	padding: 5px 20px;
	text-align: center;
	font-size: 20px;
	font-family: "ヒラギノ角ゴ ProN W6", "メイリオ", Meiryo,"Open Sans", "Helvetica Neue", Helvetica, "Arial", "Hiragino Kaku Gothic ProN", sans-serif;
}
h2.h2-service::before {
	content: none;
}
.h2-service.red {
	background-color: #E60742;
	padding: 10px 20px;
	margin-bottom: 0;
}
.h2-service.balloon-ttl {
	position: relative;
	text-align: center;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ ProN W6", "メイリオ", Meiryo,"Open Sans", "Helvetica Neue", Helvetica, "Arial", "Hiragino Kaku Gothic ProN", sans-serif;
	background-color: #FFEEE3;
	color: #333;
	padding: 10px 0;
	border-radius: 5px;
	border: 0;
	margin-bottom: 25px;
}
.h2-service.balloon-ttl:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-top-color: #FFEEE3;
	border-bottom: 0;
	margin-left: -15px;
	margin-bottom: -14px;
	background: none;
}

.h3-service-border-red {
	font-size: 18px;
	color: #CC0033;
	border-bottom: 2px solid #CC0033;
	height: 38px;
	line-height: 38px;
	text-align: center;
}

/* ボタン --------------------------------------------------- */
.btn-type[disabled] {
	background-color: #d2d2d2!important;
	color: #fff!important;
	border: none!important;
	cursor: default;
}

/* お問い合わせボタン ---------------------- */
.type-btn-area {
	background-color: #FCEEA5;
	padding: 20px 10px 25px;
}
.type-btn-area.lp {
	padding: 20px 10px 10px;
}

.type-btn-area .adjust-btn a:hover > * ,
.type-btn-area .adjust-btn a:hover > *  > * ,
.type-btn-area .adjust-btn a:hover > *  > *  > * {
	opacity: 1 !important;
}
.type-btn-area .adjust-btn a:hover {
	opacity: 0.8 !important;
}


/* ボタンコンテンツ  */
.btn-area-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-area-wrap .adjust-text {
	line-height: 1.2;
}
.type-btn-area .adjust-text {
	font-size: 18px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ ProN W6", "メイリオ", Meiryo,"Open Sans", "Helvetica Neue", Helvetica, "Arial", "Hiragino Kaku Gothic ProN", sans-serif;
	padding: 0 18px 0 26px;
}
.type-btn-area.lp .adjust-text {
	font-size: 16px;
	padding: 0;
	text-align: center;
	margin-top: 10px;
}

.type-btn-area .adjust-balloon-text {
	position: relative;
	font-size: 12px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ ProN W6", "メイリオ", Meiryo,"Open Sans", "Helvetica Neue", Helvetica, "Arial", "Hiragino Kaku Gothic ProN", sans-serif;
	color: #E31616;
	background: #fff;
	border-radius: 5px;
	padding: 8px 10px;
}
.type-btn-area .adjust-balloon-text strong {
	font-size: 16px;
}
.type-btn-area .adjust-balloon-text::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -20px;
	margin-top: -10px;
	border: 10px solid transparent;
	border-right: 15px solid #fff;
	border-radius: 10px;
}

/* ボタン  */
.btn-benefit-wrap {
	position: relative;
	background: #fff;
	border-radius: 10px;
}
.badge-benefit-cv {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 5px;
	margin-top: -45px;
}
.btn-benefit-cv {
	border-radius: 10px;
	font-size: 20px;
	letter-spacing: 1px;
	min-width: 400px;
	height: 68px;
	line-height: 68px;
	cursor: pointer;
	background-color: #4CA318;
	color: #fff;
	border: 1px solid #318201;
	padding: 0 42px 0 110px;
}
.btn-benefit-cv:hover {
	opacity: 0.8;
}
.btn-benefit-link {
	box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.3) !important;
	-webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.3) !important;
	font-size: 17px;
	height: 53px;
	line-height: 53px;
	font-weight: bold;
	padding: 0 20px;
	min-width: 355px;
}
.btn-benefit-cv.icon-link::after {
	content: "";
	background: url(/img/common/benefit/icon-link.svg) center/contain no-repeat;
	width: 17px;
	height: 17px;
	right: 10px;
}


/* ---------------------------------------------------　
	　サービス紹介
--------------------------------------------------- */
/* common ----------------------------- */
.benefit-link {
	padding: 10px 10px 0px;
	position: relative;
}
.benefit-link:hover {
	background: none;
}
.benefit-label {
	position: absolute;
	top: 10px;
	left: 10px;
	display: block;
	font-size: 14px;
	color: #fff;
	background: #298de0;
	width: 46px;
	height: 46px;
	line-height: 50px;
	text-align: center;
	border-radius: 5px;
}
.benefit-label.red {
	line-height: 1;
	background: #e20d0d;
	text-align: left;
	padding: 7px 2px 0 5px;
	box-sizing: border-box;
}
.benefit-label.red em {
	font-size: 15px;
	color: #fff;
}
.benefit-label.red em + span {
	font-size: 12px;
}
.benefit-label.red span.deco {
	margin-left: -1.5px;
}


.benefit-example-text.text-long {
	line-height: 1.2;
}
.benefit-example.text-long {
	margin-top: -5px;
}
.h4-benefit.row3.two-lines {
	min-height: 60px;
}
.benefit-caution {
	font-size: 12px;
	color: #333;
}
.benefit-price.lines {
	min-height: 40px;
}
.benefit-price.lines {
	min-height: 60px;
	display: block;
	width: 100%;
}
.benefit-example.row1 {
	height: 34px;
}
.benefit-example-text.row1 {
	height: 2.6em;
}
.benefit-example-title.lineup-row,
.benefit-example-text.lineup-row {
	vertical-align: bottom;
}

/* LP ----------------------------- */
/* 丸角枠線 */
.benefit-various-list {
	padding-bottom: 20px;
}
.benefit-various-list li {
	 width: 100%;
}
.benefit-various-list-category {
	font-size: 16px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ ProN W6", "メイリオ", Meiryo,"Open Sans", "Helvetica Neue", Helvetica, "Arial", "Hiragino Kaku Gothic ProN", sans-serif;
}
.benefit-various-list-inner {
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 10px;
	margin: 0 10px;
}
.benefit-various-list-inner:first-child {
	margin-right: 0;
}
.benefit-various-list-inner:last-child {
	margin-left: 0;
}
.row1 .benefit-various-list-inner {
	margin: 0;
}
.benefit-various-list-img {
	width: 70px;
}
.benefit-various-list-img img {
	width: 70px;
	height: 70px;
	object-fit: cover;
}
.benefit-various-list-text {
	flex: 1;
	margin-left: 10px;
}
.benefit-various-list-text .ttl {
	font-size: 16px;
	font-weight: bold;
	color: #E20D0D;
	margin-bottom: 2px;
	font-family: "ヒラギノ角ゴ ProN W6", "メイリオ", Meiryo,"Open Sans", "Helvetica Neue", Helvetica, "Arial", "Hiragino Kaku Gothic ProN", sans-serif;
}
.benefit-various-list-text .ttl span {
	display: block;
}
.benefit-various-list-text .text {
	font-size: 14px;
	line-height: 1.6;
	color: #333;
}
.benefit-various-list-text .lead {
	font-size: 16px;
	line-height: 1.2;
	font-weight: bold;
	margin-bottom: 5px;
}

/*　ピックアップ */
.benefit-pickup-wrap {
	margin-bottom: 20px;
	display: flex;
	align-items: self-start;
}
.benefit-pickup-wrap.same-height {
	align-items: stretch;
}
.benefit-pickup-wrap.bg-same-height {
	align-items: stretch;
}
.benefit-pickup-wrap .contents-box.benefit-box.box-col3 {
	margin-bottom: 0;
}
.benefit-pickup-wrap .benefit-pickup  {
	flex: 1;
}
.benefit-pickup-wrap.bg-same-height .benefit-pickup {
	background-color: #FFEEE3;
	border-radius: 8px;
}
.benefit-pickup-wrap .benefit-pickup-inner {
	background-color: #FFEEE3;
	font-size: 14px;
	border-radius: 8px;
	padding: 10px 20px 15px;
}
.benefit-pickup-wrap .benefit-pickup-inner .ttl {
	font-size:  16px;
	line-height: 1;
	color: #E31616;
	font-weight: bold;
	text-align: center;
	font-family: "ヒラギノ角ゴ ProN W6", "メイリオ", Meiryo,"Open Sans", "Helvetica Neue", Helvetica, "Arial", "Hiragino Kaku Gothic ProN", sans-serif;
	border-bottom: 2px dotted #E31616;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.benefit-pickup-wrap .benefit-pickup-inner.max .ttl {
	margin-bottom: 15px;
}
.benefit-pickup-wrap.bg-same-height .benefit-pickup-inner .ttl {
	margin-bottom: 12px;
	padding-bottom: 8px;
}
.benefit-pickup-wrap .benefit-pickup-inner .lead {
	line-height: 1;
}
.benefit-pickup-wrap .benefit-pickup-inner.max .lead {
	line-height: 1.6;
}
.benefit-pickup-wrap .benefit-pickup-inner .lead > b {
	font-weight: bold;
}
.benefit-pickup-wrap .benefit-pickup-inner .benefit-point {
	margin: 20px 0 0;
	line-height: 1;
	padding: 6px 5px 4px 5px;
}
.benefit-pickup-wrap .benefit-pickup-inner .benefit-point.mt{
	margin-top: 15px;
}
.benefit-pickup-wrap .benefit-pickup-inner.max .benefit-point.mt {
	margin-top: 20px;
}

.benefit-pickup-wrap .benefit-pickup-inner .benefit-point b {
	font-size: 30px;
	font-family: "メイリオ", Meiryo,"Open Sans", "Helvetica Neue", Helvetica, "Arial", "Hiragino Kaku Gothic ProN", sans-serif;
}
.benefit-pickup-wrap .benefit-pickup-inner .benefit-point:before {
	top: -15px;
	margin-left: -9px;
	border-top: 0; 
	border: 9px solid transparent;
	border-bottom: 9px solid #e20d0d;
}
.benefit-pickup-wrap .benefit-pickup-inner .benefit-point-difference {
	font-size:  16px;
	line-height: 1;
	color: #E31616;
	font-weight: bold;
	text-align: center;
	font-family: "ヒラギノ角ゴ ProN W6", "メイリオ", Meiryo,"Open Sans", "Helvetica Neue", Helvetica, "Arial", "Hiragino Kaku Gothic ProN", sans-serif;
	margin-top: 10px;
}
.benefit-pickup-wrap.same-height .benefit-example.row1 {
	margin-bottom: 15px;
}
.benefit-pickup-wrap.same-height .benefit-img {
	margin-top: 20px;
}
.benefit-price-comparison.row1 {
	margin-top: 20px;
}
.benefit-price-comparison.row2 {
	display: flex;
	text-align: center;
	justify-content: center;
	margin-top: 10px;
}
.benefit-pickup-wrap .benefit-pickup-inner.max .benefit-price-comparison.row2 {
	margin-top: 15px;
}
.benefit-price-comparison > div {
	background: #fff;
	border-radius: 5px;
	font-size: 18px;
	min-width: 215px;
}
.benefit-price-comparison.row1 > div {
	padding: 20px 20px;
}
.benefit-price-comparison.row2 > div {
	padding: 15px 10px;
}
.benefit-price-comparison > div > span {
	font-size: 11px;
}
.benefit-price-comparison.row2 > div > span {
	display: block;
}
.benefit-price-comparison > div > b {
	margin-left: 1.2em;
	font-size: 20px;
	font-family: "ヒラギノ角ゴ ProN W6", "メイリオ", Meiryo,"Open Sans", "Helvetica Neue", Helvetica, "Arial", "Hiragino Kaku Gothic ProN", sans-serif;
}
.benefit-price-comparison .regular {
	position: relative;
}
.benefit-price-comparison.row1 .regular {
	margin-bottom: 32px;
}
.benefit-price-comparison.row1 .regular:before {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -9px;
	border: 9px solid transparent;
	border-top: 9px solid #e20d0d;
}
.benefit-price-comparison.row2 .regular {
	margin-right: 24px;
}
.benefit-price-comparison.row2 .regular:before {
	content: "";
	position: absolute;
	top: 50%;
	right: -36px;
	margin-top: -9px;
	border: 9px solid transparent;
	border-left: 9px solid #e20d0d;
}
.benefit-price-comparison .member{
	color: #E31616;
}
.benefit-price-comparison.row2 .member {
	margin-left: 24px;
}

/* クーポン */
.coupon-point-warp {
	background-color: #FFEEE3;
	font-size: 14px;
	border-radius: 5px;
	padding: 20px 20px 20px;
	margin-top: 5px;
}
.coupon-point-text {
	width: 334px;
	margin-right: 20px;
}
.coupon-point-img-ttl {
	margin-bottom: 15px;
}



/* 駅探メンバーPassが選ばれる理由 --------------------------------------------------- */
.reason-wrap h3 {
	font-size: 18px;
	font-weight: bold;
	color: #E31616;
	padding-bottom: 6px;
	margin-bottom: 10px;
	border-bottom: 2px solid #E31616;
	font-family: "ヒラギノ角ゴ ProN W6" ,"ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo,"Open Sans", "Helvetica Neue", Helvetica, "Arial", "Hiragino Kaku Gothic ProN", sans-serif !important;
}
.reason-list {
	background-color: #FFF9D3;
	padding: 15px 20px 5px;
}
.reason-list li {
	width: 50%;
	align-items: end;
	font-size: 0;
	margin-bottom: 15px;
}
.reason-list li > img {
	margin-right: 5px;
}
.reason-list li > span{
	font-size: 14px;
}
.reason-list li > span > b {
	font-size: 18px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ ProN W6" ,"ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo,"Open Sans", "Helvetica Neue", Helvetica, "Arial", "Hiragino Kaku Gothic ProN", sans-serif !important;
	margin-right: 2px;
}
.reason-list li > span > strong  {
	font-weight: bold;
	font-family: "ヒラギノ角ゴ ProN W6" ,"ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo,"Open Sans", "Helvetica Neue", Helvetica, "Arial", "Hiragino Kaku Gothic ProN", sans-serif !important;
	margin-left: 2px;
}
.reason-list li > span  > strong > span {
	font-size: 20px;
	margin-right: 2px;
}

/* （八景島シーパラダイス） */
.reason-point-wrap {
	margin-top: 20px;
}
.reason-point-wrap > * {
	background-color: #FFF9D3;
	padding: 15px 20px;
	width: 50%;
	border-radius: 8px;
}
.reason-point-wrap > *:first-child {
	margin-right: 20px;
}
.reason-point-wrap .reason-img-ttl {
	margin-bottom: 12px;
}
.reason-point-wrap .reason-ttl-lead p {
	font-size: 18px;
	line-height: 1.6;
	font-weight: bold;
}
.reason-point-wrap .reason-ttl-lead p > span {
	display: block;
}
.reason-point-wrap .strength-list li {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
	font-size: 18px;
	line-height: 1.6;
	font-weight: bold;
}
.reason-point-wrap .strength-list li:last-child {
	margin-bottom: 0;
}
.reason-point-wrap .strength-list img {
	margin: 1px 4px 0 0;
}
.reason-lead-wrap {
	margin-top: 20px;
}
.reason-lead-wrap > p {
	margin-bottom: 20px;
}
.reason-lead-wrap > p:last-child {
	margin-bottom: 0;
}


/* 1ヶ月あたりの利用料金は業界最安値 --------------------------------------------------- */
.usage-fee-warp h3 {
	font-weight: normal;
	text-align: center;
	font-size: 14px;
	margin-bottom: 5px;
	color: #333333;
	font-family: "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo,"Open Sans", "Helvetica Neue", Helvetica, "Arial", "Hiragino Kaku Gothic ProN", sans-serif !important;
}
.usage-fee-table {
	border-collapse: separate;
	border-spacing: 5px;
	border-radius: 0;
}
.usage-fee-table,
.usage-fee-table tr,
.usage-fee-table th,
.usage-fee-table td {
	border:none;
	text-align: center;
	font-size: 14px;
}
.usage-fee-table th,
.usage-fee-table td { 
	width: 165px;
	height: 42px;
	padding: 2px 5px;
}

table.usage-fee-table tr:first-child th,
table.usage-fee-table tr:last-child th,
table.usage-fee-table tr:last-child td{
	border-radius: 0;
}

.usage-fee-table .th-title {
	background-color: #888888;
	color: #fff;
	font-size: 12px;
}
.usage-fee-table .th-normal {
	background-color: #EFEFEF;
	font-size: 13px;
	font-weight: normal;
}
.usage-fee-table .th-main {
	background-color: #FCEEA5;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ ProN W6" ,"ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo,"Open Sans", "Helvetica Neue", Helvetica, "Arial", "Hiragino Kaku Gothic ProN", sans-serif !important;
}
.usage-fee-table td {
	background-color: #F0F0F0;
}

.usage-fee-table td > span {
	font-size: 18px;
}

.usage-fee-table td.point {
	background-color: #FCEEA5;
}
.usage-fee-table td.point > strong {
	font-size: 18px;
	font-family: "ヒラギノ角ゴ ProN W6" ,"ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo,"Open Sans", "Helvetica Neue", Helvetica, "Arial", "Hiragino Kaku Gothic ProN", sans-serif !important;
}
.usage-fee-table td.point > strong > span {
	font-size: 22px;
}
.usage-fee-table td.point > sup {
	top: -1.2em;
	font-size: 10px;
	font-family: "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo,"Open Sans", "Helvetica Neue", Helvetica, "Arial", "Hiragino Kaku Gothic ProN", sans-serif !important;
}

/* 駅探メンバーPassのお得ポイント --------------------------------------------------- */
.gooddeal-point-warp ol {
	align-items: stretch;
}
.gooddeal-point-warp ol > li {
	width: calc(100% / 3 - 10px);
	border: 2px solid #E60742;
	box-sizing: border-box;
	border-radius: 5px;
	margin-bottom: 20px;
	margin-left: 15px;
}
.gooddeal-point-warp ol > li:first-child{
	margin-left: 0;
}
.gooddeal-point-warp ol > li .point-ttl {
	font-size: 0;
	background-color: #FFEEE3;
	padding: 10px 8px 10px 10px;
	border-radius: 5px 5px 0 0;
}
.gooddeal-point-warp ol > li .point-ttl > strong {
	font-size: 16px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ ProN W6" ,"ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo,"Open Sans", "Helvetica Neue", Helvetica, "Arial", "Hiragino Kaku Gothic ProN", sans-serif !important;
	color: #E60742;
	margin-left: 10px;
}
.gooddeal-point-warp ol > li > p {
	padding: 10px 17px;
}
.gooddeal-point-warp a {
	text-decoration: underline !important; 
}
.gooddeal-point-warp  a:hover {
	text-decoration: none !important;
}



/* mainvisual直下 --------------------------------------------------- */
.mainvisual-text {
	padding-top: 15px;
	margin-bottom: 0;
}
.mainvisual-text > p {
	font-size: 16px;
	font-family: "ヒラギノ角ゴ ProN W6", "メイリオ", Meiryo,"Open Sans", "Helvetica Neue", Helvetica, "Arial", "Hiragino Kaku Gothic ProN", sans-serif !important;
}
.mainvisual-text > p strong{
	color:#E20D0D;
}

.mainvisual-point-wrap {
	margin-top: 20px;
}
.mainvisual-point-wrap > * {
	background-color: #FFEEE3;
	/* padding: 15px 20px; */
	/* width: 50%; */
	width: 100%;
	border-radius: 8px;
}

/* .mainvisual-point-wrap > *:first-child {
	margin-right: 20px;
} */
.mainvisual-point-wrap em {
	font-size: 18px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ ProN W6", "メイリオ", Meiryo,"Open Sans", "Helvetica Neue", Helvetica, "Arial", "Hiragino Kaku Gothic ProN", sans-serif !important;
	font-style: normal;
	line-height: 27px;
	color: #fff;
	position: relative;
	background: #E31617;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 360px;
	padding-left: 20px;
	border-radius: 8px 0 0 8px;
}
.mainvisual-point-wrap em::before {
	content: '';
	position: absolute;
	top: 50%;
	right: -30px;
	margin-top: -46px;
	width: 0;
	height: 0;
	border-left: 30px solid #E31616;
	border-top: 46px solid transparent;
	border-bottom: 46px solid transparent;
}

.mainvisual-point-wrap .strength-list {
	padding: 10px 10px 10px 40px;
}

.mainvisual-point-wrap .strength-list li {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
.mainvisual-point-wrap .strength-list li:last-child {
	margin-bottom: 0;
}
.mainvisual-point-wrap .strength-list img {
	margin: 0 4px 0 0;
}


.contents-body.pick-up-01-amusement-park .nav-benefit-pick-up-01-amusement-park,
.contents-body.pick-up-02-aquarium .nav-benefit-pick-up-02-aquarium,
.contents-body.pick-up-03-zoo .nav-benefit-pick-up-03-zoo,
.contents-body.pick-up-04-admiration .nav-benefit-pick-up-04-admiration,
.contents-body.pick-up-05-enjoyment .nav-benefit-pick-up-05-enjoyment,
.contents-body.pick-up-06-spa .nav-benefit-pick-up-06-spa,
.contents-body.pick-up-07-view .nav-benefit-pick-up-07-view,
.contents-body.pick-up-08-fitness .nav-benefit-pick-up-08-fitness,
.contents-body.pick-up-09-car .nav-benefit-pick-up-09-car,
.contents-body.pick-up-10-gourmet .nav-benefit-pick-up-10-gourmet,
.contents-body.pick-up-11-cleaning .nav-benefit-pick-up-11-cleaning,
.contents-body.pick-up-12-shopping .nav-benefit-pick-up-12-shopping,
.contents-body.pick-up-13-kids .nav-benefit-pick-up-13-kids,
.contents-body.pick-up-14-learning .nav-benefit-pick-up-14-learning,
.contents-body.pick-up-15-studyro .nav-benefit-pick-up-15-studyro {
	border-color: #eee;
	box-shadow: 0px 3px 0 #ccc;
}

.contents-body.pick-up-01-amusement-park .nav-benefit-pick-up-01-amusement-park a ,
.contents-body.pick-up-02-aquarium .nav-benefit-pick-up-02-aquarium a ,
.contents-body.pick-up-03-zoo .nav-benefit-pick-up-03-zoo a ,
.contents-body.pick-up-04-admiration .nav-benefit-pick-up-04-admiration a ,
.contents-body.pick-up-05-enjoyment .nav-benefit-pick-up-05-enjoyment a ,
.contents-body.pick-up-06-spa .nav-benefit-pick-up-06-spa a ,
.contents-body.pick-up-07-view .nav-benefit-pick-up-07-view a ,
.contents-body.pick-up-08-fitness .nav-benefit-pick-up-08-fitness a ,
.contents-body.pick-up-09-car .nav-benefit-pick-up-09-car a ,
.contents-body.pick-up-10-gourmet .nav-benefit-pick-up-10-gourmet a ,
.contents-body.pick-up-11-cleaning .nav-benefit-pick-up-11-cleaning a ,
.contents-body.pick-up-12-shopping .nav-benefit-pick-up-12-shopping a ,
.contents-body.pick-up-13-kids .nav-benefit-pick-up-13-kids a ,
.contents-body.pick-up-14-learning .nav-benefit-pick-up-14-learning a ,
.contents-body.pick-up-15-studyro .nav-benefit-pick-up-15-studyro a {
	background: #eee;
	color: #888;
	pointer-events: none;
}

.contents-body.pick-up-01-amusement-park .nav-benefit-pick-up-01-amusement-park a  span[class^="icon-"],
.contents-body.pick-up-02-aquarium .nav-benefit-pick-up-02-aquarium a  span[class^="icon-"],
.contents-body.pick-up-03-zoo .nav-benefit-pick-up-03-zoo a  span[class^="icon-"],
.contents-body.pick-up-04-admiration .nav-benefit-pick-up-04-admiration a  span[class^="icon-"],
.contents-body.pick-up-05-enjoyment .nav-benefit-pick-up-05-enjoyment a  span[class^="icon-"],
.contents-body.pick-up-06-spa .nav-benefit-pick-up-06-spa a  span[class^="icon-"],
.contents-body.pick-up-07-view .nav-benefit-pick-up-07-view a  span[class^="icon-"],
.contents-body.pick-up-08-fitness .nav-benefit-pick-up-08-fitness a  span[class^="icon-"],
.contents-body.pick-up-09-car .nav-benefit-pick-up-09-car a  span[class^="icon-"],
.contents-body.pick-up-10-gourmet .nav-benefit-pick-up-10-gourmet a  span[class^="icon-"],
.contents-body.pick-up-11-cleaning .nav-benefit-pick-up-11-cleaning a  span[class^="icon-"],
.contents-body.pick-up-12-shopping .nav-benefit-pick-up-12-shopping a  span[class^="icon-"],
.contents-body.pick-up-13-kids .nav-benefit-pick-up-13-kids a  span[class^="icon-"],
.contents-body.pick-up-14-learning .nav-benefit-pick-up-14-learning a  span[class^="icon-"],
.contents-body.pick-up-15-studyro .nav-benefit-pick-up-15-studyro a span[class^="icon-"] {
	filter: grayscale(100%) opacity(55%)
}

.contents-box-wrap.type-margin.benefit-pick-up-about .contents-box {
	margin-bottom: 0;
	padding-top: 15px;
}
.benefit-top .contents-box-wrap.type-margin.benefit-pick-up-about .contents-box {
	padding-top: 10px;
	padding-bottom: 25px;
}
.benefit-top .contents-box-wrap.type-margin.benefit-pick-up-about {
	margin-bottom: 0;
}


.discount-wrap {
	font-size: 14px;
	background-color: #FFF9D3;
	color: #333;
	border-radius: 5px;
	padding: 0 5px;
	margin-bottom: 8px;
	min-height: 68px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.discount-wrap strong {
	color: #CC0033;
	font-size: 16px;
}
.discount-wrap strong .num {
	font-size: 28px;
}
.discount-wrap strong .group {
	font-size: 17px;
}

.discount-wrap .discount-text {
	line-height: 1;
	margin-top: 2px;
}
.discount-none {
	min-height: 68px;
	margin-bottom: 8px;
}



/* ご利用者様の声 */
.user-voice-wrap .main-img {
	text-align: center;
	margin-bottom: 20px;
}
.user-voice-wrap .main-img img {
	width: 100%;
	max-width: 368px;
}

.user-voice-list li {
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: 20px;
}
.user-voice-list li:nth-child(1),
.user-voice-list li:nth-child(2) {
	width: 50%;

}
.user-voice-list li:nth-child(3) {
	width: 300px;
}
.user-voice-list li:nth-child(4) {
	width: calc(100% - 300px);
}

.user-voice-list li .user-voice-inner {
	display: flex;
	align-items: end;
}
.user-voice-list li:nth-child(1) .user-voice-inner,
.user-voice-list li:nth-child(3) .user-voice-inner {
	padding-right: 15px;
} 
.user-voice-list li:nth-child(2) .user-voice-inner,
.user-voice-list li:nth-child(4) .user-voice-inner {
	padding-left: 15px;
} 

.user-voice-list li:nth-child(1) .img img { width: 64px;}
.user-voice-list li:nth-child(2) .img img { width: 52px;}
.user-voice-list li:nth-child(3) .img img { width: 55px;}
.user-voice-list li:nth-child(4) .img img { width: 87px;}


.user-voice-list li .voice {
	position: relative;
	padding: 10px;
	border-radius: 10px;
	flex: 1;
	display: flex;
	align-items: center;
}

.user-voice-list li:nth-child(1) .voice {background-color: #FFF9D3; margin-left: 10px;}
.user-voice-list li:nth-child(2) .voice {background-color: #EAFAFF; margin-left: 10px;}
.user-voice-list li:nth-child(3) .voice {background-color: #EAFAFF; margin-right: 10px;}
.user-voice-list li:nth-child(4) .voice {background-color: #FFF9D3; margin-right: 10px;}

.user-voice-list li:nth-child(1) .voice::before {
	content: '';
	position: absolute;
	bottom: 23px;
	left: -15px;
	display: block;
	width:0;
	height:0;
	border-style:solid;
	border-width: 7.5px 15px 7.5px 0;
	border-color: transparent #FFF9D3 transparent transparent;
}
.user-voice-list li:nth-child(2) .voice::before {
	content: '';
	position: absolute;
	bottom: 23px;
	left: -15px;
	display: block;
	width:0;
	height:0;
	border-style:solid;
	border-width: 7.5px 15px 7.5px 0;
	border-color: transparent #EAFAFF transparent transparent;
}

.user-voice-list li:nth-child(3) .voice::before {
	content: '';
	position: absolute;
	bottom: 23px;
	right: -15px;
	display: block;
	width:0;
	height:0;
	border-style:solid;
	border-width: 7.5px 0 7.5px 15px;
	border-color: transparent transparent transparent #EAFAFF;
}
.user-voice-list li:nth-child(4) .voice::before {
	content: '';
	position: absolute;
	bottom: 23px;
	right: -15px;
	display: block;
	width:0;
	height:0;
	border-style:solid;
	border-width: 7.5px 0 7.5px 15px;
	border-color: transparent transparent transparent #FFF9D3;
}



.user-voice-wrap .text-bottom {
	font-size: 16px;
	text-align: center;
	padding-bottom: 20px;
}
.user-voice-wrap .text-bottom strong {
	background:linear-gradient(transparent 60%, #FFED6C 60%);
}