@charset "UTF-8";

/*ベーステンプレート*/

.mt0em{
    margin-top: 0em !important; 
}

.mt1em{
    margin-top: 1em !important; 
}

.mt2em{
    margin-top: 2em !important; 
}

.mt3em{
    margin-top: 3em !important; 
}

.mt4em{
    margin-top: 4em !important; 
}

.mb0em{
    margin-bottom: 0em !important; 
}

.mb1em{
    margin-bottom: 1em !important; 
}

.mb2em{
    margin-bottom: 2em !important; 
}

.mb3em{
    margin-bottom: 3em !important; 
}

.mb4em{
    margin-bottom: 4em !important; 
}

.pt0em{
    padding-top: 0em !important; 
}
.pb0em{
    padding-bottom: 0em !important; 
}

.img-warp img{
    max-width: 100%;
}

.ffb-pagetemp .flexbox{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; /* 画像の伸び対応追加 */
}

.ffb-pagetemp img{
    vertical-align: bottom;
}

.ffb-pagetemp .center{
    text-align: center;
}

.ffb-pagetemp .block{
    display: block;
}

.ffb-pagetemp .block.center{
    display: table;
    margin: auto;
}

.ffb-pagetemp img.block.center{
    display: block;
    margin: auto;
}

.ffb-pagetemp .famiy-link{
    display: table;
    border: 1px #191b38 solid;
    background: #f0e0eb;
    margin: 2em auto;
}

.ffb-pagetemp .famiy-link a{
    display: block;
    padding: 0.25em 6em;
    color: #191b38;
    font-weight: 500;
    font-size: 1.1em;
    text-align: center;
}

.membership{
    display: table;
    border: 1px #fff solid;
    background: #ff1010;
    margin: 0em auto;
	width: 40vw
}

.membership a{
    display: block;
    padding: 1.1em 1em;
    color: #fff;
    font-weight: bold;
    font-size: 2em;
    text-align: center;
    line-height: 1em;
}

.ffb-pagetemp .around{
    justify-content: space-around;
}

.ffb-pagetemp .border-line *{
    border: 1px #000 solid;
    box-sizing: border-box;
}

.ffb-pagetemp .ffb-button{
    cursor: pointer;
}

.ffb-pagetemp .main-img.block.center{
    margin-bottom: 4em;
}
.mt-3em{
    margin-top: -3em;
}
.mt-2em{
    margin-top: -2em;
}
.mt-1em{
    margin-top: -1em;
}
.mt1em{
    margin-top: 1em;
}
.mt2em{
    margin-top: 2em;
}
.mt3em{
    margin-top: 3em;
}
.mt4em{
    margin-top: 4em;
}
.mt5em{
    margin-top: 5em;
}
.mt6em{
    margin-top: 6em;
}
.mt7em{
    margin-top: 7em;
}
.mt8em{
    margin-top: 8em;
}
.mt9em{
    margin-top: 9em;
}
.mt10em{
    margin-top: 10em;
}

@media screen and (max-width: 767px){
.mt1em-sp{
    margin-top: 1em;
} 
.mt2em-sp{
    margin-top: 2em;
} 
.mt3em-sp{
    margin-top: 3em;
} 
.mt4em-sp{
    margin-top: 4em;
} 
.mt5em-sp{
    margin-top: 5em;
}      
}
/*ベーステンプレート*/



a.if-future.link.gameday{
    display: none;
}

.result-selector > .txt-main{
  font-size: 0;
}

.team-ff .txt-main{
    height: 34px;
    box-sizing: border-box;
}

