@charset "UTF-8";

/*!
Theme Name: KEJIMIN
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら+STARRY
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

:root{
    --color_w:#fff;    
    --color_b:#000;
    --color_gray1:#eeeeee;
    --color_gray2:#333333/*濃*/;
    --color_main1:#ff651e/*オレンジ*/;
    --color_main2:#ff31ac/*ピンク*/;
    --color_main3:#fbb03b/*淡いオレンジ*/;
}


/* Flex ------------------ */

.flexwrap{
 display: -webkit-flex;
 display: flex;
 flex-wrap: wrap;
 -webkit-flex-wrap: wrap;
}
.flexnowrap{
 display: -webkit-flex;
 display: flex;
 flex-wrap: nowrap;
 -webkit-flex-wrap: nowrap;
}
.JCfs{
 justify-content: flex-start;
 -webkit-justify-content: flex-start;
}
.JCfe{
 justify-content: flex-end;
 -webkit-justify-content: flex-end;
}
.JCc{
 justify-content: center;
 -webkit-justify-content: center;
}
.JCsb{
 justify-content: space-between;
 -webkit-justify-content: space-between;
}
.AIc{
    align-items: center;
    -webkit-align-items: center;
}
.AIs{
    align-items: stretch;
    -webkit-align-items: stretch;
}
.AIe{
    align-items: end;
    -webkit-align-items: end;
}
.mt05{
    margin-top: 0.5em;
}
.mt10{
    margin-top: 1em;
}
.mt20{
    margin-top: 2em;
}
.mt30{
    margin-top: 3em;
}
.mb05{
    margin-bottom: 0.5em;
}
.mb10{
    margin-bottom: 1em;
}
.mb20{
    margin-bottom: 2em;
}
.mb30{
    margin-bottom: 3em;
}
.mb50{
    margin-bottom: 5em;
}
.back-b{
    background-color: var(--color_b);
}
.back-w{
    background-color: var(--color_w);
}
.back-main1{
    background-color: var(--color_main1);
}
.color-w,.color-w a{
    color: var(--color_w);
}
.color-b,.color-b a{
    color: var(--color_b);
}
.color-gray2,.color-gray2 a{
    color: var(--color_gray2);
}
.color-main1,.color-main1 a{
    color: var(--color_main1);
}
.color-main2,.color-main2 a{
    color: var(--color_main2);
}
.color-main3,.color-main3 a{
    color: var(--color_main3);
}
.font-en{
font-family: "gill-sans-nova", sans-serif;
font-weight: 700;
font-style: normal;
}
.font-noto{
  font-family: "Noto Sans JP", sans-serif; 
}
.pc_only{
    display: block;
  }
.sp_only{
    display: none;
  }
.tab_only{
    display: none;
}
.stry-wrap button{
  padding: 5px 8px;
}
body{
    font-family: "Kanit", sans-serif;
}
a img:hover{
  opacity: 0.7;
  transition: 0.3s;
}
#header-container{
  display: flex;
  flex-direction: column;
  min-height: 100vh;  
}
.footer{
  margin-top: auto !important;
}
.wp-pagenavi{
  width: 100%;
  margin: 2em 0;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current{
  border-color:var(--color_main1) !important;
  border: 3px solid transparent;
  border-radius: 5px;
  color: var(--color_main1);
  background-color: var(--color_main3);
}
.wp-pagenavi a, .wp-pagenavi span{
  border-color:var(--color_main3) !important;
  border: 3px solid var(--color_main3) !important;
  color: var(--color_main1) ;
  padding: 5px 10px !important;
  font-family: "Kanit", sans-serif;
}
.wp-pagenavi a.previouspostslink,.wp-pagenavi a.nextpostslink{
  border: unset !important;
}
.pagination-next{
  display: none;
}
.pagination .current{
  background-color: var(--color_main3);
  border: 3px solid var(--color_main1);
}
.page-numbers{
  border: 1px solid var(--color_main3) !important;
}
.go-to-top-button{
  content: '';
}
.article h4{
  border-top: unset;
  border-bottom: unset;
}
.article h5{
  border-bottom: unset;
}

/* HOME ------------------ */
body{
  background-image: linear-gradient(90deg, #ec7aa4, #f5aa64 24%, #f19284 65%, #ffffff);
}
.post-type-archive-discography{
  background-image: linear-gradient(90deg, #3FB1FF, #C2E4E1 35%, #4E3D95 100%);
}
.post-type-archive-discography #footer{
  background:#3FB1FF;
}
.post-type-archive-shop{
  background-image: linear-gradient(270deg, #2a55ff, #6F59FF 50%, #A46CAB 90% ,#FFFFFF 100%);
}
.post-type-archive-shop #footer{
  background:#3300AE;
  color: #fff;
}
.post-type-archive-shop #footer a{
  color: #fff;
}
/*profile*/
.page-id-353{
  background-image: linear-gradient(270deg, #80FFE7, #D1F9C2 33%,#D1F9C2 80%,#FFFFFF 100%);
}
.page-id-353 #footer{
  background:#CCFF98;
}
/* entry */
.page-id-11{
  background-image: linear-gradient(90deg, #51b6e0 44%, #c8e5f1);
}

/* login */
.page-id-33,.page-id-34,.page-id-35,.page-id-36{
  background-image: linear-gradient(270deg, #F09BBF, #FFB87F 50%,#F09BBF 90%, #ffffff);
}
/* FC */
.page-id-347,
.single-photo,.single-movie,
.page-template-archive-photo,.page-template-archive-movie{
  background-image: linear-gradient(270deg, #ff7fed, #de7fff 47%, #CD87F8 70% ,#FFFFFF);
}
.header-container, .main, .sidebar,.navi{
  background-color: transparent !important;
}
#navArea .logo1,
#header .logo1{
  font-size: 3.5rem;
  color: var(--color_main2);
}
#navArea .logo2,
#header .logo2{
  font-size: 2.5rem;
  color: var(--color_main1);
}
#navArea .logo3,
#header .logo3{
  font-size: 2.5rem;
  color: var(--color_main3);
}
.header-container-in.hlt-top-menu{
  display: block;
  z-index: 100;
}
#navArea h1,
#header h1{
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  font-style: italic;
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff;
  paint-order: stroke;
}
#header h1{
  text-align: left !important;
    line-height: 1;
    margin-top: 0.5em;
    margin-bottom: 0;
  }
