@charset "UTF-8";
/* CSS Document */

/* -------------------------------------------
	リスト
---------------------------------------------- */
.button_wrap + .note_list { margin-top: 1.5em; }

/* -------------------------------------------
	レイアウト
---------------------------------------------- */
.theme_wrap { margin-bottom: 38px; border-top: 2px solid #01abed; border-bottom: 2px solid #01abed; }
.theme_wrap .inner { margin: 6px 0; padding: 40px 0; border-top: 1px solid #cceefb; border-bottom: 1px solid #cceefb; }
.theme_wrap .inner .theme { display: table-cell; height: 158px; padding: 0 0 0 200px; background: url(/club-me/common/image/label_theme.png) no-repeat left center; font-size: 171.4%; color: #01abed; vertical-align: middle; }
.theme_wrap.old .inner .theme { background: none; padding: 0; display:table; width: 100%; }
.theme_wrap.old .inner .theme span { display: table-cell; vertical-align: middle; }
.theme_wrap.old .inner .theme .volume { width: 158px; height: 158px; background: url(/club-me/point-campaign/oneclick/bk/img/label_theme_old.png) no-repeat left center; color: #fff; font-weight: bold; text-align: center; padding-right: 40px; }
.application_period { margin-bottom: 45px; max-width: 850px; margin-right: auto;margin-left: auto;}
.application_period dt { float: left; }
.application_period dd { padding: 0.2em 0 0 160px; vertical-align: middle; font-size: 133.3%; font-weight: bold; }
.radio_list { margin-bottom: 70px;  max-width: 850px; margin-right: auto;margin-left: auto;}
.radio_list li { margin-bottom: 1em; font-size: 116.6%; }
.radio_list li input { margin-right: 20px; }
#return_corner_top { text-align: center; }
.bottom_link .button { width: auto; padding: 1em 10px; background-color: #01abed; font-size: 87.5%; }
.bottom_link .button14 {font-size: 100%; }
.bottom_link .button:hover { background-color: #1bb4ef; }

#col1 { margin-top: 70px; }
#backnumber { font-size: 116.6%; }
#backnumber .load_ready {position: relative; margin-bottom: 45px; padding: 100px 0; }
#backnumber .wrap { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#backnumber .backnumber_item { position: relative; display: table; width: 48.469388%; margin-left: 3.061224%; margin-bottom: 20px; border: 1px solid #ccc; opacity: 1; visibility: visible; -webkit-transition:  opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -ms-transition:  opacity .3s ease-out; transition:  opacity .3s ease-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#backnumber .backnumber_item.hide { opacity: 0; visibility: hidden; }
#backnumber .backnumber_item:nth-of-type(odd) { margin-left: 0; }
#backnumber .backnumber_item:after { position: absolute; right: 20px; top: 50%; display: block; content: ""; width: 7px; height: 12px; margin-top: -4px; background: url(/club-me/point-campaign/oneclick/bk/img/arr_backnumber.png) no-repeat; -webkit-background-size: 7px auto; -o-background-size: 7px auto; background-size: 7px auto; -webkit-transition:  opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -ms-transition:  opacity .3s ease-out; transition:  opacity .3s ease-out; }
#backnumber .backnumber_item:hover:after { opacity: 0.4; }
#backnumber .backnumber_item a { display: table-cell; width: 100%; height: 100px; padding: 5px 40px 5px 20px; vertical-align: middle; color: #333; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:  opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -ms-transition:  opacity .3s ease-out; transition:  opacity .3s ease-out; }
#backnumber .backnumber_item:hover a { opacity: 0.4; }
#backnumber .backnumber_item a .vol { margin-bottom: 5px; font-size: 114.3%; font-weight: bold; color: #3fa5ce; }
#backnumber #more_item a { display: block; margin: 20px 0 50px; padding: 0.4em 10px 0.3em; background-color: #a1a1a1; text-align: center; }
#backnumber #more_item a:hover { background-color: #ababab; }
#backnumber #more_item a em { display: inline-block; background: url(/club-me/common/image/arr_under.png) no-repeat 0 0.55em; padding-left: 15px; font-weight: bold; color: #fff; }

.backnumber_under { max-width: 700px; margin:0 auto;}


@media only screen and (max-width: 767px) {
	.theme_wrap { margin-bottom: 20px; }
	.theme_wrap .inner { padding: 20px 0; }
	.theme_wrap .inner .theme { display: block; height: auto; padding: 180px 0 0 0; background: url(/club-me/common/image/label_theme_x2.png) no-repeat center top; background-size: 155px auto; font-size: 128.6%	; }
	.theme_wrap.old .inner .theme { display:block; }
	.theme_wrap.old .inner .theme span { display: block; }
	.theme_wrap.old .inner .theme .volume { width: 100px; height: 58px; background: url(/club-me/point-campaign/oneclick/bk/img/label_theme_old_x2.png) no-repeat left center; background-size: 100px auto; padding: 42px 0 0; margin: 0 auto 15px;}
	.application_period { margin-bottom: 20px; }
	.application_period dt { float: none; margin-bottom: 0.75em; }
	.application_period dd { padding: 0; font-size: 114.2%; }
	.radio_list { margin-bottom: 30px; }
	.radio_list li { margin-bottom: 0.75em; font-size: 100%; }
	.radio_list li input { margin-right: 10px; }
	.bottom_link .button { display: block; font-size: 100%; }

	#col1 { margin: 50px 20px 0; }
	#backnumber { font-size: 100%; }
	#backnumber .wrap { display: block; }
	#backnumber .backnumber_item { width: 100%; margin-left: 0; margin-bottom: 15px; }
	#backnumber .backnumber_item:after { position: absolute; right: 15px; width: 6px; height: 10px; margin-top: -4px; -webkit-background-size: 6px auto; -o-background-size: 6px auto; background-size: 6px auto; }
	#backnumber .backnumber_item a { height: 75px; padding: 10px 30px 10px 15px; -webkit-transition:  none; -moz-transition: none; -ms-transition:  none; transition:  none; }
	#backnumber .backnumber_item:hover:after,
	#backnumber .backnumber_item:hover a { opacity: 1; }
	#backnumber .backnumber_item a .vol { font-size: 100%; }
	#backnumber #more_item a { margin: 30px 0 0; }
	#link_sbk { font-size: 100%; margin-top: 2em; text-align: center; margin-bottom: -1em;}
}

/* -------------------------------------------
	その他
---------------------------------------------- */
.result_img img { max-width: 100%; }

.bottomFunc {margin: 80px 0;}
.bottomBtn {margin: 0 auto;text-align: center;}
.bottomBtn a {-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important;font-family: 'Noto Sans JP', sans-serif;color: #222;display: inline-block;max-width: 50%;padding: 12px 20px;background-color: #fff;border: 1px solid #dbdbdb;border-radius: 3px;font-size: 16px;text-decoration: none;transition: all 0.3s ease;line-height: 1.5;}
.bottomBtn a:hover {color: #c00 !important;background: #f5f5f5;}
.bottomBtn .inner {position: relative;display: inline-block;padding: 0 20px;text-align: left;}
.bottomBtn .inner::after {content: '';position: absolute;right: 0;top: calc(50% + 1px);-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important;display: block;width: 7px;height: 7px;border-top: 2px solid #c00;border-right: 2px solid #c00;transform: translate(-50%, -50%) rotate(45deg);}
#bottomShare {display: flex;justify-content: center;margin: 48px 0 0;list-style-type: none;}
#bottomShare li#twitter .box .share,
#bottomShare li#facebook .box .share {width: 44px;height: 44px;margin: 0 13px;background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;outline: none;}
#bottomShare li#twitter .box .share {background-color: #1da1f2;background-image: url(/club-me/common/v0006/images/icon_twitter.svg);background-size: 25px auto;border-radius: 50%;}
#bottomShare li#facebook .box .share {background-image: url(/club-me/common/v0006/images/icon_facebook.svg);background-size: contain;}
@media only screen and (max-width: 767px) {
.bottomFunc{margin: calc(100vw/(750/80)) 0;}
.bottomBtn a {max-width: 90%;border-radius: 5px;font-size: calc(100vw/(750/30));}
.bottomBtn .inner::after {width: 9px;height: 9px;}
#bottomShare {margin: calc(100vw/(750/120)) 0 0;}
#bottomShare li#twitter .box .share,
#bottomShare li#facebook .box .share {width: calc(100vw/(750/88));height: calc(100vw/(750/88));margin: 0 calc(100vw/(750/40));}
#bottomShare li#twitter .box .share {background-size: calc(100vw/(750/50)) auto;}
}
@media only screen and (max-width: 350px) {
.bottomBtn a {font-size: 14px;}
}