@charset "utf-8";

body { background-color: #f8f8f8; }

/*============================
#translation
============================*/
#translation { position: relative; display: flex; justify-content: flex-end; gap: 10px; padding: 10px 20px; }
#translation:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 130px; background-image: url("/img/truekansai_igcampaign2025/icon_translate.svg"); width: 20px; height: 20px; background-size: cover; background-repeat: no-repeat; }
#translation .ja {}
#translation .ja a { font-size: 0.875em; }
#translation .en {}
#translation .en a { font-size: 0.875em; }
#translation a { padding: 5px 15px; border-radius: 15px; }
#translation a.active { background-color: #434343; color: #fff; }
#translation a.inactive { background-color: #eaeaea; color: #434343; pointer-events: none; }

/*============================
.visual
============================*/
#truekansai_igcampaign.truekansai_igcampaign--index .visual { position: relative; height: 350px; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual::before { content: ''; display: block; position: absolute; z-index: 0; background-image: url("/img/truekansai_igcampaign2025/bg_mainPanel_airbnbNavi_kansaikanko2025_ippan.jpg"); background-position: 50% 0; background-size: cover; filter: brightness(66%); width: 100%; height: 350px; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner .catch { position: absolute; text-align: center; left: 50%; transform: translateX(-50%); top: 30px; width: 100%; z-index: 1; font-weight: bold; color: #fff; font-size: 1em; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner .catch span { display: inline-block; transform: scale(-1, 1); }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner {}
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title { position: absolute; text-align: center; top: 60px; margin: 0; left: 50%; transform: translateX(-50%); } 
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title::before { content: ''; position: absolute; display: block; left: 50%; transform: translateX(-50%); background-color: #fff; opacity: 0.95; border-radius: 15px; width: 80%; height: 255px; z-index: 2; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title .sub { position: absolute; left: 50%; transform: translateX(-50%); top: 15px; width: 100%; font-size: 0.875em; font-weight: bold; color: #222; z-index: 3; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title .sub span { font-weight: bold; color: #FD2571; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title .copy { position: absolute; left: 50%; top: 135px; transform: translateX(-50%); width: 75%; font-size: 0.75em; font-weight: bold; line-height: 1.25; z-index: 4; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title .copy span { font-weight: initial; display: inline-block; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title h1 { position: absolute; left: 50%; transform: translateX(-50%); top: 35px; width: 100%; font-weight: bold; z-index: 3; font-size: 1.875em; line-height: 1; background: linear-gradient(150deg, rgba(35, 102, 247, 1) 10%, rgba(154, 39, 238, 1) 40%, rgba(255, 34, 87, 1) 68%, rgba(247, 166, 12, 1) 90%);
-webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title h1 span.en { font-family: "Arial", sans-serif; font-size: 1.2em; font-weight: bold; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title h1 span.ja { font-family: YuGothic, "Yu Gothic bold", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 1em; font-weight: bold; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title .period { position: absolute; left: 50%; transform: translateX(-50%); top: 195px; width: 70%; padding: 0; font-weight: bold; color: #222; font-family: "Arial", sans-serif; z-index: 3; border: 2px solid #222; line-height: 1.5; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title .period span.title { position: relative; font-weight: bold; font-size: 0.875em; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title .period span.title::after { content: ''; position: absolute; background-image: url("/img/truekansai_igcampaign2025/arrow_right_instagram.svg"); background-size: contain; background-repeat: no-repeat; width: 36px; height: 20px; top: 1px; left: 65px; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title .period span.title::after { content: none; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title .period span.title::before { content: ''; position: absolute; background-image: url("/img/truekansai_igcampaign2025/arrow_rightSingle_instagram.svg"); background-repeat: no-repeat; background-size: contain; width: 13px; height: 13px; top: 20px; right: 0; left: 50%; transform: translateX(-50%); }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title .period span.date { margin-right: 0; font-size: 1em; font-weight: bold; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title .period span.day { font-size: 0.875em; font-weight: bold; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title .period span.day.start { margin-right: 30px; }

/*============================
ClearFix
============================*/
#truekansai_igcampaign { margin: 0; }
#truekansai_igcampaign .clearFix::after { clear: both; display: block; content: ""; height: 0; line-height: 0; }
#truekansai_igcampaign .md_container { max-width: 1240px; padding: 0 20px; margin: 0 auto; box-sizing: border-box; }
#truekansai_igcampaign .md_title { font-size: 1.7em; }
#truekansai_igcampaign .md_br_pc { display: none; }
#truekansai_igcampaign .md_br_sp { display: block; }
#truekansai_igcampaign ul { padding: 0; }
#truekansai_igcampaign li { list-style: none; padding: 0; }
#truekansai_igcampaign img { vertical-align: top; }
#truekansai_igcampaign a { text-decoration: none; }
#truekansai_igcampaign table { border-collapse: collapse; }

#truekansai_igcampaign--prize { margin: 0; }
#truekansai_igcampaign--prize .clearFix::after { clear: both; display: block; content: ""; height: 0; line-height: 0; }
#truekansai_igcampaign--prize .md_container { max-width: 1240px; padding: 0 20px; margin: 0 auto; box-sizing: border-box; }
#truekansai_igcampaign--prize .md_title { font-size: 1.7em; }
#truekansai_igcampaign--prize .md_br_pc { display: none; }
#truekansai_igcampaign--prize .md_br_sp { display: block; }
#truekansai_igcampaign--prize ul { padding: 0; }
#truekansai_igcampaign--prize li { list-style: none; padding: 0; }
#truekansai_igcampaign--prize img { vertical-align: top; }
#truekansai_igcampaign--prize a { text-decoration: none; }
#truekansai_igcampaign--prize table { border-collapse: collapse; }

/* ↓ index.html ↓*/
/*============================
#applyArea
============================*/
#applyArea { margin-top: 35px; min-width: 100%; }
#applyArea .howTo {}
#applyArea .howTo .title { text-align: center; }
#applyArea .howTo .step { flex: none; margin-top: 20px; padding: 10px 0 40px; border-bottom: none; background-color: #fff; }
#applyArea .howTo .step .leftArea { text-align: center; position: relative; width: 100%; margin-top: 0; }
#applyArea .howTo .step .leftArea:before { content: ''; position: absolute; transform: rotate(90deg); border-right: 1px solid #ddd; width: 1px; height: 75%; right: 0; left: 50%; bottom: -180px; }
#applyArea .howTo .step .leftArea .stepTitle { display: inline; padding-bottom: 5px; font-family: "bebas-neue-pro", sans-serif;
font-weight: 600; font-style: normal; font-size: 2.125em; letter-spacing: 0.02em; color: #7D7D7D; border-bottom: 1px dashed #9f9f9f; }
#applyArea .howTo .step .leftArea .stepTitle span { font-size: 0.75em; margin-right: 6px; }
#applyArea .howTo .step .leftArea .image { margin: 25px auto 0;  width: 113px; }
#applyArea .howTo .step .leftArea .image img { width: 100%; height: auto; }
#applyArea .howTo .step .leftArea .action { font-size: 1.125em; margin-top: 10px; font-weight: bold; }
#applyArea .howTo .step .leftArea .action span { color: #FD2571; }
#applyArea .howTo .step .leftArea .copy { margin-top: 10px; }
#applyArea .howTo .step .leftArea .copy a { position: relative; text-decoration: underline; padding-right: 20px; }
#applyArea .howTo .step .leftArea .copy a:hover { text-decoration: none; }
#applyArea .howTo .step .leftArea .copy a:after { content: ''; position: absolute; background-image: url("/img/common/bg_blank_link02.png"); background-repeat: no-repeat; background-size: cover; width: 15px; height: 15px; right: 2px; top: 3px; }
#applyArea .howTo .step .leftArea .note { font-size: 0.875em; }
#applyArea .howTo .step .leftArea .button { margin-top: 20px; text-align: center; }
#applyArea .howTo .step .leftArea .button a { text-align: center; padding: 10px 45px; border: 1px solid #222; border-radius: 30px; transition: 0.2s all; }
#applyArea .howTo .step .rightArea { text-align: center; margin-top: 40px; width: 100%; }
#applyArea .howTo .step .rightArea .stepTitle { display: inline; padding-bottom: 5px; font-family: "bebas-neue-pro", sans-serif;
font-weight: 600; font-style: normal; font-size: 2.125em; letter-spacing: 0.02em; color: #7D7D7D; border-bottom: 1px dashed #9f9f9f; }
#applyArea .howTo .step .rightArea .stepTitle span { font-size: 0.75em; margin-right: 6px;  }
#applyArea .howTo .step .rightArea .image { margin: 25px auto 0; width: 300px; }
#applyArea .howTo .step .rightArea .image img { width: 100%; height: auto; }
#applyArea .howTo .step .rightArea .action { font-size: 1.125em; margin-top: 10px; font-weight: bold; }
#applyArea .howTo .step .rightArea .action span { color: #FD2571; font-weight: bold; }
#applyArea .howTo .step .rightArea .copy { margin: 10px auto 0; width: 90%; }
#applyArea .howTo .option { margin-top: 40px; }
#applyArea .howTo .option .copy { text-align: center; }
#applyArea .howTo .option .box { flex: none; margin: 20px auto 0; width: 80%; }
#applyArea .howTo .option .box .container01 { position: relative; }
#applyArea .howTo .option .box .container01 .tag { font-size: 0.875em; color: #FD2571; font-weight: bold; }
#applyArea .howTo .option .box .container01 .success-msg { display: none; position: fixed; width: 300px; height: 40px; line-height: 40px; background-color: #29aba4; color: #fff; top: 100px; left: 0; right: 0; margin: auto; text-align: center; border-radius: 5px; }
#applyArea .howTo .option .box .container01 form { background-color: #fff; width: 100%; height: 42px; border-radius: 10px; border: 2px solid #FD2571; }
#applyArea .howTo .option .box .container01 form textarea { height: 44px; line-height: 44px; margin-left: 14px; font-size: 1.125em; font-weight: bold; color: #434343; letter-spacing: 0.05em; resize: none; }
#applyArea .howTo .option .box .container01 button { position: absolute; cursor: pointer; right: -3px; top: 32%; padding: 8px 10px; background-image: linear-gradient(150deg, rgba(253, 37, 113, 1) 42%, rgba(253, 38, 114, 1) 70%, rgba(255, 138, 179, 1)); border-radius: 0 8px 8px 0; }
#applyArea .howTo .option .box .container01 button img { width: 23px; height: 28px; }
#applyArea .howTo .option .box .container01 button img { width: 23px; height: 28px; transition: 0.8s; }
#applyArea .howTo .option .box .container01 button img:hover { opacity: 0.7; }
#applyArea .howTo .option .box .container02 { position: relative; }
#applyArea .howTo .option .box .container02 .tag { font-size: 0.875em; color: #FD2571; font-weight: bold; }
#applyArea .howTo .option .box .container02 .success-msg { display: none; position: fixed; width: 300px; height: 40px; line-height: 40px; background-color: #29aba4; color: #fff; top: 100px; left: 0; right: 0; margin: auto; text-align: center; border-radius: 5px;}
#applyArea .howTo .option .box .container02 form { background-color: #fff; width: 100%; height: 42px; border-radius: 10px; border: 2px solid #FD2571; }
#applyArea .howTo .option .box .container02 form textarea { height: 44px; line-height: 44px; margin-left: 14px; font-size: 1.125em; font-weight: bold; color: #434343; letter-spacing: 0.05em; resize: none; }
#applyArea .howTo .option .box .container02 button { position: absolute; cursor: pointer; right: -3px; top: 32%; padding: 8px 10px; background-image: linear-gradient(150deg, rgba(253, 37, 113, 1) 42%, rgba(253, 38, 114, 1) 70%, rgba(255, 138, 179, 1)); border-radius: 0 8px 8px 0; }
#applyArea .howTo .option .box .container02 button img { width: 23px; height: 28px; transition: 0.8s; }
#applyArea .howTo .option .box .container02 button img:hover { opacity: 0.7; }
#applyArea .howTo .outro { text-align: center; margin-top: 50px; font-size: 1.375em; }
#applyArea .howTo .outro span { margin-top: 10px; font-size: 0.875em; }
#applyArea .howTo .prize { margin-top: 40px; padding: 30px 5% 40px 5%; width: 90%; background-color: #F2EACE; border-top: 5px solid #A49660; border-bottom: 5px solid #A49660; }
#applyArea .howTo .prize .title { position: relative; text-align: center; font-size: 1.5em; color: #817549; }
#applyArea .howTo .prize .title:before { content: ''; position: absolute; background-image: url("/img/truekansai_igcampaign2025/frame_prize.svg"); background-size: contain; background-repeat: no-repeat; width: 150px; height: 20px; left: 50%; transform: translateX(-50%); bottom: -15px; }
#applyArea .howTo .prize .copy { margin-top: 40px; color: #817549; }
#applyArea .howTo .prize .content { margin-top: 70px; }
#applyArea .howTo .prize .content .leftArea { float: none; width: 100%; }
#applyArea .howTo .prize .content .leftArea .grandPrix { position: relative; left: 50%; transform: translateX(-50%); width: 95%; height: 175px; padding: 10px; background-color: #fff; border-radius: 5px; }
#applyArea .howTo .prize .content .leftArea .grandPrix:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #C4B98F; width: 97%; height: 94%; border-radius: 5px; }
#applyArea .howTo .prize .content .leftArea .grandPrix:after { content: ''; position: absolute; top: 90px; right: 5px; background-image: url("/img/truekansai_igcampaign2025/ccc_kansaikankoIppan_illust_coupon.png"); background-repeat: no-repeat; background-size: contain; width: 120px; height: 65px; }
#applyArea .howTo .prize .content .leftArea .grandPrix .medal { position: absolute; background-image: url("/img/truekansai_igcampaign2025/ccc_kansaikankoIppan_illust_prize01.svg"); background-repeat: no-repeat; width: 100px; height: 100px; top: -45px; left: 50%; transform: translateX(-50%); z-index: 1; }
#applyArea .howTo .prize .content .leftArea .grandPrix .medal .prizeName { position: absolute; text-align: center; left: 50%; top: 50%; width: 100%;  transform: translate(-50%, -50%); font-size: 1em; font-weight: bold; line-height: 1.15; }
#applyArea .howTo .prize .content .leftArea .grandPrix .medal .number { position: absolute; text-align: center; left: 50%; top: 65%; width: 100%;  transform: translateX(-50%); font-size: 0.875em; font-weight: bold; }
#applyArea .howTo .prize .content .leftArea .grandPrix .medal .number span { font-size: 0.75em; }
#applyArea .howTo .prize .content .leftArea .grandPrix .reward { position: absolute; top: 60px; left: 25px; font-size: 1.25em; }
#applyArea .howTo .prize .content .leftArea .grandPrix .value { position: absolute; left: 25px; top: 100px; font-size: 3em; font-family: "Garamond", serif; font-weight: bold; }
#applyArea .howTo .prize .content .leftArea .grandPrix .value span { font-size: 0.5em; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; }
#applyArea .howTo .prize .content .rightArea { float: none; width: 100%; margin-top: 55px; }
#applyArea .howTo .prize .content .rightArea .secondGrandPrix { position: relative; left: 50%; transform: translateX(-50%); width: 95%;  padding: 10px; height: 135px; background-color: #fff; border-radius: 5px; }
#applyArea .howTo .prize .content .rightArea .secondGrandPrix:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #C4B98F; width: 97%; height: 94%; border-radius: 5px; }
#applyArea .howTo .prize .content .rightArea .secondGrandPrix .medal { position: absolute; background-image: url("/img/truekansai_igcampaign2025/ccc_kansaikankoIppan_illust_prize02.svg"); background-repeat: no-repeat; width: 100px; height: 100px; top: -45px; left: 50%; transform: translateX(-50%); }
#applyArea .howTo .prize .content .rightArea .secondGrandPrix .medal .prizeName { position: absolute; text-align: center; left: 50%; top: 50%; width: 100%; transform: translate(-50%, -50%); font-size: 0.875em; font-weight: bold; font-feature-settings: 'palt'; line-height: 1; }
#applyArea .howTo .prize .content .rightArea .secondGrandPrix .medal .prizeName:before {}
#applyArea .howTo .prize .content .rightArea .secondGrandPrix .medal .prizeName span {}
#applyArea .howTo .prize .content .rightArea .secondGrandPrix .medal .number { position: absolute; text-align: center; left: 50%; top: 65%; width: 100%;  transform: translateX(-50%); font-weight: bold; }
#applyArea .howTo .prize .content .rightArea .secondGrandPrix .medal .number span { font-size: 0.875em; }
#applyArea .howTo .prize .content .rightArea .secondGrandPrix .reward { position: absolute; text-align: center; width: 100%; left: 50%; transform: translateX(-50%); top: 60px; display: inline-block; font-size: 1.125em; }
#applyArea .howTo .prize .content .rightArea .secondGrandPrix .value { position: absolute; display: inline; left: 50%; transform: translateX(-50%); top: 70px; font-size: 3em; font-family: "Garamond", serif; font-weight: bold; }
#applyArea .howTo .prize .content .rightArea .secondGrandPrix .value span { font-size: 0.375em; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; }
#applyArea .howTo .prize .content .rightArea .thirdGrandPrix { position: relative; margin-top: 55px; left: 50%; transform: translateX(-50%); width: 95%; height: 135px; padding: 10px; background-color: #fff; border-radius: 5px; }
#applyArea .howTo .prize .content .rightArea .thirdGrandPrix:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #C4B98F; width: 97%; height: 94%; border-radius: 5px; }
#applyArea .howTo .prize .content .rightArea .thirdGrandPrix .medal { position: absolute; background-image: url("/img/truekansai_igcampaign2025/ccc_kansaikankoIppan_illust_prize03.svg"); background-repeat: no-repeat; width: 100px; height: 100px; top: -45px; left: 50%; transform: translateX(-50%); }
#applyArea .howTo .prize .content .rightArea .thirdGrandPrix .medal .prizeName { position: absolute; text-align: center; left: 50%; top: 50%; width: 100%; transform: translate(-50%, -50%); font-size: 0.875em; font-weight: bold; font-feature-settings: 'palt'; line-height: 1; }
#applyArea .howTo .prize .content .rightArea .thirdGrandPrix .medal .prizeName:before {}
#applyArea .howTo .prize .content .rightArea .thirdGrandPrix .medal .prizeName span {}
#applyArea .howTo .prize .content .rightArea .thirdGrandPrix .medal .number { position: absolute; text-align: center; left: 50%; top: 65%; width: 100%;  transform: translateX(-50%); font-weight: bold; }
#applyArea .howTo .prize .content .rightArea .thirdGrandPrix .medal .number span { font-size: 0.875em; }
#applyArea .howTo .prize .content .rightArea .thirdGrandPrix .reward { position: absolute; display: inline-block; text-align: center; left: 50%; width: 100%;  transform: translateX(-50%); top: 60px; font-size: 1.125em; }
#applyArea .howTo .prize .content .rightArea .thirdGrandPrix .value { position: absolute; text-align: center; display: inline; left: 50%; transform: translateX(-50%); top: 70px; width: 100%; font-size: 3em; font-family: "Garamond", serif; font-weight: bold; }
#applyArea .howTo .prize .content .rightArea .thirdGrandPrix .value span { font-size: 0.375em; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; }

/*============================
#requirementsArea
============================*/
#requirementsArea { margin-top: 40px; padding-top: 40px; padding-bottom: 40px; background-color: #fff; }
#requirementsArea .title { text-align: center; font-size: 1.375em; }
#requirementsArea .copy { padding: 20px 0; line-height: 1.5; }
#requirementsArea .rule { padding: 20px 0; }
#requirementsArea .rule li.container { border-bottom: 1px solid #ddd; }
#requirementsArea .rule li.container:first-child { border-top: 1px solid #ddd; }
#requirementsArea .rule li.container .index { position: relative; padding: 20px 0 22px; font-size: 1.125em; font-weight: bold; cursor: pointer; transition: 0.8s; }
#requirementsArea .rule li.container .index:after { content: ''; position: absolute; border: 0; border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; display: inline-block; transform: rotate(45deg) translateY(-50%); top: 40%; right: 30px; width: 15px; height: 15px; }
#requirementsArea .rule li.container .index.close:after { content: ''; position: absolute; border: none;  width: 25px; height: 1px; right: 20px; background-color: #ddd; transform: rotate(0); }
#requirementsArea .rule li.container .index:hover { opacity: 0.7; }
#requirementsArea .rule li.container .content { margin-top: 6px; padding-bottom: 30px; }
#requirementsArea .rule li.container .content em { display: inline-block; margin-top: 6px; font-style: normal; font-weight: bold; }
#requirementsArea .rule li.container .content ul { margin-top: 6px; }
#requirementsArea .rule li.container .content ul li {}
#requirementsArea .rule li.container .content ul li a { text-decoration: underline; }
#requirementsArea .rule li.container .content table { margin-top: 10px; padding-bottom: 10px; }
#requirementsArea .rule li.container .content table tbody {}
#requirementsArea .rule li.container .content table tbody tr { text-align: center; }
#requirementsArea .rule li.container .content table tbody tr th { padding: 10px; background-color: #DDD; }
#requirementsArea .rule li.container .content table, th,td { border: 1px solid #ccc; border-collapse: collapse; }
#requirementsArea .rule li.container .content th,td { width: 225px; }
#requirementsArea .rule li.container .content table tbody tr td { vertical-align: middle; font-size: 0.875em; padding: 10px; }


/*============================
#postsGalleryArea
============================*/
#postsGalleryArea { padding: 40px 0; }
#postsGalleryArea .title { text-align: center; color: #434343; font-size: 1.25em; font-weight: bold; line-height: 1.5; letter-spacing: 0; }
#postsGalleryArea .title span { color: #1488F1; font-weight: bold; }
/* ↑ index.html ↑*/

/* ↓ prize.html ↓*/
#truekansai_igcampaign.truekansai_igcampaign--prize .visual { position: relative; height: 350px; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual::before { content: ''; display: block; position: absolute; z-index: 0; background-image: url("/img/truekansai_igcampaign2025/bg_mainPanel_airbnbNavi_kansaikanko_ippan.png"); background-position: 50% 0; background-size: cover; filter: brightness(66%); width: 100%; height: 350px; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner {}
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner--title { position: absolute; text-align: center; top: 60px; left: 50%; width: 100%; transform: translateX(-50%); margin: 0; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner--title::before { content: ''; position: absolute; display: block; left: 50%; transform: translateX(-50%); background-color: #fff; opacity: 0.95; border-radius: 15px; width: 85%; height: 255px; z-index: 2; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner--title .sub { position: absolute; left: 50%; transform: translateX(-50%); top: 15px; width: 100%; font-size: 0.875em; font-weight: bold; color: #222; z-index: 3; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner--title .sub span { font-weight: bold; color: #FD2571; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner--title h1 { position: absolute; left: 50%; transform: translateX(-50%); top: 35px; width: 100%; font-weight: bold; z-index: 3; font-size: 2em; line-height: 0.875; background: linear-gradient(150deg, rgba(35, 102, 247, 1) 10%, rgba(154, 39, 238, 1) 40%, rgba(255, 34, 87, 1) 68%, rgba(247, 166, 12, 1) 90%);
-webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner--title h1 span.en { font-family: "Arial", sans-serif; font-size: 0.875em; font-weight: bold; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner--title h1 span.ja { font-family: YuGothic, "Yu Gothic bold", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 0.75em; font-weight: bold; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner--title .pageTitle { position: absolute; width: 100%; bottom: 70px; left: 50%; transform: translateX(-50%); font-size: 1.75em; font-weight: bold; color: #222; z-index: 2; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner--title .copy { position: absolute; top: 183px; left: 50%; transform: translateX(-50%); font-size: 0.875em; font-weight: 500; line-height: 1.5; z-index: 4; width: 75%; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner--title .button { position: absolute; bottom: 35px; z-index: 3; left: 50%; transform: translateX(-50%); width: 100%; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner--title .button a { text-align: center; padding: 10px 45px; border: 2px solid #222; border-radius: 30px; transition: 0.2s all; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner--title .button a:hover { box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.15); }

.sns__inner.igc_prize .sns__inner--list li a::before { background-image: url(../img/common/bg_sns.png); }

/*============================
#awardArea
============================*/
#awardArea { margin-top: 40px; padding-bottom: 60px; min-width: 100%; }
#awardArea .grandPrix { position: relative; padding: 30px; background-color: #fff; border-radius: 5px; box-shadow: 0px 2px 12px 1px rgba(0, 0, 0, 0.15); }
#awardArea .grandPrix:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.95, 0.97); width: 100%; height: 100%; border: 1px solid #C4B98F; z-index: 1; border-radius: 5px; }
#awardArea .grandPrix .data {}
#awardArea .grandPrix .data:after { content: ''; position: absolute; top: 14%; left: 70%; transform: none; background-image: url("/img/truekansai_igcampaign2025/ccc_kansaikankoIppan_illust_coupon.png"); background-repeat: no-repeat; background-size: contain; width: 90px; height: 50px; }
#awardArea .grandPrix .data .medal { position: absolute; background-image: url("/img/truekansai_igcampaign2025/ccc_kansaikankoIppan_illust_prize01.svg"); background-repeat: no-repeat; width: 90px; height: 90px; top: 30px; left: 30px; transform: none; z-index: 1; }
#awardArea .grandPrix .data .medal .prizeName { position: absolute; text-align: center; left: 50%; top: 50%; width: 100%;  transform: translate(-50%, -50%); font-size: 1em; font-weight: bold; }
#awardArea .grandPrix .data .medal .number { position: absolute; text-align: center; left: 50%; top: 60%; width: 100%;  transform: translateX(-50%); font-size: 1em; font-weight: bold; }
#awardArea .grandPrix .data .medal .number span { font-size: 0.75em; }
#awardArea .grandPrix .data .reward { position: absolute; top: 45px; transform: none; left: 130px; font-size: 1.125em; }
#awardArea .grandPrix .data .value { position: absolute; left: 130px; top: 65px; transform: none; font-size: 2em; font-family: "Garamond", serif; font-weight: bold; }
#awardArea .grandPrix .data .value span { font-size: 0.5em; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; }
#awardArea .grandPrix .content { float: none; position: relative; padding-top: 20px; z-index: 1; }
#awardArea .grandPrix .content .branch { position: absolute; top: 105px; padding-bottom: 2px; font-size: 0.875em; font-weight: bold; }
#awardArea .grandPrix .content a { transition-duration: 1s; }
#awardArea .grandPrix .content a:hover { opacity: 0.8; }
#awardArea .grandPrix .content .image { width: 100%; height: auto; margin-top: 110px; }
#awardArea .grandPrix .content .image img { width: 100%; height: auto; }
#awardArea .grandPrix .content .person { display: flex; align-items: center; justify-content: center; margin-top: 10px; width: 100%; }
#awardArea .grandPrix .content .person .personalIcon { vertical-align: middle; width: 40px; height: 40px; }
#awardArea .grandPrix .content .person .personalIcon img { width: 40px; height: auto; border-radius: 50%; }
#awardArea .grandPrix .content .person .personalAccount { margin-left: 10px; min-width: 0; font-size: 0.875em; color: #434343; overflow-wrap: break-word; line-height: 1.35; }
#awardArea .grandPrix .content .person .personalAccount span { font-size: 1.125em; font-weight: bold; }
#awardArea .secondGrandPrix { position: relative; padding: 30px; margin-top: 20px; background-color: #fff; border-radius: 5px; box-shadow: 0px 2px 12px 1px rgba(0, 0, 0, 0.15); }
#awardArea .secondGrandPrix:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.95, 0.97); width: 100%; height: 100%; border: 1px solid #C4B98F; z-index: 1; border-radius: 5px; }
#awardArea .secondGrandPrix .data { position: absolute; left: 0; transform: none; }
#awardArea .secondGrandPrix .data .medal { position: absolute; background-image: url("/img/truekansai_igcampaign2025/ccc_kansaikankoIppan_illust_prize02.svg"); background-size: contain; background-repeat: no-repeat; width: 90px; height: 90px; left: 30px; top: 0; transform: none; z-index: 1; }
#awardArea .secondGrandPrix .data .medal .prizeName { position: absolute; text-align: center; left: 50%; top: 50%; width: 100%;  transform: translate(-50%, -50%); font-size: 1em; font-weight: bold; font-feature-settings: 'palt'; }
#awardArea .secondGrandPrix .data .medal .number { position: absolute; text-align: center; left: 50%; top: 60%; width: 100%;  transform: translateX(-50%); font-size: 1em; font-weight: bold; }
#awardArea .secondGrandPrix .data .medal .number span { font-size: 0.75em; }
#awardArea .secondGrandPrix .data .reward { margin: 15px 0 0 130px; font-size: 1.125em; }
#awardArea .secondGrandPrix .data .value { margin: 0 0 0 130px; font-size: 2em; font-family: "Garamond", serif; font-weight: bold; }
#awardArea .secondGrandPrix .data .value span { font-size: 0.5em; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; }
#awardArea .secondGrandPrix .content {}
#awardArea .secondGrandPrix .content ul { position: relative; z-index: 1; margin: 120px auto 0; width: 100%; }
#awardArea .secondGrandPrix .content ul li { float: left; width: 32%; margin-right: 2%; color: #434343; }
#awardArea .secondGrandPrix .content ul li:last-child { margin-right: 0; }
#awardArea .secondGrandPrix .content ul li:nth-child(3n) { margin-right: 0; }
#awardArea .secondGrandPrix .content ul li:nth-child(n+4) { margin-top: 25px; }
#awardArea .secondGrandPrix .content ul li a { transition-duration: 1s; }
#awardArea .secondGrandPrix .content ul li a:hover { opacity: 0.8; }
#awardArea .secondGrandPrix .content ul li .branch { padding-bottom: 2px; font-size: 0.875em; font-weight: bold; }
#awardArea .secondGrandPrix .content ul li .image { width: 100%; height: auto; }
#awardArea .secondGrandPrix .content ul li .image img { width: 100%; height: auto; }
#awardArea .secondGrandPrix .content .person { display: flex; align-items: center; justify-content: center; margin-top: 5px; }
#awardArea .secondGrandPrix .content .person .personalIcon { width: 20px; height: 20px; }
#awardArea .secondGrandPrix .content .person .personalIcon img { width: 20px; height: auto; border-radius: 50%; }
#awardArea .secondGrandPrix .content .person .personalAccount { margin-left: 4px; font-size: 0.65em; color: #434343; width: 100%; overflow-wrap: break-word; line-height: 1.15; min-width: 0; }
#awardArea .secondGrandPrix .content .person .personalAccount span { font-size: 1.125em; font-weight: bold; }
#awardArea .thirdGrandPrix { position: relative; padding: 30px; margin-top: 20px; background-color: #fff; border-radius: 5px; box-shadow: 0px 2px 12px 1px rgba(0, 0, 0, 0.15); }
#awardArea .thirdGrandPrix:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.95, 0.97); width: 100%; height: 100%; border: 1px solid #C4B98F; z-index: 1; border-radius: 5px; }
#awardArea .thirdGrandPrix .data { position: absolute; left: 0; transform: none; }
#awardArea .thirdGrandPrix .data .medal { position: absolute; background-image: url("/img/truekansai_igcampaign2025/ccc_kansaikankoIppan_illust_prize02.svg"); background-size: contain; background-repeat: no-repeat; width: 90px; height: 90px; left: 30px; top: 0; transform: none; z-index: 1; }
#awardArea .thirdGrandPrix .data .medal .prizeName { position: absolute; text-align: center; left: 50%; top: 50%; width: 100%;  transform: translate(-50%, -50%); font-size: 1em; font-weight: bold; font-feature-settings: 'palt'; }
#awardArea .thirdGrandPrix .data .medal .number { position: absolute; text-align: center; left: 50%; top: 60%; width: 100%;  transform: translateX(-50%); font-size: 1em; font-weight: bold; }
#awardArea .thirdGrandPrix .data .medal .number span { font-size: 0.75em; }
#awardArea .thirdGrandPrix .data .reward { margin: 15px 0 0 130px; font-size: 1.125em; }
#awardArea .thirdGrandPrix .data .value { margin: 0 0 0 130px; font-size: 2em; font-family: "Garamond", serif; font-weight: bold; }
#awardArea .thirdGrandPrix .data .value span { font-size: 0.5em; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; }
#awardArea .thirdGrandPrix .content {}
#awardArea .thirdGrandPrix .content ul { position: relative; z-index: 1; margin: 120px auto 0; width: 100%; }
#awardArea .thirdGrandPrix .content ul li { float: left; width: 32%; margin-right: 2%; color: #434343; }
#awardArea .thirdGrandPrix .content ul li:last-child { margin-right: 0; }
#awardArea .thirdGrandPrix .content ul li:nth-child(3n) { margin-right: 0; }
#awardArea .thirdGrandPrix .content ul li:nth-child(5n) { margin-right: 2%; }
#awardArea .thirdGrandPrix .content ul li:nth-child(n+4) { margin-top: 25px; }
#awardArea .thirdGrandPrix .content ul li:nth-child(n+6) { margin-top: 25px; }
#awardArea .thirdGrandPrix .content ul li a { transition-duration: 1s; }
#awardArea .thirdGrandPrix .content ul li a:hover { opacity: 0.8; }
#awardArea .thirdGrandPrix .content ul li .branch { padding-bottom: 2px; font-size: 0.875em; font-weight: bold; }
#awardArea .thirdGrandPrix .content ul li .image { width: 100%; height: auto; }
#awardArea .thirdGrandPrix .content ul li .image img { width: 100%; height: auto; }
#awardArea .thirdGrandPrix .content .person { display: flex; align-items: center; justify-content: center; margin-top: 5px; }
#awardArea .thirdGrandPrix .content .person .personalIcon { width: 20px; height: 20px; }
#awardArea .thirdGrandPrix .content .person .personalIcon img { width: 20px; height: auto; border-radius: 50%; }
#awardArea .thirdGrandPrix .content .person .personalAccount { margin-left: 4px; font-size: 0.65em; color: #434343; width: 100%; overflow-wrap: break-word; line-height: 1.15; min-width: 0; }
#awardArea .thirdGrandPrix .content .person .personalAccount span { font-size: 1.125em; font-weight: bold; }

#truekansai_igcampaign--prize #postsGalleryArea { border-top: 1px solid #ddd; }

/* ↑ prize.html ↑*/


@media screen and (min-width:769px){

body {}

/*============================
#translation
============================*/
#translation { margin: 0 auto; max-width: 1140px; width: 100%; }
#translation .ja {}
#translation .ja a {}
#translation .en {}
#translation .en a {}
#translation a.active {}
#translation a.inactive {}

/*============================
.visual
============================*/	
#truekansai_igcampaign.truekansai_igcampaign--index .visual { min-width: 1240px; height: 540px; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual::before { height: 540px; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner .catch { top: 65px; font-size: 1.125em; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner .catch span {}
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner {}
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title { top: 100px; width: 100%; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title::before { border-radius: 25px; width: 850px; height: 375px; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title .sub { font-size: 1.25em; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title .sub span {}
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title .copy { top: 190px; font-size: 1em; line-height: 1.25; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title h1 { top: 60px; font-size: 3em; line-height: 1; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title h1 span.en { font-size: 1.125em; font-weight: bold; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title h1 span.ja { font-size: 0.875em; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title .period { top: 290px; width: 600px; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title .period span.title { margin-right: 70px; font-size: 1.125em; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title .period span.title::after { content: ''; position: absolute; background-image: url("/img/truekansai_igcampaign2025/arrow_right_instagram.svg"); background-size: contain; background-repeat: no-repeat; width: 45px; height: 17px; top: -1px; left: 180px; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title .period span.title::before { width: 15px; height: 18px; top: -1px; right: -210px; left: inherit; transform: initial;  }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title .period span.date { font-size: 1.625em; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title .period span.day { font-size: 1em; }
#truekansai_igcampaign.truekansai_igcampaign--index .visual__inner--title .period span.day.start { margin-right: 30px; }

/*============================
ClearFix
============================*/
#truekansai_igcampaign { margin: 0; }
#truekansai_igcampaign .clearFix::after { clear: both; display: block; content: ""; height: 0; line-height: 0; }
#truekansai_igcampaign .md_container { max-width: 1240px; padding: 0 20px; margin: 0 auto; box-sizing: border-box; }
#truekansai_igcampaign .md_title { font-size: 1.7em; }
#truekansai_igcampaign .md_br_pc { display: block; }
#truekansai_igcampaign .md_br_sp { display: none; }
#truekansai_igcampaign ul { padding: 0; }
#truekansai_igcampaign li { list-style: none; padding: 0; }
#truekansai_igcampaign img { vertical-align: top; }
#truekansai_igcampaign a { text-decoration: none; }
#truekansai_igcampaign table { border-collapse: collapse; }

#truekansai_igcampaign--prize { margin: 0; }
#truekansai_igcampaign--prize .clearFix::after { clear: both; display: block; content: ""; height: 0; line-height: 0; }
#truekansai_igcampaign--prize .md_container { max-width: 1240px; padding: 0 20px; margin: 0 auto; box-sizing: border-box; }
#truekansai_igcampaign--prize .md_title { font-size: 1.7em; }
#truekansai_igcampaign--prize .md_br_pc { display: block; }
#truekansai_igcampaign--prize .md_br_sp { display: none; }
#truekansai_igcampaign--prize ul { padding: 0; margin: 0; }
#truekansai_igcampaign--prize li { list-style: none; padding: 0; }
#truekansai_igcampaign--prize img { vertical-align: top; }
#truekansai_igcampaign--prize a { text-decoration: none; }
#truekansai_igcampaign--prize table { border-collapse: collapse; }

    
/* ↓ index.html ↓*/
/*============================
#applyArea
============================*/
#applyArea { min-width: 1240px; }
#applyArea .howTo {}
#applyArea .howTo .title { }
#applyArea .howTo .step { display: flex; margin-top: 40px; padding: 0 0 80px 0; }
#applyArea .howTo .step .leftArea { width: 50%; margin-top: 30px; }
#applyArea .howTo .step .leftArea:before { transform: none; width: 1px; height: 110%; right: 0; bottom: inherit; top: -10px; left: 100%; }
#applyArea .howTo .step .leftArea .stepTitle { padding-bottom: 10px; font-size: 2.125em; }
#applyArea .howTo .step .leftArea .stepTitle span {}
#applyArea .howTo .step .leftArea .image {}
#applyArea .howTo .step .leftArea .image img {}
#applyArea .howTo .step .leftArea .action { font-size: 1.5em; }
#applyArea .howTo .step .leftArea .action span {}
#applyArea .howTo .step .leftArea .copy { margin-top: 15px; }
#applyArea .howTo .step .leftArea .copy a {}
#applyArea .howTo .step .leftArea .copy a:hover {}
#applyArea .howTo .step .leftArea .copy a:after {}
#applyArea .howTo .step .leftArea .note {}
#applyArea .howTo .step .rightArea { width: 50%; margi-top: 30px; }
#applyArea .howTo .step .rightArea .stepTitle { padding-bottom: 10px; margin: 0; font-family: "bebas-neue-pro", sans-serif;
font-weight: 600; font-style: normal; font-size: 2.125em; letter-spacing: 0.02em; color: #7D7D7D; border-bottom: 1px dashed #9f9f9f; }
#applyArea .howTo .step .rightArea .stepTitle span {}
#applyArea .howTo .step .rightArea .image { width: 350px; }
#applyArea .howTo .step .rightArea .image img {}
#applyArea .howTo .step .rightArea .action { font-size: 1.5em; }
#applyArea .howTo .step .rightArea .action span { color: #FD2571; font-weight: bold; }
#applyArea .howTo .step .rightArea .copy { margin: 15px 0 0; width: auto; }
#applyArea .howTo .option { margin-top: 85px; }
#applyArea .howTo .option .copy {}
#applyArea .howTo .option .box { display: flex; justify-content: space-between; margin: 20px auto 0; width: 505px; }
#applyArea .howTo .option .box .container01 {}
#applyArea .howTo .option .box .container01 .tag {}
#applyArea .howTo .option .box .container01 .success-msg {}
#applyArea .howTo .option .box .container01 form { width: 230px; }
#applyArea .howTo .option .box .container01 form textarea {}
#applyArea .howTo .option .box .container01 button { position: absolute; cursor: pointer; right: 1px; top: 24px; padding: 8px 10px; background-image: linear-gradient(150deg, rgba(253, 37, 113, 1) 42%, rgba(253, 38, 114, 1) 70%, rgba(255, 138, 179, 1)); border-radius: 0 8px 8px 0; }
#applyArea .howTo .option .box .container01 button img { width: 23px; height: 28px; }
#applyArea .howTo .option .box .container01 button img { width: 23px; height: 28px; transition: 0.8s; }
#applyArea .howTo .option .box .container01 button img:hover { opacity: 0.7; }
#applyArea .howTo .option .box .container02 { position: relative; }
#applyArea .howTo .option .box .container02 .tag { font-size: 0.875em; color: #FD2571; font-weight: bold; }
#applyArea .howTo .option .box .container02 .success-msg { display: none; position: fixed; width: 300px; height: 40px; line-height: 40px; background-color: #29aba4; color: #fff; top: 100px; left: 0; right: 0; margin: auto; text-align: center; border-radius: 5px;}
#applyArea .howTo .option .box .container02 form { background-color: #fff; width: 230px; height: 42px; border-radius: 10px; border: 2px solid #FD2571; }
#applyArea .howTo .option .box .container02 form textarea { height: 44px; line-height: 44px; margin-left: 14px; font-size: 1.125em; font-weight: bold; color: #434343; letter-spacing: 0.05em; }
#applyArea .howTo .option .box .container02 button { right: 1px; top: 24px; }
#applyArea .howTo .option .box .container02 button img {}
#applyArea .howTo .option .box .container02 button img:hover {}

#applyArea .howTo .option .tag {}
#applyArea .howTo .option .mention {}
#applyArea .howTo .option .mention span {}
#applyArea .howTo .option .mention .button { position: relative; }
#applyArea .howTo .option .mention .button:after { content: ''; position: absolute; right: 0; width: 44px; height: 44px; border-radius: 0 8px 8px 0; background-color: #FD2571; z-index: 3; pointer-events: none; }
#applyArea .howTo .option .mention .button:before { content: ''; position: absolute; right: 10px; top: 8px; width: 23px; height: 28px; background-image: url("/img/truekansai_igcampaign2025/ccc_kansaikanko_iconCopy_ippan.svg"); background-repeat: no-repeat; background-size: cover; z-index: 4; pointer-events: none; }
#applyArea .howTo .option .mention input.mentionbox { position: relative; width: 212px; height: 20px; padding: 10px; border-radius: 8px; border: 2px solid #FD2571; font-size: 1.125em; font-weight: bold; color: #434343; letter-spacing: 0.05em; z-index: 2; }
#applyArea .howTo .option .mention input.mentionbox:focus { outline: 1px solid #FD2571; box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.3); }
#applyArea .howTo .option .mention {}
#applyArea .howTo .option .mention span {}
#applyArea .howTo .outro { text-align: center; margin-top: 50px; font-size: 1.375em; }
#applyArea .howTo .outro span { margin-top: 10px; font-size: 0.875em; }
#applyArea .howTo .prize { margin-top: 60px; padding: 50px 100px 75px 125px; width: 980px; }
#applyArea .howTo .prize .title { font-size: 2em; }
#applyArea .howTo .prize .title:before { width: 220px; height: 28px; left: 50%; transform: translateX(-50%); bottom: -25px; }
#applyArea .howTo .prize .copy {}
#applyArea .howTo .prize .content { margin-top: 70px; }
#applyArea .howTo .prize .content .leftArea { float: left; width: 510px; }
#applyArea .howTo .prize .content .leftArea .grandPrix { left: inherit ; transform: none; width: 490px; height: 215px; }
#applyArea .howTo .prize .content .leftArea .grandPrix:before {}
#applyArea .howTo .prize .content .leftArea .grandPrix:after { top: 40px; right: 27px; width: 158px; height: 93px; }
#applyArea .howTo .prize .content .leftArea .grandPrix .medal { width: 150px; height: 150px; top: -40px; left: -40px; transform: none; }
#applyArea .howTo .prize .content .leftArea .grandPrix .medal .prizeName { font-size: 1.375em; }
#applyArea .howTo .prize .content .leftArea .grandPrix .medal .number { font-size: 1.25em; }
#applyArea .howTo .prize .content .leftArea .grandPrix .medal .number span {}
#applyArea .howTo .prize .content .leftArea .grandPrix .reward { top: 50px; left: 125px; font-size: 1.5em; }
#applyArea .howTo .prize .content .leftArea .grandPrix .value { left: 125px; top: 120px; font-size: 3.375em; }
#applyArea .howTo .prize .content .leftArea .grandPrix .value span {}
#applyArea .howTo .prize .content .rightArea { float: right; margin-top: 0; width: 426px; }
#applyArea .howTo .prize .content .rightArea .secondGrandPrix { left: inherit; transform: none; width: 405px; height: 90px; }
#applyArea .howTo .prize .content .rightArea .secondGrandPrix:before { width: 96%; height: 86%; }
#applyArea .howTo .prize .content .rightArea .secondGrandPrix .medal { width: 90px; height: 90px; top: -10px; left: -18px; transform: none; }
#applyArea .howTo .prize .content .rightArea .secondGrandPrix .medal .prizeName {}
#applyArea .howTo .prize .content .rightArea .secondGrandPrix .medal .prizeName:before {}
#applyArea .howTo .prize .content .rightArea .secondGrandPrix .medal .prizeName span {}
#applyArea .howTo .prize .content .rightArea .secondGrandPrix .medal .number {}
#applyArea .howTo .prize .content .rightArea .secondGrandPrix .medal .number span {}
#applyArea .howTo .prize .content .rightArea .secondGrandPrix .reward { text-align: left; left: 85px; top: 50%; transform: translateY(-50%); }
#applyArea .howTo .prize .content .rightArea .secondGrandPrix .value { left: 230px; top: 50%; transform: translate(0, -50%); font-size: 2.875em; }
#applyArea .howTo .prize .content .rightArea .secondGrandPrix .value span {}
#applyArea .howTo .prize .content .rightArea .thirdGrandPrix { left: inherit; transform: none; width: 405px; height: 90px; margin-top: 15px; }
#applyArea .howTo .prize .content .rightArea .thirdGrandPrix:before { width: 96%; height: 86%; }
#applyArea .howTo .prize .content .rightArea .thirdGrandPrix .medal { width: 90px; height: 90px; top: -10px; left: -18px; transform: none; }
#applyArea .howTo .prize .content .rightArea .thirdGrandPrix .medal .prizeName {}
#applyArea .howTo .prize .content .rightArea .thirdGrandPrix .medal .prizeName:before {}
#applyArea .howTo .prize .content .rightArea .thirdGrandPrix .medal .prizeName span {}
#applyArea .howTo .prize .content .rightArea .thirdGrandPrix .medal .number {}
#applyArea .howTo .prize .content .rightArea .thirdGrandPrix .medal .number span {}
#applyArea .howTo .prize .content .rightArea .thirdGrandPrix .reward { text-align: left; left: 85px; top: 50%; transform: translateY(-50%); }
#applyArea .howTo .prize .content .rightArea .thirdGrandPrix .value { left: 230px; top: 50%; transform: translate(0, -50%); width: auto; font-size: 2.875em; }
#applyArea .howTo .prize .content .rightArea .thirdGrandPrix .value span {}

/*============================
#requirementsArea
============================*/
#requirementsArea { margin-top: 120px; padding-top: 100px; padding-bottom: 100px; }
#requirementsArea .title { font-size: 2em; }
#requirementsArea .copy { padding: 40px 80px 0; line-height: 1.5; }
#requirementsArea .rule { padding: 40px 220px 0; }
#requirementsArea .rule li.container {}
#requirementsArea .rule li.container .index { font-size: 1.25em; }
#requirementsArea .rule li.container .content {}
#requirementsArea .rule li.container .content em { margin-top: 15px; }
#requirementsArea .rule li.container .content ul { margin-top: 10px; }
#requirementsArea .rule li.container .content ul li {}
#requirementsArea .rule li.container .content table {}
#requirementsArea .rule li.container .content table tbody {}
#requirementsArea .rule li.container .content table tbody tr {}
#requirementsArea .rule li.container .content table tbody tr th { padding: 10px;  background-color: #DDD; }
#requirementsArea .rule li.container .content table, th,td { border: 1px solid #ccc; border-collapse: collapse; }
#requirementsArea .rule li.container .content th,td { width: 225px; }
#requirementsArea .rule li.container .content table tbody tr td {}

/*============================
#postsGalleryArea
============================*/
#postsGalleryArea { padding: 105px 0; }
#postsGalleryArea .title { font-size: 1.75em; }
#postsGalleryArea .title span {}
/* ↑ index.html ↑*/

/* ↓ prize.html ↓*/
#truekansai_igcampaign.truekansai_igcampaign--prize .visual { height: 540px; min-width: 1240px; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual::before { height: 540px; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner {}
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner--title { top: 160px; margin: -57px 0 0 0; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner--title::before { border-radius: 25px; width: 760px; height: 360px; top: -20px; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner--title .sub { top: 0; font-size: 1.25em; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner--title .sub span {}
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner--title h1 { top: 30px; font-size: 3.125em; line-height: 1.125; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner--title h1 span.en { font-size: 1.15em; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner--title h1 span.ja { font-size: 1em; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner--title .pageTitle { bottom: -205px; font-size: 2.25em; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner--title .copy { top: 200px;  font-size: 1em; width: 100%; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner--title .button { bottom: -300px; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner--title .button a { padding: 15px 45px; }
#truekansai_igcampaign.truekansai_igcampaign--prize .visual__inner--title .button a:hover {}

/*============================
#awardArea
============================*/
#awardArea { margin-top: 130px; padding-bottom: 100px; min-width: 1240px; }
#awardArea .grandPrix { padding: 80px; }
#awardArea .grandPrix:before { transform: translate(-50%, -50%) scale(0.98, 0.97); }
#awardArea .grandPrix .data {}
#awardArea .grandPrix .data:after { width: 158px; height: 93px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#awardArea .grandPrix .data .medal { width: 150px; height: 150px; top: 50%; left: 85px; transform: translateY(-50%); }
#awardArea .grandPrix .data .medal .prizeName { font-size: 1.375em; }
#awardArea .grandPrix .data .medal .number { font-size: 1.25em; }
#awardArea .grandPrix .data .medal .number span {}
#awardArea .grandPrix .data .reward { top: 46%; transform: translateY(-50%); left: 255px; font-size: 1.5em; }
#awardArea .grandPrix .data .value { left: 255px; top: 54%; transform: translateY(-50%); font-size: 3.375em; }
#awardArea .grandPrix .data .value span {}
#awardArea .grandPrix .content { float: right; }
#awardArea .grandPrix .content .branch { position: inherit; top: 0; font-size: 1em; }
#awardArea .grandPrix .content .image { width: 400px; height: 400px; margin-top: 0; }
#awardArea .grandPrix .content .image img {}
#awardArea .grandPrix .content .person { width: 400px; }
#awardArea .grandPrix .content .person .personalIcon {}
#awardArea .grandPrix .content .person .personalIcon img {}
#awardArea .grandPrix .content .person .personalAccount {}
#awardArea .grandPrix .content .person .personalAccount span {}
#awardArea .secondGrandPrix { padding: 80px; margin-top: 80px; }
#awardArea .secondGrandPrix:before { transform: translate(-50%, -50%) scale(0.98, 0.97); }
#awardArea .secondGrandPrix .data { position: absolute; left: 58%; transform: translateX(-50%); }
#awardArea .secondGrandPrix .data .medal { width: 150px; height: 150px; left: -150px; }
#awardArea .secondGrandPrix .data .medal .prizeName { font-size: 1.375em; }
#awardArea .secondGrandPrix .data .medal .number { font-size: 1.25em; }
#awardArea .secondGrandPrix .data .medal .number span {}
#awardArea .secondGrandPrix .data .reward { margin: 50px 0 0 20px; }
#awardArea .secondGrandPrix .data .value { margin: 0 0 0 20px; }
#awardArea .secondGrandPrix .data .value span {}
#awardArea .secondGrandPrix .content {}
#awardArea .secondGrandPrix .content ul { margin: 200px auto 0; width: 1035px; }
#awardArea .secondGrandPrix .content ul li { width: 195px; margin-right: 15px; }
#awardArea .secondGrandPrix .content ul li:last-child {}
#awardArea .secondGrandPrix .content ul li:nth-child(3n) { margin-right: 15px; }
#awardArea .secondGrandPrix .content ul li:nth-child(n+4) { margin-top: 0; }
#awardArea .secondGrandPrix .content ul li .branch { font-size: 1em; }
#awardArea .secondGrandPrix .content ul li .image { width: 100%; height: auto; }
#awardArea .secondGrandPrix .content ul li .image img { width: 100%; height: auto; }
#awardArea .secondGrandPrix .content .person { margin-top: 10px; }
#awardArea .secondGrandPrix .content .person .personalIcon { width: 40px; height: 40px; }
#awardArea .secondGrandPrix .content .person .personalIcon img { width: 40px; height: auto; }
#awardArea .secondGrandPrix .content .person .personalAccount { margin-left: 10px; font-size: 0.875em; width: 145px; line-height: 1.35; }
#awardArea .thirdGrandPrix .content .person .personalAccount span {}
#awardArea .thirdGrandPrix { padding: 80px; margin-top: 80px; }
#awardArea .thirdGrandPrix:before { transform: translate(-50%, -50%) scale(0.98, 0.97); }
#awardArea .thirdGrandPrix .data { position: absolute; left: 58%; transform: translateX(-50%); }
#awardArea .thirdGrandPrix .data .medal { width: 150px; height: 150px; left: -150px; }
#awardArea .thirdGrandPrix .data .medal .prizeName { font-size: 1.375em; }
#awardArea .thirdGrandPrix .data .medal .number { font-size: 1.25em; }
#awardArea .thirdGrandPrix .data .medal .number span {}
#awardArea .thirdGrandPrix .data .reward { margin: 50px 0 0 20px; }
#awardArea .thirdGrandPrix .data .value { margin: 0 0 0 20px; }
#awardArea .thirdGrandPrix .data .value span {}
#awardArea .thirdGrandPrix .content {}
#awardArea .thirdGrandPrix .content ul { margin: 200px auto 0; width: 1035px; }
#awardArea .thirdGrandPrix .content ul li { width: 195px; margin-right: 15px; }
#awardArea .thirdGrandPrix .content ul li:last-child {}
#awardArea .thirdGrandPrix .content ul li:nth-child(3n) { margin-right: 15px; }
#awardArea .thirdGrandPrix .content ul li:nth-child(5n) { margin-right: 0; }
#awardArea .thirdGrandPrix .content ul li:nth-child(n+4) { margin-top: 0; }
#awardArea .thirdGrandPrix .content ul li:nth-child(n+6) { margin-top: 25px; }
#awardArea .thirdGrandPrix .content ul li .branch { font-size: 1em; }
#awardArea .thirdGrandPrix .content ul li .image { width: 100%; height: auto; }
#awardArea .thirdGrandPrix .content ul li .image img { width: 100%; height: auto; }
#awardArea .thirdGrandPrix .content .person { margin-top: 10px; }
#awardArea .thirdGrandPrix .content .person .personalIcon { width: 40px; height: 40px; }
#awardArea .thirdGrandPrix .content .person .personalIcon img { width: 40px; height: auto; }
#awardArea .thirdGrandPrix .content .person .personalAccount { margin-left: 10px; font-size: 0.875em; width: 145px; line-height: 1.35; }
#awardArea .thirdGrandPrix .content .person .personalAccount span {}

/* ↑ prize.html ↑*/
}