#navArea h1 a,#header h1 a{
  text-decoration: none;
}
#navArea h1{
  width: 100%;
  text-align: center;
  margin: 2em 0;
}
.navi-in > ul{
  justify-content: flex-start;
  -webkit-justify-content: flex-start;  
}
.navi-in > ul li{
  text-align: left;
  width: auto;
  margin-right: 2em;
}
.navi-in > ul li a{
  font-family: "gill-sans-nova", sans-serif;
  font-weight: 700;
  font-style: normal;  
  color: var(--color_w);
  font-size: 1.5rem;
}
.navi-in > ul li:hover a{
  color: var(--color_main2);
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff;
  paint-order: stroke;
  transition: 0.3s;  
  background-color: unset;
  padding-left: 10psx;
}
#navArea nav .inner ul.sub-menu li{
  padding-left: 10px;
}
#navArea nav .inner ul.sub-menu li:hover a{
  color: #6700df;
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff;
  paint-order: stroke;
  transition: 0.3s;  
  padding: 0 0 0 10px;
}
.navi-in > ul li .item-description{
  display: none;
}
#navArea nav .inner ul li:hover a{
  color: var(--color_main2);
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff;
  paint-order: stroke;
  transition: 0.3s;  
  padding-left: 10px;
}
.dashicons-cart{
  display: none;
}
.wrap{
  width: 95%;
  max-width: 1600px;
}
.page main h1{
  font-size: 3rem;
  color: var(--color_main2);
}
.page.logged-in main h1{
  color: var(--color_w);
}
.page .entry-content{
  background-color: #ffffff;
  border: 10px solid #60bced;
  border-radius: 15px;
  padding: 2em;  
}
.page .entry-info{
  background-color: #cbe9f4;
  border: 10px solid #60bced;
  border-radius: 15px;
  padding: 2em;  
}
.page .entry-info h2{
  color: #60bced;
  background-color: unset;
  font-family: "Mochiy Pop One", sans-serif;
  font-size: 2.4rem;
  margin: 0;
  padding: 0 0 0.5em;
}
.page .entry-info .service{
  font-weight: 800;
  font-size: 1.1rem;
}
.page .entry-info .entry-box1{
  width: calc(50% - 30px);
  margin: 0 15px;
}
.page .entry-info .entry-box1 h3{
  width: 90%;
  margin: 1em auto;
  background-color: #60bced;
  border-radius: 10px;
  padding: 0.5em;
  color: #fff;
  border: unset;
  text-align: center;
}
.page .entry-info .entry-box1 .thum{
  max-width:350px;
  width: 90%;
  margin: auto;
  text-align: center;
}
.page .entry-info .entry-box1 p{
  font-size: 0.8rem;
  margin: 0.5em 0;
}
.page .entry-info .entry-box2{
  margin: 0 20px;
  width: calc(50% - 120px);
}
.page .entry-info .entry-box2 img{
  margin: 10px;
  width: calc((100% - 60px)/3);
}