.result-selector > .txt-main:after{
    content: "試合詳細";
    font-size: 12px;
    display: inline-block;
    letter-spacing: 0;
    line-height: 28px;
    /*text-indent: -2.5vw;*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

a.top-under01{
    display: block;
}

/*サイドウィジェットカラー*/
.bg-sub{
    background-color: #181b39;
}

/*サイドウィジェットアイコンカラー*/
.layout-game-list a{
  background: #B43D9D;
}

.layout-game-list .link:before{
    border-top: 1px solid #B43D9D;
    border-left: 1px solid #B43D9D;  
}

.layout-game-list .link:after{
    border-bottom: 1px solid #B43D9D;
    border-right: 1px solid #B43D9D;  
}

.layout-game-list .link{
    border: 1px solid #B43D9D;
    padding: 0.5em 0.75em; 
}

.layout-game-list .link:hover{
    color: #B43D9D
}

.layout-game-list li .play-detail .center .txt-main {
    color: #FFF !important;
    background: #181b39;
    border-color: #181b39;
    }

.layout-game-list li .play-detail .center .txt-main:before {
    border-top: 1px solid #181b39;
    border-left: 1px solid #181b39;
}

.layout-game-list li .play-detail .center .txt-main:after {
    border-bottom: none;
    border-right: none;
}

.layout-game-list li .play-detail .center .txt-main:hover {
    background-color: #fff !important;
    color: #181b39 !important;
    transition: all .7s;
}



/*NEWSシングルタイトル*/
.layout-content .layout-second .second-header .top, .layout-content .layout-second .second-header .slice, .layout-content .layout-second .second-header .btm{
    background: #181b39 !important;
}

.news-headline{
    color: #fff;
}

.news-sns .demo-icon{
    color: #cfcfcf;
}

.schedule-ul .gameday{
    display: none;
}


/*NEWSシングルフォント調整*/
.news-article article.body span{
    font-size: 14px !important;
    font-weight: 300;
    /*color: #4f4f4f;*/
    line-height: 2.4;
}


/*里の放牧豚*/

.hometown-tax{
    width: 60%;
    margin: auto;
}

.hometown-tax > p > img{
    max-width: 100%;
    vertical-align: bottom;
}

.hometown-tax > p:nth-child(1){
    margin: 0;
    margin-bottom: -4.5vw;
}

.hometown-tax > p{
    margin:-6.5vw 0;
}

.hometown-tax > p:last-child{
    margin:0;
}

.home-tax-btn:nth-child(1){
    position: relative;
    width: 80%;
    margin: auto;
    top: -6.5vw;
}

.home-tax-btn{
    position: relative;
    top: -8vw;
    width: 80%;
    margin: auto;
}

.home-tax-btn:nth-child(2){
    position: relative;
    width: 80%;
    margin: auto;
    top: -11.5vw;
}

.home-tax-btn:last-child{
    position: inherit;
}

.home-tax-btn h3{
    text-align: center;
    }

.home-tax-btn > div {
    display: flex;
    justify-content: space-around;
}

.home-tax-btn > div > p {
    width: 40%;
}

.home-tax-btn > div > p img{
    max-width: 100%;
    border: 3px solid #fff;
    box-sizing: border-box;
    box-shadow: 5px 5px 21px -10px rgba(0,0,0,0.6);
}

.home-tax-btn h3 img {
    width: 72%;
}

iframe.pork-parts-movie {
    width: 60%;
    height: 23vw;
    position: relative;
    top: -20vw;
    margin: auto;
    display: block;
    margin-bottom: -17vw;
    }
/*放牧豚終わり*/

.ffb-lp-footer{
    height: 300px;
    background: #b84c97;
    margin-top: 2em; 
    padding: 1px;
}

.ffb-footer-logo{
    text-align: center;
    margin: 1em auto;
}

.ffb-lp-footer-icon{
    display: flex;
    justify-content: center;
    margin-bottom: 1em;

}

.ffb-lp-footer-icon li{
    margin: 0 0.5em;
}

.ffb-footer-copylight{
    color: #fff;
    text-align: center;
}

/*スケジュールページバナーコントール*/
p.schedule-btike-banner {
    max-width: 90%;
    text-align: center;
    margin: auto;
    margin-top: 3em;
}

p.schedule-btike-banner img{
    max-width: 100%;
}

ul#js-game-list .more a{
    background: none;
}

