@charset "utf-8";

/*////////////////////////////////////////////////////////

css/style.css

/////////////////////////////////////////////////////////*/
/* ----------------------------------------------- 
	
	1: pc
	
	2: Font 

	3: contents
	
	4: table

	
 ----------------------------------------------- */
 
/* --------------------------------------------
1: pc
-------------------------------------------- */
.zen-maru-gothic-regular {
  font-family: "Zen Maru Gothic", system-ui;
  font-weight: 400;
  font-style: normal;
}

.zen-maru-gothic-medium {
  font-family: "Zen Maru Gothic", system-ui;
  font-weight: 500;
  font-style: normal;
}

.zen-maru-gothic-bold {
  font-family: "Zen Maru Gothic", system-ui;
  font-weight: 700;
  font-style: normal;
}

.zen-maru-gothic-black {
  font-family: "Zen Maru Gothic", system-ui;
  font-weight: 900;
  font-style: normal;
}

body{
  font-family: "Zen Maru Gothic", system-ui;
  font-weight: 500;
  font-style: normal;
}


/*.m-plus-rounded-1c-thin {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.m-plus-rounded-1c-light {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.m-plus-rounded-1c-regular {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.m-plus-rounded-1c-medium {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.m-plus-rounded-1c-bold {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.m-plus-rounded-1c-extrabold {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.m-plus-rounded-1c-black {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 900;
  font-style: normal;
}
body{
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;letter-spacing: 0.02em;
}*/
	


body ::selection {background-color: #e5eef9;}
img{width:100%;height:auto;}

a {
 word-break: break-all;
}

main#main{position: relative;}
main#main:before{
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: url(../img/bg.png) center top;
	background-size: cover;
}

main.mainin {
position: relative;	
max-width: 1200px!important;
margin: 0 auto;
height: 100%;/*color:#0080b5;*/color:#7b6112;
}

#main{display: inline-block !important;height: auto !important;}
main.mainin{display: block !important;}
.main_ttl{width: 100%;}
.main_ttl img{width: 100%;}

.tight{letter-spacing: -0.18em;}