/* TOP背景YouTube　---------------- */
#youtube-area{
  width: 95%;
  margin: auto;
}
iframe#youtube {
    aspect-ratio: 16 / 9;        
    width: 100%;
    height: auto;
    border-radius: 15px;
}
/*youtubeがクリックされないためのマスク*/
#youtube-mask{
    position: absolute;
    z-index: 2;/*下から2番目に表示*/
    top:0;
    margin: auto;
    height: 100vh;
}
.top-news-f{
  margin: 1em auto 3em;
  background-color: #ffaadf;
  border: 10px solid #ff10e4;
  border-radius: 15px;
  padding: 20px;
}
.top-news-f h2{
  font-size: 2rem;
  color: #ff10e4;
  margin: 0 0 0.3em;
}
.top-news-f  .more{
  width: 100%;
  text-align: right;
}
.top-news-f  .more a{
  color: var(--color_w);
}
.top-news-f .news-box{
  width: 100%;
  margin-bottom: 1em;
}
.top-news-f div:last-of-type{
  margin-bottom: 0;
}
.top-news-f .news-box .day{
  width: 120px;
  font-family: "Kanit", sans-serif;
}
.top-news-f .news-box h3{
  width: calc(100% - 120px);
}
.top-news-f .news-box h3 a{
  color: var(--color_gray2);
}
.top-news-f .news-box h3:hover a{
  color: var(--color_main2);
  transition: 0.3s;
  text-decoration: none;
}
.top-sns-f{
  width: 100%;
  margin: 2em 0;
}
.top-sns-f a{
  width: calc((100% - 90px)/3);
  border-radius: 15px;
}
.top-sns-f .youtube,.top-sns-f .tiktok,.top-sns-f .insta{
  position: relative;
}
.top-sns-f .youtube{
  border: 10px solid #e51674;
  background-color: #ed82b1;
  border-radius: 15px;
}
.top-sns-f .youtube:hover::before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(229, 22, 116, 0.67);  
  mix-blend-mode: color;
  transition: 0.3s;
}
.top-sns-f .youtube:hover .icon,
.top-sns-f .youtube:hover .pattern{
  display: none;
  transition: 0.3s;
}
.top-sns-f .tiktok{
  border: 10px solid #da53ff;
  background-color: #daa5ff;  
  border-radius: 15px;
}
.top-sns-f .tiktok:hover::before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(218, 83, 255, 0.67);  
  mix-blend-mode: color;
  transition: 0.3s;
}
.top-sns-f .tiktok:hover .icon,
.top-sns-f .tiktok:hover .pattern{
  display: none;
  transition: 0.3s;
}
.top-sns-f .insta{
  border: 10px solid #10ffc0;
  background-color: #bcffc0;
  border-radius: 15px;
}
.top-sns-f .insta:hover::before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(16, 255, 192, 0.67);  
  mix-blend-mode: color;
  transition: 0.3s;
}
.top-sns-f .insta:hover .icon,
.top-sns-f .insta:hover .pattern{
  display: none;
  transition: 0.3s;
}
.top-sns-f a div .pattern{
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.top-sns-f a div .icon{
  position: absolute;
  bottom: 2%;
  right: 2%;
  width: 40%;
  animation: sns-icon 4s linear 0s infinite;
}
@keyframes sns-icon {
  0%   { transform: translate(0%, 0%); }
  5%   { transform: translate(5%, 0%) rotate(5deg); }
  15%  { transform: translate(12%, 0%) rotate(12deg); }
  20%  { transform: translate(-5%, 0%) rotate(-5deg); }
  25%  { transform: translate(-12%, 0%) rotate(-12deg); }
  35%  { transform: translate(0%, 0%) rotate(0deg); }
  100% { transform: translate(0%, 0%) rotate(0deg); }
}
.top-sns-f .insta p,.top-sns-f .youtube p,.top-sns-f .tiktok p{
  width: 100%;
  position: absolute;
  top: 70%;
  left: 50%;
  -ms-transform: translate(-50%, -70%);
  -webkit-transform: translate(-50%, -70%);
  transform: translate(-50%, -70%);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin: 0;
  padding: 0;
  opacity: 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 3rem;
  font-weight: 700;
}
.top-sns-f .insta p,.top-sns-f .youtube p,.top-sns-f .tiktok p{
    margin: 5px 0;
    text-align: center;
}
.top-sns-f .insta:hover p,.top-sns-f .youtube:hover p,.top-sns-f .tiktok:hover p{
  opacity: 1;
}
.top-fanclub{
  background-color: #a294ff;
  border: 10px solid #7300eb;
  border-radius: 15px;
  padding: 0 10px;
  margin-bottom: 1em;
  overflow: hidden;
}
.top-fanclub:hover::before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(115, 0, 235, 0.67);  
  mix-blend-mode: color;
  transition: 0.3s;
  z-index: -1;
}
.top-fanclub-l{
  width: 65%;
  padding: 0 20px;
}
.top-fanclub-l p{
  margin:1em 0;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
  color:#7300eb;
  -webkit-text-fill-color: #a294ff; /* （順序に関係なく）色を上書きする */
  -webkit-text-stroke: 3px #7300eb;
  font-size: 4rem;
}