/*サイドバー順番入れ替え*/
.component-block.block-stats{
    display: flex;
    flex-direction: column;
}
.block-stats{
    /*order: 2;*/
}
.block-stats:last-of-type{
    order: 1;
}
.tmpl_standings_parts{
    order: 0;
}

.component-guidance-ffb{
    order: 2;
}

/*サイドウィジェットバナー調整*/
.side-schedule img{
    vertical-align: bottom;
}

p.ffb-origlink{
    margin-top: 2em;
}

.ffb-rank-box{
    margin-bottom: 1em;
}

/*トップページスクロール*/
bpdy#page_top{
    scroll-behavior: smooth;
}

/*テンプレートテキスト*/
.temp-text p{
    color: #000;
    font-size: 14px;
    font-weight: 300;
    line-height: 2.4;
    text-align: justify;
}

.ffb-pagetemp h3{
    font-size: 24px;
    margin: 2em 0 1.5em;
}

.ffb-pagetemp h4{
    border-left: 4px solid #B43D9D;
    color: #B43D9D;
    line-height: 1.4;
    padding: 0.75em;
    margin: 1em 0;
	font-weight: bold;
}

/*テレビ中継アイコン*/
body.loaded li.today.\38 445 .place:before,
.schedule-ul li.\38 445 .start-time-box:after {
    content: '福島テレビにてTV中継';
}

body.loaded li.today.\38 488 .place:before,
.schedule-ul li.\38 488 .start-time-box:after {
    content: '福島中央テレビにてTV中継';
}

body.loaded li .place:before{
    display: table;
    font-size: 0.9em;
    background: #fff;
    margin: 1.25em auto 0;
    padding: 0 0.5em;
    color: #B43D9D;
    border: 1px solid #B43D9D;
    font-weight: 500;
}

.schedule-ul li .start-time-box:after{
    display: inherit;
    border: 2px solid #B43D9D;
    color: : #B43D9D;
    padding: 0 1em;
    color: #B43D9D;
}

/*ボンズファミリー*/


.ffb-bondsfamily .ticket-mokuji .ffb-mokuji-2024-25-tereco .ffb-mokuji-2024-25 dd:nth-last-of-type(2) {
    margin-left: 7.4em;
}

.ffb-bondsfamily .flexbox.member-list li{
    margin-left: 1em;
    margin-bottom: 1em;
}

.ffb-bondsfamily .half-warp{
    width: 50%;
}

.ffb-bondsfamily .member-feature > dd{
    padding: 3em 0em;
    background: #f6f6f6;
    border: 1px solid;
    box-sizing: border-box;
}

.ffb-bondsfamily > section > img.block.center{
    margin: 2em auto 4em;
}



.ffb-bondsfamily .member-feature .border-line dt,
.ffb-bondsfamily .member-feature .border-line dd{
    text-align: center;
    padding: 0.75em;
    width: 50%;
    margin-top: -1px;
    margin-left: -1px;
    color: #000;
    background: #fff;
}

.ffb-bondsfamily .member-feature .border-line{
    margin-top: 2em;
}

.ffb-bondsfamily .member-list{
    margin-bottom: 5em;
}

.ffb-bondsfamily .member-warp h5{
    font-weight: 600;
    text-align: center;
    font-size: 1.5em;
    color: #000;
    margin-top: 2em;
}

.ffb-bondsfamily .member-warp > p{
    font-size: 0.9em;
    text-align: center;
    margin-bottom: 2em;
}

.ffb-bondsfamily .close{
    display: table;
    margin: 2em auto 0;
    border: 1px #181b39 solid;
    padding: 0.25em 3em;
    color: #181b39;
    background: #fff;
    cursor: pointer;
}
.ffb-pagetemp .link-set-w .famiy-link{
    width: 50%;
}



