@charset "UTF-8";

/* index.html 
*************************************************************** */
#index.rakuraku__wrapper { background-color: #fff; padding-top: 0; }
#index .rakuraku__campaign__banner { max-width: 980px; margin: 0 auto; padding: 5px 13px 70px; }
#index .rakuraku__campaign__banner .release { margin-top: 10px; text-align: right; font-size: 114.286%; padding-bottom: 15px; }
#index .rakuraku__campaign__banner .main_heading { background-color: #ab0404; color: #ffffff; font-size: 185.714%; font-weight: bold; text-align: center; padding: 15px 0; margin-bottom: 45px; }
#index .rakuraku__campaign__banner .notice_block .notice_text { font-weight: bold;font-size: 114.286%; line-height: 1.75; }
#index .rakuraku__campaign__banner .notice_block .notice_text .colortext { color: #ab0404; }
#index .rakuraku__campaign__banner .campaign_caution_wrap { margin-top: 52px; }
#index .rakuraku__campaign__banner .campaign_twitter_acc_block { border: 13px solid #ab0404; padding: 48px 40px 44px; text-align: center; color: #ab0404; }
#index .rakuraku__campaign__banner .campaign_twitter_acc_block .campaign_twitter_link a { color: #ab0404; font-size: 385.714%; font-weight: bold; text-decoration: none; line-height: 1.8; }
#index .rakuraku__campaign__banner .campaign_twitter_acc_block .campaign_border_title { font-size: 171.4283%; font-weight: bold; }
#index .rakuraku__campaign__banner .campaign_twitter_acc_block .campaign_check_text { font-size: 142.857%; font-weight: bold; line-height: 0.5; }
#index .rakuraku__campaign__banner .campaign_acc_diff_block { display: flex; justify-content: space-between; margin-top: 55px; }
#index .rakuraku__campaign__banner .campaign_acc_diff_block .campaign_acc { width: 46.94%; }
#index .rakuraku__campaign__banner .campaign_title { text-align: center; font-size: 171.4283%; font-weight: bold;}
#index .rakuraku__campaign__banner .campaign_acc_diff_block .campaign_acc_img { margin-top: 20px; }
#index .rakuraku__campaign__banner .campaign_acc_diff_block .campaign_acc_img img { width: 100%; }
#index .rakuraku__campaign__banner .campaign_summary_block { margin-top: 32px; }
#index .rakuraku__campaign__banner .campaign_summary_block .campaign_text { font-size: 114.286%; line-height: 1.75; margin-top: 12px; }
#index .rakuraku__campaign__banner .campign_note { position: relative; padding-left: 1em; font-size: 100%; margin-top: 11px; }
#index .rakuraku__campaign__banner .campign_note span { position: absolute; left: 0; }

/* button_top_wrap */
#index .button_top_wrap { padding: 33px 45px 30px; background-color: #f8f8f8; text-align: center; margin-top: 40px; }
#index .button_top_wrap .button { display: inline-block; color: #fff; text-align: center; font-size: 114.5%; font-weight: bold; text-decoration: none; padding: 23px 57px; }
#index .button_top_wrap a { background-color: #d41346; }
#index .button_top_wrap a:hover { background-color: #ee285c; }
#index .button_top_wrap .button .arr { position: relative; padding-left: 12px; }
#index .button_top_wrap .button .arr:before { position: absolute;top: .465em;left: 0;content: ""; width: 0; height: 0;border-style: solid;border-width: 4px 0 4px 7px;border-color: transparent transparent transparent #fff; }

@media only screen and (max-width: 767px){
#index.rakuraku__wrapper { padding-top: 0; }
#index .rakuraku__campaign__banner { max-width:none; width: auto; padding:0 0 60px;margin:0 20px; }
#index .rakuraku__campaign__banner img { width: 100%; }
#index .rakuraku__campaign__banner .main_heading { font-size: 157%; padding: 14px; margin-bottom: 30px; }
#index .rakuraku__campaign__banner .release{ font-size: 100%; }
#index .rakuraku__campaign__banner .campaign_title { font-size: 150%; }
#index .rakuraku__campaign__banner .campaign_summary_block .campaign_text,
#index .rakuraku__campaign__banner .notice_block .notice_text { font-size: 100%; }
#index .rakuraku__campaign__banner .campaign_caution_wrap { margin-top: 30px; }
#index .rakuraku__campaign__banner .campaign_twitter_acc_block { padding: 20px; border: 6px solid #ab0404; }
#index .rakuraku__campaign__banner .campaign_twitter_acc_block .campaign_border_title { font-size: 135.714%; }
#index .rakuraku__campaign__banner .campaign_twitter_acc_block .campaign_twitter_link a { font-size: 180%; }
#index .rakuraku__campaign__banner .campaign_twitter_acc_block .campaign_check_text { font-size: 114.286%; line-height: 1em; }
#index .rakuraku__campaign__banner .campaign_acc_diff_block .campaign_acc { width: auto; }
#index .rakuraku__campaign__banner .campaign_acc + .campaign_acc { margin-top: 30px; }
#index .rakuraku__campaign__banner .campaign_acc_diff_block { display: block; margin-top: 40px; }
#index .rakuraku__campaign__banner .campign_note { font-size: 85.714%; }


#index .button_top_wrap { padding: 20px; }
#index .button_top_wrap { display: block; }
#index .button_top_wrap .button { padding: 15px;}
#index .button_top_wrap .button .arr:before { position: absolute;top: .55em;left: 0;content: ""; width: 0; height: 0;border-style: solid;border-width: 3px 0 3px 6px;border-color: transparent transparent transparent #fff; }
}