.top-fanclub-l div{
  background-color: #6159ff;
  padding: 15px;
  border-radius: 20px;
  margin-bottom: 6em;
}
.top-fanclub-r{
  width: 35%;
  position: relative;
}
.top-fanclub-r p{
  opacity: 0;
}
.top-fanclub-r .img{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 80%;
}
.top-fanclub-r .pattern{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 80%;
}
.top-menu{
  margin: 4em 0;
  width: 100%;
}
.top-menu a{
  width: calc((100% - 80px)/2);
  display: block;
}
.top-sns-f .profile,.top-sns-f .disco,.top-sns-f .shop,
.top-menu .profile,.top-menu .disco,.top-menu .shop{
  position: relative;
  border-radius: 15px;
}
.top-sns-f .profile::before, 
.top-menu .profile::before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(200, 68, 147, 0.67); 
  mix-blend-mode: color;
  border-radius: 15px;
}
.top-sns-f .profile img, 
.top-menu .profile img{
  border: 10px solid #c84493;
  border-radius: 15px;
  aspect-ratio: 1 / 1;
}
.top-sns-f .profile p, 
.top-menu .profile p{
  color: #FFFFFF;
  position: absolute;
  top: 2%;
  left: 6%;
  font-size: 3rem;
}
.top-sns-f .disco img,
.top-menu .disco img{
  border: 10px solid #1AE3FF;
  border-radius: 15px;
  aspect-ratio: 1 / 1;
}
.top-sns-f .disco p,
.top-menu .disco p{
  color: #1AE3FF;
  position: absolute;
  bottom: 3%;
  left: 50%;
  transform:translateX(-50%);
  font-size: 3rem;
}
.top-sns-f .profile .more,.top-sns-f .disco .more,
.top-menu .profile .more,.top-menu .disco .more{
  width: 100%;
  position: absolute;
  top: 5%;
  right: 5%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin: 0;
  padding: 0;
  opacity: 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 3rem;
  font-weight: 700;
  text-align: right;
  line-height: 3.5rem;
}
.top-sns-f .profile:hover p,.top-sns-f .disco:hover p,
.top-menu .profile:hover p,.top-menu .disco:hover p{
  opacity: 0;
}
.top-sns-f .profile:hover .more,.top-sns-f .disco:hover .more,
.top-menu .profile:hover .more,.top-menu .disco:hover .more{
  opacity: 1;
}
.top-menu-b{
  width: 60%;
  margin: auto;
}
.top-sns-f .shop,
.top-menu-b .shop{
  border: 10px solid #0F47FE;
  border-radius: 15px;
}
.top-sns-f .shop p,
.top-menu-b .shop p{
  color: rgba(255,255,255,0.7);
  position: absolute;
  top: -1%;
  left: 50%;
  transform:translateX(-50%);
  font-family: "Irish Grover", system-ui;
  font-weight: 400;
  font-style: normal;  
  font-size: 7rem;
}
.top-sns-f .shop,
.top-menu-b .shop{
  background-repeat: no-repeat;
  background-size:cover;
  aspect-ratio: 360 / 449;
}
.top-sns-f .shop::before,
.top-menu-b .shop::before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(15, 71, 254, 0.67);  
  mix-blend-mode: color;
}
.top-sns-f .profile img,.top-sns-f .disco img,.top-sns-f .shop img,
.top-menu .profile img,.top-menu .disco img,.top-menu-b .shop img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.top-sns-f .shop_a,.top-sns-f .shop_b,
.top-menu-b .shop_a,.top-menu-b .shop_b{
  position: absolute;  
}
.top-sns-f .shop_a,
.top-menu-b .shop_a{
  top: -5%;
  right: -5%;
  width: 25% !important;
  height: auto !important;
  animation: korokoro 2.5s linear 0s infinite;
}
@keyframes korokoro {
  0%   { transform: translate(0%, 0%); }
  5%   { transform: translate(10%, 0%) rotate(10deg); }
  25%  { transform: translate(20%, 0%) rotate(20deg); }
  30%  { transform: translate(-10%, 0%) rotate(-10deg); }
  35%  { transform: translate(-15%, 0%) rotate(-15deg); }
  45%  { transform: translate(10%, 0%) rotate(10deg); }
  50%  { transform: translate(15%, 0%) rotate(15deg); }
  60%  { transform: translate(-5%, 0%) rotate(-5deg); }
  65%  { transform: translate(-7%, 0%) rotate(-7deg); }
  75%  { transform: translate(0%, 0%) rotate(0deg); }
  100% { transform: translate(0%, 0%) rotate(0deg); }
}
.top-sns-f .shop_b,
.top-menu-b .shop_b{
  bottom: -5%;
  left: -5%;
  width: 25% !important;
  height: auto !important;
  animation: korokoro_b 1.5s infinite;
}
@keyframes korokoro_b {
    0% {
        transform: rotate(20deg);
    }
    50% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(20deg);
    }
}

/* NEWS ------------------------- */
.single-post h1.news,
.news-f h1{
  color: #ff10e4;
  font-size: 3rem;
  margin-bottom: 0.5em;
}
.news-f a{
  text-decoration: none;
  color: var(--color_gray2);
}
.news-f a .news-box{
  margin-bottom: 1em;
  background-color: #ffaadf;
  border: 5px solid #ff10e4;
  border-radius: 15px;
  padding: 1em 3em;
}
.news-f a .news-box .day{
  font-family: "Kanit", sans-serif;
  width: 120px;
}
.news-f a .news-box:hover{
  background-color: #ffdff3;
  transition: 0.3s;
}
.card-thumb{
  display: none;
}
.a-wrap:hover{
  background-color: unset;
  color: var(--color_main2);
}