/*--20230224　INVITATION_March① フォーム用------------------------*/
#page_inquiry_ticket_invitation_March_1 .bottun a{
    display: block;
    padding: 10px 15px 10px 30px;
    background: #af429c;
    color: #fff;
    font-weight: bold;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border: solid 1px #af429c;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
}
#page_inquiry_ticket_invitation_March_1 .bottun:hover a{
    background: #d685c8;
    border: solid 1px #d685c8;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#page_inquiry_ticket_invitation_March_1 .bottun{
    position: relative;
    margin: 30px auto;
    display: table;
}
#page_inquiry_ticket_invitation_March_1 .bottun:before{
    display: block;
    content: '>';
    position: absolute;
    left: 15px;
    top: 9px;
    font-size: 16px;
    color: #fff;
}

#page_inquiry_ticket_invitation_March_1 .link-under{
    color: red;
    display: inline-block;
    border-bottom: solid 1px red;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
#page_inquiry_ticket_invitation_March_1 .link-under:hover{
    color: #0b408d;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
/*--ここまで　20230224　INVITATION_March① フォーム用------------------------*/











@media print, screen and (min-width: 768px){
.component-standing-list.is-bg-sub.is-slice:after{
    background-color: #181b39 !important;
}
.component-stats-list.is-bg-sub.is-slice:after {
    background: #181b39!important;
}
.news-article .news-meta .update{
    color: #cfcfcf;
}
}


