@charset "UTF-8";
html { font-size: 62.5%; }

body { color: #333; font-size: 1.6rem; background-color: #f5f4f3; font-family: "Roboto", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing: 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.6; font-weight: 400; }

main a:link { color: #1f1f1f; transition-duration: 0.2s; }

a:link { transition-duration: 0.2s; }

main a:link { color: #e50081; }

main a:hover { text-decoration: underline; }

main a:visited { color: #b20064; }

.tac { text-align: center; }

.tar { text-align: right; }

.pc-only { display: none; }

img { max-width: 100%; vertical-align: bottom; }

.wrap { padding: 0 5%; }

.wrap p { margin-bottom: 1rem; }

.coral { color: #ff9283; font-weight: bold; }

.bold { font-weight: bold; }

.normal_img { margin-bottom: 40px; text-align: center; }

.wide_banner { max-width: 500px; margin-right: auto; margin-left: auto; }

.fade { opacity: 0; transition-duration: 1s; }

.fadein { transform: translateY(30px); }

.slidein { transform: translateX(-50px); }

.fade .pc-only { display: none; }

.icon-new { font-size: 1rem; display: inline-block; background-color: #e83b3b; padding: 2px 2px 1px 4px; color: #fff; font-weight: bold; vertical-align: 0.5rem; margin-left: 2px; }

.mb8 { margin-bottom: 8px; }

.mb24 { margin-bottom: 24px; }

.mb36 { margin-bottom: 36px; }

.mb40 { margin-bottom: 40px; }

.mt24 { margin-top: 24px; }

.mt40 { margin-top: 40px; }

h3 { margin-bottom: 1.6rem; }

h4 { margin-bottom: 1.6rem; }

h5 { margin-bottom: 0.8rem; font-size: 1.8rem; }

.tdu { border-bottom: 1px solid #333333; display: inline-block; margin-bottom: 4px; }

/*------------------
header
------------------*/
/*
あお…　#395796
ピンク…　#ff9283
*/
.header_logo_area { width: 100%; background-color: #000; }

.header_logo_area .header_logo { width: 50%; margin-right: auto; margin-left: auto; padding: 10px; }

.fv-area { position: relative; margin-bottom: 5%; }

.fv_img { margin-left: auto; margin-right: auto; width: 100%; margin-bottom: 3rem; }

.cd_jac { margin-bottom: 24px; }

.cd_jac_3 img { width: 30%; margin-right: 3%; }

.btn_wh a { position: absolute; background-color: #fff; color: #1f1f1f; font-weight: bold; font-size: 1.6rem; padding: 12px; left: 0; right: 0; bottom: 0; border-radius: 8px; width: 80%; text-align: center; display: block; margin-right: auto; margin-left: auto; border-bottom: solid 4px #bcbcbc; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29); }

.btn_wh a:hover { background-color: #f9decf; }

.btn_green { margin-bottom: 48px; }

.btn_green a { border-bottom: solid 6px #a93120; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29); }

.btn_green a:link, .btn_green a:visited { background-color: #ff9283; color: #fff; font-weight: bold; font-size: 1.8rem; padding: 20px; width: 80%; border-radius: 8px; display: block; margin: 20px auto; text-decoration: none; text-align: center; }

.btn_nomal a:link, .btn_nomal a:visited { background-color: #3a80b6; color: #fff; font-weight: bold; font-size: 1.6rem; padding: 12px; left: 0; right: 0; bottom: 0; border-radius: 8px; width: 90%; text-align: center; text-decoration: none; display: block; margin-top: 30px; margin-right: auto; margin-left: auto; border-bottom: solid 4px #214a69; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29); }

section { margin-bottom: 15%; }

.block { margin-bottom: 40px; }

.red { color: #e50081; font-weight: bold; }

.blue { color: #3a80b6; font-weight: bold; }

/*------------------
hunburger
------------------*/
/*ナビメニューのスタイルを指定*/
nav.NavMenu { position: fixed; /*表示位置を固定*/ z-index: 2; /*重ね順を変更*/ top: 0; /*表示位置を指定*/ left: 0; /*表示位置を指定*/ background: #fff; /*背景を白にする*/ color: #000; /*文字色を黒にする*/ text-align: center; /*テキストを中央揃え*/ width: 100%; /*全幅表示*/ transform: translateY(-100%); /*ナビを上に隠す*/ transition: all 0.6s; /*アニメーションの時間を指定*/ }

nav.NavMenu ul { background: #ff9283; /*背景をグレーにする*/ width: 100%; margin: 0 auto; padding: 0; }

nav.NavMenu ul li { font-size: 1.1em; list-style-type: none; padding: 0; width: 100%; border-bottom: 1px dotted #fff; font-weight: bold; }

nav.NavMenu ul li:last-child { padding-bottom: 0; border-bottom: none; /*最後のメニュー項目のみ下線を消す*/ }

nav.NavMenu ul li a { display: block; /*クリックできる領域を広げる*/ color: #fff; padding: 1em 0; }

nav.NavMenu.active { transform: translateY(0%); }

/*トグルボタンのスタイルを指定*/
.Toggle { display: block; position: fixed; /* bodyに対しての絶対位置指定 */ right: 13px; top: 12px; width: 42px; height: 42px; cursor: pointer; z-index: 3; }

.Toggle span { display: block; position: absolute; width: 30px; border-bottom: solid 4px #ff9283; border-radius: 8px; /*変化の速度を指定*/ /*変化の速度を指定*/ transition: 0.35s ease-in-out; /*変化の速度を指定*/ left: 6px; }

.Toggle span:nth-child(1) { top: 9px; }

.Toggle span:nth-child(2) { top: 18px; }

.Toggle span:nth-child(3) { top: 27px; }

/* 最初のspanをマイナス45度に */
.Toggle.active span:nth-child(1) { top: 18px; left: 6px; transform: rotate(-45deg); }

/* 2番目と3番目のspanを45度に */
.Toggle.active span:nth-child(2), .Toggle.active span:nth-child(3) { top: 18px; transform: rotate(45deg); }

/*------------------
event
------------------*/
h2 { /*border-left:8px solid $blue01; color: #000;*/ background-color: #fff; border-left: 8px solid #e50081; color: #616967; padding: 8px 12px; font-size: 2rem; margin-bottom: 32px; }

h3 { /*color: desaturate($main, 5%);*/ /*color: darken($main, 55%);*/ color: #333; margin-top: 1.8rem; font-size: 2rem; }

.event_text_large_bold { font-size: 2rem; margin-bottom: 36px; font-weight: bold; text-align: left; }

.event_text_large { font-size: 1.6rem; color: #616967; margin-bottom: 1rem; }

.event_text { margin-bottom: 24px; }

.event_detail { border: 4px solid #1f1f1f; border-radius: 10px; padding: 4%; margin: 5%; background-color: #fff; }

.event_detail p { padding-left: 1rem; margin-bottom: 1rem; }

.event_detail .li01 { list-style-type: none; padding-left: 4rem; text-indent: -2rem; margin-bottom: 4px; }

.event_detail .li01:before { font-family: "Font Awesome 5 Free"; content: "\f00c"; color: #1f1f1f; font-weight: bold; padding-right: 0.8rem; }

.event_detail .song_list .bold { color: #1f1f1f; margin-top: 1.2rem; }

.event_detail .song_list ul { list-style: initial; margin-left: 4rem; }

.caution { margin-top: 40px; }

.caution p { margin-bottom: 12px; }

.gform iframe { width: 100%; }

figcaption { font-size: 1.2rem; text-align: center; color: gray; margin-top: 4px; }

/*------------------
TOP 鼎談
------------------*/
.teidan_index .talk_section { margin-bottom: 4rem; }

.teidan_index .teidan_txt p { margin-bottom: 1rem; }

.teidan_index .teidan_img { width: 100%; margin-top: 3rem; margin-bottom: 3rem; }

.teidan_index .teidan_index_list { list-style: none; font-weight: bold; }

.teidan_index .teidan_index_list li { border-bottom: 1px solid #c7c7c7; padding: 2rem 0; color: #616967; }

.teidan_index .teidan_index_list li a:link .talk_title { color: #3a80b6; }

.teidan_index .teidan_index_list li a:visited .talk_title { color: #005188; }

.teidan_index .teidan_index_list li .number { float: left; width: 6rem; }

.teidan_index .teidan_index_list li .talk_title { margin-left: 64px; }

.teidan_index .teidan_index_list.nonumber li .talk_title { margin-left: 0; }

body .btn_border { margin: 4rem auto; width: 90%; }

body .btn_border a { padding: 2rem; display: block; border: 1px solid #000; border-radius: 10px; width: 100%; box-sizing: border-box; text-align: center; }

body .btn_border a:link, body .btn_border a:visited { text-decoration: none; color: #000; }

.square_btn { display: block; text-decoration: none; text-align: center; width: 100%; height: 56px; display: flex; justify-content: center; align-items: center; }

.introduction_sec p { margin-bottom: 1rem; }

.ed_bg { background-color: #e50081; font-weight: bold; padding: 2rem 0; color: #fff; max-width: 640px; margin-right: auto; margin-left: auto; text-align: center; }

/*------------------
まえがき
------------------*/
/*もっと読む*/
.grad-wrap { position: relative; margin-bottom: 60px; }

.grad-wrap + .grad-wrap { margin-top: 40px; }

.grad-trigger { z-index: 2; position: absolute; right: 0; bottom: -30px; left: 0; width: 80%; margin: auto; padding: 0.5em 1rem; border-radius: 2px; background-color: #616967; color: #fff; font-size: 1.4rem; text-align: center; cursor: pointer; transition: 0.2s ease; }

.grad-trigger::after { content: "もっと読む"; /*クリック前のボタンのラベル*/ font-weight: bold; }

.grad-trigger .fa { margin-right: 0.5em; }

.grad-trigger.is-show .fa { transform: rotate(180deg); }

.grad-item { position: relative; overflow: hidden; }

.grad-item.is-hide { height: 260px; /*隠した後の高さ*/ }

.grad-item::before { display: block; position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 80px; /*グラデーションで隠す高さ*/ background: linear-gradient(top, #efefef 0%, rgba(239, 239, 239, 0.9) 50%, rgba(239, 239, 239, 0.9) 50%, #efefef 100%); }

.grad-trigger.is-show { bottom: -2em; }

.grad-trigger.is-show::after { content: "閉じる"; /*クリック後にボタンのラベルを変える*/ }

.grad-trigger.is-show + .grad-item::before { display: none; }

/*もっと読む終わり*/
/*------------------
column
------------------*/
.column { /*特別寄稿記事*/ }

.column input { display: none; }

.column .works-label { margin-bottom: 12px; font-size: 1.8rem; line-height: 1.2; font-weight: bold; background: #616967; color: #fff; /*ボタン色*/ border-bottom: solid 4px #303433; border-radius: 4px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29); width: 32%; max-width: 180px; margin-right: 1.33%; float: left; }

.column .disc04-label { margin-right: 0; }

.column #disc01:checked ~ .disc01-content, .column #disc02:checked ~ .disc02-content, .column #disc03:checked ~ .disc03-content, .column #disc04:checked ~ .disc04-content { display: block; }

.column #disc01:checked ~ .disc01-label, .column #disc02:checked ~ .disc02-label, .column #disc03:checked ~ .disc03-label, .column #disc04:checked ~ .disc04-label { background-color: #f98f81; border-bottom: solid 4px #be4535; }

.column h2 { margin-bottom: 32px; }

.column h3 { margin-top: 5%; }

/* h2直下のh3は上余白なし（h2の下32pxに統一） */
.column h2 + h3 { margin-top: 0; }

.column .column_maeoki { margin-bottom: 30px; }

.column .column-list { display: flex; flex-direction: column; gap: 16px; padding: 0; }

.column .column-list .nolink { display: flex; background-color: #fff; filter: brightness(80%); }

.column .column-list li { /*.song_title::before{ content: "●"; color: $bg-main; }*/ }

.column .column-list li .song_title { text-indent: -2rem; margin-left: 2rem; margin-bottom: 1.3rem; font-size: 1.3rem; }

.column .column-list li a { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; font-size: 1.4rem; border: 2px solid #edf0f5; background-color: #fff; }

.column .column-list li a:link, .column .column-list li a:visited { color: #333; }

.column .column-list li a:link { text-decoration: none; color: #383839; }

.column .column-list.text_only li { margin-bottom: 0; }

.column .column-list.text_only { margin-bottom: 0; }

.column .column_img { width: 40%; margin-right: 2%; align-self: center; }

.column .column_img img { object-fit: cover; object-position: center; width: 100%; height: auto; aspect-ratio: 1 / 1; display: block; }

.column .column_song { padding: 2% 2% 0 0; font-weight: bold; font-size: 1.3rem; margin-bottom: 1%; }

.column .column_title { font-size: 3.4vw; letter-spacing: 0.5px; padding: 2% 8px 2% 0; width: 58%; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; }

.column .introduction_column { font-weight: bold; }

.column .column-list-block { margin-bottom: 32px; }

.column .special_column li { position: relative; margin-bottom: 2rem; }

.column .special_column li .back_img { position: relative; background-image: url(../images/559838072_pic1_full.jpg); background-size: cover; filter: brightness(36%); height: 200px; }

.column .special_column li .column_title { position: absolute; z-index: 1; top: 0; color: #fff; font-size: 1.9rem; width: 90%; padding: 5% 5% 0; }

.column .special_column li .column_title .kataribe { font-size: 1.5rem; margin-top: 3%; }

.column .introduction_column { font-weight: bold; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; }

/*report*/
.report_img { margin-bottom: 3rem; width: 100%; flex-shrink: 0; }

.report_img img { display: block; margin-left: auto; margin-right: auto; }

.pc-df { margin-bottom: 24px; }

/*------------------
年表形式コラム
------------------*/
/*===== Vertical Timeline =====*/
.timeline .introduction_column { margin-bottom: 30px; }

#conference-timeline { position: relative; max-width: 920px; width: 100%; margin: 0 auto 60px; }

#conference-timeline .timeline-start, #conference-timeline .timeline-end { display: table; font-family: "Roboto", sans-serif; font-size: 18px; font-weight: 900; text-transform: uppercase; background: #e50081; padding: 15px 15px; color: #fff; max-width: 5%; width: 100%; text-align: center; margin: 0 auto; }

#conference-timeline .conference-center-line { position: absolute; width: 3px; height: 100%; top: 0; left: 50%; margin-left: -2px; background: #616967; z-index: -1; }

#conference-timeline .conference-timeline-content { padding-top: 67px; padding-bottom: 67px; }

.timeline-article { width: 100%; height: 100%; position: relative; overflow: hidden; margin: 20px 0; }

.timeline-article .content-left-container, .timeline-article .content-right-container { max-width: 44%; width: 100%; }

.timeline-article .timeline-author { display: block; font-weight: 400; font-size: 14px; line-height: 24px; color: #242424; text-align: right; }

.timeline-article .content-left, .timeline-article .content-right { position: relative; width: auto; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); padding: 20px 24px 24px; }

.timeline-article .song_title { margin: 1rem 0 20px 0; padding: 0; font-weight: 400; color: #242424; font-size: 14px; line-height: 24px; position: relative; font-size: 2rem; font-weight: bold; }

.timeline-article .article-number { font-weight: bold; font-size: 2rem; top: 0; left: -40px; color: #e50081; vertical-align: top; letter-spacing: 1px; }

.timeline-article .column_title { font-weight: bold; margin-top: 1rem; text-decoration: underline; }

.timeline-article .column_img { max-width: 100%; }

.timeline-article .content-left-container { float: left; }

.timeline-article .content-right-container { float: right; }

.timeline-article .content-left:before, .timeline-article .content-right:before { position: absolute; top: 20px; font-size: 23px; font-family: "FontAwesome"; color: #fff; }

.timeline-article .content-left:before { content: "\f0da"; right: -8px; }

.timeline-article .content-right:before { content: "\f0d9"; left: -8px; }

.timeline-article .meta-date { position: absolute; top: 0; left: 50%; width: 62px; height: 62px; margin-left: -31px; color: #fff; border-radius: 100%; background: #e50081; }

.timeline-article .meta-date .date, .timeline-article .meta-date .month { display: block; text-align: center; font-weight: 900; }

.timeline-article .meta-date .date { font-size: 30px; line-height: 1.3; padding-top: 12px; }

.timeline-article .meta-date.under { top: 65%; }

.timeline-article .meta-date .month { font-size: 18px; line-height: 10px; }

/*===== // Vertical Timeline =====*/
.start_catch { font-weight: bold; width: 40%; padding-left: 540px; margin-top: -80px; }

/*===== Resonsive Vertical Timeline =====*/
#sf-form-page { background-color: #efefef; }

.youtube { margin: 32px 0; }

@media only screen and (max-width: 767px) { #conference-timeline .timeline-start, #conference-timeline .timeline-end { margin: 0; }
  #conference-timeline .conference-center-line { margin-left: 0; left: 40px; }
  .timeline-article .meta-date { margin-left: 0; left: 10px; }
  .timeline-article .content-left-container, .timeline-article .content-right-container { max-width: 100%; width: auto; float: none; margin-left: 96px; min-height: 53px; }
  .timeline-article .content-left-container { margin-bottom: 20px; }
  .timeline-article .content-left, .timeline-article .content-right { padding: 10px 25px; min-height: 65px; }
  .timeline-article .content-left:before { content: "\f0d9"; right: auto; left: -8px; }
  .timeline-article .content-right:before { display: none; }
  .start_catch { padding-left: 124px; margin-top: -90px; width: auto; }
  .youtube { position: relative; width: 100%; padding-top: 56.25%; }
  .youtube iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; } }

@media only screen and (max-width: 400px) { .timeline-article p { margin: 0; } }

/*===== // 年表形式コラム =====*/
.normallist { margin-bottom: 1rem; }

.normallist li { margin-bottom: 0; margin-left: 3rem; list-style: disc; }

ol.normallist li { list-style: decimal-leading-zero; }

.normallist a { word-break: break-all; }

/*------------------ Information ------------------*/
.information p { margin-bottom: 1rem; }

.information h4 { margin-bottom: 8px; margin-top: 2rem; }

.information .icon-check { color: #e50081; margin-right: 6px; }

.information .info_release { font-size: 1.8rem; font-weight: bold; }

.info_img { margin-bottom: 24px; }

.info_img02 { max-width: 240px; margin-bottom: 24px; }

/*------------------
Product
------------------*/
.product_img { max-width: 500px; margin-bottom: 4rem; }

.product_img .jacket { /* filter: drop-shadow(20px 20px 16px rgba(0,0,0,0.2));*/ margin-bottom: 6rem; }

.product_txt { margin-top: 16px; margin-bottom: 24px; }

.small_txt { font-size: 1.4rem; margin: 12px 0; }

.setlist { margin-left: 3rem; }

.setlist li { margin-bottom: 1rem; }

ol.setlist { list-style: decimal; }

ul.setlist { list-style: disc; }

.marker { background: linear-gradient(transparent 60%, rgba(214, 255, 0, 0.6) 60%); font-weight: bold; }

.list_txt { padding: 0; margin: 0; }

.list_txt li { padding-left: 2rem; text-indent: -1.7rem; padding-bottom: 0.4rem; }

.list_txt li:before { content: "●"; color: #1f1f1f; font-size: 1rem; vertical-align: 2px; padding-right: 0.8rem; }

.product_df { margin-bottom: 20px; }

.fukidashi { position: relative; display: inline-block; margin: 0 0 1.5em; padding: 7px 10px; min-width: 120px; max-width: 100%; color: #555; font-size: 16px; background: #fff; border: solid 3px #ff9283; box-sizing: border-box; border-radius: 10px; }

.fukidashi:before { content: ""; position: absolute; bottom: -24px; left: 50%; margin-left: -15px; border: 12px solid transparent; border-top: 12px solid #fff; z-index: 2; }

.fukidashi:after { content: ""; position: absolute; bottom: -30px; left: 50%; margin-left: -17px; border: 14px solid transparent; border-top: 14px solid #ff9283; z-index: 1; }

.share { margin-bottom: 10%; display: flex; line-height: 0; width: 90%; justify-content: space-around; margin-left: auto; margin-right: auto; }

.share-line a { display: inline-block; background-color: #06c755; color: #fff; font-size: 12px; font-weight: bold; line-height: 20px; padding: 0 10px; border-radius: 4px; text-decoration: none; white-space: nowrap; }

.share-line a:link, .share-line a:visited { color: #fff; text-decoration: none; }

.share-line a:hover { opacity: 0.8; }

.sponcor { margin-right: 5%; margin-left: 5%; }

.sponcor_banner { margin-top: 30px; width: 100%; }

.logo_reminder { width: 60%; }

footer { background-color: #1f1f1f; color: #fff; text-align: center; font-size: 1.2rem; padding: 16px 0 120px 0; }

/*------------------
SP history
------------------*/
.history p { margin-bottom: 2rem; }

.teidan_main { margin-top: 4rem; line-height: 2; }

.teidan_main a:link { color: #3a80b6; }

.teidan_main a:visited { color: #005188; }

.teidan_main .talk_img { margin: 3rem 0.8rem 4rem; }

.teidan_main .talk_img.shadow { box-shadow: 36px 24px 0 #fc94d9; }

.teidan_main .talk_img_small { margin: 3rem 4.8rem 4rem; display: block; }

.teidan_main .talk_img_small img { display: block; margin: auto; }

.teidan_main hr { margin: 4rem 0; }

.teidan_main .teidan_h1 { text-align: center; margin: 2rem 2rem; font-size: 2rem; }

.teidan_main .teidan_h2 { font-size: 1.7rem; text-align: center; background-color: inherit; color: #333; border: none; margin-top: 6rem; margin-bottom: 3rem; }

.teidan_main .teidan_h2 .number { display: block; font-size: 1.4rem; margin-bottom: 1rem; }

.teidan_main figcaption { padding-top: 8px; color: #6a6a6a; font-size: 1.4rem; letter-spacing: 0; text-align: center; }

.teidan_main .kousei { margin-bottom: 3rem; font-size: 1.4rem; }

.teidan_main .maeoki { margin-bottom: 3rem; background-color: #e0e0e0; padding: 1.8rem; font-size: 1.4rem; }

.teidan_main .atogaki { margin-bottom: 3rem; width: 700px; margin: auto; }

.teidan_main .atogaki p { margin-bottom: 1.6rem; }

.teidan_main .atogaki blockquote { margin-left: 0rem; padding-left: 2rem; margin-top: 4rem; margin-bottom: 4rem; border-left: 6px solid #bcbcbc; }

.teidan_main .interviewer { font-weight: bold; color: #6c6c6c; margin: 0 0 4rem 0; width: 100%; }

.teidan_main dl { margin: 0 1rem; }

.teidan_main dl dt { width: 25%; padding: 0 5% 0 0; font-weight: bold; box-sizing: border-box; letter-spacing: 0.1em; white-space: nowrap; }

.teidan_main dl dd { margin: 0 0 2em 0; text-align: left; }

.teidan_main dl .dl_purple { color: #976ac4; }

.teidan_main dl .dl_red { color: #e50081; }

.teidan_main dl .dl_coral { color: #e86161; }

.teidan_main dl .dl_green { color: #196d12; }

.teidan_main dl .dl_main { color: #e45bb7; }

.teidan_main dl .dl_navy { color: #25286c; }

.teidan_main dl .dl_blue { color: #3a80b6; }

.teidan_main .yokoku { text-align: left; font-weight: bold; margin: 2rem 0 6rem; }

.teidan_main .profile_section { font-size: 1.5rem; }

.teidan_main .profile_section p { margin-bottom: 1rem; }

.teidan_main .profile_section .profile_block { margin-bottom: 3rem; }

/*カルーセル*/
.slider { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; overflow-x: scroll; margin: 0; padding: 0; }

.slider li { background-color: #fff; min-width: 70%; margin: 10px; padding: 12px; border-radius: 10px; }

.slider li .message_title { font-weight: bold; margin-bottom: 1rem; }

.slider li .message_jacket { margin-bottom: 12px; }

.message_form { margin-bottom: 40px; }

.album_review_img { margin-bottom: 24px; }

.video { margin-bottom: 12px; width: 100%; }

.video video { margin-top: 8px; width: 100%; }

.toc { background-color: #ffffff; margin: 0 5% 10%; padding: 2% 5% 5% 10%; border-top: 8px solid #e50081; }

.toc ul { list-style: decimal; font-weight: bold; color: #606060; }

.toc ul li { margin-bottom: 6px; letter-spacing: 0.4px; }

.toc ul .indent01 { list-style: disc; padding-left: 2rem; font-weight: normal; }

.toc ul a:link, .toc ul a:visited, .toc ul a:hover { color: #e50081; }

/*FOOTER*/
.footer_sp_01 { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; justify-content: space-between; font-weight: bold; text-align: center; font-size: 10px; padding: 20px 5% 0; letter-spacing: 0; }

.footer_sp_01 > div { margin-bottom: 20px; width: 48%; flex-shrink: 1; }

.footer_sp_01 > div > a { border-radius: 6px; background-color: #fff; display: block; color: #333; width: 100%; padding: 8px 6px; box-sizing: border-box; }

.footer_sp_01 > div > a img { vertical-align: middle; }

.footer_sp_02 { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; width: 200px; margin-right: auto; margin-left: auto; margin-bottom: 20px; }

.footer_sp_03 { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; width: 100px; margin-right: auto; margin-left: auto; margin-bottom: 20px; }

/*SPおわり*/
/*------------------

PC

------------------*/
@media screen and (min-width: 768px) { body { background-size: 90%; font-size: 1.7rem; }
  .sp-only { display: none; }
  .pc-only { display: block; }
  .wrap { max-width: 1040px; padding: 0 32px; margin-right: auto; margin-left: auto; }
  /* YouTube：PCは640pxで中央表示 */
  .youtube { max-width: 640px; margin: 40px auto; }
  .youtube iframe { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; }
  .wrap_inner { margin-right: 24px; margin-left: 24px; }
  section { margin-bottom: 72px; }
  .fv-area { margin-bottom: 40px; background-size: 90%; background-repeat: no-repeat; background-position: 0 0; }
  .fv_img { margin-bottom: 0; position: relative; }
  .fv_img img { margin-left: auto; margin-right: auto; }
  .btn_wh { position: absolute; bottom: 15%; right: 46%; }
  .btn_wh a { width: 300px; padding: 16px; }
  .btn_nomal a:link, .btn_nomal a:visited { width: 400px; font-size: 1.8rem; line-height: 1.5; }
  .btn_border { max-width: 400px; margin-bottom: 60px; }
  .btn_border a:hover { background-color: #e50081; }
  .main_green { color: #1f1f1f; font-weight: bold; }
  .event_text { width: 640px; padding: 0 36px; font-size: 1.6rem; font-weight: bold; }
  .pc-df { display: flex; margin-bottom: 2rem; }
  .pc-df.center { align-items: center; }
  .pc-df .img_30 { width: 30%; flex-shrink: 0; margin-right: 4%; }
  .pc-df .img_40 { width: 40%; flex-shrink: 0; margin-right: 4%; }
  .profile_img { width: 30%; flex-shrink: 0; margin-right: 4%; }
  h2 { font-size: 2.8rem; padding: 8px 24px; }
  h3 { margin-top: 24px; margin-bottom: 16px; }
  .event_text_large { font-size: 1.9rem; }
  .event_detail { width: 740px; margin-right: auto; margin-left: auto; padding: 32px; }
  .header_logo_area .header_logo { width: 200px; margin-right: auto; margin-left: auto; }
  .report .report_img { width: 32%; margin-right: 4rem; }
  .report .pc-df { display: flex; align-items: center; flex-wrap: nowrap; width: 1000px; margin-right: auto; margin-left: auto; }
  .album_review_img { margin-right: 40px; width: 270px; flex-shrink: 0; }
  .column { /*特別寄稿記事*/ }
  .column h2 { margin-bottom: 32px; }
  .column .disc01-label { margin-left: 200px; }
  .column .disc03-label { margin-right: 200px; }
  .column .column_img { width: 30%; }
  .column .column_img img { height: auto; }
  .column .column_song { padding: 2% 2% 0 0; font-weight: bold; font-size: 1.6rem; margin-bottom: 1%; }
  .column .column_title { font-size: 1.5rem; letter-spacing: 0.5px; width: 68%; padding: 4% 8px 4% 0; }
  .column .column-list { display: -moz-flex; display: -ms-flex; display: flex; flex-direction: row; flex-wrap: wrap; gap: 24px; font-weight: 1.6rem; padding: 0; width: 100%; justify-content: space-between; }
  .column .column-list li { width: calc((100% - 24px) / 2); transition-duration: 0.3s; font-size: 1.6rem; }
  .column .column-list li a:hover { border-color: #e50081; background-color: #ff7fc7; filter: drop-shadow(0px 0px 0px #efefef); }
  .column .cd_jac { width: 300px; margin-left: auto; margin-right: auto; }
  .column .special_column { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-around; }
  .column .special_column li { width: 30%; }
  .column .special_column li .back_img { transition-duration: 0.2s; height: 240px; }
  .column .special_column li .column_title { padding-bottom: 0; }
  .column .special_column li:hover .back_img { filter: brightness(70%); }
  /*------------------ PC information ------------------*/
  .information .pc-df { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
  .information .pc-df .info_img { width: 40%; flex-shrink: 0; margin-right: 4%; margin-bottom: 0; }
  .information .pc-df > div > :last-child { margin-bottom: 0; }
  .information .pc-df .info_img.info_img_30 { width: 30%; }
  .information .pc-df.jacket_row { align-items: flex-start; }
  .information .pc-df.jacket_row .info_img { width: auto; flex-shrink: 1; margin-right: 3%; }
  .information .pc-df.jacket_row .info_img img { height: 320px; width: auto; display: block; }
  .information .media_img { width: 30%; margin-right: 4%; }
  .information .product_img { width: 25%; flex-shrink: 0; margin-right: 4%; }
  /*------------------ PC TOP 鼎談 ------------------*/
  .teidan_index { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; align-items: flex-start; }
  .teidan_index .teidan_txt_70 { width: 70%; padding-left: 4%; box-sizing: border-box; }
  .teidan_index .teidan_img_30 { width: 30%; }
  .teidan_index .teidan_img { width: 30%; margin-right: 4%; flex-shrink: 0; margin-top: 0; margin-bottom: 0; }
  .teidan_index .teidan_txt > h3:first-child { margin-top: 0; }
  .teidan_index.img40 .teidan_img { width: 40%; }
  .teidan_index.img40 .teidan_txt { width: 56%; }
  .teidan_index.noimg .teidan_txt { width: 100%; }
  .teidan_index .teidan_txt { width: 66%; }
  .teidan_index .teidan_txt p { margin-bottom: 16px; }
  .teidan_index .teidan_index_list { flex-shrink: 1; width: 100%; }
  .teidan_index.reverse { flex-direction: row-reverse; }
  .teidan_index.reverse .teidan_txt_70 { padding-left: 0; padding-right: 4%; }
  /*------------------ Product ------------------*/
  .product_df { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
  .product_df h3 { margin-top: 0; }
  .product_df .product_img { width: 44%; flex-shrink: 0; margin-bottom: 0; }
  .product_df .product_img .jacket { margin-bottom: 3rem; }
  .product_df .product_txt { padding-left: 80px; }
  .product_df .list_txt { font-size: 1.6rem; }
  .small_txt { margin-bottom: 20px; }
  .fukidashi { margin-bottom: 36px; }
  .performer_block.host .performer_right { margin-top: 0; }
  .performer_section p { font-size: 1.6rem; }
  .h3_dot_l { width: 30%; }
  .h3_dot_s { width: 15%; margin-bottom: 60px; }
  .twitter { width: 600px; margin-left: auto; margin-right: auto; }
  .news_section { margin-bottom: 60px; padding-top: 48px; }
  .contact_section .wrap { text-align: center; }
  .contact_btn { width: 300px; transition-duration: 0.4s; }
  .contact_btn:hover { transform: translateY(3px); filter: none; opacity: 0.8; }
  .share { width: 400px; margin-left: auto; margin-right: auto; margin-bottom: 40px; }
  .sponcor { width: 750px; margin-right: auto; margin-left: auto; }
  .fade .sp-only { display: none; }
  .fade .pc-only { display: block; }
  /*------------------ PC 年表形式コラム ------------------*/
  .history { margin-bottom: 110px; }
  .timeline-article { padding: 40px 0; margin: 0; }
  .timeline-article .column_img { width: 300px; margin-right: 28px; margin-left: 28px; }
  .timeline-article a:hover { text-decoration: none; }
  .timeline-article .meta-date.under { top: 90px; }
  .timeline-article .content-right-container { position: relative; bottom: -40px; }
  .timeline-article .content-left-container { position: relative; bottom: 40px; }
  /*------------------ PC profile ------------------*/
  #profile .block { font-size: 1.4rem; }
  #profile h3 { font-size: 2rem; }
  #profile p { margin-bottom: 1rem; }
  /*------------------ PC 鼎談ページ ------------------*/
  .teidan_main .btn_border { width: 100%; max-width: 450px; }
  .teidan_main .teidan_h1 { width: 400px; margin: 60px auto; }
  .teidan_main .teidan_h2 { margin-top: 40px; margin-bottom: 48px; font-family: "Lato", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; font-size: 3rem; }
  .teidan_main .teidan_h2 .number { margin-bottom: 2rem; }
  .teidan_main .kousei { margin-bottom: 60px; }
  .teidan_main .talk_img { width: 600px; margin: 20px auto 80px; }
  .teidan_main .talk_img.shadow { width: 500px; box-shadow: 36px 24px 0 #fc94d9; }
  .teidan_main .talk_img_small { width: 400px; margin: 40px auto 60px; }
  .teidan_main .maeoki { margin: 0 auto 8rem; width: 720px; font-size: 1.5rem; }
  .teidan_main .interviewer { margin: 0 auto 4rem; width: 720px; font-family: "Lato", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; }
  .teidan_main dl { font-family: "Lato", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; margin: 0 auto 2rem; display: flex; flex-wrap: wrap; width: 100%; }
  .teidan_main dl dt { width: 25%; padding: 0 5% 0 0; text-align: right; }
  .teidan_main dl dd { margin: 0 0 2em 0; width: 60%; }
  .teidan_main .profile_section { width: 600px; margin-left: auto; margin-right: auto; margin-top: 120px; }
  .teidan_main .profile_section .talk_img { margin-bottom: 40px; }
  .teidan_main .yokoku { text-align: center; }
  /*コメント募集カルーセル*/
  .slider li { min-width: 280px; }
  /*目次もくじ*/
  .toc { width: calc(100% - 64px); max-width: 1040px; box-sizing: border-box; padding: 16px 16px 56px 56px; margin: 0 auto 48px; line-height: 1.9; }
  /*FOOTER PC*/
  footer .pc-only { max-width: 1080px; padding: 0 32px; margin-right: auto; margin-left: auto; }
  .c_normal_reminder_top_css_202104_001_base_pc_main_contents_footer_div { padding: 10px 0; width: 100%; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; }
  .c_normal_reminder_top_css_202104_001_base_pc_main_contents_footer_div .copyright { width: 500px; font-size: 6px; }
  .c_normal_reminder_top_css_202104_001_base_pc_main_contents_footer_div ul { width: 400px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; font-size: 14px; } }
/*# sourceMappingURL=style.css.map */