/* news-single ------------------------- */
.single-post .entry-content{
  padding: 1em 3em;
  background-color: #ffaadf;
  border: 5px solid #ff10e4;
  border-radius: 15px;
}
.single-post .cat-link{
  background-color: #ff10e4;
}
.sns-share-message{
font-family: "gill-sans-nova", sans-serif;
font-weight: 700;
font-style: normal;
}
.button-caption{
  display: none;
}
.bc-brand-color-white a{
  background-color: transparent;
}

/* PROFILE ------------------------- */
.prof-top{
  padding: 3em;
  background-color: #D2FFBA;
  border: 10px solid #81FF1E;
  border-radius: 15px;
}
.prof1{
  width: 30%;
}
.prof1 h1{
  font-size: 3rem;
  color: #81FF1E;
}
.prof1 h2{
  font-size: 3rem;
  font-family: "Kanit", sans-serif;
}
.prof1 h2 p{
  font-size: 2rem;
  font-weight: normal;
}

.prof2{
  width: 70%;
  padding-left: 1em;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 2.2;
}
.prof-img{
  width: 100%;
  height: 650px;
  text-align: center;
  margin-top: -3%;
  position: relative;
  overflow: hidden;
}
.prof-img1{
  position: absolute;
  top: 18%;
  left: 0;
}
.prof-img2{
  position: absolute;
  top: 0;
  left: 25%;
}
.prof-img3{
  position: absolute;
  top: 25%;
  right: 15%;
}
.prof-img1 img,.prof-img2 img,.prof-img3 img{
  width: 70%;
  height: auto;
} 

.prof-bottom{
  margin-top: -3%;
  padding: 3em;
  background-color: #BAFFD7;
  border: 10px solid #0FFF97;
  border-radius: 15px;
}
.prof3{
  width: 60%;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  line-height: 2.2;
  font-size: 1.2rem;
}
.prof3 h1{
  color: #0FFF97;
  font-size: 3rem;
  margin-bottom: 0.5em;
}
.prof4{
  width: 40%;
}

/* DISCOGRAPHY ------------------------- */
.disco-f{
  width: 100%;
  padding: 2em;
  position: relative;
}
.disco-icon-a{
  position:absolute;
  top: -5%;
  right: -5%;
  height: 150px;
  width: auto;
  animation: disco_a 2s infinite;
}
.disco-icon-b{
  position:absolute;
  bottom: -5%;
  left: 20%;
  height: 150px;
  width: auto;
  animation: korokoro_b 2.5s infinite;
}
@keyframes disco_a {
    0% {
        transform: rotate(-10deg);
    }
    40% {
        transform: rotate(10deg);
    }
    100% {
        transform: rotate(-10deg);
    }
}
@keyframes disco_b {
    0% {
        transform: rotate(10deg);
    }
    40% {
        transform: rotate(-10deg);
    }
    90% {
        transform: rotate(10deg);
    }
}
.disco-f h1{
  color: #1AE3FF;
  font-size: 3rem;
  margin-bottom: 0.5em;
}
.disco-f .l{
  width: 25%;
}
.disco-f .l img{
  width: 100%;
  height: auto;
  border-radius: 15px;
}
.disco-f .r{
  margin: 0 0 0 50px;
  background-color: #BEFDFF;
  border: 10px solid #1AE3FF;
  border-radius: 15px;
  padding: 1em 3em;
  width: calc(75% - 50px);
}
.disco-box{
  margin-bottom: 1em;
}
.disco-box .thum{
  width: 13%;
  margin-right: 15px;
}
.disco-box .text{
  width: calc(87% - 15px);
}
.disco-box .text p{
  padding-left: 15px;
}
.disco-single h2{
  background-color: unset;
  padding: 1em 0 0;
}
.disco-single iframe{
  aspect-ratio: 16 / 9;
  width: 100%;
}