@media screen and (max-width: 767px){

/*テンプレートフォーマット*/
.ffb-pagetemp h3{
    font-size: 4.5vw;
}

.famiy-link a{
    font-size: 3.5vw;
}

.ffb-pagetemp.temp-text section > p{
    width: 90%;
    margin: auto;
}

.ffb-pagetemp.temp-text section > p.famiy-link{
    margin-top: 1.5em;
}

.ffb-pagetemp .famiy-link a{
    padding: 0.5em 0;
    font-size: 3.5vw;
    line-height: 1.5em;
}
    
.result-selector > .txt-main:after{
    font-size: 3.5vw;
    /*text-indent: 0em;*/
}

/*NEWSシングルフォント調整*/
.news-article article.body span{
    font-size: 14px !important;
    line-height: 1em;
    font-weight: 300;
    /*color: #4f4f4f;*/
}

/*里の放牧豚*/
.hometown-tax{
    width: 100%;
}
.home-tax-btn{
    width: auto !important;
}
.home-tax-btn > div > p{
    width: 45%;
}
.home-tax-btn{
    top: -13vw;
}
.hometown-tax > p {
    margin: -11.5vw 0;
}
iframe.pork-parts-movie {
    width: 80%;
    height: 44vw;
    top: -32vw;
    margin-bottom: -33vw;
}
.home-tax-btn:nth-child(2){
    top: -17.5vw;
}
.hometown-tax > p:nth-child(1){
    margin-bottom: -13vw;
}
.hometown-tax > p{
    margin: -12.5vw 0;
}
.ffb-footer-copylight{
    font-size: 3vw;
    margin-bottom: 1em;
}
.ffb-lp-footer{
    height: auto;
}
.ffb-footer-logo{
    margin: 0 auto;
}

/*サイドバー/アリーナ情報・チケット購入*/
.side-ticket-wrap .link{
    width: auto;
    padding: 0.5em;
}
.side-ticket-wrap .btm{
    text-align: center;
}
/*謎のcenterタグ（SP時の動画のマージン）*/
center{
    margin-top: 1em;
}
/*スケジュールページバナーコントール*/
p.schedule-btike-banner {
    width: 95%;
    margin: 1.5em auto -1em;
}

/*サイドウィジェットバナー調整*/
p.ffb-origlink{
    margin: 1em 0;
    padding: 0 1em;
}

.block-ticket .block-body{
 background: #1e1e1e !important;   
}

.ffb-rank-box img{
    vertical-align: bottom;
}

.ffb-rank-box{
    padding-top: 1em;
    background: #434343;
}

.ffb-rank-box{
    margin-bottom: 0;
}

/*テレビ中継アイコン*/
body.loaded li .place:before{
margin: 1.5em auto 0;
}

.schedule-ul li .start-time-box:after{
    display: block;
    width: 70%;
    margin: 0.5em auto 2em;
    border-radius:1em; 
}
/*ボンズファミリー*/


.ffb-bondsfamily .ticket-mokuji .ffb-mokuji-2024-25-tereco　.ffb-mokuji-2024-25 dd:last-child {
    margin-left: unset;
}

.ffb-pagetemp .main-img.block.center{
    margin-bottom: -1em;
}

.ffb-bondsfamily .member-list{
    justify-content: space-evenly;
}

.ffb-bondsfamily .member-list:after{
    content: '';
    display: block;
    width: 301px;
}

/*---遠藤編集（ランク毎画像切り替え）20240528---*/	
/*---2023-24SEASON時は47%固定---*/
	
.ffb-bondsfamily .flexbox.member-list li{
    margin-left: 0;
    width: 100%;
}

.ffb-bondsfamily .flexbox.member-list:after{
    content: '';
    display: block;
    width: 100%;
}

.ffb-bondsfamily .half-warp{
    width: auto;
}



.ffb-pagetemp .link-set-w .famiy-link a{
    padding: 0.25em 0;
    line-height: 1.75em;
}
	
.ffb-pagetemp.temp-text p{
    line-height: 2em;
}

.ffb-bondsfamily .member-warp > p{
    font-size: 2.5vw;
    line-height: 1.5em;
}

.ffb-bondsfamily .member-warp h5{
    font-size: 4.5vw;
}

.ffb-bondsfamily .member-feature > dd{
    padding: 1em;
}

.ffb-pagetemp .link-set-w .famiy-link{
    width: 90%;
}

.ffb-bondsfamily .member-list{
    margin-bottom: -2em; 
}

.ffb-bondsfamily .half-warp p{
    font-size: 3vw;
    line-height: 1.75em;
}

.ffb-bondsfamily .half-warp dl *{
    font-size: 2.7vw;
}

.ffb-bondsfamily .close{
    margin-top: 0;
}
}
/*トップ下バナー*/
.ffb-top-u-banner{
    text-align:center;
    line-height:1;
    display:flex;
}
.ffb-top-u-banner img{
    width: 100%;
    vertical-align:top;
}
/*メインFV下キャプション削除*/
.main-visual-inner .main-visual-card-wrap{
    display: none;
}
.main-visual-inner.caption-layout .view{
    margin-top: -6.5em; 
}
@media screen and (max-width: 767px){
    .ffb-top-u-banner{
    display:block;
}
/*メインFV下キャプション削除*/
    .main-visual-inner.caption-layout{
    padding-bottom: 2.5em;
}
    .main-visual-inner.caption-layout .bx-controls{
    bottom: -1.75em;
    }
}

@media screen and (max-width: 753px){
    .BONDS-KUN-BOTAN-pc{display: none}
	.BONDS-KUN-BOTAN-pc-v2{display: none}
	.BONDS-KUN-BOTAN-sp img{display: block;margin: auto;width: 82vw;}
	.membership a{font-size: 1.6em;}
	.display-sp{}
}

@media screen and (min-width: 754px){
    .BONDS-KUN-BOTAN-sp{display: none;}
	.BONDS-KUN-BOTAN-pc img{display: block;margin: auto;width:40vw}
	.BONDS-KUN-BOTAN-pc-v2 img{display: block;margin: auto;width:100vw}
	.display-sp{display: none;}/*モバイル限定の文字を非表示*/
}

