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

/*--------------PC--------------*/
/*共通*/
[data-browse-mode=P] .pc_only {display: block; }
[data-browse-mode=P] .sp_only {display: none; }
[data-browse-mode="P"] #header.pane-header {margin: 0; }
[data-browse-mode="P"] #review-campaign {background: #F9F9F6; }
[data-browse-mode="P"] #review-campaign h3 {font-size: 20px; font-weight: bold; }
[data-browse-mode="P"] #review-campaign .wrap {padding: 20px 0; max-width: 1200px; margin: 0 auto; font-size: 16px; text-align: center; }
[data-browse-mode="P"] #review-campaign .inner_wrap {margin: 0 auto 60px; }
[data-browse-mode="P"] #review-campaign .btn {background: #CC0000; border-radius: 50px; padding: 10px; width: 260px; }
[data-browse-mode="P"] #review-campaign .btn a {color: #fff; font-size: 12px; font-weight: bold; display: block; }

/*メインビジュアル*/
[data-browse-mode="P"] .mv {margin: 0 auto; max-width: 930px; }

/*開催期間・リード*/
[data-browse-mode="P"] h1 {font-size: 24px; font-weight: bold; color: #CC0000; }
[data-browse-mode="P"] .read {margin: 0 auto 40px; }
[data-browse-mode="P"] .read .data {font-size: 20px; margin: 20px auto; text-align: center; font-weight: 500; }
[data-browse-mode="P"] .read p {font-size: 16px; line-height: 2; }
[data-browse-mode="P"] .read p span {font-size: 25px; font-weight: bold; color: #CC0000; }

/*参加方法*/
[data-browse-mode="P"] #entry_flow {border: solid 2px #CC0000; border-radius: 8px; background: #fff; max-width: 1100px; margin: 0 auto 60px; padding: 20px 10px 30px; }
[data-browse-mode="P"] #entry_flow h3 {font-size: 22px; font-weight: bold; margin: 20px auto; }
[data-browse-mode="P"] #entry_flow ul {display: flex; justify-content: center; align-items: flex-start; }
[data-browse-mode="P"] #entry_flow ul li {display: flex; flex-wrap: wrap; align-items: self-start; max-width: 34%; }
[data-browse-mode="P"] #entry_flow p {font-size: 16px; margin: 0 auto 10px; width: 100%; line-height: 1.4; }
[data-browse-mode="P"] #entry_flow p b {display: block; color: #cc0000; font-size: 22px; }
[data-browse-mode="P"] #entry_flow ul li img {display: block; margin: 20px auto 0; }

/*キャンペーン詳細*/
[data-browse-mode="P"] #campaign_info p {font-size: 14px; line-height: 1.75; margin-bottom: 20px; }
[data-browse-mode="P"] #campaign_info .notice {margin: 0 auto 60px; width: 1000px; background: #fff; padding: 20px 35px 30px; }
[data-browse-mode="P"] #campaign_info ul {text-align: left; font-size: 13px; line-height: 2; }

/*お客さまの声*/
[data-browse-mode="P"] #user_voice {border: solid 2px #CC0000; border-radius: 8px; background: #fff; max-width: 1100px; margin: 0 auto 60px; padding: 20px 60px 30px; }
[data-browse-mode="P"] #user_voice ul#user_voice_list li>div {display: flex; margin: 30px auto; align-items: center; }
[data-browse-mode="P"] #user_voice ul#user_voice_list li .user .pic {width: 30%; }
[data-browse-mode="P"] #user_voice ul#user_voice_list li .user .pic img {border: solid 1px #eee; border-radius: 160px; width: 140px; }
[data-browse-mode="P"] #user_voice ul#user_voice_list li .user .pic p {font-size: 13px; letter-spacing: -1px; }
[data-browse-mode="P"] #user_voice ul#user_voice_list li .user .voice {width: 100%; text-align: left; font-size: 14px; background: #F8F8F8; padding: 20px; border-radius: 8px; }
[data-browse-mode="P"] #user_voice ul#user_voice_list li .user .voice .tit {font-size: 17px; }
[data-browse-mode="P"] #user_voice ul#user_voice_list li .user .voice p {margin-bottom: 10px; }
[data-browse-mode="P"] #user_voice ul#user_voice_list li .user .star {color: #CCCCCC; line-height: 1; font-size: 19px; }
[data-browse-mode="P"] #user_voice ul#user_voice_list li .user .yellow {color: #A3842C; }
[data-browse-mode="P"] #user_voice ul#user_voice_list li .staff .pic {width: 30%; }
[data-browse-mode="P"] #user_voice ul#user_voice_list li .staff .pic img {border: solid 1px #eee; border-radius: 160px; width: 110px; }
[data-browse-mode="P"] #user_voice ul#user_voice_list li .staff .pic p {font-size: 13px; letter-spacing: -1px; }
[data-browse-mode="P"] #user_voice ul#user_voice_list li .staff .voice {width: 100%; text-align: left; font-size: 14px; padding: 20px; border-radius: 8px; border: solid 1px #A3842C; }
[data-browse-mode="P"] #user_voice p small {display: block; text-align: left; font-size: 13px; margin-bottom: 40px; }




/*--------------スマホ--------------*/

/*共通*/
[data-browse-mode=S] .pc_only {display: none; }
[data-browse-mode=S] .sp_only {display: block; }
[data-browse-mode="S"] #header.pane-header {margin: 0; }
[data-browse-mode="S"] #review-campaign {background: #F9F9F6; }
[data-browse-mode="S"] #review-campaign h3 {font-size: 16px;font-weight: bold;}
[data-browse-mode="S"] #review-campaign .wrap {padding: 10px;max-width: 1200px;margin: 0 auto;font-size: 16px;text-align: center;}
[data-browse-mode="S"] #review-campaign .inner_wrap {margin: 0 auto 30px;}
[data-browse-mode="S"] #review-campaign .btn {background: #CC0000;border-radius: 160px!important;padding: 10px;width: 260px;}
[data-browse-mode="S"] #review-campaign .btn a {color: #fff; font-size: 12px; font-weight: bold; display: block; }

/*メインビジュアル*/
[data-browse-mode="S"] .mv {margin: 0 auto; max-width: 930px; }

/*開催期間・リード*/
[data-browse-mode="S"] h1 {font-size: 18px;font-weight: bold;color: #CC0000;}
[data-browse-mode="S"] .read {margin: 0 auto 20px;font-weight: normal;text-align: left;}
[data-browse-mode="S"] .read .data {font-size: 17px;margin: 20px auto;text-align: center;font-weight: 500;line-height: 1.4;}
[data-browse-mode="S"] .read p {font-size: 14px;line-height: 2;margin: 0 10px;}
[data-browse-mode="S"] .read p span {font-size: 19px;font-weight: bold;color: #CC0000;}

/*参加方法*/
[data-browse-mode="S"] #entry_flow {border: solid 2px #CC0000;border-radius: 8px;background: #fff;max-width: 1100px;margin: 0 auto 60px;padding: 20px;}
[data-browse-mode="S"] #entry_flow h3 {font-size: 18px;font-weight: bold;margin: 0 auto 30px;}
[data-browse-mode="S"] #entry_flow ul li {margin: 0 0 40px;}
[data-browse-mode="S"] #entry_flow ul li:last-child{margin:0;}
[data-browse-mode="S"] #entry_flow p {font-size: 14px;font-weight: 500;margin: 0 auto;width: 100%;line-height: 1.45;margin-bottom: 10px;}
[data-browse-mode="S"] #entry_flow p b {display: block;color: #cc0000;font-size: 18px;}
[data-browse-mode="S"] #entry_flow ul li img {display: block;width: 18vw;margin: auto;}

/*キャンペーン詳細*/
[data-browse-mode="S"] #campaign_info p {font-size: 14px;text-align: left;line-height: 1.75;margin-bottom: 20px;}
[data-browse-mode="S"] #campaign_info .notice {margin: 0 auto 60px;width: 100%;background: #fff;padding: 4vw 3vw;}
[data-browse-mode="S"] #campaign_info .notice h3{text-align: left; font-size: 15px; }
[data-browse-mode="S"] #campaign_info ul {text-align: left;font-size: 12px;line-height: 2;}

/*お客さまの声*/
[data-browse-mode="S"] #user_voice {border: solid 2px #CC0000;border-radius: 8px;background: #fff;max-width: 1100px;margin: 0 auto 60px;padding: 5vw 3vw;}
[data-browse-mode="S"] #user_voice p{font-size: 13px; text-align: left; }
[data-browse-mode="S"] #user_voice ul#user_voice_list li>div {display: flex; margin: 30px auto; align-items: center; }
[data-browse-mode="S"] #user_voice ul#user_voice_list li .user .pic {width: 28%;margin: 6px;}
[data-browse-mode="S"] #user_voice ul#user_voice_list li .user .pic img {border: solid 1px #eee; border-radius: 160px; width: 140px; }
[data-browse-mode="S"] #user_voice ul#user_voice_list li .user .pic p {font-size: 11px;letter-spacing: -1px;}
[data-browse-mode="S"] #user_voice ul#user_voice_list li .user .voice {width: 100%;text-align: left;font-size: 14px;background: #F8F8F8;padding: 3vw;border-radius: 8px;}
[data-browse-mode="S"] #user_voice ul#user_voice_list li .user .voice .tit {font-size: 14px;}
[data-browse-mode="S"] #user_voice ul#user_voice_list li .user .voice p {margin-bottom: 1.5vw;}
[data-browse-mode="S"] #user_voice ul#user_voice_list li .user .star {color: #CCCCCC;line-height: 1;font-size: 14px;}
[data-browse-mode="S"] #user_voice ul#user_voice_list li .user .yellow {color: #A3842C; }
[data-browse-mode="S"] #user_voice ul#user_voice_list li .staff .pic {width: 30%;margin: 7px;}
[data-browse-mode="S"] #user_voice ul#user_voice_list li .staff .pic img {border: solid 1px #eee;border-radius: 160px;width: 75%;}
[data-browse-mode="S"] #user_voice ul#user_voice_list li .staff .pic p {font-size: 10px;letter-spacing: -1px;}
[data-browse-mode="S"] #user_voice ul#user_voice_list li .staff .voice {width: 100%;text-align: left;font-size: 14px;padding: 3vw;border-radius: 8px;border: solid 1px #A3842C;}
[data-browse-mode="S"] #user_voice p small {display: block;text-align: left;font-size: 11px;margin-bottom: 16px;}