/* EVENT ------------------------- */
.event-f h1{
  color: #f39800;
  font-size: 3rem;
  margin-bottom: 0.5em;
}
.event-f .event-box{
  background-color: #ffd66e;
  border: 10px solid #ffbe03;
  border-radius: 15px;
  padding: 1em 3em;
  margin-bottom: 1em;
}
.event-f .event-box:hover{
  background-color: #ffebb7;
  transition: 0.3s;
}
.event-f .event-box a{
  text-decoration: none;
  display: block;
  color: var(--color_gray2);
}
.single-event .day,
.event-f .event-box .day{
 font-family: "Kanit", sans-serif;
 color: var(--color_gray2);
 font-size: 2rem;
}
.single-event .day span,
.event-f .event-box .day span{
  font-size: 1rem;
}
.top-event-f .cat,
.single-event .cat,
.event-f .event-box .cat{
  width: 80px;
  background-color: var(--color_main1);
  color: var(--color_w);
  text-align: center;
  padding: 2px 0;
  font-size: 0.8rem;
  font-weight: 400;
  margin-right: 1em;
}
.single-event h1.event{
  color: #f39800;
  font-size: 3rem;
  margin-bottom: 0.5em;
}
.single-event .entry-content{
  padding: 1em 3em;
  background-color: #ffd66e;
  border: 10px solid #ffbe03;
  border-radius: 15px;
}
.single-event .entry-content h1{
  margin: 1em 0;
}
/* SHOP ------------------------- */
.page-id-347 h1,
h1.movie,
h1.photo,
.shop-f h1{
  width: 100%;
  text-align: center;
  font-family: "Irish Grover", system-ui;
  font-weight: 400;
  font-style: normal;  
  color: #FFF;
  font-size: 5rem;
  margin-bottom: 0.5sem;
}
.shop-f h1 img{
  padding: 0 1em 1em;
}
.shop-f .shop-box{
  border: 10px solid #0F47FE;
  border-radius: 15px;
  padding: 1em 3em;
  width: calc((100% - 80px)/4);
  margin: 0 1em 1em;
  text-align: center;
}
.shop-f .shop-box h3,.shop-f .shop-box p{
  width: 100%;
  text-align: center;
}
.shop-f .shop-box img{
  aspect-ratio: 1 / 1;
  width: 80%;
  height: auto;
}
.shop-f .shop-box p{
  color: var(--color_w);
  font-size: 0.9rem;
}
.shop-f .shop-box p span{  
  font-size: 0.8rem;
}

/* FC ------------------------- */
.page-id-347 h1{
  color: #AB35FF;
}
.page-id-347 .fanclub{
  background-color: #FFBAF8;
  border: 10px solid #F95FFF;
  border-radius: 15px;
  padding: 1em 2em;  
  width: 100%;
  margin-bottom: 2em;
  font-weight: 600;
}
.page-id-347 .fanclub h2{
  font-family: "Mochiy Pop One", sans-serif;
  font-size: 2rem;
  color: #F95FFF;
  margin: 0.5em 0;
  background-color: unset !important;
  padding: 0;
}
.fc-box{
  background-color: #FFBAF8;
  border: 10px solid #F95FFF;
  border-radius: 15px;
  padding: 1em;  
  margin: 10px;
  width: calc((100% - 80px)/4);
}
.entry-content h1{
  margin: 1em 0;
}
.wp-video{
  margin: 0 auto 1em;
}
.entry-date{
  font-size: 1rem;
  font-family: "Kanit", sans-serif;
}
.photo a{
  text-decoration: none;
  color: var(--color_gray2);
}
.photo a h3{
  margin: 0.5em 0;
}
.photo a p{
  font-size: 0.9rem;
  font-family: "Kanit", sans-serif;
}
.single-photo .entry-content{
  text-align: center;
}
.single-photo .entry-content img{
  aspect-ratio: 1 / 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 300px;
  margin: 10px;
}
.movie img{
  aspect-ratio: 16 / 9;
  object-fit: cover;
  overflow: hidden;
}
/* CARD ---------------- */
.post-350 p{
  margin:0;
}
.membercard-f{
    position: relative;
    max-width: 800px;
    margin: auto;
}
.membercard-f img{
    width: 100%;
    height: auto;
    filter: drop-shadow(4px 0px 4px rgba(0,0,0,0.5));
}
.member-info{
    position: absolute;
    text-align: left;
}
.member-info.number{
    text-align: center;
    bottom: 6%;
    right: 5%;
    font-weight: 600;
    font-size: 2.5rem;
    color: var(--color_main2);
}
.member-info.name{
    font-size: 2rem;
    bottom: 7%;
    left: 20%;
}
.member-info.info-date{
    bottom: 4%;
    right: 5%;
    font-weight: 600;
}
.member-info.info-date span{
    font-size: 80%;
}
.back{

}
/* news-single ------------------------- */
.single-photo .entry-content,
.single-movie .entry-content{
  padding: 1em 3em;
  background-color: #FFBAF8;
  border: 10px solid #F95FFF;
  border-radius: 15px;
}

