@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;
  }
}