@charset "UTF-8"; @import url("https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:400,500,700,800,900&display=swap&subset=japanese"); .hangul { font-family: "Gulim", "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Malgun Gothic", "Arial", sans-serif; } /*-------------------------------------- 共通 ---------------------------------------*/ a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, tbody, tfoot, thead, tt, ul, var { margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; list-style: none; } .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .clearfix { clear: both; min-height: 1px; } * html .clearfix { height: 1px; } .txt_center { text-align: center !important; } .block_center { margin-left: auto !important; margin-right: auto !important; } .txt_left { text-align: left !important; } .txt_right { text-align: right !important; } .fleft { display: block; float: left; } .fright { display: block; float: right; } .txt_red { color: #f33; } * { box-sizing: border-box; } p, li { font-family: "M PLUS Rounded 1c", sans-serif; color: #221815; } a { text-decoration: none; } a:hover { text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } img { vertical-align: bottom; height: auto; } body { --main-color: #e6137c; } @keyframes anim01 { 0% { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { transform: scale3d(1, 1, 1); } } @keyframes poyoyon2 { 0% { transform: scale(1, 1) translate(0, 0); } 15% { transform: scale(0.98, 0.9) translate(0, 5px); } 30% { transform: scale(1.02, 1) translate(0, 8px); } 50% { transform: scale(0.98, 1.05) translate(0, -8px); } 70% { transform: scale(1, 0.9) translate(0, 5px); } 100% { transform: scale(1, 1) translate(0, 0); } 0%, 100% { opacity: 1; } } @media print, screen and (min-width: 768px) { body { position: relative; z-index: 1; min-width: 960px; } .sp { display: none !important; } /* CSS Document */ /* ----------------------------------------------- Global ヘッダー ----------------------------------------------- */ #header-global { width: 100%; height: 37px; background: url("../image/head_bg.jpg") repeat-x left top; position: relative; z-index: 999; } #header-global .inner { max-width: 960px; width: 100%; padding: 0; margin: 0 auto; background: url("../image/head_bg.jpg") repeat-x left top; position: relative; } #header-global .inner .header_top_ { width: 100%; } #header-global .inner .header_top_ #sitelogo { margin: 0; background: url("../image/site_logo.jpg") no-repeat left top; } #header-global .inner .header_top_ #sitelogo a, #header-global .inner .header_top_ #sitelogo a:link { display: block; width: 300px; height: 37px; } #header-global .inner .header_top_ #sitelogo a img, #header-global .inner .header_top_ #sitelogo a:link img { display: none; } /* CSS Document */ #txtpage_footer body { position: relative; z-index: 1; } #txtpage_footer img { max-width: 100%; } #txtpage_footer .sp { display: none !important; } #txtpage_footer #page-footer { position: relative; position: relative; } #txtpage_footer #footer-menus { text-align: center; background-color: #e4d5d4; filter: none; padding: 30px 0 20px; } #txtpage_footer .container-fluid { max-width: 1200px; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } #txtpage_footer #menu-connect ul { text-align: center; } #txtpage_footer #menu-connect ul li { margin: 0; padding: 0 13px; display: inline-block; } #txtpage_footer #menu-connect ul li a { display: inline-block; font-size: 16px; color: #e6291a; font-weight: normal; text-decoration: none; font-family: Arial, Helvetica, sans-serif; } #txtpage_footer #footer-legal { color: #fff; text-align: center; background: #e6291a; filter: none; font-size: 14px; font-size: 0.875rem; } #txtpage_footer #footer-legal .row { display: flex; justify-content: space-between; padding: 30px 0; } #txtpage_footer #footer-legal .col-md-6 { font-size: 14px; width: 50%; text-align: left; font-family: Arial, Helvetica, sans-serif; } #txtpage_footer #footer-legal .legal { text-align: right; } #txtpage_footer #footer-legal ul { display: inline; } #txtpage_footer #footer-legal ul li { display: inline-block; padding-left: 30px; } #txtpage_footer #footer-legal ul li a { font-size: 14px; color: #fff; transition: background 0.1s linear, border-color 0.1s linear, color 0.1s linear; text-decoration: none; font-family: Arial, Helvetica, sans-serif; } #txtpage_footer #footer-legal ul li a:hover { color: #a21c12; } #catchteenieping { /******************************* 共通 *******************************/ /******************************* ヘッダーパーツ、フッターパーツ *******************************/ /******************************* コンテンツ *******************************/ /**コンテンツ01*******************/ /**コンテンツ02*******************/ } #catchteenieping .btn_box01 { margin-top: 30px; } #catchteenieping .copyright { text-align: center; font-size: 12px; font-weight: 600; color: var(--main-color); } #catchteenieping .btn01 img { filter: drop-shadow(0px 0px 7px rgba(226, 152, 208, 0.5)); transition: 0.3s; } #catchteenieping .btn01:hover img { filter: drop-shadow(0px 0px 7px rgba(255, 255, 255, 0.6)) brightness(120%); transform: scale(1.05); } #catchteenieping .non-active { filter: grayscale(100%) !important; opacity: 0.8; pointer-events: none; } #catchteenieping #sec_header { width: 100%; height: 933px; background-image: linear-gradient(to bottom, #9dd6e1, #e973a6); position: relative; } #catchteenieping #sec_header:before { background: url("../image/catchteenieping_202211_deco_lace_repeat.png"); background-repeat: repeat-x; background-size: contain; position: absolute; content: ""; width: 100%; height: 48px; transform: rotate(180deg); left: 0; top: 0; } #catchteenieping #sec_header:after { background: url("../image/catchteenieping_202211_deco_lace_repeat.png"); background-repeat: repeat-x; background-size: contain; position: absolute; content: ""; width: 100%; height: 48px; left: 0; bottom: 0; } #catchteenieping #sec_header .sec_header_inner { text-align: center; padding-top: 156px; height: 100%; background-image: url("../image/catchteenieping_202211_bg_lace.png"); background-repeat: no-repeat; background-size: 1800px auto; background-position: center; } #catchteenieping #sec_header .sec_header_inner .main_visual { position: relative; display: inline-block; } #catchteenieping #sec_header .sec_header_inner .main_visual h1 { margin-top: 25px; } #catchteenieping #sec_header .sec_header_inner .main_visual .catch_copy_wrp { position: absolute; left: 67px; top: -109px; } #catchteenieping #sec_header .sec_header_inner .main_visual .catch_copy_wrp .catch_copy { position: relative; } #catchteenieping #sec_header .sec_header_inner .main_visual .catch_copy_wrp .catch_copy p { position: absolute; } #catchteenieping #sec_header .sec_header_inner .main_visual .catch_copy_wrp .catch_copy p:nth-child(1) { left: 9px; top: 0; } #catchteenieping #sec_header .sec_header_inner .main_visual .catch_copy_wrp .catch_copy p:nth-child(2) { left: 0; top: 66px; } #catchteenieping #contents_wrp { background-image: url("../images/bg_contents_wrp.png"); position: relative; padding-bottom: 65px; /**メインコンテンツ*******************/ } #catchteenieping #contents_wrp:after { background: url("../image/catchteenieping_202211_deco_lace_repeat.png"); background-repeat: repeat-x; background-size: contain; position: absolute; content: ""; width: 100%; height: 48px; left: 0; bottom: 0; } #catchteenieping #contents_wrp .btn_wrp { background-image: url("../images/bg_btn-wrp.png"); padding: 25px; position: relative; } #catchteenieping #contents_wrp .btn_wrp:before { background: url("../image/catchteenieping_202211_deco_lace_repeat.png"); background-repeat: repeat-x; background-size: contain; position: absolute; content: ""; width: 100%; height: 48px; transform: rotate(180deg); left: 0; bottom: -48px; } #catchteenieping #contents_wrp .btn_wrp.is-bottom { background-image: url("../images/bg_btn-wrp.png"); padding: 25px; position: relative; margin: 48px 0 80px; } #catchteenieping #contents_wrp .btn_wrp.is-bottom:before { background: url(http://127.0.0.1:58757/pickup/catchteenieping/image/catchteenieping_202211_deco_lace_repeat.png); background-repeat: repeat-x; background-size: contain; position: absolute; content: ""; width: 100%; height: 48px; transform: rotate(0deg); left: 0; top: -48px; } #catchteenieping #contents_wrp .btn_wrp.is-bottom:after { background: url("../image/catchteenieping_202211_deco_lace_repeat.png"); background-repeat: repeat-x; background-size: contain; position: absolute; content: ""; width: 100%; height: 48px; transform: rotate(180deg); left: 0; bottom: -48px; } #catchteenieping #contents_wrp .btn_wrp ul { width: 990px; margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap; } #catchteenieping #contents_wrp .btn_wrp ul li { margin: 12px; } #catchteenieping #contents_wrp .main_contents { width: 960px; margin: 0 auto; padding: 55px 0 80px; } #catchteenieping #contents_wrp .main_contents .news { background-color: #fff; border-radius: 10px; padding: 12px; position: relative; } #catchteenieping #contents_wrp .main_contents .news .news_inner { border: dotted 2px var(--main-color); border-radius: 8px; padding: 50px 40px 35px 30px; } #catchteenieping #contents_wrp .main_contents .news .news_inner h2 { position: absolute; left: 50%; top: -29px; transform: translateX(-50%); } #catchteenieping #contents_wrp .main_contents .news .news_inner ul { text-align: left; } #catchteenieping #contents_wrp .main_contents .news .news_inner ul li { color: var(--main-color); font-weight: 500; position: relative; padding-left: 1.2rem; margin-bottom: 15px; } #catchteenieping #contents_wrp .main_contents .news .news_inner ul li:last-child { margin-bottom: 0; } #catchteenieping #contents_wrp .main_contents .news .news_inner ul li:before { content: "★"; color: var(--main-color); position: absolute; left: 0; top: 0; font-family: "M PLUS Rounded 1c", sans-serif; font-weight: 500; } #catchteenieping #contents_wrp .main_contents .news .news_inner ul li a { color: #00a2e3; border-bottom: 1px dotted #00a2e3; } #catchteenieping #contents_wrp .main_contents .news .news_inner ul li a:hover { border-bottom: 1px dotted #fff; } #catchteenieping #contents_wrp .main_contents .banner { margin-top: 70px; } #catchteenieping #contents_wrp .main_contents .banner img { width: 100%; } #catchteenieping #contents_wrp .main_contents section { text-align: center; margin-top: 70px; } #catchteenieping #contents_wrp .main_contents section h2 { margin-bottom: 10px; } #catchteenieping #contents_wrp .main_contents .youtube_box_wrp { filter: drop-shadow(0px 0px 7px rgba(226, 152, 208, 0.5)); background: url("../images/bg_youtube_box.png") 0 0 no-repeat; background-size: 100%; padding: 10px 0; } /*#catchteenieping #contents_wrp .main_contents .youtube_box_wrp .youtube_box { background-image: url("../image/catchteenieping_202211_flame_yt_b.png"); background-repeat: repeat-y; position: relative; } #catchteenieping #contents_wrp .main_contents .youtube_box_wrp .youtube_box:before { content: ""; background-image: url("../image/catchteenieping_202211_flame_yt_a.png"); background-repeat: no-repeat; position: absolute; left: 0; top: -10px; width: 100%; height: 70px; } #catchteenieping #contents_wrp .main_contents .youtube_box_wrp .youtube_box:after { content: ""; background-image: url("../image/catchteenieping_202211_flame_yt_c.png"); background-repeat: no-repeat; position: absolute; left: 0; bottom: -10px; width: 100%; height: 70px; }*/ #catchteenieping #contents_wrp .main_contents .youtube_box_wrp .youtube_box .youtube_box_inner { position: relative; z-index: 2; padding: 55px 0 45px; } #catchteenieping #contents_wrp .main_contents .twitter .twitter_box { padding: 12px; border-radius: 10px; background-color: #fff; width: 820px; margin: 0 auto; } #catchteenieping #contents_wrp .main_contents .twitter .twitter_box .twitter_box_inner { border: 1px solid #c1c1c1; border-radius: 6px; overflow: hidden; min-height: 200px; } #catchteenieping #contents_wrp .main_contents .twitter .twitter_box .twitter_box_inner iframe { height: 385px !important; } #catchteenieping #contents_wrp .main_contents .other { box-shadow: 0 0 7px 3px rgba(204, 97, 143, 0.3); background-image: linear-gradient(to bottom, rgb(253, 250, 219), #d9f2fd); padding: 40px 50px; border-radius: 10px; } #catchteenieping #contents_wrp .main_contents .other .other_box01 { display: flex; justify-content: space-between; margin-top: 30px; margin-bottom: 40px; } #catchteenieping #contents_wrp .main_contents .other .other_box01 a { display: inline-block; background-color: #fff; text-align: center; width: 420px; padding: 20px; border-radius: 10px; transition: 0.3s; } #catchteenieping #contents_wrp .main_contents .other .other_box01 a:hover { background-color: var(--main-color); } #catchteenieping #contents_wrp .main_contents .other .other_box01 a:hover p { color: #fff; } #catchteenieping #contents_wrp .main_contents .other .other_box01 a:hover img { transform: scale(1.1); } #catchteenieping #contents_wrp .main_contents .other .other_box01 a p { color: var(--main-color); font-size: 19px; font-weight: 500; margin-bottom: 15px; transition: 0.3s; } #catchteenieping #contents_wrp .main_contents .other .other_box01 a div { border-radius: 8px; overflow: hidden; } #catchteenieping #contents_wrp .main_contents .other .other_box01 a div img { width: 100%; transition: 0.3s; } #catchteenieping #contents_wrp .main_contents .other .other_box02 { display: flex; justify-content: center; margin-top: 20px; } #catchteenieping #contents_wrp .main_contents .other .other_box02 a { display: inline-block; width: 335px; margin: 0 10px; overflow: hidden; } #catchteenieping #contents_wrp .main_contents .other .other_box02 a:hover img { transform: scale(1.1); } #catchteenieping #contents_wrp .main_contents .other .other_box02 a img { width: 100%; transition: 0.3s; } #catchteenieping .hov_zoom { overflow: hidden; display: inline-block; border-radius: 10px; } #catchteenieping .hov_zoom img { transition: 0.3s; } #catchteenieping .hov_zoom:hover img { transform: scale(1.1); } #catchteenieping .gd_btn01 { border-radius: 17px; overflow: hidden; padding: 2px; display: inline-flex; line-height: 1; transition: 0.3s; position: relative; } #catchteenieping .gd_btn01:before { background-image: linear-gradient(to right, #00a2e3, var(--main-color)); position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; opacity: 1; transition: 0.3s; } #catchteenieping .gd_btn01:after { background-image: linear-gradient(to left, #00a2e3, var(--main-color)); position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; transition: 0.3s; } #catchteenieping .gd_btn01 * { transition: 0.3s; } #catchteenieping .gd_btn01 .gd_btn01_inner { padding: 7px 55px 8px 24px; display: inline-block; line-height: 1; position: relative; background-color: #fdfcec; border-radius: 17px; overflow: hidden; z-index: 1; } #catchteenieping .gd_btn01 .gd_btn01_inner span { background-image: linear-gradient(to right, #00a2e3, var(--main-color)), linear-gradient(to bottom, #00a5f2, #00a5f2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 16px; letter-spacing: 1.2px; position: relative; } #catchteenieping .gd_btn01 .gd_btn01_inner span:before { position: absolute; content: ""; right: -35px; top: 3px; width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 14px; border-color: transparent transparent transparent var(--main-color); transition: 0.3s; } #catchteenieping .gd_btn01 .gd_btn01_inner:before { position: absolute; content: ""; background-image: linear-gradient(to right, #00a2e3, var(--main-color)), linear-gradient(to top, #00a2e3, var(--main-color)), linear-gradient(to top, #00a2e3, var(--main-color)); background-origin: border-box; background-clip: content-box, content-box, border-box; width: 100%; height: 100%; z-index: -1; left: 0; top: 0; opacity: 0.15; transition: 0.3s; } #catchteenieping .gd_btn01 .gd_btn01_inner:after { position: absolute; content: ""; background-image: linear-gradient(to left, #00a2e3, var(--main-color)), linear-gradient(to top, #00a2e3, var(--main-color)), linear-gradient(to top, #00a2e3, var(--main-color)); background-origin: border-box; background-clip: content-box, content-box, border-box; width: 100%; height: 100%; z-index: -1; left: 0; top: 0; opacity: 0; transition: 0.3s; } #catchteenieping .gd_btn01:hover:before { opacity: 0; } #catchteenieping .gd_btn01:hover:after { opacity: 1; } #catchteenieping .gd_btn01:hover .gd_btn01_inner:before { opacity: 0; } #catchteenieping .gd_btn01:hover .gd_btn01_inner:after { opacity: 0.15; } #catchteenieping .gd_btn01:hover .gd_btn01_inner span { background-image: linear-gradient(to left, #00a2e3, var(--main-color)), linear-gradient(to bottom, #00a5f2, #00a5f2); } #catchteenieping .gd_btn01:hover .gd_btn01_inner span:before { border-color: transparent transparent transparent #00a5f2; } /* ------------------------------------------------------------ */ /* 下層ページ */ /* ------------------------------------------------------------ */ #catchteenieping #subpage * { text-align: justify; font-weight: 500; } #catchteenieping #subpage .copyright { text-align: center; } #catchteenieping #subpage .btn_wrp02 { background-image: url("../images/bg_btn_wrp02.png"); padding: 25px; position: relative; display: flex; justify-content: center; align-items: center; } #catchteenieping #subpage .btn_wrp02 div img { width: 172px; } #catchteenieping #subpage .btn_wrp02 ul { width: 750px; display: flex; justify-content: center; flex-wrap: wrap; margin-left: 30px; } #catchteenieping #subpage .btn_wrp02 ul li { margin: 9px; width: 229px; } #catchteenieping #subpage .btn_wrp02 ul li img { width: 100%; } #catchteenieping #subpage.page-about .btn_wrp02 li:nth-child(1) a, #catchteenieping #subpage.page-character .btn_wrp02 li:nth-child(2) a, #catchteenieping #subpage.page-royalteenieping .btn_wrp02 li:nth-child(2) a, #catchteenieping #subpage.page-jewelteenieping .btn_wrp02 li:nth-child(2) a, #catchteenieping #subpage.page-harmonytown .btn_wrp02 li:nth-child(2) a, #catchteenieping #subpage.page-onair .btn_wrp02 li:nth-child(3) a, #catchteenieping #subpage.page-onair .btn_wrp02 li:nth-child(4) a { position: relative; } #catchteenieping #subpage.page-about .btn_wrp02 li:nth-child(1) a:before, #catchteenieping #subpage.page-character .btn_wrp02 li:nth-child(2) a:before, #catchteenieping #subpage.page-royalteenieping .btn_wrp02 li:nth-child(2) a:before, #catchteenieping #subpage.page-jewelteenieping .btn_wrp02 li:nth-child(2) a:before, #catchteenieping #subpage.page-harmonytown .btn_wrp02 li:nth-child(2) a:before, #catchteenieping #subpage.page-onair .btn_wrp02 li:nth-child(3) a:before, #catchteenieping #subpage.page-onair .btn_wrp02 li:nth-child(4) a:before{ position: absolute; content: ""; background-image: url("../image/catchteenieping_202211_heart.png"); width: 26px; height: 25px; background-size: contain; background-repeat: no-repeat; left: 50%; transform: translateX(-50%); bottom: 38px; z-index: 4; } /* -------------------- season1 menu start -------------------- */ #catchteenieping .btn_wrp_bottom { display: flex; justify-content: center; align-items: center; margin: 25px auto 80px; max-width: 720px; width: 60%; } #catchteenieping .btn_wrp_bottom div img { width: 172px; } #catchteenieping .btn_wrp_bottom ul { display: flex; justify-content: center; flex-wrap: wrap; } #catchteenieping .btn_wrp_bottom ul li {} #catchteenieping .btn_wrp_bottom ul li img { width: 100%; } /* -------------------- season1 menu end -------------------- */ #catchteenieping #subpage .subpage_htxt { background-image: linear-gradient(to bottom, #9dd6e1, #e973a6); position: relative; height: 257px; } #catchteenieping #subpage .subpage_htxt:before { background: url("../image/catchteenieping_202211_deco_lace_repeat.png"); background-repeat: repeat-x; background-size: contain; position: absolute; content: ""; width: 100%; height: 48px; transform: rotate(180deg); left: 0; top: 0; } #catchteenieping #subpage .subpage_htxt:after { background: url("../image/catchteenieping_202211_deco_lace_repeat.png"); background-repeat: repeat-x; background-size: contain; position: absolute; content: ""; width: 100%; height: 48px; left: 0; bottom: 0; } #catchteenieping #subpage .subpage_htxt h1 { background-image: url("../image/catchteenieping_202211_bg_lace_2.png"); background-repeat: no-repeat; background-size: 1800px auto; background-position: center; height: 100%; display: flex; align-items: center; justify-content: center; } #catchteenieping #subpage .subpage_htxt h1 img { position: relative; top: 10px; } #catchteenieping #subpage .subpage_contents_wrp { background-image: url("../images/bg_contents_wrp_about.png"); padding-top: 10px; } #catchteenieping #subpage .subpage_contents_wrp .sub_txt01 { font-size: 18px; text-align: justify; color: var(--main-color); font-weight: 500; line-height: 1.67; } #catchteenieping #subpage .subpage_contents_wrp .sub_txt01 strong { font-weight: 900; color: #8b027d; } #catchteenieping #subpage .subpage_contents_wrp .subpage_visual { position: relative; margin-top: 20px; margin-bottom: 90px; } #catchteenieping #subpage .subpage_contents_wrp .subpage_visual:before { position: absolute; content: ""; background-image: url("../images/bg_border_01.png"); background-repeat: repeat-x; background-size: contain; width: 100%; height: 34px; left: 0; top: -43px; } #catchteenieping #subpage .subpage_contents_wrp .subpage_visual:after { position: absolute; content: ""; background-image: url("../images/bg_border_01.png"); background-repeat: repeat-x; background-size: contain; width: 100%; height: 34px; left: 0; bottom: -45px; } #catchteenieping #subpage .subpage_contents_wrp .subpage_visual .subpage_visual_inner { text-align: center; } #catchteenieping #subpage .subpage_contents_wrp .subpage_visual .subpage_visual_inner .main_img { position: relative; text-align: center; } #catchteenieping #subpage .subpage_contents_wrp .subpage_visual .subpage_visual_inner .main_img .logo { position: absolute; right: 0; bottom: 80px; width: 300px; } #catchteenieping #subpage .subpage_contents_wrp .subpage_visual .subpage_visual_inner .lead { text-align: justify; bottom: 32px; position: absolute; z-index: 4; } #catchteenieping #subpage .subpage_contents_wrp .subpage_visual .subpage_visual_inner .lead p:nth-child(2) { margin-top: -18px; } #catchteenieping #subpage .subpage_contents_wrp section { margin-top: 55px !important; } #catchteenieping #subpage .subpage_contents_wrp section h2 { margin-bottom: 36px; text-align: center; } #catchteenieping #subpage .subpage_contents_wrp .box01 { background-image: linear-gradient(30deg, rgb(249, 247, 223), #ebe3f5); border-radius: 10px; box-shadow: 0 0 12px 3px rgba(226, 152, 208, 0.5); padding-bottom: 60px; } #catchteenieping #subpage .subpage_contents_wrp .lead_box { padding: 12px; } #catchteenieping #subpage .subpage_contents_wrp .lead_box .inner { width: 936px; border: 2px dotted #6ccefe; border-radius: 10px; padding: 52px 0; /* height: 509px; background-image: url("../image/catchteenieping_202211_flame_about.png"); */ } #catchteenieping #subpage .subpage_contents_wrp .lead_box .inner .txtbox { width: 810px; margin: 0 auto; } #catchteenieping #subpage .subpage_contents_wrp .lead_box .inner .txtbox p { margin-bottom: 15px; } #catchteenieping #subpage .subpage_contents_wrp .lead_box .inner .txtbox p:last-child { margin-bottom: 0; } #catchteenieping #subpage .subpage_contents_wrp .lead_box .inner .img01 { background-image: url("../images/bg_decoration_heart.png"); background-repeat: no-repeat; background-position: center 32px; padding-top: 50px; margin-top: -15px; text-align: center; } #catchteenieping #subpage .subpage_contents_wrp .song_box01 { display: flex; padding: 20px 23px 0; align-items: center; position: relative; } #catchteenieping #subpage .subpage_contents_wrp .song_box01 .img01 { width: 420px; margin: -60px 0 0 102px; } #catchteenieping #subpage .subpage_contents_wrp .song_box01 .txtbox01 { width: 375px; text-align: justify; padding-bottom: 20px; } #catchteenieping #subpage .subpage_contents_wrp .song_box01 .txtbox01 .sub_txt01 { margin-bottom: 40px; } #catchteenieping #subpage .subpage_contents_wrp .song_box01 .txtbox01 .sub_txt01 strong { font-size: 150%; } #catchteenieping #subpage .subpage_contents_wrp .song_box01 .txtbox01 ul { margin-top: 15px; /*margin-left: 15px;*/ } #catchteenieping #subpage .subpage_contents_wrp .song_box01 .txtbox01 ul li { font-size: 18px; letter-spacing: 0.48px; font-weight: 500; color: var(--main-color); position: relative; /*padding-left: 35px;*/ margin-bottom: 10px; } #catchteenieping #subpage .subpage_contents_wrp .song_box01 .txtbox01 ul li:last-child { margin-bottom: 0; } /*#catchteenieping #subpage .subpage_contents_wrp .song_box01 .txtbox01 ul li:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202211_icon_onpu.png"); background-size: contain; background-repeat: no-repeat; width: 23px; height: 29px; left: 0; top: 5px; }*/ #catchteenieping #subpage .subpage_contents_wrp .song_box01 .txtbox01 ul li strong { font-weight: 900; font-size: 24px; } #catchteenieping #subpage .subpage_contents_wrp .song_box01 .txtbox01 ul li span { color: #00a2e3; } #catchteenieping #subpage .subpage_contents_wrp .youtube_box_wrp { width: 845px; margin: 0 auto; } #catchteenieping #subpage .subpage_contents_wrp .youtube_box_wrp .youtube_box { background-size: 100% auto; } #catchteenieping #subpage .subpage_contents_wrp .youtube_box_wrp .youtube_box::before { background-size: 100% auto; } #catchteenieping #subpage .subpage_contents_wrp .youtube_box_wrp .youtube_box::after { background-size: 100% auto; } #catchteenieping #subpage .subpage_contents_wrp .youtube_box_wrp .youtube_box iframe { width: 693px; height: 373px; } #catchteenieping #subpage .subpage_contents_wrp .youtube_box_wrp .youtube_box .youtube_box_inner { padding: 40px 0 45px !important; text-align: center; } #catchteenieping #subpage .subpage_contents_wrp .story .box01 { overflow: hidden; padding-bottom: 0; } #catchteenieping #subpage .subpage_contents_wrp .story .box01 .img01 { background: url("../images/about/bg_story.png") 0 0 no-repeat; padding-top: 32px; text-align: center; } #catchteenieping #subpage .subpage_contents_wrp .story .box01 .txtbox { padding: 50px; } #catchteenieping #subpage .subpage_contents_wrp .story .box01 .txtbox p { margin-bottom: 15px; } #catchteenieping #subpage .subpage_contents_wrp .story .box01 .txtbox p:last-child { margin-bottom: 0; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 { overflow: hidden; position: relative; padding: 78px 50px 60px; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202211_bg_002.png"); background-repeat: no-repeat; width: 100%; height: 172px; left: 0; top: 0; z-index: 0; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01:after { position: absolute; content: ""; background-image: url("../image/catchteenieping_202211_bg_002.png"); background-repeat: no-repeat; width: 100%; height: 172px; left: 0; bottom: 0; z-index: 0; transform: rotate(180deg); } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul { position: relative; z-index: 2; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li { position: relative; padding-bottom: 45px; margin-bottom: 40px; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li:before { position: absolute; content: ""; background-image: url("../images/bg_border_01.png"); background-repeat: repeat-x; background-size: auto 24px; width: 100%; height: 24px; left: 0; bottom: 0; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li:last-child { padding-bottom: 0; margin-bottom: 0; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li:last-child:before { display: none; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li .question { margin-bottom: 20px; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li .question div, #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li .question div p { text-align: center; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li .question h3 { text-align: justify; font-weight: 900; color: var(--main-color); font-size: 22px; position: relative; padding-left: 60px; margin-bottom: 10px; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li .question h3::before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202211_q.png"); background-repeat: no-repeat; background-size: contain; width: 50px; height: 42px; left: 0; top: -5px; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li .answer { width: 745px; margin: 0 auto; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li .answer .answer_txt01 { position: relative; font-size: 16px; color: #00a2e3; text-align: justify; font-weight: 500; line-height: 1.88; padding-left: 50px; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li .answer .answer_txt01:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202211_txt_a.png"); background-repeat: no-repeat; background-size: contain; width: 42px; height: 31px; left: 0; top: -5px; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li .answer .answer_imgbox { display: flex; justify-content: center; margin-top: 10px; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li .answer .answer_imgbox img { display: block; margin: 0 -7px; } /* ------------------------------------------------------------ */ /* 下層ページ: character */ /* ------------------------------------------------------------ */ #catchteenieping .character .btn_wrp02 { background-image: url("../images/bg_btn_wrp02_charcter.png") !important; } #catchteenieping .character .character_htxt_wrp { margin-top: 80px; } #catchteenieping .character .character_htxt_wrp.character_htxt_wrp_02 { margin-top: 30px !important; margin-bottom: 70px; } #catchteenieping .character .character_htxt_wrp p { font-size: 22px; color: #8b027d; font-weight: 900 !important; line-height: 1.55; letter-spacing: 0.44px; text-align: center !important; margin-top: 20px; } #catchteenieping .character .character_htxt { position: relative; } #catchteenieping .character .character_htxt img { width: 520px; height: auto; } #catchteenieping .character .character_htxt:before { position: absolute; content: ""; width: 205px; height: 70px; background-image: url("../images/bg_decoration_line_left.png"); background-repeat: no-repeat; background-size: auto 100%; left: 0; top: 50%; transform: translateY(-50%); } #catchteenieping .character .character_htxt:after { position: absolute; content: ""; width: 205px; height: 70px; background-image: url("../images/bg_decoration_line_right.png"); background-repeat: no-repeat; background-size: contain; right: 0; top: 50%; transform: translateY(-50%); } #catchteenieping .character .character_btn { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; padding-top: 20px; } #catchteenieping .character .character_btn a { display: inline-block; width: 456px; } #catchteenieping .character .character_btn a:nth-child(2) { margin-top: 18px; } #catchteenieping .character .character_btn a:nth-child(4) { margin-top: -30px; } #catchteenieping .character .character_btn a img { transition: 0.3s; } #catchteenieping .character .character_btn a:hover img { filter: brightness(110%); transform: scale(1.05); } #catchteenieping .character .character_btn a img { vertical-align: bottom; } #catchteenieping .character .character_btn_03 { margin-top: 80px; } #catchteenieping #subpage.page-character .character_btn a:nth-child(1), #catchteenieping #subpage.page-royalteenieping .character_btn a:nth-child(2), #catchteenieping #subpage.page-jewelteenieping .character_btn a:nth-child(3), #catchteenieping #subpage.page-harmonytown .character_btn a:nth-child(4) { position: relative; } #catchteenieping #subpage.page-character .character_btn a:nth-child(1):before, #catchteenieping #subpage.page-royalteenieping .character_btn a:nth-child(2):before, #catchteenieping #subpage.page-jewelteenieping .character_btn a:nth-child(3):before, #catchteenieping #subpage.page-harmonytown .character_btn a:nth-child(4):before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202211_heart.png"); width: 26px; height: 25px; background-size: contain; background-repeat: no-repeat; left: 50%; transform: translateX(-50%); top: 38px; z-index: 4; } #catchteenieping #subpage.page-character .character_btn a:nth-child(1):before { top: 54px!important; } #catchteenieping #subpage.page-harmonytown .character_btn a:nth-child(4):before { top: 68px!important; } #catchteenieping .character .subpage_contents_wrp { background-image: url("../images/bg_contents_wrp_character.png") !important; } #catchteenieping .character .subpage_contents_wrp .main_contents { padding-top: 0 !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list { margin-top: 160px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list.character_list_02 { margin-top: 45px !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list.character_list_03 { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: -30px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li { width: 100%; border-radius: 100px; background-image: linear-gradient(to bottom, rgb(228, 238, 255), #f1e8ec); filter: drop-shadow(0px 0px 7px rgba(226, 152, 208, 0.5)); margin-bottom: 60px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li * { line-height: 1.67; letter-spacing: 0.3px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li:last-child { margin-bottom: 0; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li h2 { margin-bottom: 0 !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li .inner { width: 100%; height: 100%; border-radius: 100px; padding: 40px 60px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt01 .inner { background-image: url("../image/catchteenieping_202212_bg_character_02.png"); background-repeat: no-repeat; min-height: 610px; position: relative; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt01 .inner:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202212_deco_romi.png"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 100%; height: 137px; left: 50%; bottom: 10px; transform: translateX(-50%); z-index: -1; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt01 .inner .chara_img01 { position: absolute; left: 85px; bottom: 108px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt01 .inner .pt01_box01 { width: 465px; margin-left: auto; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt01 .inner .pt01_box01 .txt01 { text-align: center !important; margin-top: -8px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt01 .inner .pt01_box01 .txt02 { font-size: 18px; color: var(--main-color); line-height: 1.67; letter-spacing: 0.36px; font-weight: 500; margin-top: 35px; } .c-character-data { color: var(--main-color); margin: 1em 0px; width: 100%; } .c-character-data th, .c-character-data td { padding: 0; } .c-character-data th { font-weight: bold!important; color: var(--main-color); position: relative; padding-left: 30px; font-size: 18px; padding-right: 20px; white-space: nowrap } .c-character-data th:before { background: url("../images/icon_heart.png"); position: absolute; content: ""; background-repeat: no-repeat; background-size: contain; width: 24px; height: 18px; left: 0; top: 7px; position: absolute; content: ""; } .c-character-data th.is-jewelry:before { background: url("../images/icon_jewelry.png")!important; } /* ------------------------------------------------------------ */ /* 下層ページ: character/royalteenieping.html */ /* ------------------------------------------------------------ */ #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02 .inner { background-repeat: no-repeat; background-size: 100% auto; position: relative; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02 .inner:before {} #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02 .inner:after { position: absolute; content: ""; background-image: url("../image/catchteenieping_202212_deco_teenieping.png"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 944px; height: 168px; left: 50%; bottom: 5px; transform: translateX(-50%); z-index: -1; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02 .inner .txtbox01 { display: flex; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02 .inner .txtbox01 h2 { position: relative; z-index: 15; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02 .inner .txtbox01 .txt01 { padding-top: 33px; padding-left: 25px; position: relative; z-index: 10; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02 .inner .txt02 { color: var(--main-color); font-size: 18px; font-weight: 500; margin-top: 15px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02 .inner .img01 { margin-top: 31px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02 .inner .imgbox01 { display: flex; align-items: flex-end; justify-content: space-between; position: relative; z-index: 2; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02 .inner .imgbox01 table { width: 430px; margin-top: 24px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02 .inner .imgbox01 table tr td { color: var(--main-color); font-size: 18px; } /* Heartsping */ #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02 .inner .imgbox01_box02 { width: 382px; text-align: center; padding-bottom: 6px; text-align: center !important; position: absolute; } /* Heartsping */ #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02_01 .inner .imgbox01_box02 { right: 60px; top: 350px; } /* Cocoping */ #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02_02 .inner .imgbox01_box02 { bottom: 75px; right: 60px; } /* Nicoping */ #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02_03 .inner .imgbox01_box02 { bottom: 160px; right: 60px; } /* Macoping */ #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02_04 .inner .imgbox01_box02 { bottom: 112px; right: 60px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li .inner { background-image: url("../image/catchteenieping_202212_bg_tphouse_02.png"); } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner { background-image: url("../image/catchteenieping_202302_bg_princess.png"); background-repeat: repeat; background-size: cover; min-height: 610px; position: relative; overflow: hidden; padding-bottom: 95px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202302_deco_teenieping.png"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 100%; height: 168px; left: 50%; bottom: 10px; transform: translateX(-50%); z-index: 0; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_teenieping { position: absolute; right: 6px; top: 44px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_teenieping img { width: 96%; height: auto; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_princess { position: absolute; right: 100px; top: 0px; z-index: 4; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_princess_txt { position: absolute; right: 0px; bottom: 148px; z-index: 5; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_box01 .txt01 { text-align: center !important; margin-top: -8px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_box01_img01 { position: relative; z-index: 4; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_box01 .txt02 { font-size: 18px; color: var(--main-color); line-height: 1.67; letter-spacing: 0.36px; font-weight: 500; margin-top: 35px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner h2 { text-align: left !important; margin-top: 33px; position: relative; z-index: 3; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner h2 div { display: inline-block; position: relative; z-index: 1; padding-top: 38px; padding-left: -40px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner h2 div img { margin: -12px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner h2 div .pt03_h2_deco01 { position: absolute; left: -10px; top: 0; z-index: -1; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner h2 div .pt03_h2_deco02 { position: absolute; left: 295px; top: 155px; z-index: 2; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_box02 { position: relative; margin-top: 40px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_box02:before { position: absolute; width: 100vw; content: ""; height: 6px; background-color: rgba(255, 255, 255, 0.6); left: 50%; top: -8px; transform: translateX(-50%); z-index: 1; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_box02:after { position: absolute; width: 100vw; content: ""; height: 6px; background-color: rgba(255, 255, 255, 0.6); left: 50%; bottom: -8px; transform: translateX(-50%); z-index: 1; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_box02 .pt03_box02_inner { position: relative; z-index: 1; padding: 35px 0; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_box02 .pt03_box02_inner:before { position: absolute; width: 100vw; content: ""; height: 100%; background-color: rgba(255, 255, 255, 0.6); left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: -1; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_box02 .pt03_box02_inner p { font-size: 18px; font-weight: 500; line-height: 1.67; letter-spacing: 0.36px; color: var(--main-color); width: 368px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03_02 .inner .pt03_princess { right: 120px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03_02 .inner .pt03_teenieping { top:20px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03_02 .inner .pt03_box02 .pt03_box02_inner p { width: 348px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03_03 .pt03_princess_txt { bottom: 94px !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03_03 .inner .pt03_princess { right: 46px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03_04 .pt03_box02 .pt03_box02_inner { padding: 25px 0 !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03_04 .inner .pt03_box02 .pt03_box02_inner p { width: 408px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt04 .inner { padding-left: 440px; position: relative; min-height: 330px; background-image: url("../images/character/bg_harmonytown.jpg"); background-repeat: repeat; background-size: cover; padding-top: 30px; padding-bottom: 50px !important; display: flex; align-items: flex-end; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt04 .inner .pt04_box01 { position: absolute; left: 0; bottom: 0; width: 440px; text-align: center !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt04 .inner .pt04_box02 div p:last-child { padding-left: 46px; margin-top: -5px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt04 .inner .pt04_box02 .pt04_box02_txt01 { color: var(--main-color); font-size: 18px; line-height: 1.67; margin-top: 40px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt04 .inner .pt04_box02 .pt04_box02_txt01 p { color: var(--main-color); } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 { width: 468px; border-radius: 60px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05:last-child { margin-bottom: 60px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner { background-image: url("../image/catchteenieping_202302_bg_character_normal.png"); background-repeat: no-repeat; background-size: cover; padding: 10px 40px 35px 40px !important; border-radius: 60px; height: 100%; position: relative; z-index: 1; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202302_deco_teenieping02.png"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 100%; height: 168px; left: 50%; bottom: 10px; transform: translateX(-50%); z-index: -1; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner .pt05_box01 { text-align: center !important; margin-bottom: -15px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner .pt05_box02 .pt05_box02_box01 { display: flex; align-items: flex-end; margin-left: -25px; position: relative; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner .pt05_box02 .pt05_box02_box01:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202302_deco_dotline.png"); background-size: contain; background-repeat: no-repeat; width: 6px; height: 103px; left: 30px; top: 73px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner .pt05_box02 .pt05_box02_box01 p:first-child { margin-right: 15px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner .pt05_box02 .pt04_box02_txt01 { color: var(--main-color); font-size: 18px; letter-spacing: 0px; line-height: 1.67; padding-top: 15px; padding-left: 40px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner .pt05_box03 { margin-top: 20px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner .pt05_box03 table tr { font-size: 18px; color: var(--main-color); } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner .pt05_box03 table tr th { font-weight: 900 !important; position: relative; padding-left: 30px; padding-right: 16px; white-space: nowrap; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner .pt05_box03 table tr th:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202212_icon_heart.png"); background-size: contain; background-repeat: no-repeat; width: 24px; height: 18px; top: 7px; left: 0; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping { width: 468px; border-radius: 60px; display: flex; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping:last-child { margin-bottom: 60px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner { background-image: url("../images/character/bg_jewelteenieping.png"); background-repeat: no-repeat; background-size: cover; padding: 20px 40px 35px 40px !important; border-radius: 60px; height: 100%; position: relative; z-index: 1; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202302_deco_teenieping02.png"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 100%; height: 168px; left: 50%; bottom: 10px; transform: translateX(-50%); z-index: -1; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner .pt05_box01 { text-align: center !important; display: flex; justify-content: center; align-items: end; min-height: 240px } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner .pt05_box02 .pt05_box02_box01 { display: flex; align-items: flex-end; margin-left: -25px; position: relative; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner .pt05_box02 .pt05_box02_box01:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202302_deco_dotline.png"); background-size: contain; background-repeat: no-repeat; width: 6px; height: 103px; left: 30px; top: 73px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner .pt05_box02 .pt05_box02_box01 p:first-child { margin-right: 15px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner .pt05_box02 .pt04_box02_txt01 { color: var(--main-color); font-size: 18px; letter-spacing: 0px; line-height: 1.67; padding-top: 15px; padding-left: 20px; min-height: 6rem; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner .pt05_box03 { margin-top: 20px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner .pt05_box03 table tr { font-size: 18px; color: var(--main-color); } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner .pt05_box03 table tr th { font-weight: 900 !important; position: relative; padding-left: 30px; padding-right: 16px; white-space: nowrap; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner .pt05_box03 table tr th:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202212_icon_heart.png"); background-size: contain; background-repeat: no-repeat; width: 24px; height: 18px; top: 7px; left: 0; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_box01 { position: relative; background-image: url("../image/catchteenieping_202212_flame_royal_b.png"); background-repeat: repeat-y; margin-top: 180px; margin-bottom: 130px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_box01:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202212_flame_royal_a.png"); background-repeat: no-repeat; background-position: top center; width: 100%; height: 50px; left: 0; top: -50px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_box01:after { position: absolute; content: ""; background-image: url("../image/catchteenieping_202212_flame_royal_c.png"); background-repeat: no-repeat; background-position: bottom center; width: 100%; height: 50px; left: 0; bottom: -50px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_box01 h3 { position: absolute; left: 50%; transform: translateX(-50%); top: -95px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_box01 .character_box01_inner img { display: block; margin: 0 auto; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_box01 .character_box01_inner .img02 { position: relative; padding-bottom: 25px; margin-bottom: 38px; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_box01 .character_box01_inner .img02:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202212_border_02.png"); background-repeat: no-repeat; background-size: contain; width: 860px; height: 15px; left: 50%; transform: translateX(-50%); bottom: 0; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_box01 .character_box01_inner .txt01 { width: 860px; margin: 0 auto; color: var(--main-color); } /* ------------------------------------------------------------ */ /* 下層ページ: onair /* ------------------------------------------------------------ */ #catchteenieping .onair .btn_wrp02 ul li .active:before { background-image: url("../image/catchteenieping_202302_heart_3.png") !important; } #catchteenieping .onair .onair_contents_box01 h2 { text-align: center; margin-bottom: 0px !important; } #catchteenieping .page-onair .character_visual {} #catchteenieping .page-onair .character_visual .character_visual_inner { text-align: center; max-width: 1220px; margin: 0 auto; position: relative; } #catchteenieping .page-onair .character_visual .character_visual_inner:after { content: ""; display: block; background-image: url("../images/bg_border_01.png"); width: 100%; height: 42px; background-repeat: repeat-x; background-position: center; } #catchteenieping .page-onair .character_visual .character_visual_inner .main_img { padding-bottom: 2em; position: relative; text-align: center!important; } #catchteenieping .page-onair .character_visual .character_visual_inner .main_img .img01 { position: relative; } #catchteenieping .page-onair .character_visual .character_visual_inner .main_img .lead { margin-top: -20px; text-align: center !important; } #catchteenieping .page-onair .character_visual .character_visual_inner .main_img .lead img:nth-child(2) { margin-top: -20px; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp { box-shadow: 0 0 7px 3px rgba(204, 97, 143, 0.3); background-image: linear-gradient(45deg, rgb(249, 247, 223), #ebe3f5); border-radius: 10px; overflow: hidden; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 { position: relative; background-image: url("../image/catchteenieping_202302_dot.png"); padding: 40px 0; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01:before { position: absolute; content: ""; background-image: url("../images/bg_border_dotted_edb2cc.png"); background-repeat: repeat-x; width: 100%; height: 5px; background-size: auto; left: 0; top: 40px; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01:after { position: absolute; content: ""; background-image: url("../images/bg_border_dotted_edb2cc.png"); background-repeat: repeat-x; width: 100%; height: 5px; background-size: auto; left: 0; bottom: 40px; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li { padding: 30px 70px 47px; position: relative; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li:first-child { padding-top: 47px; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li:last-child:before { display: none; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li:before { position: absolute; content: ""; background-image: url("../images/bg_border_dotted_edb2cc.png"); background-repeat: repeat-x; width: 100%; height: 5px; background-size: auto; left: 0; bottom: 0; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li .onair_list01_box01 .onair_list01_box01_col01 h3 { position: relative; padding-left: 66px; margin-bottom: 20px; font-size: 22px; letter-spacing: 0.44px; color: var(--main-color); font-weight: 900 !important; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li .onair_list01_box01 .onair_list01_box01_col01 h3:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202302_icon_sche.png"); background-size: contain; background-repeat: no-repeat; width: 55px; height: 48px; left: 0; top: -8px; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li .onair_list01_box01 .onair_list01_box01_col01 h3 a, #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp .onair_list02 li h2 a { display: inline-block; font-size: 22px; letter-spacing: 0.44px; color: var(--main-color); font-weight: 900 !important; position: relative; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li .onair_list01_box01 .onair_list01_box01_col01 h3 a:before, #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp .onair_list02 li h2 a:before { position: absolute; content: ""; background-color: var(--main-color); height: 1px; width: 0; left: 0; bottom: 0; transition: 0.3s; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li .onair_list01_box01 .onair_list01_box01_col01 h3 a:hover:before, #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp .onair_list02 li h2 a:hover:before { width: 100%; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li .onair_list01_box01 .onair_list01_box01_col01 .onair_list01_box01_txt01, #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li .onair_list01_box01 .onair_list01_box01_col01 .onair_list01_box01_txt02 { font-size: 18px; color: #00a2e3; line-height: 1.67; margin-bottom: 5px; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li .onair_list01_box01 .onair_list01_box01_col01 .onair_list01_box01_txtbox .onair_list01_box01_txt02 { display: inline-block; position: relative; padding-left: 1.1em; margin-right: 30px; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li .onair_list01_box01 .onair_list01_box01_col01 .onair_list01_box01_txtbox .onair_list01_box01_txt02:before { position: absolute; content: "●"; left: 0; top: 0; color: var(--main-color); } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li .btn_box01 { text-align: center !important; margin-top: 10px !important; } #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp { box-shadow: 0 0 7px 3px rgba(204, 97, 143, 0.3); background-image: linear-gradient(45deg, rgb(249, 247, 223), #ebe3f5); border-radius: 10px; overflow: hidden; padding: 10px; position: relative; z-index: 1; } #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp + .onair_list02_wrp { margin-top: 2em; } #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp:before { position: absolute; content: ""; width: 100%; height: 100%; background-image: url("../image/catchteenieping_202302_dot.png"); left: 0; top: 0; z-index: -1; } #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp .onair_list02 { border: 2px dotted var(--main-color); border-radius: 5px; padding: 50px 55px; } #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp .onair_list02 ul li { background-color: #fdfcec; border-radius: 10px; overflow: hidden; box-shadow: 0 0 7px 3px rgba(204, 97, 143, 0.3); padding: 30px 50px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; } #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp .onair_list02 ul li:last-child { margin-bottom: 0; } #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp .onair_list02 ul li .onair_list02_col01 { width: 100%; } #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp .onair_list02 ul li .onair_list02_col01 h2 { color: var(--main-color); font-size: 22px; font-weight: 900 !important; text-align: left !important; position: relative; padding-bottom: 7px; margin-bottom: 12px !important; } #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp .onair_list02 ul li .onair_list02_col01 h2:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202302_line.png"); width: 100%; height: 7px; background-size: auto 7px; background-repeat: repeat-x; bottom: 0; left: 0; } #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp .onair_list02 ul li .onair_list02_col01 .onair_list02_col01_txt01 { font-size: 18px; line-height: 1.67; letter-spacing: 0.36px; color: #00a2e3; } #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp .onair_list02 ul li .onair_list02_col01 .onair_list02_col01_btnbox { text-align: right !important; margin-top: 6px; } #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp .onair_list02 ul .onair_list02_col02 img { transition: 0.3s; } #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp .onair_list02 ul .onair_list02_active .onair_list02_col02 img { transform: scale(1.1); } #catchteenieping .onair .onair_list01_box02 { display: flex; justify-content: space-between; } #catchteenieping .onair .onair_list01_box02 .onair_list01_box01_col02 { margin-left: 30px; } #catchteenieping .onair .onair_list01_box02 .onair_list01_box01_col02 img { max-width: 240px; } #catchteenieping .onair .onair_list01_box02 { display: flex; justify-content: space-between; } #catchteenieping .onair .onair_list01_box02 .onair_list01_box01_col02 { margin-left: 30px; } #catchteenieping .onair .onair_list01_box03 .onair_list01_box01_col02 { text-align: center !important; } #catchteenieping .onair .onair_list01_box03 .onair_list01_box01_col02 .onair_list02_col01_btnbox { text-align: center !important; margin-top: 10px; } #catchteenieping .onair .btn_wrp02 { background-image: url("../images/bg_btn_wrp02_onair.png") !important; } #catchteenieping .onair .subpage_contents_wrp { background-image: url("../images/bg_contents_wrp_onair.png") !important; } #catchteenieping #subpage .btn_wrp02.is-bottom { background-image: url("../images/bg_btn-wrp.png") !important; margin: 40px 0 80px; } #catchteenieping #subpage .btn_wrp02.is-bottom:before { background: url(http://127.0.0.1:51985/pickup/catchteenieping/image/catchteenieping_202211_deco_lace_repeat.png); background-repeat: repeat-x; background-size: contain; position: absolute; content: ""; width: 100%; height: 48px; left: 0; top: -40px; } #catchteenieping #subpage .btn_wrp02.is-bottom:after { background: url(http://127.0.0.1:51985/pickup/catchteenieping/image/catchteenieping_202211_deco_lace_repeat.png); background-repeat: repeat-x; background-size: contain; position: absolute; content: ""; width: 100%; height: 48px; transform: rotate(180deg); left: 0; bottom: -48px; } #catchteenieping .onair .onair_bottom { display: flex; justify-content: center; align-items: flex-end; background-image: url("../image/catchteenieping_202302_deco_about.png"); background-repeat: no-repeat; background-size: contain; background-position: top center; width: 900px; margin: 0 auto; padding-top: 55px; margin-top: 40px; } #catchteenieping .onair .onair_bottom p { margin: 0 13px; } #catchteenieping .onair .onair_bottom p:first-child img { position: relative; top: 13px; } } /* ------------------------------------------------------------ */ /* media query */ /* ------------------------------------------------------------ */ @media screen and (max-width: 767px) { html { overflow-x: hidden; -webkit-text-size-adjust: 100%; } body { position: relative; z-index: 2; overflow-x: hidden; } .pc { display: none !important; } /* CSS Document */ /* ----------------------------------------------- Global ヘッダー ----------------------------------------------- */ #header-global { width: 100%; height: 37px; background: url(../image/head_bg.jpg) repeat-x left top; position: relative; z-index: 999; } #header-global .inner { max-width: 960px; width: 100%; padding: 0; margin: 0 auto; background: url("../image/head_bg.jpg") repeat-x left top; position: relative; } #header-global .inner .header_top_ { width: 100%; } #header-global .inner .header_top_ #sitelogo { margin: 0; background: url("../image/site_logo.jpg") no-repeat 10px 1px; } #header-global .inner .header_top_ #sitelogo a, #header-global .inner .header_top_ #sitelogo a:link { display: block; width: 300px; height: 37px; } #header-global .inner .header_top_ #sitelogo a img, #header-global .inner .header_top_ #sitelogo a:link img { display: none; } /* CSS Document */ #txtpage_footer body { position: relative; z-index: 2; } #txtpage_footer img { max-width: 100%; } #txtpage_footer .pc { display: none !important; } #txtpage_footer #page-footer { position: relative; position: relative; } #txtpage_footer #footer-menus { text-align: center; background-color: #e4d5d4; filter: none; } #txtpage_footer .container-fluid { margin-right: auto; margin-left: auto; } #txtpage_footer #menu-connect ul li { display: list-item; padding: 6px 24px 7px; border-bottom: solid 1px white; text-align: left; } #txtpage_footer #menu-connect ul li a { display: inline-block; font-size: 14px; color: #e6291a; font-weight: normal; text-decoration: none; font-family: Arial, Helvetica, sans-serif; } #txtpage_footer #footer-legal { color: #fff; text-align: center; background: #e6291a; filter: none; font-size: 14px; font-size: 0.875rem; } #footer-legal { padding: 20px 0; } #txtpage_footer #footer-legal .row { display: flex; flex-direction: column-reverse; text-align: center; margin: 0; } #txtpage_footer #footer-legal .col-md-6 { font-size: 0.6875rem; margin: 10px 0; padding: 0 20px; font-family: Arial, Helvetica, sans-serif; } #txtpage_footer #footer-legal .container-fluid { padding-left: 15px; padding-right: 15px; } #txtpage_footer #footer-legal ul { display: inline; } #txtpage_footer #footer-legal ul li { display: inline; white-space: nowrap; font-size: 14px; padding-left: 8px; } #txtpage_footer #footer-legal ul li:first-child { padding-left: 0; } #txtpage_footer #footer-legal ul li a { font-size: 14px; color: #fff; transition: background 0.1s linear, border-color 0.1s linear, color 0.1s linear; text-decoration: none; font-family: Arial, Helvetica, sans-serif; } #txtpage_footer #footer-legal ul li a:hover { color: #a21c12; } #catchteenieping { margin-top: -7px; /******************************* 共通 *******************************/ /******************************* ヘッダーパーツ、フッターパーツ *******************************/ /******************************* コンテンツ *******************************/ /**コンテンツ01*******************/ /**コンテンツ02*******************/ } #catchteenieping img { width: 100%; } #catchteenieping .btn_box01 { margin-top: 5.2083333333vw; } #catchteenieping .btn_box01 img { max-width: 220px; width: 45%; } #catchteenieping .copyright { text-align: center; font-size: 12px; font-weight: 600; color: var(--main-color); } #catchteenieping .btn01 img { filter: drop-shadow(0px 0px 7px rgba(226, 152, 208, 0.5)); } #catchteenieping * { font-size: 3.6458333333vw; } #catchteenieping .non-active { filter: grayscale(100%) !important; opacity: 0.8; pointer-events: none; } #catchteenieping #sec_header { width: 100%; background-image: linear-gradient(to bottom, #9dd6e1, #e973a6); position: relative; } #catchteenieping #sec_header:before { background: url("../image/catchteenieping_202211_deco_lace_repeat.png"); background-repeat: repeat-x; background-size: contain; position: absolute; content: ""; width: 100%; height: 6.25vw; transform: rotate(180deg); left: 0; top: 0; } #catchteenieping #sec_header:after { background: url("../image/catchteenieping_202211_deco_lace_repeat.png"); background-repeat: repeat-x; background-size: contain; position: absolute; content: ""; width: 100%; height: 6.25vw; left: 0; bottom: 0; } #catchteenieping #sec_header .sec_header_inner { text-align: center; padding: 20.8333333333vw 2.6041666667vw 15.625vw; height: 100%; background-image: url("../image/catchteenieping_202211_bg_lace.png"); background-repeat: no-repeat; background-size: cover; background-position: center; } #catchteenieping #sec_header .sec_header_inner .main_visual { position: relative; display: inline-block; } #catchteenieping #sec_header .sec_header_inner .main_visual h1 { margin-top: 3.90625vw; } #catchteenieping #sec_header .sec_header_inner .main_visual .catch_copy_wrp { position: absolute; left: 0; top: -13.0208333333vw; width: 100%; } #catchteenieping #sec_header .sec_header_inner .main_visual .catch_copy_wrp .catch_copy { position: relative; } #catchteenieping #sec_header .sec_header_inner .main_visual .catch_copy_wrp .catch_copy p { position: absolute; } #catchteenieping #sec_header .sec_header_inner .main_visual .catch_copy_wrp .catch_copy p:nth-child(1) { left: 1.171875vw; top: 0; } #catchteenieping #sec_header .sec_header_inner .main_visual .catch_copy_wrp .catch_copy p:nth-child(2) { left: 0; top: 8.59375vw; } #catchteenieping #contents_wrp { background-image: url("../images/bg_contents_wrp.png"); background-size: 11.25vw auto; position: relative; padding-bottom: 9.1145833333vw; /**メインコンテンツ*******************/ } #catchteenieping #contents_wrp:after { background: url("../image/catchteenieping_202211_deco_lace_repeat.png"); background-repeat: repeat-x; background-size: contain; position: absolute; content: ""; width: 100%; height: 6.25vw; left: 0; bottom: 0; } #catchteenieping #contents_wrp .btn_wrp.is-bottom { background-image: url("../images/bg_btn-wrp.png"); background-size: 64px; padding: 5.2083333333vw 2.6041666667vw; margin: 8.25vw 0; position: relative; } #catchteenieping #contents_wrp .btn_wrp.is-bottom:before { background: url("../image/catchteenieping_202211_deco_lace_repeat.png"); background-repeat: repeat-x; background-size: contain; position: absolute; content: ""; width: 100%; height: 6.25vw; transform: rotate(0deg); left: 0; top: -6.25vw; } #catchteenieping #contents_wrp .btn_wrp.is-bottom:after { background: url("../image/catchteenieping_202211_deco_lace_repeat.png"); background-repeat: repeat-x; background-size: contain; position: absolute; content: ""; width: 100%; height: 6.25vw; transform: rotate(180deg); left: 0; bottom: -6.25vw; } #catchteenieping #contents_wrp .btn_wrp ul { width: 100%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: -2.6041666667vw; } #catchteenieping #contents_wrp .btn_wrp ul li { width: 49%; margin-bottom: 2.6041666667vw; } #catchteenieping #contents_wrp .main_contents { width: 100%; margin: 0 auto; padding: 10.4166666667vw 2.6041666667vw 10.4166666667vw; } #catchteenieping #contents_wrp .main_contents .news { background-color: #fff; border-radius: 1.953125vw; padding: 1.953125vw; position: relative; } #catchteenieping #contents_wrp .main_contents .news .news_inner { border: dotted 2px var(--main-color); border-radius: 1.5625vw; padding: 9.1145833333vw 5.2083333333vw 4.5572916667vw 3.90625vw; } #catchteenieping #contents_wrp .main_contents .news .news_inner h2 { position: absolute; left: 50%; top: -4.6875vw; transform: translateX(-50%); width: 50%; } #catchteenieping #contents_wrp .main_contents .news .news_inner ul { text-align: left; } #catchteenieping #contents_wrp .main_contents .news .news_inner ul li { color: var(--main-color); font-weight: 500; position: relative; padding-left: 2.1rem; margin-bottom: 3.2552083333vw; } #catchteenieping #contents_wrp .main_contents .news .news_inner ul li:last-child { margin-bottom: 0; } #catchteenieping #contents_wrp .main_contents .news .news_inner ul li:before { content: "★"; color: var(--main-color); position: absolute; left: 0; top: 0; font-family: "M PLUS Rounded 1c", sans-serif; font-weight: 500; } #catchteenieping #contents_wrp .main_contents .news .news_inner ul li a { color: #00a2e3; border-bottom: 1px dotted #00a2e3; } #catchteenieping #contents_wrp .main_contents .banner { margin-top: 70px; } #catchteenieping #contents_wrp .main_contents section { text-align: center; margin-top: 10.4166666667vw; } #catchteenieping #contents_wrp .main_contents section h2 { margin-bottom: 1.953125vw; } #catchteenieping #contents_wrp .main_contents .youtube h2 img { width: 90%; } #catchteenieping #contents_wrp .main_contents .youtube_box_wrp { filter: drop-shadow(0px 0px 4px rgba(226, 152, 208, 0.5)); padding: 1.3020833333vw 0; } #catchteenieping #contents_wrp .main_contents .youtube_box_wrp .youtube_box { } #catchteenieping #contents_wrp .main_contents .youtube_box_wrp .youtube_box { background: url(../images/bg_youtube_box.png) no-repeat; background-size: 100% 100%; padding: 5.859375vw 5.2083333333vw 5.859375vw; /* background-image: url("../image/catchteenieping_202211_flame_yt_b.png"); background-repeat: repeat-y; background-size: 100% auto; position: relative; */ } /* #catchteenieping #contents_wrp .main_contents .youtube_box_wrp .youtube_box:before { content: ""; background-image: url("../image/catchteenieping_202211_flame_yt_a.png"); background-repeat: no-repeat; background-size: 100% auto; position: absolute; background-position: top center; left: 0; top: -1.3020833333vw; width: 100%; height: 9.1145833333vw; } #catchteenieping #contents_wrp .main_contents .youtube_box_wrp .youtube_box:after { content: ""; background-image: url("../image/catchteenieping_202211_flame_yt_c.png"); background-repeat: no-repeat; background-size: 100% auto; position: absolute; background-position: bottom center; left: 0; bottom: -1.3020833333vw; width: 100%; height: 9.1145833333vw; } */ #catchteenieping #contents_wrp .main_contents .youtube_box_wrp .youtube_box .youtube_box_inner { position: relative; z-index: 2; padding-top: 56.25%; } #catchteenieping #contents_wrp .main_contents .youtube_box_wrp .youtube_box iframe { width: 100%; height: 100%; left: 0; top: 0; position: absolute; } #catchteenieping #contents_wrp .main_contents .twitter .twitter_box { padding: 1.953125vw; border-radius: 1.953125vw; background-color: #fff; } #catchteenieping #contents_wrp .main_contents .twitter .twitter_box .twitter_box_inner { border: 1px solid #c1c1c1; border-radius: 1.3020833333vw; overflow: hidden; min-height: 32.5520833333vw; padding: 0.6510416667vw; } #catchteenieping #contents_wrp .main_contents .other { box-shadow: 0 0 5px 3px rgba(204, 97, 143, 0.3); background-image: linear-gradient(to bottom, rgb(253, 250, 219), #d9f2fd); padding: 5.2083333333vw 6.5104166667vw; border-radius: 1.953125vw; } #catchteenieping #contents_wrp .main_contents .other h2 { overflow: hidden; text-align: center; display: flex; justify-content: center; } #catchteenieping #contents_wrp .main_contents .other h2:first-child img { width: 185% !important; } #catchteenieping #contents_wrp .main_contents .other h2 img { width: 140%; } #catchteenieping #contents_wrp .main_contents .other .other_box01 { margin-top: -3.90625vw; margin-bottom: 5.2083333333vw; } #catchteenieping #contents_wrp .main_contents .other .other_box01 a { display: inline-block; background-color: #fff; text-align: center; width: 100%; padding: 3.90625vw; border-radius: 1.953125vw; margin-bottom: 3.90625vw; } #catchteenieping #contents_wrp .main_contents .other .other_box01 a:last-child { margin-bottom: 0; } #catchteenieping #contents_wrp .main_contents .other .other_box01 a p { color: var(--main-color); font-size: 3.2552083333vw; font-weight: 500; margin-bottom: 2.6041666667vw; } #catchteenieping #contents_wrp .main_contents .other .other_box01 a div { border-radius: 1.5625vw; overflow: hidden; } #catchteenieping #contents_wrp .main_contents .other .other_box01 a div img { width: 100%; } #catchteenieping #contents_wrp .main_contents .other .other_box02 { display: flex; justify-content: space-between; margin-top: 3.2552083333vw; } #catchteenieping #contents_wrp .main_contents .other .other_box02 a { display: inline-block; width: 48%; } #catchteenieping #contents_wrp .main_contents .other .other_box02 a img { width: 100%; } #catchteenieping .gd_btn01 { background-image: linear-gradient(to right, #00a2e3, var(--main-color)); border-radius: 3.125vw; overflow: hidden; padding: 2px; display: inline-flex; line-height: 1; transition: 0.3s; } #catchteenieping .gd_btn01 .gd_btn01_inner { padding: 0.9114583333vw 8.4635416667vw 1.171875vw 3.90625vw; display: inline-block; line-height: 1; position: relative; background-color: #fdfcec; border-radius: 3.125vw; overflow: hidden; z-index: 1; } #catchteenieping .gd_btn01 .gd_btn01_inner span { background-image: linear-gradient(to right, #00a2e3, var(--main-color)), linear-gradient(to bottom, #00a5f2, #00a5f2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 3.125vw; letter-spacing: 0.1953125vw; position: relative; white-space: nowrap; } #catchteenieping .gd_btn01 .gd_btn01_inner span:before { position: absolute; content: ""; right: -4.5572916667vw; top: 48%; transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-width: 1.3020833333vw 0 1.3020833333vw 2.6041666667vw; border-color: transparent transparent transparent var(--main-color); } #catchteenieping .gd_btn01 .gd_btn01_inner:before { position: absolute; content: ""; background-image: linear-gradient(to right, #00a2e3, var(--main-color)), linear-gradient(to top, #00a2e3, var(--main-color)), linear-gradient(to top, #00a2e3, var(--main-color)); background-origin: border-box; background-clip: content-box, content-box, border-box; width: 100%; height: 100%; z-index: -1; left: 0; top: 0; opacity: 0.15; } /* ------------------------------------------------------------ */ /* 下層ページ */ /* ------------------------------------------------------------ */ #catchteenieping #subpage * { text-align: justify; } #catchteenieping #subpage .copyright { text-align: center; } #catchteenieping #subpage .btn_wrp02 { background-image: url("../images/bg_btn_wrp02.png"); background-size: 64px; padding: 6.5104166667vw 3.90625vw 3.90625vw; position: relative; } #catchteenieping #subpage .btn_wrp02 div { width: 40%; margin: 0 auto; } #catchteenieping #subpage .btn_wrp02 ul { width: 100%; padding: 6.5104166667vw 0; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -5.2083333333vw; } #catchteenieping #subpage .btn_wrp02 ul li { margin-bottom: 5.2083333333vw; width: 49%; } #catchteenieping #subpage .btn_wrp02 ul li img { width: 100%; } #catchteenieping #subpage.page-about .btn_wrp02 li:nth-child(1), #catchteenieping #subpage.page-character .btn_wrp02 li:nth-child(2), #catchteenieping #subpage.page-royalteenieping .btn_wrp02 li:nth-child(2), #catchteenieping #subpage.page-jewelteenieping .btn_wrp02 li:nth-child(2), #catchteenieping #subpage.page-harmonytown .btn_wrp02 li:nth-child(2), #catchteenieping #subpage.page-onair .btn_wrp02 li:nth-child(4) { pointer-events: none; position: relative; display: block; } #catchteenieping #subpage.page-about .btn_wrp02 li:nth-child(1) a:before, #catchteenieping #subpage.page-character .btn_wrp02 li:nth-child(2) a:before, #catchteenieping #subpage.page-royalteenieping .btn_wrp02 li:nth-child(2) a:before, #catchteenieping #subpage.page-jewelteenieping .btn_wrp02 li:nth-child(2) a:before, #catchteenieping #subpage.page-harmonytown .btn_wrp02 li:nth-child(2) a:before, #catchteenieping #subpage.page-onair .btn_wrp02 li:nth-child(4) a:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202211_heart.png"); width: 6.5104166667vw; height: 6.5104166667vw; background-size: contain; background-repeat: no-repeat; left: 50%; transform: translateX(-50%); top: -3.90625vw; z-index: 4; } /* -------------------- season1 menu start -------------------- */ #catchteenieping .btn_wrp_bottom { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; max-width: 100%; margin: 0 auto 10.4166666667vw; } #catchteenieping .btn_wrp_bottom div img { width: 172px; } #catchteenieping .btn_wrp_bottom ul { display: flex; justify-content: center; flex-wrap: wrap; } #catchteenieping .btn_wrp_bottom ul li {} #catchteenieping .btn_wrp_bottom ul li img { width: 100%; } /* -------------------- season1 menu end -------------------- */ #catchteenieping #subpage .subpage_htxt { background-image: linear-gradient(to bottom, #9dd6e1, #e973a6); position: relative; height: 39.0625vw; } #catchteenieping #subpage .subpage_htxt:before { background: url("../image/catchteenieping_202211_deco_lace_repeat.png"); background-repeat: repeat-x; background-size: contain; position: absolute; content: ""; width: 100%; height: 6.25vw; transform: rotate(180deg); left: 0; top: 0; } #catchteenieping #subpage .subpage_htxt:after { background: url("../image/catchteenieping_202211_deco_lace_repeat.png"); background-repeat: repeat-x; background-size: contain; position: absolute; content: ""; width: 100%; height: 6.25vw; left: 0; bottom: 0; } #catchteenieping #subpage .subpage_htxt h1 { background-image: url("../image/catchteenieping_202211_bg_lace_2.png"); background-repeat: no-repeat; background-size: 250% auto; background-position: top left -45.5729166667vw; height: 100%; display: flex; align-items: center; justify-content: center; } #catchteenieping #subpage .subpage_htxt h1 img { position: relative; top: 0vw; width: 72%; } #catchteenieping #subpage .subpage_contents_wrp { background-image: url("../images/bg_contents_wrp_about.png"); padding-top: 1.3020833333vw; } #catchteenieping #subpage .subpage_contents_wrp .sub_txt01 { font-size: 3.6458333333vw; text-align: justify; color: var(--main-color); font-weight: 500; line-height: 1.67; } #catchteenieping #subpage .subpage_contents_wrp .sub_txt01 strong { font-weight: 900; color: #8b027d; } #catchteenieping #subpage .subpage_contents_wrp .subpage_visual { position: relative; margin-top: 3.90625vw; margin-bottom: 10.4166666667vw; } #catchteenieping #subpage .subpage_contents_wrp .subpage_visual:before { position: absolute; content: ""; background-image: url("../images/bg_border_01.png"); background-repeat: repeat-x; background-size: contain; width: 100%; height: 4.4270833333vw; left: 0; top: -5.859375vw; } #catchteenieping #subpage .subpage_contents_wrp .subpage_visual:after { position: absolute; content: ""; background-image: url("../images/bg_border_01.png"); background-repeat: repeat-x; background-size: contain; width: 100%; height: 4.4270833333vw; left: 0; bottom: -5.859375vw; } #catchteenieping #subpage .subpage_contents_wrp .subpage_visual .subpage_visual_inner { text-align: center; } #catchteenieping #subpage .subpage_contents_wrp .subpage_visual .subpage_visual_inner .main_img { position: relative; } #catchteenieping #subpage .subpage_contents_wrp .subpage_visual .subpage_visual_inner .main_img .logo { position: absolute; right: 0; bottom: -1.25vw; width: 40%; } #catchteenieping #subpage .subpage_contents_wrp .subpage_visual .subpage_visual_inner .lead { text-align: justify; margin-top: 1.3020833333vw; position: relative; z-index: 4; } #catchteenieping #subpage .subpage_contents_wrp .subpage_visual .subpage_visual_inner .lead p:nth-child(2) { margin-top: -2.34375vw; } #catchteenieping #subpage .subpage_contents_wrp .subpage_visual .subpage_visual_inner .lead p img { width: auto; height: 8.8541666667vw; } #catchteenieping #subpage .subpage_contents_wrp section { margin-top: 10.4166666667vw !important; } #catchteenieping #subpage .subpage_contents_wrp h2 { margin-bottom: -0.78125vw; text-align: center; } #catchteenieping #subpage .subpage_contents_wrp h2 img { width: auto; height: 13.0208333333vw; } #catchteenieping #subpage .subpage_contents_wrp .htxt_img01 img { height: 15.625vw !important; } #catchteenieping #subpage .subpage_contents_wrp .box01 { background-image: linear-gradient(30deg, rgb(249, 247, 223), #ebe3f5); border-radius: 1.953125vw; box-shadow: 0 0 12px 3px rgba(226, 152, 208, 0.5); padding: 0 3.90625vw; padding-bottom: 7.8125vw; } #catchteenieping #subpage .subpage_contents_wrp .lead_box { margin-top: 10.4166666667vw !important; padding: 1.953125vw; position: relative; } /* #catchteenieping #subpage .subpage_contents_wrp .lead_box::before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202211_flame_about_top.png"); width: 100%; height: 7.8125vw; background-repeat: no-repeat; background-size: contain; background-position: center; left: 0; top: 1.953125vw; } #catchteenieping #subpage .subpage_contents_wrp .lead_box::after { position: absolute; content: ""; background-image: url("../image/catchteenieping_202211_flame_about_bottom.png"); width: 100%; height: 7.8125vw; background-repeat: no-repeat; background-size: contain; background-position: center; left: 0; bottom: 1.953125vw; } */ #catchteenieping #subpage .subpage_contents_wrp .lead_box .inner { width: 100%; border: 2px dotted #6ccefe; border-radius: 10px; padding: 5.2083333333vw; } #catchteenieping #subpage .subpage_contents_wrp .lead_box .inner .txtbox { width: 100%; margin: 0 auto; } #catchteenieping #subpage .subpage_contents_wrp .lead_box .inner .txtbox p { margin-bottom: 2.34375vw; } #catchteenieping #subpage .subpage_contents_wrp .lead_box .inner .txtbox p:last-child { margin-bottom: 0; } #catchteenieping #subpage .subpage_contents_wrp .lead_box .inner .img01 { background-image: url("../image/catchteenieping_202211_deco_about.png"); background-repeat: no-repeat; background-position: center 3.75vw; background-size: contain; padding-top: 6.5104166667vw; margin-top: -2.6041666667vw; } #catchteenieping #subpage .subpage_contents_wrp .song_box01 { padding: 3.90625vw 0; } #catchteenieping #subpage .subpage_contents_wrp .song_box01 .img01 { width: 80%; margin: 0 auto; } #catchteenieping #subpage .subpage_contents_wrp .song_box01 .txtbox01 { width: 100%; text-align: center; } #catchteenieping #subpage .subpage_contents_wrp .song_box01 .txtbox01 p img { width: 80%; } #catchteenieping #subpage .subpage_contents_wrp .song_box01 .txtbox01 .sub_txt01 { margin-bottom: 5.2083333333vw; text-align: center; } #catchteenieping #subpage .subpage_contents_wrp .song_box01 .txtbox01 .sub_title { text-align: center; } #catchteenieping #subpage .subpage_contents_wrp .song_box01 .txtbox01 .sub_txt01 * { text-align: center; } #catchteenieping #subpage .subpage_contents_wrp .song_box01 .txtbox01 ul { margin-top: 3.90625vw; /*margin-left: 5.2083333333vw;*/ } #catchteenieping #subpage .subpage_contents_wrp .song_box01 .txtbox01 ul li { font-size: 3.6458333333vw; letter-spacing: 0.48px; font-weight: 500; color: var(--main-color); position: relative; /*padding-left: 5.859375vw;*/ margin-bottom: 1.953125vw; text-align: center; } #catchteenieping #subpage .subpage_contents_wrp .song_box01 .txtbox01 ul li:last-child { margin-bottom: 0; } /*#catchteenieping #subpage .subpage_contents_wrp .song_box01 .txtbox01 ul li:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202211_icon_onpu.png"); background-size: contain; background-repeat: no-repeat; width: 3.90625vw; height: 4.9479166667vw; left: 0; top: 0vw; }*/ #catchteenieping #subpage .subpage_contents_wrp .song_box01 .txtbox01 ul li strong { font-weight: 900; font-size: 4.1666666667vw; } #catchteenieping #subpage .subpage_contents_wrp .song_box01 .txtbox01 ul li span { color: #00a2e3; } #catchteenieping #subpage .subpage_contents_wrp .song_box01 .txtbox01 .sub_txt01 strong { font-size: 150%; } #catchteenieping #subpage .subpage_contents_wrp .youtube_box_wrp { width: 100%; margin: 0 auto; } #catchteenieping #subpage .subpage_contents_wrp .youtube_box_wrp .youtube_box { background-size: 100% 100%; } #catchteenieping #subpage .subpage_contents_wrp .youtube_box_wrp .youtube_box::before { background-size: 100% auto; } #catchteenieping #subpage .subpage_contents_wrp .youtube_box_wrp .youtube_box::after { background-size: 100% auto; } #catchteenieping #subpage .subpage_contents_wrp .youtube_box_wrp .youtube_box .youtube_box_inner { position: relative; z-index: 2; padding-top: 56.25%; } #catchteenieping #subpage .subpage_contents_wrp .youtube_box_wrp .youtube_box iframe { width: 100%; height: 100%; left: 0; top: 0; position: absolute; } #catchteenieping #subpage .subpage_contents_wrp .story .box01 { overflow: hidden; padding: 0; padding-bottom: 7.03125vw; } #catchteenieping #subpage .subpage_contents_wrp .story .box01 .img01 { background-image: url("../images/about/bg_story.png"); background-size: 100% auto; background-repeat: no-repeat; padding-top: 2.6041666667vw; } #catchteenieping #subpage .subpage_contents_wrp .story .box01 .sub_txt01 { padding: 0 5.2083333333vw 0; } #catchteenieping #subpage .subpage_contents_wrp .story .box01 .txtbox { padding-top: 3.90625vw; } #catchteenieping #subpage .subpage_contents_wrp .story .box01 .txtbox p { margin-bottom: 2.6041666667vw; } #catchteenieping #subpage .subpage_contents_wrp .story .box01 .txtbox p:last-child { margin-bottom: 0; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 { overflow: hidden; position: relative; padding: 10.15625vw 6.5104166667vw 7.8125vw; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202211_bg_002.png"); background-repeat: no-repeat; background-size: contain; width: 100%; height: 22.3958333333vw; left: 0; top: 0; z-index: 0; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01:after { position: absolute; content: ""; background-image: url("../image/catchteenieping_202211_bg_002.png"); background-repeat: no-repeat; background-size: contain; width: 100%; height: 22.3958333333vw; left: 0; bottom: 0; z-index: 0; transform: rotate(180deg); } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul { position: relative; z-index: 2; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li { position: relative; padding-bottom: 5.859375vw; margin-bottom: 5.2083333333vw; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li:before { position: absolute; content: ""; background-image: url("../images/bg_border_01.png"); background-repeat: repeat-x; background-size: contain; width: 100%; height: 3.75vw; left: 0; bottom: 0; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li:last-child { padding-bottom: 0; margin-bottom: 0; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li:last-child:before { display: none; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li .question { margin-bottom: 3.2552083333vw; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li .question h3 { text-align: justify; font-weight: 900; color: var(--main-color); font-size: 3.90625vw; position: relative; padding-left: 7.8125vw; margin-bottom: 1.953125vw; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li .question h3::before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202211_q.png"); background-repeat: no-repeat; background-size: contain; width: 7.8125vw; height: 6.5104166667vw; left: 0; top: -1.0416666667vw; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li .answer { width: 100%; margin: 0 auto; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li .answer .answer_txt01 { position: relative; font-size: 3.125vw; color: #00a2e3; text-align: justify; font-weight: 500; line-height: 1.88; padding-left: 8.4635416667vw; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li .answer .answer_txt01:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202211_txt_a.png"); background-repeat: no-repeat; background-size: contain; width: 7.8125vw; height: 5.2083333333vw; left: 0; top: -1.0416666667vw; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li .answer .answer_imgbox { margin-top: 1.953125vw; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li .answer .answer_imgbox img { display: block; margin-bottom: 1.3020833333vw; } #catchteenieping #subpage .subpage_contents_wrp .faq .box01 ul li .answer .answer_imgbox img:last-child { margin-bottom: 0; } /* ------------------------------------------------------------ */ /* 下層ページ: character */ /* ------------------------------------------------------------ */ #catchteenieping .character .btn_wrp02 { background-image: url("../images/bg_btn_wrp02_charcter.png") !important; } #catchteenieping .character .character_htxt_wrp { margin-top: 13.0208333333vw; } #catchteenieping .character .character_htxt_wrp.character_htxt_wrp_02 { margin-top: 16.9270833333vw; } #catchteenieping .character .character_htxt_wrp.character_htxt_wrp_02 h2 img { width: 100% !important; position: relative; } #catchteenieping .character .character_htxt_wrp p { font-size: 3.6458333333vw; color: #8b027d; font-weight: 900 !important; line-height: 1.55; letter-spacing: 0.44px; text-align: center !important; margin-top: 3.2552083333vw; } #catchteenieping .character .character_htxt { position: relative; } #catchteenieping .character .character_htxt img { height: auto !important; width: 100% !important; } #catchteenieping .character .character_btn { display: flex; justify-content: center; flex-wrap: wrap; align-items: flex-end; padding-top: 3.90625vw; } #catchteenieping .character .character_btn a { display: inline-block; width: 80%; margin-bottom: 5.2083333333vw; } #catchteenieping .character .character_btn a:first-child { margin-bottom: 3.90625vw; } #catchteenieping .character .character_btn a:nth-child(2) { margin-top: -3.90625vw; margin-bottom: 2.6041666667vw; } #catchteenieping .character .character_btn a:nth-child(4) { margin-top: -3.90625vw; margin-bottom: 2.6041666667vw; } #catchteenieping .character .character_btn a img { transition: 0.3s; } #catchteenieping .character .character_btn a img { vertical-align: bottom; } #catchteenieping .character .character_btn .cb_last { margin-top: -3.2552083333vw; } #catchteenieping .character .character_btn .cb_last02 { margin-top: 1.953125vw !important; } #catchteenieping .character .character_btn .cb_last03 { margin-top: 2.6041666667vw !important; } #catchteenieping .character .character_btn_02 { margin-bottom: -5.2083333333vw; } #catchteenieping .character .character_btn_03 { margin-top: 10.4166666667vw; } #catchteenieping #subpage.page-character .character_btn a:nth-child(1) , #catchteenieping #subpage.page-royalteenieping .character_btn a:nth-child(2), #catchteenieping #subpage.page-jewelteenieping .character_btn a:nth-child(3), #catchteenieping #subpage.page-harmonytown .character_btn a:nth-child(4) { position: relative; } #catchteenieping #subpage.page-character .character_btn a:nth-child(1):before, #catchteenieping #subpage.page-royalteenieping .character_btn a:nth-child(2):before, #catchteenieping #subpage.page-jewelteenieping .character_btn a:nth-child(3):before, #catchteenieping #subpage.page-harmonytown .character_btn a:nth-child(4):before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202211_heart.png"); width: 26px; height: 25px; background-size: contain; background-repeat: no-repeat; left: 50%; transform: translateX(-50%); top: 6.09375vw; z-index: 4; } #catchteenieping #subpage.page-character .character_btn a:nth-child(1):before { top: 7.9375vw!important; } #catchteenieping #subpage.page-jewelteenieping .character_btn a:nth-child(3):before { top: 5.69375vw!important; } #catchteenieping #subpage.page-harmonytown .character_btn a:nth-child(4):before { top: 9.99375vw!important; } #catchteenieping .character .subpage_contents_wrp { background-image: url("../images/bg_contents_wrp_character.png") !important; } #catchteenieping .character .subpage_contents_wrp .main_contents { padding-top: 0 !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list { margin-top: -5.2083333333vw !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list.character_list_02 { margin-top: 6.5104166667vw !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li { width: 100%; border-radius: 10.4166666667vw; background-image: linear-gradient(to bottom, rgb(228, 238, 255), #f1e8ec); filter: drop-shadow(0px 0px 7px rgba(226, 152, 208, 0.5)); margin-bottom: 7.8125vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li * { line-height: 1.67; letter-spacing: 0.078125vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li:last-child { margin-bottom: 0; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li h2 { margin-bottom: 0 !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li .inner { width: 100%; height: 100%; border-radius: 10.4166666667vw; padding: 6.5104166667vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt01 .inner { background-image: url("../image/catchteenieping_202212_bg_character_02.png"); background-repeat: no-repeat; background-size: 200% auto; background-position: center top; position: relative; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt01 .inner:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202212_deco_romi.png"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 100%; height: 17.8385416667vw; left: 50%; bottom: 1.3020833333vw; transform: translateX(-50%); z-index: -1; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt01 .inner h2 img { width: auto !important; height: 13.0208333333vw !important; max-width: 100% !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt01 .inner .chara_img01 { text-align: center !important; margin-bottom: 5.2083333333vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt01 .inner .chara_img01 img { width: 60%; margin: 0 auto; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt01 .inner .pt01_box01 { width: 100%; margin-left: auto; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt01 .inner .pt01_box01 .txt01 { position: relative; z-index: 10; margin-top: 1.953125vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt01 .inner .pt01_box01 .txt01 img { width: auto !important; height: 6.5104166667vw !important; max-width: 100% !important; margin: 0 auto; display: block; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt01 .inner .pt01_box01 .txt02 { font-size: 3.6458333333vw; color: var(--main-color); line-height: 1.67; letter-spacing: 0.078125vw; font-weight: 500; margin-top: 4.5572916667vw; } .c-character-data th { font-weight: bold!important; } .c-character-data th:before { content: url(../images/icon_heart.png); display: inline-block; height: 18px; padding-right: .6em; vertical-align: text-top; width: 24px; } .c-character-data { color: var(--main-color); margin: 1em 0px; width: 100%; } .c-character-data th, .c-character-data td { padding: 0; } .c-character-data th { font-weight: bold!important; color: var(--main-color); position: relative; font-size: 18px; white-space: nowrap; padding-left: 6.7708333333vw; padding-right: 3.2552083333vw; } .c-character-data th:before { background: url("../images/icon_heart.png"); position: absolute; content: ""; background-repeat: no-repeat; background-size: contain; width: 5.2083333333vw; height: 4.1666666667vw; left: 0; top: 1.3020833333vw; } .c-character-data th.is-jewelry:before { background-image: url("../images/icon_jewelry.png")!important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02 .inner { background-repeat: no-repeat; background-size: 200% auto; background-position: center top; position: relative; padding-top: 9.375w; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02 .inner:after { position: absolute; content: ""; background-image: url("../image/catchteenieping_202212_deco_teenieping.png"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 100%; height: 21.875vw; left: 50%; bottom: 0.6510416667vw; transform: translateX(-50%); z-index: -1; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02 .inner .txtbox01 h2 { position: relative; z-index: 15; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02 .inner .txtbox01 h2 img { width: auto !important; height: 13.0208333333vw !important; max-width: 100% !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02 .inner .txtbox01 .txt01 { position: relative; z-index: 10; margin-top: 1.953125vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02 .inner .txtbox01 .txt01 img { width: auto !important; height: 6.5104166667vw !important; max-width: 100% !important; margin: 0 auto; display: block; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02 .inner .txt02 { color: var(--main-color); font-size: 3.6458333333vw; font-weight: 500; margin-top: 3.90625vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02 .inner .img01 { margin-top: 7.1614583333vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02 .inner .imgbox01 { position: relative; z-index: 2; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02 .inner .imgbox01 table { width: 100%; margin-top: 6.5104166667vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02 .inner .imgbox01_box02 { position: relative; z-index: 10; text-align: center; margin-bottom: 5.2083333333vw; text-align: center !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li .inner { background-image: url("../image/catchteenieping_202212_bg_tphouse_02.png"); } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02_01 .inner .imgbox01_box02 img { width: 90%; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02_02 .inner .imgbox01_box02 img { width: 65%; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02_03 .inner .imgbox01_box02 img { width: 70%; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02_04 .inner .imgbox01_box02 img { width: 85%; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02_05 .inner .imgbox01_box02 img { width: 73%; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt02_06 .inner .imgbox01_box02 img { width: 80%; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner { background-image: url("../image/catchteenieping_202302_bg_princess_sp.png"); background-repeat: repeat; background-size: cover; position: relative; overflow: hidden; padding-bottom: 97.65625vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202302_deco_teenieping.png"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 100%; height: 21.875vw; left: 50%; bottom: 1.953125vw; transform: translateX(-50%); z-index: 0; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_teenieping { position: absolute; right: 2.6041666667vw; bottom: 55.9895833333vw; z-index: 3; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_teenieping img { width: 39.0625vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_princess { position: absolute; left: 3.90625vw; bottom: 0; z-index: 4; text-align: center !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_princess img { height: 104.1666666667vw; width: auto !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_princess_txt { position: absolute; right: 0px; bottom: 13.0208333333vw; z-index: 5; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_princess_txt img { width: auto; height: 29.9479166667vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_box01 .pt03_box01_img01 img { height: 13.671875vw; width: auto; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner h2 { text-align: center !important; margin-top: 1.3020833333vw; position: relative; z-index: 3; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner h2 div { display: inline-block; position: relative; z-index: 1; padding-top: 1.3020833333vw; padding-left: 2.6041666667vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner h2 div img:first-child { height: 20.8333333333vw !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner h2 div .pt03_h2_deco01 { position: absolute; left: -1.3020833333vw; top: 0; z-index: -1; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner h2 div .pt03_h2_deco01 img { height: auto !important; width: 14.9739583333vw !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner h2 div .pt03_h2_deco02 { position: absolute; left: 51.4322916667vw; top: 17.578125vw; z-index: 2; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner h2 div .pt03_h2_deco02 img { height: auto !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_box02 { position: relative; margin-top: 3.90625vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_box02:before { position: absolute; width: 100vw; content: ""; height: 6px; background-color: rgba(255, 255, 255, 0.6); left: 50%; top: -8px; transform: translateX(-50%); z-index: 1; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_box02:after { position: absolute; width: 100vw; content: ""; height: 6px; background-color: rgba(255, 255, 255, 0.6); left: 50%; bottom: -8px; transform: translateX(-50%); z-index: 1; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_box02 .pt03_box02_inner { position: relative; z-index: 1; padding: 5.2083333333vw 0; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_box02 .pt03_box02_inner:before { position: absolute; width: 100vw; content: ""; height: 100%; background-color: rgba(255, 255, 255, 0.6); left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: -1; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03 .inner .pt03_box02 .pt03_box02_inner p { font-size: 3.6458333333vw; font-weight: 500; line-height: 1.67; letter-spacing: 0.36px; color: var(--main-color); width: 100%; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03_01 .pt03_h2_deco02 img { width: 11.71875vw !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03_02 .pt03_princess { left: 3.90625vw !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03_02 .pt03_h2_deco02 { top: 19.53125vw !important; left: 55.3385416667vw !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03_02 .pt03_h2_deco02 img { width: 14.3229166667vw !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03_03 .pt03_princess { left: -2.90625vw !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03_03 .pt03_princess_txt { bottom: 7.8125vw !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03_03 .pt03_h2_deco02 { left: 47.5260416667vw !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03_03 .pt03_h2_deco02 img { width: 11.71875vw !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03_04 .pt03_princess { left: 1.953125vw !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03_04 .pt03_princess_txt { bottom: 27.34375vw !important; right: -6.5104166667vw !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03_04 .pt03_h2_deco02 { top: 16.2760416667vw !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt03_04 .pt03_h2_deco02 img { width: 10.4166666667vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt04 .inner { position: relative; background-image: url("../images/character/bg_harmonytown_sp.jpg"); background-repeat: repeat; background-size: cover; padding-top: 5.2083333333vw; display: flex; align-items: flex-end; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt04 .inner .pt04_box01 { position: absolute; left: 3.90625vw; bottom: 0; width: 45.5729166667vw; text-align: center !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt04 .inner .pt04_box01 img { width: auto !important; height: 43.6197916667vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt04 .inner .pt04_box02 { width: 100%; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt04 .inner .pt04_box02 div p { text-align: left !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt04 .inner .pt04_box02 div p:first-child img { width: auto; height: 16.9270833333vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt04 .inner .pt04_box02 div p:last-child { padding-left: 7.8125vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt04 .inner .pt04_box02 div p:last-child img { width: auto; height: 6.5104166667vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt04 .inner .pt04_box02 .pt04_box02_txt01 { color: var(--main-color); font-size: 3.6458333333vw; line-height: 1.67; min-height: 41.6666666667vw; width: 36.4583333333vw; margin-left: auto; letter-spacing: -0.0004rem; display: flex; align-items: flex-end; position: relative; z-index: 10; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt04 .inner .pt04_box02 .pt04_box02_txt01 p { color: var(--main-color); padding-left: 0!important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt04_eden .pt04_box01 { left: 0vw !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 { width: 100%; border-radius: 9.1145833333vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner { background-image: url("../image/catchteenieping_202302_bg_character_normal.png"); background-repeat: no-repeat; background-size: cover; padding: 1.3020833333vw 5.2083333333vw 4.5572916667vw 5.2083333333vw !important; border-radius: 9.1145833333vw; height: 100%; position: relative; z-index: 1; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202302_deco_teenieping02.png"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 100%; height: 25.78125vw; left: 50%; bottom: 2.8645833333vw; transform: translateX(-50%); z-index: -1; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner .pt05_box01 { text-align: center !important; margin-bottom: -1.953125vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner .pt05_box01 img { max-width: 320px; width: 80%; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner .pt05_box02 .pt05_box02_box01 { display: flex; align-items: flex-end; margin-left: -3.2552083333vw; position: relative; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner .pt05_box02 .pt05_box02_box01:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202302_deco_dotline.png"); background-size: contain; background-repeat: no-repeat; width: 1.6927083333vw; height: 21.2239583333vw; left: 5.2083333333vw; top: 13.4114583333vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner .pt05_box02 .pt05_box02_box01 p:first-child { margin-right: 1.953125vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner .pt05_box02 .pt05_box02_box01 p:first-child img { width: auto; height: 13.0208333333vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner .pt05_box02 .pt05_box02_box01 p:nth-child(2) img { width: auto; height: 7.1614583333vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner .pt05_box02 .pt04_box02_txt01 { color: var(--main-color); font-size: 3.90625vw; letter-spacing: 0.0651041667vw; line-height: 1.67; padding-top: 3.6458333333vw; padding-left: 7.8125vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner .pt05_box03 { margin-top: 5.2083333333vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner .pt05_box03 table tr { font-size: 3.90625vw; color: var(--main-color); } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner .pt05_box03 table tr th { font-weight: 900 !important; position: relative; padding-left: 5.2083333333vw; padding-right: 3.125vw; white-space: nowrap; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.pt05 .inner .pt05_box03 table tr th:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202212_icon_heart.png"); background-size: contain; background-repeat: no-repeat; width: 4.0364583333vw; height: 3.125vw; top: 1.953125vw; left: 0; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping { width: 100%; border-radius: 9.1145833333vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner { background-image: url("../images/character/bg_jewelteenieping.png"); background-repeat: no-repeat; background-size: cover; padding: 4.5572916667vw 5.2083333333vw 4.5572916667vw 5.2083333333vw !important; border-radius: 9.1145833333vw; height: 100%; position: relative; z-index: 1; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202302_deco_teenieping02.png"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 100%; height: 25.78125vw; left: 50%; bottom: 2.8645833333vw; transform: translateX(-50%); z-index: -1; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner .pt05_box01 { text-align: center !important; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner .pt05_box01 img { max-width: 320px; width: 80%; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner .pt05_box02 .pt05_box02_box01 { display: flex; align-items: flex-end; margin-left: -3.2552083333vw; position: relative; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner .pt05_box02 .pt05_box02_box01:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202302_deco_dotline.png"); background-size: contain; background-repeat: no-repeat; width: 1.6927083333vw; height: 21.2239583333vw; left: 5.2083333333vw; top: 13.4114583333vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner .pt05_box02 .pt05_box02_box01 p:first-child { margin-right: 1.953125vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner .pt05_box02 .pt05_box02_box01 p:first-child img { width: auto; height: 13.0208333333vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner .pt05_box02 .pt05_box02_box01 p:nth-child(2) img { width: auto; height: 7.1614583333vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner .pt05_box02 .pt04_box02_txt01 { color: var(--main-color); font-size: 3.90625vw; letter-spacing: 0.0651041667vw; line-height: 1.67; padding-top: 3.6458333333vw; padding-left: 7.8125vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner .pt05_box03 { margin-top: 5.2083333333vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner .pt05_box03 table tr { font-size: 3.90625vw; color: var(--main-color); } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner .pt05_box03 table tr th { font-weight: 900 !important; position: relative; padding-left: 5.2083333333vw; padding-right: 3.125vw; white-space: nowrap; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_list li.jewelteenieping .inner .pt05_box03 table tr th:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202212_icon_heart.png"); background-size: contain; background-repeat: no-repeat; width: 4.0364583333vw; height: 3.125vw; top: 1.953125vw; left: 0; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_box01 { position: relative; background-image: url("../image/catchteenieping_202212_flame_royal_b.png"); background-repeat: repeat-y; background-size: 100% auto; margin-top: 23.4375vw; margin-bottom: 15.625vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_box01:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202212_flame_royal_a.png"); background-repeat: no-repeat; background-position: top center; background-size: 100% auto; width: 100%; height: 7.8125vw; left: 0; top: -7.8125vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_box01:after { position: absolute; content: ""; background-image: url("../image/catchteenieping_202212_flame_royal_c.png"); background-repeat: no-repeat; background-position: bottom center; background-size: 100% auto; width: 100%; height: 7.8125vw; left: 0; bottom: -7.8125vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_box01 h3 { position: absolute; left: 50%; transform: translateX(-50%); top: -13.671875vw; width: 90%; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_box01 .character_box01_inner img { display: block; margin: 0 auto; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_box01 .character_box01_inner .img01 { text-align: center !important; padding-top: 3.90625vw; padding-bottom: 2.6041666667vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_box01 .character_box01_inner .img01 img { width: 90%; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_box01 .character_box01_inner .img02 { position: relative; padding-bottom: 6.5104166667vw; margin-bottom: 2.6041666667vw; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_box01 .character_box01_inner .img02:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202212_border_02.png"); background-repeat: no-repeat; background-size: contain; width: 90%; height: 3.90625vw; left: 50%; transform: translateX(-50%); bottom: 0; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_box01 .character_box01_inner .img02 img { width: 90%; } #catchteenieping .character .subpage_contents_wrp .main_contents .character_box01 .character_box01_inner .txt01 { width: 90%; margin: 0 auto; color: var(--main-color); font-size: 3.6458333333vw; } /* ------------------------------------------------------------ */ /* 下層ページ: onair /* ------------------------------------------------------------ */ #catchteenieping .onair .btn_wrp02 ul li .active:before { background-image: url("../image/catchteenieping_202302_heart_3.png") !important; } #catchteenieping .onair .onair_contents_box01 h2 { text-align: center; margin-bottom: 0px !important; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp { box-shadow: 0 0 7px 3px rgba(204, 97, 143, 0.3); background-image: linear-gradient(45deg, rgb(249, 247, 223), #ebe3f5); border-radius: 2.6041666667vw; overflow: hidden; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 { position: relative; background-image: url("../image/catchteenieping_202302_dot.png"); padding: 5.2083333333vw 0; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01:before { position: absolute; content: ""; background-image: url("../images/bg_border_dotted_edb2cc.png"); background-repeat: repeat-x; width: 100%; height: 2.6041666667vw; background-size: auto; left: 0; top: 5.2083333333vw; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01:after { position: absolute; content: ""; background-image: url("../images/bg_border_dotted_edb2cc.png"); background-repeat: repeat-x; width: 100%; height: 2.6041666667vw; background-size: auto; left: 0; bottom: 5.2083333333vw; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li { padding: 3.90625vw 9.1145833333vw 6.1197916667vw; position: relative; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li:first-child { padding-top: 6.1197916667vw; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li:last-child:before { display: none; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li:before { position: absolute; content: ""; background-image: url("../images/bg_border_dotted_edb2cc.png"); background-repeat: repeat-x; width: 100%; height: 2.6041666667vw; background-size: auto; left: 0; bottom: 0; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li .onair_list01_box01 .onair_list01_box01_col01 h3 { font-size: 4.4270833333vw; letter-spacing: 0.1302083333vw; color: var(--main-color); font-weight: 900 !important; position: relative; padding-left: 8.59375vw; margin-bottom: 2.6041666667vw; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li .onair_list01_box01 .onair_list01_box01_col01 h3:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202302_icon_sche.png"); background-size: contain; background-repeat: no-repeat; width: 7.1614583333vw; height: 6.25vw; left: 0; top: 0.2604166667vw; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li .onair_list01_box01 .onair_list01_box01_col01 h3 a { font-size: 4.4270833333vw; letter-spacing: 0.1302083333vw; color: var(--main-color); font-weight: 900 !important; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li .onair_list01_box01 .onair_list01_box01_col01 .onair_list01_box01_txt01, #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li .onair_list01_box01 .onair_list01_box01_col01 .onair_list01_box01_txt02 { font-size: 3.3854166667vw; color: #00a2e3; line-height: 1.67; margin-bottom: 1.0416666667vw; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li .onair_list01_box01 .onair_list01_box01_col01 .onair_list01_box01_txtbox .onair_list01_box01_txt02 { position: relative; padding-left: 1.1em; margin-right: 3.90625vw; } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li .onair_list01_box01 .onair_list01_box01_col01 .onair_list01_box01_txtbox .onair_list01_box01_txt02:before { position: absolute; content: "●"; left: 0; top: 0; color: var(--main-color); } #catchteenieping .onair .onair_contents_box01 .onair_list01_wrp .onair_list01 li .btn_box01 { text-align: center !important; margin-top: 1.8229166667vw !important; } #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp { box-shadow: 0 0 7px 3px rgba(204, 97, 143, 0.3); background-image: linear-gradient(45deg, rgb(249, 247, 223), #ebe3f5); border-radius: 2.6041666667vw; overflow: hidden; padding: 1.3020833333vw; position: relative; z-index: 1; } #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp + .onair_list02_wrp { margin-top: 2em; } #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp:before { position: absolute; content: ""; width: 100%; height: 100%; background-image: url("../image/catchteenieping_202302_dot.png"); left: 0; top: 0; z-index: -1; } #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp .onair_list02 { border: 1px dotted var(--main-color); border-radius: 1.3020833333vw; padding: 6.5104166667vw 7.1614583333vw; } #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp .onair_list02 ul li { background-color: #fdfcec; border-radius: 2.6041666667vw; overflow: hidden; box-shadow: 0 0 7px 3px rgba(204, 97, 143, 0.3); padding: 3.90625vw 6.5104166667vw; margin-bottom: 3.90625vw; position: relative; padding-bottom: 15.625vw; } #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp .onair_list02 ul li:last-child { margin-bottom: 0; } #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp .onair_list02 ul li .onair_list02_col01 { width: 100%; margin-bottom: 3.90625vw; } #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp .onair_list02 ul li .onair_list02_col01 h2 { color: var(--main-color); font-size: 4.4270833333vw; font-weight: 900 !important; text-align: left !important; position: relative; padding-bottom: 1.5625vw; margin-bottom: 1.953125vw !important; } #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp .onair_list02 ul li .onair_list02_col01 h2:before { position: absolute; content: ""; background-image: url("../image/catchteenieping_202302_line.png"); width: 100%; height: 1.3020833333vw; background-size: auto 1.3020833333vw; background-repeat: repeat-x; bottom: 0; left: 0; } #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp .onair_list02 ul li .onair_list02_col01 .onair_list02_col01_txt01 { font-size: 3.125vw; line-height: 1.67; letter-spacing: 0.1302083333vw; color: #00a2e3; } #catchteenieping .onair .onair_contents_box01 .onair_list02_wrp .onair_list02 ul li .onair_list02_col01 .onair_list02_col01_btnbox { text-align: center !important; margin-top: 3.90625vw; position: absolute; left: 50%; transform: translateX(-50%); bottom: 3.90625vw; } #catchteenieping .onair .onair_list01_box02 { margin-bottom: 3.90625vw; } #catchteenieping .onair .onair_list01_box02 .onair_list01_box01_col02 { text-align: center !important; margin-top: 1.953125vw; } #catchteenieping .onair .onair_list01_box02 .onair_list01_box01_col02 img { max-height: 80px; width: auto; max-width: 100%; } #catchteenieping .onair .onair_list01_box03 .onair_list01_box01_col02 { text-align: center !important; } #catchteenieping .onair .onair_list01_box03 .onair_list01_box01_col02 .onair_list02_col01_btnbox { text-align: center !important; margin-top: 2.6041666667vw; } #catchteenieping .onair .onair_list02_col02 { text-align: center !important; } #catchteenieping .onair .onair_list02_col02 img { max-height: 80px; width: auto; max-width: 100%; } #catchteenieping .onair .btn_wrp02 { background-image: url("../images/bg_btn_wrp02_onair.png") !important; } #catchteenieping #subpage .character_visual {} #catchteenieping #subpage .character_visual .character_visual_inner { text-align: center; width: 100%; margin: 0 auto; position: relative; } #catchteenieping #subpage .character_visual .character_visual_inner:after { content: ""; display: block; background-image: url("../images/bg_border_01.png"); width: 100%; height: 4.5572916667vw; background-size: contain; background-repeat: repeat-x; background-position: left center; bottom: 0; z-index: 10; } #catchteenieping #subpage .character_visual .character_visual_inner .main_img { padding-bottom: 3.2552083333vw; position: relative; text-align: center; } #catchteenieping #subpage .character_visual .character_visual_inner .main_img img { display: block; margin: 0 auto; } #catchteenieping #subpage .character_visual .character_visual_inner .main_img .img01 { position: relative; } #catchteenieping #subpage .character_visual .character_visual_inner .main_img .lead { text-align: center !important; margin-top: -2.6041666667vw; } #catchteenieping #subpage .character_visual .character_visual_inner .main_img .lead img { width: 100%; transform: scale(1); } #catchteenieping #subpage .character_visual .character_visual_inner .main_img .lead img:nth-child(2) { position: relative; top: -2.6041666667vw; width: 93%; } #catchteenieping .onair .subpage_contents_wrp { background-image: url("../images/bg_contents_wrp_onair.png") !important; } #catchteenieping .onair .onair_bottom { display: flex; justify-content: center; align-items: flex-end; background-image: url("../image/catchteenieping_202302_deco_about.png"); background-repeat: no-repeat; background-size: contain; background-position: top center; width: 100%; margin: 0 auto; padding-top: 7.1614583333vw; margin-top: 5.2083333333vw; } #catchteenieping .onair .onair_bottom p { margin: 0 1.3020833333vw; } #catchteenieping .onair .onair_bottom p:first-child img { position: relative; top: 1.3020833333vw; } } .c-series_image { display: flex; justify-content: center; margin: 2em auto 2em; } @media print, screen and (max-width: 767px) { .c-series_image { width: 194px; margin: 2em auto 2em; } } .c-header-lv2 {} .c-lead-lv2 { color: var(--main-color); font-size: 22px; font-weight: 900; text-align: center!important; } .c-image-align-center { text-align: center!important; } .c-header-lv2 .c-image-align-center { margin-top: 2em; } .p-sns { display: flex; flex-wrap: wrap; gap: 20px 14px; margin: 40px auto 0; max-width: 906px; } .p-sns .btn01:hover img { filter: none!important; } @media print, screen and (max-width: 767px) { .c-lead-lv2 { font-size: 2.8125vw!important; } .p-sns { margin-top: 4.296875vw; } }