/* login ------------------------- */
.page-id-36 .article-header h1,
.page-id-35 .article-header h1,
.page-id-33 .article-header h1,
.page-id-34 .article-header h1{
  color: #FF931E;
  width: 100%;
  text-align: center;  
  font-family: "Irish Grover", system-ui;
  font-weight: 400;
  font-style: normal; 
  font-size: 5rem; 
}
.page-id-33 .entry-content{
  background-color:unset;
  border: unset;
}
.stry-loginbox{
  background-color: #ffb065 !important;
  border: 10px solid #fc784a !important;
  border-radius: 15px;  
}
button.stry-login01-button{
  background-color: #ff7bac;
  color: var(--color_w);  
  border: unset;
  border-radius: 15px;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

@media screen and (max-width: 1440px){
.tab_only{
    display: block;
}
.prof-img2{
  left: 30%;
}
.prof-img3{
  right: 0;
}

.top-fanclub-l p{
  margin: 0.5em 0;
  line-height: 1.8;
}
}
/*1024px以下*/
@media screen and (max-width: 1024px){
.top-fanclub-l p{
  -webkit-text-fill-color: #a294ff; /* （順序に関係なく）色を上書きする */
  -webkit-text-stroke: 2px #7300eb;
  font-size: 2.5rem;
  margin: 0.5em 0 0;
}
.top-menu .disco p{
  bottom: 5%;
  font-size: 2rem;
}
.top-menu .shop p{
  top: -4%;
  font-size: 5rem;
}
.prof-img1 img, .prof-img2 img, .prof-img3 img{
  width: 50%;
}
.prof-img{
  height: 400px;
}
.prof-img1{
  left: -15%;
  top: 10%;
}
.prof-img2{
  left: 18%;
  top: 2%;
}
.prof-img3{
  top: 18%;
  right: -10%;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  .navi-in > .menu-header{
    display: flex;
  }

  #navArea nav .inner ul li{
    margin-bottom: 1em;
  }
  .top-fanclub-l p{
    line-height: 1.3;
    margin: 0.5em 0;
  }
  .top-fanclub-l div{
    margin-bottom: 2em;
  }
  .top-fanclub-r .img,.top-fanclub-r .pattern{
  width: 93%;
  }
  .top-menu .profile, .top-menu .disco, .top-menu .shop{
    padding: 0.5em;
  }
  .top-sns-f a{
    width: calc((100% - 30px)/3);
  }
  .top-sns-f .insta p, .top-sns-f .youtube p, .top-sns-f .tiktok p{
    font-size: 2rem;
  }
  .top-menu{
  margin: 2em 0;
    }
  .top-menu a{
    width: calc((100% - 20px)/2);
  }
  .top-sns-f .profile .more, .top-sns-f .disco .more, .top-menu .profile .more, .top-menu .disco .more{
    font-size: 2.5rem;
    line-height: 2.5rem;
    top: 7%;
    right: 10%;
  }
  .top-menu .profile p{
    font-size: 2.5rem;
  }
  .top-menu .disco p{
    font-size: 1.5rem;
  }
  .top-sns-f .shop p, .top-menu-b .shop p{
    top: 0;
    font-size: 3rem;
  }
  .page main h1,.prof1 h2{
    font-size: 2.5rem;
  }
  .prof1 h2 p{
    font-size: 1.7rem;
  }
  .prof2{
    font-size: 1rem;
  }
  .prof-img1 img, .prof-img2 img, .prof-img3 img{
  width: 40%;
  }
  .prof-img{
  height: 310px;
}
.prof-img1{
  left: -27%;
  top: 10%;
}
.prof-img2{
  left: 7%;
  top: 2%;
}
.prof-img3{
  top: 18%;
  right: -22%;
}
.disco-f{
  padding: 1em;
}
.disco-f .r{
  margin: 0 0 0 20px;
  padding: 1em;
  width: calc(75% - 20px);
}
.disco-f h1{
  font-size: 2rem;
}
.disco-icon-a{
  height: 80px;
  right: 0;
}
.disco-icon-b{
  height: 80px;
}
  .fc-box{
  width: calc((100% - 60px)/3);
}
}

/*600px以下*/
@media screen and (max-width: 600px){
  .pc_only{
    display: none;
  }
  .sp_only{
    display: block
  }
  .navi-in > ul li{
    margin-right: 1em;
  }
  .navi-in > ul li a{
    font-size: 1.3rem;
  }
main.main, div.sidebar{
  padding: 0;
}
#youtube-area{
  width: 100%;
}
iframe#youtube{
  border-radius: 0;
}
.top-news-f{
  margin: 0 auto 1em;
}
.top-news-f .news-box h3 a{
  font-size: 0.9rem;
}
.top-news-f .news-box .day,
.top-news-f .news-box h3{
  width: 100%;
}
.top-news-f .news-box h3{
  font-size: 1rem;
}
.top-sns-f{
  margin: 0 auto 1em;  
}
.top-sns-f a{
  margin: 10px;
  width: calc((100% - 40px)/2);
}
.top-fanclub{
  margin: 0 0 1em;
}
.top-fanclub-l{
  width: 60%;
  padding: 0;
}
.top-fanclub-r{
  width: 40%;
}
.top-fanclub-l p{
  font-size: 1.6rem;
  margin-bottom: 0.5em;
}
.top-fanclub-l div{
  margin-bottom: 1em;
}
.top-fanclub-r .img,.top-fanclub-r .pattern{
  width: 95%;
}
.top-sns-f div{
  position: relative;
}
.top-sns-f .disco p{
  font-size: 1rem;
  bottom: 7%;
}
.top-sns-f .profile p{
  font-size: 1.4em;
  left: 10%;
}
.top-sns-f .shop{
  width: 100%;
  margin: 0;
}
.top-sns-f .shop p{
  font-size: 1.8rem;
  top: -4%;
}
.top-sns-f .insta,.top-sns-f .youtube,.top-sns-f .tiktok,.top-sns-f .shop{
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
.top-sns-f .insta p,.top-sns-f .youtube p,.top-sns-f .tiktok p{
  top: 70%;
  left: 50%;
  -ms-transform: translate(-50%, -70%);
  -webkit-transform: translate(-50%, -70%);
  transform: translate(-50%, -70%);
  font-size: 1.3rem;
}
.top-sns-f .profile .more,.top-sns-f .disco .more{
  top: 7%;
  right: 7%;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5rem;
}
#header h1{
  line-height: 1;
}
#navArea .logo2, #header .logo2,#navArea .logo3, #header .logo3{
  font-size: 1.5rem;
}
#navArea h1{
  margin: 0.5em 0 1em;
}
.sns-share.ss-top.ss-col-6 a, .sns-share.ss-bottom.ss-col-6 a, .sns-share.ss-top.ss-col-5 a, .sns-share.ss-bottom.ss-col-5 a{
  width: 20%;
}
.news-f a .news-box{
  padding: 1em;
}
.top-news-f h2{
  line-height: 1;
}
.page main h1, .prof1 h2{
  line-height: 1.2;
}
.prof1,.prof2,.prof3,.prof4{
  width: 100%;
}
.prof-img1 img, .prof-img2 img, .prof-img3 img{
  width: 25%;
  }