.ffb-mokuji-title-2024-25{
	display: block;
	text-align: center;
    font-family: "abolition",sans-serif;
	color: #181B39;
    font-size: 3em;
}

.ffb-mokuji-title-2024-25-tereco{
	display: block;
	text-align: center;
    font-family: "abolition",sans-serif;
	color: #B84c97;
    font-size: 3em;
}

.ffb-mokuji-2024-25 ul {
    list-style-type: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4列のグリッドレイアウト */
    gap: 10px;
	margin-bottom:7%;
}

.ffb-mokuji-2024-25-tereco ul {
    list-style-type: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4列のグリッドレイアウト */
    gap: 10px;
	margin-bottom:7%;
}

.ffb-mokuji-2024-25 li {
    text-align: center; /* リストアイテムのテキストを中央揃え */
}
.ffb-mokuji-2024-25-tereco li {
    text-align: center; /* リストアイテムのテキストを中央揃え */
}

.ffb-mokuji-2024-25 a {
    border:none;
	background-color: #181b39;
    color: #ffffff !important; /* リンクの色 */
    display: block; /* ブロックレベル要素にする */
    font-size: 1em; /* フォントサイズ */
    font-weight: 700; /* フォントの太さ */
    padding: 14px 0; /* 上下のパディング */
}

.ffb-mokuji-2024-25 a:hover {
	background-color: #B84C97;
    color: #fff; /* ホバー時のリンクの色 */
    font-weight: bold; /* ホバー時に太字にする */
	transition-duration: 0.25s;
}

.ffb-mokuji-2024-25-tereco a {
    border:none;
	background-color: #B84C97;
    color: #ffffff !important; /* リンクの色 */
    display: block; /* ブロックレベル要素にする */
    font-size: 1em; /* フォントサイズ */
    font-weight: 700; /* フォントの太さ */
    padding: 14px 0; /* 上下のパディング */
}

.ffb-mokuji-2024-25-tereco a:hover {
	background-color: #181B39;
    color: #fff; /* ホバー時のリンクの色 */
    font-weight: bold; /* ホバー時に太字にする */
	transition-duration: 0.25s;
}

/*========= ページトップのためのCSS ===============*/
/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 10px;
	bottom:30px;
	z-index: 999;
	transform: translateY(150px);
}

/*　上に上がる動き　*/
#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(150px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/
#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}

@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(150px);
  }
}

/*画像の切り替えと動き*/
#page-top a {
    /*aタグの形状*/
	display: block;
	width: 100px;
	height: 100px;
	color: #fff;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	font-size:1.25em;
    /*背景画像の指定*/
	background: url("/files/user/BONDS-KUN-01.png") no-repeat center;
	background-size: contain;
	font-family: "abolition",sans-serif;
	margin: 5%;
}

#page-top.floatAnime a{
	display: block;
	width: 100px;
	height: 100px;
    /*背景画像の指定*/
	background: url("/files/user/BONDS-KUN-02.png") no-repeat center;
	background-size: contain;
    /*アニメーションの指定*/
	animation: floatAnime 2s linear infinite;
	opacity: 0;
	text-align: center;
	font-family: "abolition",sans-serif;
	font-size:1.25em;
	margin: 5%;
}