p.ttl{font-size: 21px;text-align: center;line-height: 1.7em;padding: 50px 0;box-sizing: border-box;font-weight: bold;color:#0080b5;}
/*p.ttl span{font-size: 30px;box-sizing: border-box;font-weight: bold;}*/
p.ttl .ttl_main{font-weight: bold;font-size: 30px;}
p.ttl .ttl_main b{font-size: 35px;}

.download_txt{color:#0080b5;}

.button a {
    position: relative;
    display: flex;
    justify-content: center; /* テキストは中央 */
    align-items: center;
    margin: 0 auto;
    border-radius: 9999px;
    max-width: 250px;
    padding: 10px 25px;
    color: #fff;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    background: linear-gradient(270deg, #88f3d2 0%, #6ce5c0 25%, #6bded4 51%, #77acff 100%);
    background-position: 1% 50%;
    background-size: 200% auto;
    font-size: 1.5rem;
    text-align: center;
}

.button a:hover {
    color: #fff;
    background-position: 99% 50%;
}

/* PDFアイコンを右端に固定 */
.button a i {
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    font-size: 1.2rem;
}


/*.button a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    border-radius: 9999px;
    max-width: 250px;
    padding: 10px 25px;
    color: #fff;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    background: linear-gradient(270deg, #3bade3 0%, #576fe6 25%, #9844b7 51%, #ff357f 100%);
    background-position: 1% 50%;
    background-size: 200% auto;
    transition: all 0.3s ease-out;
	font-size:1.5rem;
}
.button a:hover {
    color: #fff;
    background-position: 99% 50%;
}
.button a:after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 25px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}*/

.button2 a {
    position: relative;
    display: flex;
    justify-content: center; /* テキストは中央 */
    align-items: center;
    margin: 0 auto;
    border-radius: 9999px;
    max-width: 250px;
    padding: 10px 25px;
    color: #fff;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    background: linear-gradient(270deg, #88f3d2 0%, #6ce5c0 25%, #6bded4 51%, #77acff 100%);
    background-position: 1% 50%;
    background-size: 200% auto;
    font-size: 1.5rem;
    text-align: center;
}

.button2 a:hover {
    color: #fff;
    background-position: 99% 50%;
}

/* PDFアイコンを右端に固定 */
.button2 a i {
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    font-size: 1.2rem;
}

/*
.button2 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    border-radius: 9999px;
    max-width: 250px;
    padding: 10px 25px;
    color: #fff;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    background: linear-gradient(270deg, #f39800 0%, #f35b00 100%);
    background-position: 1% 50%;
    background-size: 200% auto;
    transition: all 0.3s ease-out;
	font-size:1.5rem;
}
.button2 a:hover {
    color: #fff;
    background-position: 99% 50%;
}
.button2 a:after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 25px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
*/

.button3 a {
    position: relative;
    display: flex;
    justify-content: center; /* テキストは中央 */
    align-items: center;
    margin: 0 auto;
    border-radius: 9999px;
    max-width: 250px;
    padding: 10px 25px;
    color: #fff;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    background: linear-gradient(270deg, #f39800 0%, #f35b00 100%);
    background-position: 1% 50%;
    background-size: 200% auto;
    font-size:1.05rem;
    text-align: center;
}

.button3 a:hover {
    color: #fff;
    background-position: 99% 50%;
}

/* PDFアイコンを右端に固定 */
.button3 a i {
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    font-size: 1.2rem;
}

.button3{margin:1rem auto;}

/*.button3 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    border-radius: 9999px;
    max-width: 250px;
    padding: 10px 25px;
    color: #fff;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    background: linear-gradient(270deg, #f39800 0%, #f35b00 100%);
    background-position: 1% 50%;
    background-size: 200% auto;
    transition: all 0.3s ease-out;
	font-size:1.2rem;
}
.button3 a:hover {
    color: #fff;
    background-position: 99% 50%;
}
.button3 a:after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 25px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}*/




/* ▼ アイテム表示用 */
.item-container {
  display: none;
  /*max-width: 600px;*/
  margin: 20px auto;
flex-wrap: wrap;
justify-content: center;
/*width:95%;*/width:80%;
/*border: 3px solid #fed900;*/
border-radius: 30px;	
}

.item {
  display: none;
/*background-color: #fff1e2;*/
padding: 1rem;
/*border-radius: 30px;*/
margin: 0.5rem;
width: 38%;
/*border: 3px solid #fed900;	*/
}
.item_bottom{padding-bottom: 3rem;}
.item_w{/*width: 80%;*/width: 100%;}
.item_w_g{display: flex;justify-content: center;}
.rlk_w_item{margin: 0 2rem 1rem;}
.rlk_w_item1{max-width: 400px;margin-top: 1rem !important;}

/* ▼ オシャレなもっと見るボタン（クラス名変更済） */
/*
.load-more a {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  border-radius: 9999px;
  max-width: 250px;
  padding: 10px 25px;
  color: #fff;
  line-height: 1.8;
  text-decoration: none;
  font-weight: 500;	
    background: linear-gradient(270deg, #f39800 0%, #f35b00 100%);
  background-position: 1% 50%;
  background-size: 200% auto;
  transition: all 0.3s ease-out;
  font-size: 1.5rem;
}

.load-more a:hover {
  color: #fff;
  background-position: 99% 50%;
}

.load-more a::after {
  content: '';
  width: 10px;
  height: 10px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  position: absolute;
  right: 25px;
  top: 45%; 
  transform: translateY(-50%) rotate(135deg); 
  border-radius: 1px;
  transition: 0.3s ease-in-out;
}


.close-button {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 20px auto 0;
  border-radius: 9999px;
  max-width: 250px;
  padding: 10px 25px;
  color: #fff;
  line-height: 1.8;
  text-decoration: none;
  font-weight: 500;
  background: linear-gradient(270deg, #f39800 0%, #f35b00 100%);
  background-position: 1% 50%;
  background-size: 200% auto;
  transition: all 0.3s ease-out;
  font-size: 1.5rem;
}

.close-button:hover {
  color: #fff;
  background-position: 99% 50%;
}

.close-button::after {
  content: '';
  width: 10px;
  height: 10px;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  transform: rotate(45deg)!important; 
  position: absolute;
  right: 25px;
  border-radius: 1px;
  transition: 0.3s ease-in-out;
border-right: none!important;top:45%;	
}
*/

.load-more {
  text-align: center;
  /*padding: 20px 0;*/
  position: relative;padding-bottom: 2rem;
}
.load-more a{color: #4ddddd;}
.load-more.no-padding {
  padding-bottom: 0;     /* ← 「もっと見る」押した後は余白をなくす */
}

/* 共通ボタンスタイル */
.load-more-button,
.close-button {
  display: inline-block;              /* 中央揃え */
  position: relative;
  color: #29c9c9;                     /* テキスト色を変更（画像色） */
  font-size: 18px;
  text-decoration: none;
  padding: 10px 0;
  width: auto;
  margin: 0 auto;                     /* 自動で中央寄せ */
  justify-content: center;
}

/* ▼ 三角形：もっと見るボタン */
.load-more-button::after {
  content: "";
  position: absolute;
  left: 50%;                           /* 水平中央 */
  bottom: -40px;                       /* 三角形を少し下に配置 */
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 80px solid transparent; /* 左右の三角形部分を大きく */
  border-right: 80px solid transparent;
  border-top: 40px solid #4ddddd;      /* 上の三角形部分を大きく */
}

/* ▲ 三角形：閉じるボタン */
.close-button::after {
  content: "";
  position: absolute;
  left: 50%;                           /* 水平中央 */
  top: -40px;                          /* 三角形を少し上に配置 */
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 80px solid transparent; /* 左右の三角形部分を大きく */
  border-right: 80px solid transparent;
  border-bottom: 40px solid #4ddddd;   /* 下の三角形部分を大きく */
}


.highlight{    
	background: linear-gradient(transparent 50%, #ffff66 0%);
    line-height: 1em;
}
.highlight-wrapper{      
	background: linear-gradient(transparent 50%, #ffff66 0%);
      line-height: 1.3em;
      display: inline-block;}

.toggle_contents_top{margin: 0 auto 2rem!important}

.toggle_contents {border: 2px solid #fed900;width: 85%;
    max-width: 450px;
    margin: 2rem auto 4rem;}
.toggle_title {position: relative;padding: .5rem;cursor: pointer;font-size: 1.6rem;text-align: center;background-color: #fed900;}
.toggle_btn {position: absolute;top: 50%;right:.8rem;transform: translateY(-50%);background:#7b6112;display: block;width: 24px;height: 24px;text-indent: 100%;white-space: nowrap;overflow: hidden;border-radius: 50%;margin:0 auto !important;border-bottom: 0 !important;}
.toggle_btn:before, .toggle_btn:after {display: block;content: '';background-color: #fff;position: absolute;width: 10px;height: 2px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.toggle_btn:before {width: 2px;height: 10px;}
.toggle_title.selected .toggle_btn:before {content: normal;}
.toggle_contents dd {display: none;}
.d_present_wall{font-size: 1.5rem;background-color:#fff;}
.d_present_wall ul{padding: 0;}
.d_present_wall li{display: block;width: 100%;padding: .5rem;}
.d_present_wall .d_present_wall_PC{display: inline-block;font-size: 1rem;border: 2px solid #00b6f5;border-radius: 5px;padding: .2rem .5rem;margin-right: .5rem;background-color: #00b6f5;color: #FFF;margin-top: 0;
    margin-bottom: 0;}
.d_present_wall .d_present_wall_SP{display: inline-block;font-size: 1rem;border: 2px solid #2882b1;border-radius: 5px;padding: .2rem .5rem;margin-right: .5rem;background-color: #2882b1;color: #FFF;margin-top: 0;
    margin-bottom: 0;}
.d_present_wall_twitter{display: inline-block !important;font-size: 1rem;border: 2px solid #8ce1ff;border-radius: 5px;padding: .2rem .5rem;margin-right: .5rem;background-color: #8ce1ff;color: #FFF;margin-top: 0;
    margin-bottom: 0;}
.d_present_wall_twitter_txt{display: inline-block !important;font-size: 1.5rem !important;}
.d_present_thumbnail li a span.d_present_wall_twitter_txt:hover{background-color:#FFF !important;}


.d_present_wall li a {position: relative;display: initial;}
.d_present_wall li a::after {position: absolute;bottom: 0;left: 50%;content: '';width: 0;height: 1px;background-color: #7b6112!important;transition: .3s;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.d_present_wall li a:hover::after {width: 100%;}

.d_present_wall p{width: 96%;padding: .5rem;font-size: 1.4rem;text-align: center;}
.d_present_wall p a {position: relative;display: initial;}
.d_present_wall p a::after {position: absolute;bottom: 0;left: 50%;content: '';width: 0;height: 1px;background-color: #7b6112;transition: .3s;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.d_present_wall p a:hover::after {width: 100%;}

.d_present_thumbnail #more_btn,#close_btn{text-align: center;margin: 1rem;}

.chara_toggle{margin-bottom: 3rem;}

.h2{margin: 1rem 0.5rem;margin-top: 6rem;text-align:center;}
.h2_txt{
  /*color: #8f7e76;*/ /* 茶色 */
  text-shadow:
  /* 白い縁取り（太く） */
  -3px -3px 0 white,
   0px -3px 0 white,
   3px -3px 0 white,
  -3px  0px 0 white,
   3px  0px 0 white,
  -3px  3px 0 white,
   0px  3px 0 white,
   3px  3px 0 white,
  -2px -2px 0 white,
   2px -2px 0 white,
  -2px  2px 0 white,
   2px  2px 0 white,
  -2px  0px 0 white,
   2px  0px 0 white,
   0px -2px 0 white,
   0px  2px 0 white,
  /* 黄色の柔らかいシャドウ（右下へ） */
   4px 4px 6px #feda00;
  text-align: center;
  display: inline-block;
  position: relative;
    font-size: 2.5rem;
}

.h2_txt .zen-maru-gothic-black::before,
.h2_txt .zen-maru-gothic-black::after {
  content: "♫";
  /*color: #8f7e76;*/ /* 茶色 */
  text-shadow:
  /* 白い縁取り（太く） */
  -3px -3px 0 white,
   0px -3px 0 white,
   3px -3px 0 white,
  -3px  0px 0 white,
   3px  0px 0 white,
  -3px  3px 0 white,
   0px  3px 0 white,
   3px  3px 0 white,
  -2px -2px 0 white,
   2px -2px 0 white,
  -2px  2px 0 white,
   2px  2px 0 white,
  -2px  0px 0 white,
   2px  0px 0 white,
   0px -2px 0 white,
   0px  2px 0 white,
  /* 黄色の柔らかいシャドウ（右下へ） */
   4px 4px 6px #feda00;
  margin: 0 0.5rem;
  font-size: 2.5rem;
}


/*.h2{background: linear-gradient(117deg, rgba(158, 234, 244, 1) 0%, rgba(198, 241, 232, 1) 50%, rgba(253, 252, 209, 1) 100%);border-top: 3px solid #63b2db;
    border-bottom: 3px solid #63b2db;
    margin: 1rem 0.5rem;margin-top: 6rem;}
.h2_txt{color: #058ec7;
    font-size: 2.5rem;
    font-weight: 700;
    padding: 0.5rem 1rem;}
.h2 p {
    filter: drop-shadow(4px 1px 0px #fff2a6);
    display: flex;
    justify-content: center;
    align-items: center;
}
h2 p::before,h2 p::after {content: " ";display: block;width: 3.2rem;height: 2rem;background-repeat: no-repeat;background-position: center;font-size: 1.6rem;
background-image: url("../img/music-solid.svg");}*/

#chickipdancers .h2_txt{font-size: 2.2rem;}

.video-container {
  position: relative;
  width: 80%;
  max-width: 100%;
  padding-top: 45%; /* 16:9 = 56.25%, 80%にしたら0.8 × 56.25 ≒ 45% */
  margin: 0 auto;
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/*.h3{margin: 5rem auto 1rem;}
.h3_1{margin-top: 2rem;}
.h3_txt{padding: 1rem;font-size: 1.8rem;border-radius: 100px;width: 87%;margin: 0 auto;font-weight: bold;position: relative;}*/
/*.h3_txt::before{content: "●";display: table;position: absolute;height: 2rem;width: 2rem;font-size: 2rem;color: #f7f7f4;}*/
/*.h3_txt p{text-align: center;}
.h3_txt{background-color: #fff2a6;filter: drop-shadow(2px 1px 1px #fed900);}*/

.h3 {
  margin: 5rem auto 1rem;
  width: 100%;
  display: flex;
  justify-content: center;
}

.h3_txt {
  position: relative; /* 追加 */
  padding: 1rem 2rem;
  font-size: 1.8rem;
  background-color: #fff2a6;
  filter: drop-shadow(2px 1px 1px #fed900);
  border-radius: 100px;
  width: 87%;
  margin: 0 auto;
  font-weight: bold;
  text-align: center;
  /* display: flex; は外すか調整 */
}

.h3_txt .icon {
  width: 3rem;
  height: 3rem;
  background-color: #feda00;
  border-radius: 50%;
  position: absolute;
  left: 3%;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  flex-shrink: 0;
}


.h3_txt .icon::before {
  content: '♪';
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.8rem;
  user-select: none;
}




.music_note{
	margin: 1rem auto;
	text-align: center;
	display: block;
	max-width: 830px;
}
.music_note p{
	text-align: center;
	display: inline-block;
	/*font-size: 1.2rem;*/
	font-size:18px;
}

.more_txt{margin-bottom: 0.5rem!important;}
.more_txt p{/*font-size:1.6rem!important;*/font-size:18px!important;margin-top: 0.5rem;}
    .dashed-underline-container {
      display: inline-block;
      position: relative;
      /*font-size: 20px;*/font-size:18px;
      line-height: 1.5;
    }

    svg.underline {
      position: absolute;
      bottom: -4px;
      left: 0;
      width: 100%;
      height: 6px;
      pointer-events: none;
    }

/*    .highlight-text {
      display: inline;
      padding: 0.2em 0.1em;
      background: linear-gradient(transparent 50%, #ffff66 50%);
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      line-height: 1.5;
    }

    .highlight-text .download_url {
      font-size: 1.8rem;
      font-weight: bold;
      background: linear-gradient(270deg, #ff00cc 0%, #3333ff 100%);
      background-size: 200% auto;
      background-position: 1% 50%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      transition: background-position 0.5s ease;
    }*/

/*    .highlight-text .download_url:hover {
      background-position: 99% 50%;
    }*/

.highlight-text{border-bottom: 1px solid;}

.footer_note{background-color:#deebf7;padding:1.5rem;display: block;max-width: 500px;margin: 7rem auto 2rem;width:85%;text-align: center;border-radius:30px;}
.footer_note div{text-align: left;display: inline-block;}

footer{background: url(none);background-color:#fff;padding:0;padding-bottom:1rem;display:block;margin-top: 6rem;}
.footer_logo{max-width:253px;width:50%;margin:3rem auto 0;}
.footer_copyright{max-width: 483px;width:70%;margin: 2rem auto 0;}


.page-top{
	z-index: 1001;
}



@media only screen and (max-width: 960px){
.item{width: 100%;}	
.item_w_g{display: block;}
.rlk_w_item{margin: 2rem auto;}
.rlk_w_item1{max-width: 400px;margin-top: 1rem !important;}	
	
}

@media only screen and (min-width: 769px){
.sp_none {
display: none;
}
	.h3_txt{width: 82%;}	
}

@media only screen and (max-width: 768px){
.pc_none {
display: none;
}	
	
section{padding: 4rem 0;margin:2rem 0.5rem 3rem;background-color:#e5fdff;border-radius: 3rem;}	
	.h2{margin-top: 0;}	
	.h3_txt{background-color: #fff;filter:none;}
	.music_note_main{background-color: #fff;border-radius: 3rem;width: 90%;padding: 0.5rem;margin-bottom: 1.5rem;}
	
	.toggle_contents{width: 88.4%;}	
	.button2{width: 75%;margin: 0 auto;}	
	.load-more{width: 75%;margin: 0 auto;}
	.highlight-text .download_url{/*font-size: 1.5rem;*/font-size: 18px;}
	.item_bottom{padding-bottom:2rem;  padding-top: 0;}	
	.music_note_main{width:85%;}
	
.video-container2 {
  width: 96%!important;
  padding-top: 54%!important; /* 0.96 × 56.25 ≒ 54% */
}	
	
p.ttl{font-size: 100%;padding: 25px 3%;width:100% !important;text-shadow: 0 0 1px #0080b5;font-weight: bold;font-size: 1.2rem;}
/*p.ttl span{text-align: center;display: block;margin-bottom: -5%;font-size: 120%;}*/
p.ttl .ttl_main{text-align: center;display: block;margin-bottom: -5%;font-size: 120%;}
p.ttl .ttl_main b{font-weight: bold;font-size: 128%;}
.ttl_sub{display:block;width: 95%;margin:0 auto;text-align: justify;font-weight: bold;text-align: center;}
	
		
	

.footer_logo{width: 35%;}
	
	.button3 a{font-size:1.1rem;}
.button3 a i {
    right: 15px;font-size:1.1rem;
}	
	.item-container{width: 85%;}	
}	


@media only screen and (max-device-width: 0), screen and (max-width: 430px){
	/*.url_w{width: 75%;}	*/
}

@media only screen and (max-device-width: 0), screen and (max-width: 375px){
	
	.tiktok{padding-left: 2rem;padding-right: 2rem;}
.tiktok-responsive {
  position: relative;
  width: 100%;
  padding-top: calc(100% * (1280 / 720)); /* 縦横比を適宜調整 */
  overflow: hidden;
  max-width: 605px;
  margin: 0 auto;
}
.tiktok-responsive .tiktok-embed,
.tiktok-responsive iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
}
	.tiktok-embed{margin:0!important;}	
.tiktok-wrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 9 / 16; /* 適宜調整：縦動画なら9:16、横動画なら16:9 */
  overflow: hidden;
}

.tiktok-wrapper .tiktok-embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;     /* ←コレが重要！ */
  max-width: 100% !important;  /* ←これも上書きする */
}	
}

@media (max-width: 480px) {
	.h3{width: 90%!important;}	
  .h3_txt {
    padding-left: 3rem; /* ← 左側に余白を追加して重ならないように */
    font-size: 1.4rem;   /* 必要に応じて文字サイズも少し調整 */
  }

  .h3_txt .icon {
    left: 10px;           /* すでに10pxなら変更不要 */
    width: 2.5rem;          /* 少し小さくするなら調整 */
    height: 2.5rem;
    font-size: 1.2rem;    /* 音符の大きさ調整（任意） */
  }
	.h3_txt .icon::before{font-size: 1.4rem;}	
	
}