.prof-img2 img{
  width: 35%;
}
.prof-img{
  height: 220px;
}
.prof-img1{
  left: -55%;
  top: 10%;
}
.prof-img2{
  left: 0;
  top: 2%;
}
.prof-img3{
  top: 18%;
  right: -52%;
}
.prof-top,.prof-bottom{
  padding: 1em;
}
.prof2{
  padding-left: 0;
  font-size: 0.9rem;
  margin-top: 1em;
}
.prof3 div{
  font-size: 0.9rem;
}
.prof4 img{
  display: block;
  margin: auto;
  width: 80%;
  height: auto;
}
.prof-bottom{
  margin-bottom: 1em;
}
h2, h3{
  font-size: 1.2rem;
}
.single-post .entry-content{
  padding: 1em;
}
.entry-content img{
  margin: 0 10px 10px;
  width: calc((100% - 40px)/2);
}
.entry-content h1{
  padding: 0;
}
.disco-f{
  padding: 0;
}
.disco-f .l,.disco-f .r{
  width: 100%;
  margin: 0 0 1em;
  padding: 1em;
}
.disco-f h1{
  font-size: 2rem;
}
.disco-icon-a{
  top: -2%;
  left: 0;
  right: unset;
  height: 80px;
}
.disco-icon-b{
  bottom: 0;
  left: unset;
  right: 0;
  height: 80px;
}
.disco-box .text{
  width: 100%;
}
.disco-box .text h3{
  font-size: 1.4rem;
  line-height: 1.2;
}
.disco-box .thum{
  width: 70%;
}
.disco-box .thum img{
  width: 100%;
  margin-bottom: 0.5em;
}
.disco-box .text p{
  padding-left: 0;
}
.page-id-347 h1, h1.movie, h1.photo, .shop-f h1{
  font-size: 3.5rem;
}
.shop-f h1 img{
  padding: 0;
}
.shop-f .shop-box{
  margin: 10px;
  width: calc((100% - 40px)/2);
  padding: 0.5em 0;
  border: 7px solid #0F47FE;
}
.page .entry-content{
  padding: 1em;
}
.page-id-347 .fanclub{
  padding: 1em;
  margin: 2em 0 1em;
}
.page-id-347 .fanclub h2{
  font-size: 1.5rem;
  margin: 0 0 0.5em 0;
}
.fc-box{
  padding: 0.5em;
  margin: 5px;
  width: calc((100% - 20px)/2);
  border: 7px solid #F95FFF;
}
.entry-content h1{
  font-size: 1.5rem;
  margin: 0.5em 0 1em;
}
.page .entry-info h2{
  font-size: 1.4rem;
}
.page .entry-info{
  padding: 1em;
}
.page .entry-info .service{
  font-size: 0.9rem;
}
.page .entry-info .entry-box1,.page .entry-info .entry-box2{
  width: 100%;
}
}



/*320px以下*/
@media screen and (max-width: 320px){
.top-fanclub-l p{
  font-size: 1.2rem;
}  
.top-fanclub-l div{
  padding: 10px;
}
.top-sns-f .insta p, .top-sns-f .youtube p, .top-sns-f .tiktok p{
  font-size: 1.2rem;
}
.top-sns-f .profile .more, .top-sns-f .disco .more{
  font-size: 1.2rem;
  line-height: 1.2rem;
  right: 12%;
}
.top-sns-f .disco p{
  font-size: 0.8rem;
}
.top-sns-f .shop p{
  font-size: 1.2rem;
}
.top-sns-f .profile p{
  font-size: 1rem;
  top: 4%;
}
h2, h3{
  font-size: 1rem;
}
.shop-f .shop-box{
  width: 100%;
}
.shop-f .shop-box h3{
  padding: 0.5em 0;
}
.fc-box{
  width: 100%;
}
}