@keyframes floatAnime {
  0% { transform: translateX(0); opacity: 0; }
  25% { transform: translateX(-6px);opacity: 1; }
  50% { transform: translateX(0) }
  100% { transform: translateX(6px);opacity: 1; }
}
/*Page Topと書かれたテキストの位置*/
#page-top span{
    position: absolute;
    bottom: -20px;
    right: 20px;
	color: #fff;
}
#page-top.floatAnime span{
    position: absolute;
    bottom: -20px;
    right: 20px;
	color: rgba(255,255,255,0.00);
}
@media screen and (max-width: 1290px){
.ffb-mokuji-2024-25 ul{grid-template-columns: repeat(2, 1fr); /* 2列のグリッドレイアウト */}
.ffb-mokuji-2024-25 a {border:none;font-size: 1em;font-weight: 700;}
.ffb-mokuji-title-2024-25{font-size: 3em;}
.ffb-mokuji-2024-25-tereco ul{grid-template-columns: repeat(2, 1fr); /* 2列のグリッドレイアウト */}
.ffb-mokuji-2024-25-tereco a {border:none;font-size: 0.8em;font-weight: 700;}
.ffb-mokuji-title-2024-25-tereco{font-size: 3em;}
#page-top span{color: #FFF;}
}
@media screen and (max-width: 750px){
.membership{width: 80vw}
.ffb-mokuji-2024-25 ul{grid-template-columns: repeat(2, 1fr); /* 2列のグリッドレイアウト */}
.ffb-mokuji-2024-25 a {border:none;font-size: 0.75em;font-weight: 700;}
.ffb-mokuji-title-2024-25{font-size: 3em;}
.ffb-mokuji-2024-25-tereco ul{grid-template-columns: repeat(2, 1fr); /* 2列のグリッドレイアウト */}
.ffb-mokuji-2024-25-tereco a {border:none;font-size: 0.75em;font-weight: 700;}
.ffb-mokuji-title-2024-25-tereco{font-size: 3em;}
#page-top span{color: #181B39;}
}

.midashi-2024-25 {
    border-left: 4px solid #B84C97;
    color: #B84C97;
    line-height: 0.5;
    padding: 0.35em;
    margin: 0em 0;
    font-weight: bold;
    font-size: 2em;
}

.how-to-text-link{
	 color: #B84C97;
}

.accordion {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.accordion-button {
    background-color: #b84c97;
    border: none;
    outline: none;
    padding: 15px;
    text-align: left;
    cursor: pointer;
    width: 100%;
    transition: background-color 0.3s ease;
	margin: 20px auto 0;
	color: #fff;
	font-size: 1.8em;
	font-weight: bold;
	border: 2px solid #b84c97;
}

.accordion-button:hover {
    background-color: #fff;
	color: #b84c97;
	border: 2px solid #b84c97;
}

.accordion-content {
    max-height: 0;
    padding: 0 15px;
    overflow: hidden;
    background-color: #F0F0F0;
    transition: max-height 0.4s ease-out, padding 0.4s ease-out;
	/*border: 2px solid #b84c97;*/
	font-size: 1em;
	color: #181b39;
}

.accordion-content p {
    margin: 15px 0;
}

#about-joining h1{
	color: #181b39;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	margin: 4% 0 2%;
}

#about-the-benefits h1{
	color: #181b39;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	margin: 4% 0 2%;
}

#about-points h1{
	color: #181b39;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	margin: 4% 0 2%;
}

#registration-info h1{
	color: #181b39;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	margin: 4% 0 2%;
}

.head-border {
    display: flex;
    align-items: center;
}

.head-border:before,
.head-border:after {
    content: "";
    height: 3px;
    flex-grow: 1;
    background-color: #181b39;
}

.head-border:before {
    margin-right: 1rem;
}

.head-border:after {
    margin-left: 1rem;
}

@media screen and (max-width: 750px){
.accordion-button {
    background-color: #b84c97;
    border: none;
    outline: none;
    padding: 15px;
    text-align: left;
    cursor: pointer;
    width: 100%;
    transition: background-color 0.3s ease;
	margin: 20px auto 0;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
}
	
.accordion-content {
	font-size: 0.8em;
}
	
#about-joining h1{
	color: #181b39;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	margin: 14% 0 8%;
}

#about-the-benefits h1{
	color: #181b39;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	margin: 14% 0 8%;
}

#about-points h1{
	color: #181b39;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	margin: 14% 0 8%;
}

#registration-info h1{
	color: #181b39;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	margin: 14% 0 8%;
}
}