/*#container {width: 100%; max-width: 100%; min-width: 100%; margin: 0 auto;}	*/
#main_column.colnum1 {width: 100%; margin: 0 auto;}
#main_column h2 {width: 980px; margin: 0 auto 50px;}
.raku2_friend_image {width: 980px;/* margin: 0 auto 50px; padding: 80px 0; border: 1px solid  #000000;*/ text-align: center;}
.raku2_friend_intro {width: 980px;/* margin: 0 auto 50px; padding: 80px 0; border: 1px solid  #000000; text-align: center;*/}

.raku2_friend_wrap{width: 100%; margin: 100px auto 50px; padding: 50px 0 60px; background-color: #f0f0f0;}
.raku2_friend_wrap h3 {font-size: 20px; margin: 0 auto 10px; text-align: center; font-weight: 600;}
.raku2_friend_wrap h3 span {color: #009ce1;}
.raku2_friend_wrap .raku2_friend_sharelist {width: 850px; margin: 0 auto 30px; padding: 50px 0; background-color: #ffffff; display: flex; flex-wrap: wrap; justify-content: space-between;}
.raku2_friend_wrap .raku2_friend_sharelist>div {width: 24.5%; padding: 10px 0; text-align: center;}
.raku2_friend_wrap .raku2_friend_sharelist .raku2_friend_mailform,
.raku2_friend_wrap .raku2_friend_sharelist .raku2_friend_lineform,
.raku2_friend_wrap .raku2_friend_sharelist .raku2_friend_xform {border-right: 1px solid #000000;}
.raku2_friend_wrap .raku2_friend_sharelist>div p {margin: 0 auto 15px; font-size: 15px; font-weight: 600;}
.raku2_friend_wrap .raku2_friend_sharelist>div .share_icon {width: 50px; display: block; margin: 0 auto 10px;}
.raku2_friend_wrap .raku2_friend_sharelist>div .share_qr {width: 100px; display: block; margin: 0 auto;}
.raku2_friend_wrap .raku2_friend_shareurl {width: 850px; margin: 0 auto 0; padding: 0;}
.raku2_friend_wrap .raku2_friend_shareurl p {margin: 0 auto 5px; font-size: 14px;}
.raku2_friend_wrap .raku2_friend_shareurl .raku2_friend_url_form {width: 94%; margin: 0 auto 0; padding: 15px 3%;  background-color: #ffffff; border-radius: 2px;}
.raku2_friend_wrap .raku2_friend_shareurl .raku2_friend_url_form .url_form {width: 95%; margin: 0 auto 0; padding: 0; font-size: 14px; border: none;}
.raku2_friend_wrap .raku2_friend_shareurl .raku2_friend_url_form>button {font-size: 22px; border: none; background-color: #ffffff; cursor:pointer; background-color: transparent;}
.raku2_friend_outlinewrap {width: 850px; margin: 100px auto 50px; padding: 0;}
.raku2_friend_outlinewrap h3 {font-size: 20px; margin: 0 auto 20px; text-align: center; font-weight: 600;}
.raku2_friend_outlinewrap .plg_raku2_friend_campaign_summary_content {width: 100%; margin: 0 auto 40px; padding: 0;}
.raku2_friend_outlinewrap .plg_raku2_friend_campaign_summary_content {font-size: 15px; font-weight: 400; letter-spacing: 0.01em; line-height: 1.5; text-align: justify;}
.raku2_friend_outlinewrap .raku2_friend_campaign_rule {width: 100%; margin: 0 auto 40px; padding: 0;}
.raku2_friend_outlinewrap .raku2_friend_campaign_rule h4 {font-size: 18px; margin: 0 auto 10px; padding: 0 0 5px 10px; text-align: left; font-weight: 600; border-bottom: 1px solid #a9a9a9;}
.raku2_friend_outlinewrap .raku2_friend_campaign_rule>div {width: 95%; margin: 0 auto 50px;}
.raku2_friend_outlinewrap .raku2_friend_campaign_rule>div>p {font-size: 15px; font-weight: 400; letter-spacing: 0.01em; line-height: 1.5; text-align: justify;}
.raku2_friend_outlinewrap .raku2_friend_campaign_rule>div>span {display: block; width: 180px; margin: 20px 0 10px; padding: 7px 0; font-size: 13px; color: #ffffff; text-align: center; background-color: #808080; border-radius: 20px;}
.raku2_friend_outlinewrap .raku2_friend_campaign_rule .raku2_friend_atten>p {font-size: 15px; line-height: 1.4; text-align: justify;}
.raku2_friend_outlinewrap .raku2_friend_campaign_rule>div>p>b {font-size: 110%; font-weight: 600; color: #009ce1;}
/*friend_sns�y�[�W*/
#raku2_friend_sns_form .form_entry>#share {margin: 20px;}
.raku2_friend_sns_outlinewrap {width: 850px; margin: 20px auto 50px; padding: 0;}
.raku2_friend_sns_outlinewrap h3 {font-size: 20px; margin: 0 auto 20px; text-align: center; font-weight: 600;}
.raku2_friend_sns_outlinewrap .plg_raku2_friend_campaign_summary_content {width: 100%; margin: 0 auto 40px; padding: 0;}
.raku2_friend_sns_outlinewrap .plg_raku2_friend_campaign_summary_content {font-size: 15px; font-weight: 400; letter-spacing: 0.01em; line-height: 1.5; text-align: justify;}
.raku2_friend_sns_outlinewrap .raku2_friend_campaign_rule {width: 100%; margin: 0 auto 40px; padding: 0;}
.raku2_friend_sns_outlinewrap .raku2_friend_campaign_rule h4 {font-size: 18px; margin: 0 auto 10px; padding: 0 0 5px 10px; text-align: left; font-weight: 600; border-bottom: 1px solid #a9a9a9;}
.raku2_friend_sns_outlinewrap .raku2_friend_campaign_rule>div {width: 95%; margin: 0 auto 50px;}
.raku2_friend_sns_outlinewrap .raku2_friend_campaign_rule>div>p {font-size: 15px; font-weight: 400; letter-spacing: 0.01em; line-height: 1.5; text-align: justify;}
.raku2_friend_sns_outlinewrap .raku2_friend_campaign_rule>div>span {display: block; width: 180px; margin: 20px 0 10px; padding: 7px 0; font-size: 13px; color: #ffffff; text-align: center; background-color: #808080; border-radius: 20px;}
.raku2_friend_sns_outlinewrap .raku2_friend_campaign_rule .raku2_friend_atten>p {font-size: 15px; line-height: 1.4; text-align: justify;}
.raku2_friend_sns_outlinewrap .raku2_friend_campaign_rule>div>p>b {font-size: 110%; font-weight: 600; color: #009ce1;}

/*/////////////////// Mailform Popup Window ///////////////////*/
.raku2_friend_mailform_window {position: relative;}
.raku2_friend_mailform_window>.raku2_friend_open {display: block; width: 140px; margin: 40px auto 0; cursor:pointer; color: #ffffff; border-radius: 2px; padding: 12px 0 11px; text-align: center; font-size: 15px; line-height: 1.0; letter-spacing: 0.05em; background-color: #009ce1; border: 1px solid #009ce1;}
.raku2_friend_mailform_window>.raku2_friend_open:hover {color: #009ce1; background-color: #ffffff;}
.raku2_friend_mailform_window>#popup {display: none;}
.raku2_friend_mailform_window>.raku2_friend_gray {display: none;}
.raku2_friend_mailform_window>#popup:checked + .raku2_friend_gray {display: block; position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 9999; background: rgba(0, 0, 0, 0.6);}
.raku2_friend_mailform_window>.raku2_friend_gray>.raku2_friend_window {position: fixed; top: 50%; left: 50%; width: 90vw; max-width: 700px; padding: 30px; height: auto; background-color: #ffffff; align-items: center; transform: translate(-50%, -50%); text-align: center;}
.raku2_friend_mailform_window>.raku2_friend_gray>.raku2_friend_window>p {font-size: 14px; color: #232323; line-height: 1.6; letter-spacing: 0.01em; text-align: left;}
.raku2_friend_mail_form_h2 {margin: 0 auto 50px; border-bottom: 1px solid #CCC; font-size: 130%; font-weight: bold;}
.raku2_friend_mailform_window .raku2_friend_close {font-size: 30px; position: absolute; color: #5c3625; padding: 0 13px; top: 0; right: 0; cursor:pointer;}


.raku2_friend_campaign_column{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: flex-start;
}
.raku2_friend_campaign_column>div{
    margin: 0 auto;
    background-color: #f0f0f0;
    padding: 5% 0;
    margin-top: 15px;
    width: 45%;
    text-align: center;
}
.raku2_friend_campaign_column>div>span {
    display: block;
    width: 200px;
    margin: 0 auto 10px;
    padding: 7px 0;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    background-color: var(--main-color);
    border-radius: 10px;
    font-weight: bold;
    box-shadow: 0 10px 7px 0 rgba(0, 0, 0, 0.02);
}
.raku2_friend_campaign_column b {
    font-size: 28px;
    text-decoration: underline;
    text-underline-offset: -0.2em;
    text-decoration-thickness: 0.5em;
    text-decoration-color: rgba(255, 228, 0, 0.4);
    text-decoration-skip-ink: none;
}