@charset "UTF-8";
/*共通CSS拡張*/
#content2 { font-size: 116.667%; }
#contents_wrap {margin-top: 70px;}
@media only screen and (max-width: 767px) {
	#content2 { font-size: 133.333%; }
	#contents_wrap{margin: 50px 20px 0;}
}

/*ルール説明*/
.list_rule > li { margin-top: 1em; }
.list_rule > li:first-child { margin-top: 0; }
.list_rule .order { float: left; width: 2em; }
.list_rule .indent { overflow: hidden; _zoom: 1; }
.list_rule .period { color: #FF0000; }
.list_rule .inner_list { margin-bottom: 1em; }
.list_rule .inner_list > li { margin-top: .5em; }
.list_rule .inner_list > li:first-child { margin-top: 0; }
.list_rule .point { margin-top: 1em; font-weight: bold; }
.list_rule .point strong { color: #01abed; }

.scratch_area { position: relative; margin-bottom: 30px; padding: 30px; background-color: #f8f8f8; text-align: center; }

@media only screen and (max-width: 767px) {
	.scratch_area { margin-right: -20px; margin-left: -20px; padding-right: 20px; padding-left: 20px; }
	.scratch_area .scratch_img { width: 87.5%; margin: 0 auto; }
}

/*=========================
Helper Class
=========================*/
.fluid_img { _width: 100%; max-width: 100%; vertical-align: top; }

.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;}
}