@charset "UTF-8";
/* CSS Document */


/*reset*/
body#hamonep {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 16px;
	color: #333;
}
body, she, blockquote, address, table, td, div, form, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd {
	margin: 0;
	padding: 0;
}
ol, ul, li, dl, dt, dd {
	text-decoration: none;
	list-style: none;
}
fieldset, img {
	border: 0;
}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
	-webkit-text-size-adjust: none;/* iPhoneでの文字サイズ自動修正
を使わない*/
}
a {
	text-decoration: none;
	display: block;
	text-align: center;
}
/*reset*/

img {
	max-width: 100%;
	height: auto;
}

.pc {
	display: block !important;
}
.sp {
	display: none !important;
}
.cx_smartphoneview .pc {
	display: none !important;
}
.cx_smartphoneview .sp {
	display: block !important;
}

.clearFix:after{
    content: "";
    display: block;
    clear: both;
}

/*文字汎用*/
.bold {
	font-weight: bold;
}
.red {
	color: #fc222c;
}
.white {
	color: #fff;
}

#fp-wrap {
	/*background: url(../img/bg03.png) repeat-x top, url(../img/bg04.png) center 460px, url(../img/bg02.png); 青&白*/
	background: url(../img/bg05.png) repeat-x top, url(../img/bg04.png) center 460px, url(../img/bg02.png);
}

#hamonep_wrap #header {
    position: relative;
}
#hamonep_wrap h1 {
	text-align: center;
	/*padding: 40px 0;*/
}
#hamonep_wrap #header .btn_01 {
    position: absolute;
    bottom: 24px;
    left: 0;
    right: 0;
    margin: auto;
}
#hamonep_wrap #header .btn_01 a {
    width: 330px;
    padding: 10px 20px;
    margin: auto;
    font-size: 24px;
}

#hamonep_wrap #inner {
	margin: 20px 0 80px;
}
#hamonep_wrap p {
	color: #fff;
	line-height: 1.6;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
}
#hamonep_wrap section.wrap {
	position: relative;
	margin: 0 20px 60px;
	padding: 55px 10px 26px;
	background-color: rgba(0,223,216,0.40);
}
#hamonep_wrap section.wrap::before {
	position: absolute;
	top: -15px;
	content: "";
	width: 576px;
	height: 82px;
	background: url("../img/h2_bg.png") no-repeat center /100% auto;
	z-index: 0;
}
#hamonep_wrap section.wrap.no-decor {
	padding: 10px;
	background-color: rgba(0,223,216,0.40);
}
#hamonep_wrap section.wrap.no-decor::before {
	content: none;
}


#hamonep_wrap section.wrap section + section {
	margin-top: 18px;
}

#hamonep_wrap section.wrap > * {
	position: relative;
	z-index: 1;
}
#hamonep_wrap section h2 {
	margin-top: -40px;
	font-size: 32px;
	color: #ff222a;
	text-align: center;
	/*width: 600px;
	padding: 4px 0;
	margin:10px auto 20px;
	background: #4548d3;*/
	text-shadow: 3px  3px 4px #fff,-3px  3px 3px #fff,3px -3px 3px #fff,-3px -3px 3px #fff,3px  0px 3px #fff,0px  3px 3px #fff,-3px  0px 3px #fff,0px -3px 3px #fff;
	margin-bottom: 10px;
}
#hamonep_wrap section .Twitter-wrap{
	margin-bottom: 10px;
}
#hamonep_wrap section .twitter-timeline{
	margin: auto;
}
#hamonep_wrap section h3 {
	/*margin-bottom: 10px;*/
	padding: 8px 10px;
	color: #ff222a;
	font-size: 180%;
	font-weight: bold;
	text-align: center;
	background-color: #fff;
}
#hamonep_wrap section h4 {
	font-size: 26px;
	color: #fff;
	text-align: center;
	padding: 4px 10px;
	margin: 0 18px;
	background-color: #ff222a;
}
#hamonep_wrap section h4 + .lead ,
#hamonep_wrap section h4 + .lead_03 {
	margin:0 18px;
}


#hamonep_wrap .Qualifications p {
	text-align: center;
}
#hamonep_wrap .Qualifications ul {
	margin: 0 100px;
	color: #fff;
	line-height: 1.6;
	font-size: 24px;
	font-weight: 600;
	text-align: left;
}
#hamonep_wrap .Qualifications ul small{
	display: block;
	margin: 0 0 0 20px;
	line-height: 1.4;
	font-size: 18px;
	font-weight: 300;
}

/*ボタン*/
#hamonep_wrap .btn_01 a{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	margin: 20px 80px;
	border-radius: 10px;
	background: #fff225;
	font-size: 26px;
	font-weight: 600;
	border: 2px #fff225 solid;
	color: #ff222a;
	padding: 20px;
}
#hamonep_wrap .btn_01 a:hover {
	opacity: 0.8;
}

/*装飾*/
#hamonep_wrap .lead b {
	color: #fff77a;
	font-size: 32px;
}
#hamonep_wrap .lead .b01 {
    font-size: 28px;
	color: #fff;
}
#hamonep_wrap .lead .b02 {
	font-size: 28px;
}
#hamonep_wrap .lead .b03 {
	font-size: 32px;
    color: #fff225;
}
#hamonep_wrap .lead_03 .b03 {
	color: #fff225;
	font-size: 32px;
    margin-bottm: 10px;
}
#hamonep_wrap .lead .b04 {
	font-size: 32px;
	color: #fff;
	background: linear-gradient(transparent 70%, #f44336 70%);
}
#hamonep_wrap .lead span.b05 {
	display: block;
	font-size: 13px;
	color: #fff;
	text-align: right;
	font-weight: normal;
	padding-top: 15px;
}
.cx_smartphoneview #hamonep_wrap .lead span.b05 {
	font-size: 19px;
}


/*コインロゴつきボタン*/
#hamonep_wrap .btn + .btn {
	margin-top: 12px;
}
#hamonep_wrap .btn a{
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	margin: 0 20px 0 44px;
	border-radius: 10px;
	background: #000;
	color: #fff;
	font-size: 26px;
	font-weight: 600;
	text-align: right;
}
#hamonep_wrap .btn a::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -24px;
	margin: auto;
	width: 90px;
	height: 90px;
	background: url("../img/logo_coin.png") no-repeat center/100%;
}
/*#hamonep_wrap .btn.btn-2021 a::before{
	background: url("../img/logo_coin_2021.png") no-repeat center/100%;
}
#hamonep_wrap .btn.btn-2022 a::before{
	background: url("../img/logo_coin_2022.png") no-repeat center/100%;
}*/
#hamonep_wrap .btn a:hover {
	background: #565656;
	/*color: #000;*/
}

#hamonep_wrap .btn.tx a{
	padding: 10px 20px 10px 70px;
	text-align: center;
	line-height: 1.4;
}

#hamonep_wrap .btn.noLink a{
	pointer-events: none;
}

/*↓コインロゴボタン個別色指定*/
#hamonep_wrap .btn.bn_01 a{
	background: #ff2021;
}
#hamonep_wrap .btn.bn_01 a:hover {
	background: #FF6869;
}
#hamonep_wrap .btn.bn_02 a{
	background: #4548d3;
}
#hamonep_wrap .btn.bn_02 a:hover {
	background: #9697E6;
}
#hamonep_wrap .btn.bn_03 a{
	background: #00baea;
}
#hamonep_wrap .btn.bn_03 a:hover {
	background: #63DFFF;
}
#hamonep_wrap .btn.bn_04 a{
	background: #00dfd8;
}
#hamonep_wrap .btn.bn_04 a:hover {
	background: #81FFEC;
}
#hamonep_wrap .btn.bn_05 a{
	background: #ef2679;
}
#hamonep_wrap .btn.bn_05 a span{
    display: inline-block;
    margin-top: 4px;
    font-size: 70%;
    font-weight: normal;
}
#hamonep_wrap .btn.bn_05 a span img{
	width:100px;
	height:auto;
	margin:2px 6px;
	vertical-align:bottom;
}
#hamonep_wrap .btn.bn_05 a:hover {
	background: #ff64a4;
}
#hamonep_wrap .btn.bn_06 a{
	background: #75c843;
}
#hamonep_wrap .btn.bn_06 a:hover {
	background: #AEEC5A;
}
#hamonep_wrap .btn.bn_07 a{
	background: #f98426;
}
#hamonep_wrap .btn.bn_07 a:hover {
	background: #FBB882;
}
#hamonep_wrap .btn.bn_09 a{
	background: #f6155a;
}
#hamonep_wrap .btn.bn_09 a:hover {
	background: #ff678e;
}
#hamonep_wrap .btn.bn_10 a{
	background: #f5d000;
}
#hamonep_wrap .btn.bn_10 a:hover {
	background: #FFE450;
}
#hamonep_wrap .btn.bn_11 a{
	background: #ff6c84;
}
#hamonep_wrap .btn.bn_11 a:hover {
	background: #ffb2bf;
}
#hamonep_wrap .btn.bn_12 a{
	background: #b6d816;
}
#hamonep_wrap .btn.bn_12 a:hover {
	background: #cee951;
}
#hamonep_wrap .btn.bn_13 a{
	background: #f5b300;
}
#hamonep_wrap .btn.bn_13 a:hover {
	background: #F3CE04;
}

#hamonep_wrap .btn.bn_14 a{
	background: #a88ed3;
}
#hamonep_wrap .btn.bn_14 a:hover {
	background: #b2a2cb;
}

.bn_08 {
	position: relative;
}
.bn_08__list {
	position: absolute;
	top: 100px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}
.bn_08__list li {
	display: inline-block;
	vertical-align: bottom;
	background-color: #000;
	border-radius: 10px;
}
.bn_08__list li + li {
	margin-top: 8px;
}
.bn_08__list li a {
}
.bn_08__list li a:hover {
	opacity: 0.6;
}

.bn_08_type2 {
	position: relative;
    background-image: linear-gradient(0deg, rgba(85, 85, 85, 1), rgba(0, 0, 0, 1));
    /*padding-bottom: 16px;*/
}
.bn_08_type2 p + p {
	margin-top: 10px;
}
.bn_08_type2 .bn_list li {
	background: #e81e1c;
    padding: 10px;
	margin-bottom: 10px;
}
.bn_08_type2 .bn_list li:hover {
	opacity: 0.6;
}
.bn_08_type2 .bn_list li a{
	color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
	position: relative;
}
.bn_08_type2 .bn_list li a span{
	position: absolute;
    width: 100%;
    left: 0;
    text-align: right;
}
.bn_list {
	margin: 10px auto 0;
	text-align: center;
}
.bn_list li {
	display: inline-block;
	width: 530px;
	vertical-align: bottom;
	background-color: #000;
	border-radius: 10px;
}
.bn_list li + li {
	margin-top: 8px;
}
.bn_list li a {
    display: block;
}
.bn_list li a:hover {
	opacity: 0.6;
}



/*ボタン2個*/
.btn-02{
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	margin: 0 20px 0 44px;
	padding: 16px 20px 16px 80px;
	border-radius: 10px;
	background: #fbff2a;
	color: #fff;
	font-size: 26px;
	font-weight: 600;
	text-align: right;
}
.btn-02::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -24px;
	margin: auto;
	width: 89px;
	height: 88px;
	background: url("../img/logo_coin.png") no-repeat center/100%;
}
.btn-02.btn-2021::before{
	width: 90px;
	height: 90px;
	background: url("../img/logo_coin_2021.png") no-repeat center/100%;
}
#hamonep_wrap .btn-02 p {
	color: #000;
	font-weight: bold;
}
.btn-02 p + p{
	margin-top: 4px;
}
.btn-02 a {
	display: block;
	padding: 10px;
	border-radius: 6px;
	color: #fff;
	background-color: #00b7ba;
}
.btn-02 a:hover {
	background-color: #007F81;
}




/*画像バナー*/
#hamonep_wrap * + .bn {
	margin-top: 12px;
}
#hamonep_wrap .bn_wrap > div + div {
	margin-top: 12px;
}

#hamonep_wrap .bn a:hover {
	opacity: 0.8;
}
#hamonep_wrap .bn a img {
	max-width: 570px;
	height: auto;
}


#hamonep_wrap .btn_02 a,
#hamonep_wrap .btn_03 a,
#hamonep_wrap .btn_04 a{
    position: relative;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	width: 540px;
	margin: 0 auto;
	padding: 20px 30px 20px 20px;
	border-radius: 10px;
	background: #c00;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
#hamonep_wrap .btn_03 a{
	background: #4548d3;
}
#hamonep_wrap .btn_04 a{
	background: #00baea;
}
#hamonep_wrap .btn_02 p a:after,
#hamonep_wrap .btn_03 p a:after,
#hamonep_wrap .btn_04 p a:after{
    content: "";
    display: block;
    position: absolute;
	margin: auto;
    top: 0;
	bottom: 0;
    right: 12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 12px;
    border-color: transparent transparent transparent #fff;
}
#hamonep_wrap .btn_02 p a:hover:after{
    border-color: transparent transparent transparent #c00;
}
#hamonep_wrap .btn_03 p a:hover:after{
    border-color: transparent transparent transparent #4548d3;
}
#hamonep_wrap .btn_04 p a:hover:after{
    border-color: transparent transparent transparent #00baea;
}
#hamonep_wrap .btn_02 a:hover {
	background: #ffffff;
	color: #c00;
}
#hamonep_wrap .btn_03 a:hover {
	background: #ffffff;
	color: #4548d3;
}
#hamonep_wrap .btn_04 a:hover {
	background: #ffffff;
	color: #00baea;
}
#hamonep_wrap .btn_02 .lead02 {
	font-size: 22px;
}
#hamonep_wrap .lead_02{
	text-align: left;
	margin: 0 0 80px 80px;
	line-height: 1.4;
	font-size: 18px;
	font-weight: 300;
	color: #fff;
}
#hamonep_wrap .lead_03 {
	color: #fff;
	margin: 40px 50px;
	background-color: rgba(0,0,0,0.67);
	padding: 24px;
}


#hamonep_wrap .lead small{
	display: block;
	line-height: 1.4;
	font-size: 18px;
	font-weight: 300;
}
#hamonep_wrap ul.dotList {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	margin: 10px 50px 0;
    padding: 16px 24px;
	text-align: left;
}
#hamonep_wrap ul.dotList li{
	position: relative;
	padding-left: 1em;
}
#hamonep_wrap ul.dotList li::before{
	content: "・";
	position: absolute;
	left: 0;
	top: 0;
}
#hamonep_wrap ul.dotList li + li{
	margin-top: 8px;
}
#hamonep_wrap ul.dotList li .note {
	display: inline-block;
	font-size: 76%;
	font-weight: normal;
	line-height: 1.2;
}
#hamonep_wrap ul.dotList-2 {
	color: #fff;
	margin: 0px 10px 10px;
	padding: 0;
}
.cx_smartphoneview #hamonep_wrap ul.dotList.dotList-2 {
	padding: 0;
}
#hamonep_wrap .lead ul.dotList-2 .note {
	margin-top: 0.4em;
}

#hamonep_wrap .bg-black {
	margin-bottom: 10px;
	padding: 24px 8px;
	background-color: rgba(0,0,0,0.67);
	color: #fff;
	text-align: center;
}

#hamonep_wrap .lead {
	margin-bottom: 10px;
	padding: 24px 8px;
	background-color: rgba(0,0,0,0.67);
	text-align: center;
}
#hamonep_wrap .lead.header-special_wrap{
	padding: 0 12px 24px !important;
}
#hamonep_wrap .lead img {
	max-width: 100%;
	height: auto;
}

#hamonep_wrap .lead .note {
	display: inline-block;
	margin-top: 0.7rem;
	font-size: 76%;
	font-weight: normal;
}

/* 投票企画 */
#hamonep_wrap .team-list {
	padding: 24px 20px;
	font-size: 22px;
	text-align: left;
	line-height: 1.5;
}
#hamonep_wrap .team-list dt {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: .5em;
}
#hamonep_wrap .team-list dt span {
	background: #f60c14;
	padding: 0.25em;
}
#hamonep_wrap .team-list dd + dt {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid;
}

.btn-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 580px;
	margin: 10px auto 0;
}
.btn-list li {
	width: 288px;
}
.btn-list li:nth-of-type(2n) {
	margin-left: 4px;
}
.btn-list li:nth-of-type(n+3) {
	margin-top: 4px;
}
.btn-list li a {
	display: block;
	padding: 24px 12px;
	color: #ff222a;
	font-size: 24px;
	font-weight: bold;
	transition: all .3s;
	border-radius: 10px;
	background: #fff225;
}
.cx_displaydevice .btn-list li a:hover {
	opacity: 0.8;
}


/* twitter */
#hamonep_wrap #hamonep_twitter{
	margin: 10px 50px;
	height: 460px;
	border: 2px solid #ffffff;
	background-color: #ffffff;
	overflow-y: scroll;
}
#hamonep_wrap #hamonep_twitter *{
	font-size: 14px;
}
.cx_smartphoneview #hamonep_wrap #hamonep_twitter *{
	font-size: 18px;
}
#hamonep_wrap #hamonep_twitter p{
	color: #333;
	font-weight: normal;
	line-height: 1.4;
}
#hamonep_wrap #hamonep_twitter p,
#hamonep_wrap #hamonep_twitter p a {
	text-align: left;
}
#hamonep_wrap #hamonep_twitter .muttersWrap .mutters {
	padding: 20px;
}
#hamonep_wrap #hamonep_twitter .muttersWrap .mutters .nam {
	width: 410px;
	height: auto;
	margin-left: 10px;
}


#hamonep_wrap #movieBox {
	width: 600px;
	margin: 0 auto;
}
#hamonep_wrap #movieBox .movieHead {
    color: #fff;
	background-color: #4548d3;
}
#hamonep_wrap #movieBox .movie {
    border: 2px solid #4548d3;
}

/*出場者*/
#hamonep_wrap .colbox{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
	width: 570px;
	margin: auto;
}
.colbox li{
    position: relative;
    background: #000;
    width: 280px;
}
.colbox li + li {
    margin-left: 10px;
}
.colbox li:nth-of-type(n+3) {
    margin-top: 10px;
}
.colbox li:nth-of-type(2n+1) {
    margin-left: 0;
}

.colbox li.entry_txt{
/*    background: rgba(0,0,0,0.67);*/
    width: 280px;
}
.colbox li.entry_txt .ph{
    position: absolute;
	left: 50%;
    top: 50%;
	transform: translate(-50%,-50%);
	width: 90%;
}


#hamonep_wrap .colbox li .entry_num{
	position: relative;
    background: #fc222c;
    color: #fff;
	font-size: 17px;
    font-weight: 600;
    padding: 4px 6px 4px 67px;
	text-align: left;
}
.colbox li .entry_num::before{
	content: "";
	position: absolute;
	top: -5px;
	left: 5px;
	width: 60px;
	height: 60px;
    background: url("../img/logo_coin.png") center / contain;
}
.colbox li .entry_num.entry_num-2021::before{
    background: url("../img/logo_coin_2021.png") center / contain;
}
.colbox li .entry_num.entry_num-2022::before{
    background: url("../img/logo_coin_2022.png") center / contain;
}
.colbox li .entry_num.entry_num-2023::before{
    background: url("../img/logo_coin_2023.png") center / contain;
}
.colbox li .entry_num.entry_num-2024::before{
	top: -5px;
	left: 5px;
	width: 60px;
	height: 40px;
    background: url("../img/logo_coin_2024.png") center / contain;
}
.colbox li .entry_num.entry_num-highschool::before{
	top: -5px;
	left: 5px;
	width: 60px;
	height: 40px;
    background: url("../img/logo_coin_highschool.png") center / contain;
}
.colbox li .ph img{
    width: 100%;
	height: auto;
}
.colbox li .oa{
    background: #000;
    padding: 2px 0;
}
#hamonep_wrap .colbox li .oa p {
    color: #fff;
    font-size: 14px;
}
#hamonep_wrap .colbox li .ht2{
    background: #fff;
    color: #000;
    font-weight: 600;
    padding: 14px 0;
}
#hamonep_wrap .colbox li .font_s{
    font-size: 15px;
    background: #fff;
    color: #000;
    font-weight: 600;
    padding: 5px 0 5px 5px;
}
.colbox:after{
    content: "";
    display: block;
    clear: both;
}

.colbox .victory{
    position: relative;
}
.colbox .victory .entry_num{
    text-align: right;
    padding: 4px 10px;
}
.colbox .victory .entry_num:after{
    content: "";
    display: block;
    position: absolute;
    top: 175px;
    right: 5px;
    width: 78px;
    height: 48px;
    background: url(../img/result_no1.png) no-repeat;
    background-size: 78px;
}


/*ライブ情報*/
#hamonep_wrap .live_info{
	margin-bottom: 0;
	background-color: #fc222c;
}

#hamonep_wrap .live_info .lead {
	margin-bottom: 0;
	padding: 10px 8px 4px;
	background-color: #fc222c;
}
#hamonep_wrap .live_info .lead p {
	font-size: 150%;
}
#hamonep_wrap .live_info .lead p span.size_120 {
	font-size: 120%;
}

#hamonep_wrap .live_info ul{
	border: 4px solid #fc222c;
	padding: 10px 16px;
	color: #fff;
	font-weight: bold;
	background-color: rgba(25,0,1,0.86);
}
#hamonep_wrap .live_info ul li {
	padding: 10px;
	border-bottom: 1px dashed #fff;
}
#hamonep_wrap .live_info ul li:last-of-type {
	border-bottom: none;
}
#hamonep_wrap .live_info ul li:after{
    content: "";
    display: block;
    clear: both;
}
#hamonep_wrap .live_info ul li span {
    float: left;
	display: inline-block;
	width: 132px;
    padding: 4px;
	font-size: 120%;
	text-align: center;
	background-color: #064a48;
}
#hamonep_wrap .live_info ul li p {
    padding-left: 164px;
	text-align: left;
}


#hamonep_wrap .live_info ul li.info {
    margin-top: 6px;
}
#hamonep_wrap .live_info ul li.info p {
    padding-left: 0;
	text-align: center;
}

#hamonep_wrap .live_info ul li.info .release .date_head {
	margin-bottom: 4px;
	background-color: #fc232d;
}
#hamonep_wrap .live_info ul li.info .release.float_l {
    float: left;
	display: block;
	width: 52%;
}
#hamonep_wrap .live_info ul li.info .details_btn p a {
	display: block;
	/*padding: 16px 12px 16px 16px;*/
	padding: 30px 12px 30px 16px;
    border-radius: 10px;
	color: #fc232e;
	font-size: 120%;
	text-decoration: none;
	background-color: #feeb0d;
}
#hamonep_wrap .live_info ul li.info .details_btn p a:hover {
	opacity: 0.8;
}
#hamonep_wrap .live_info ul li.info .details_btn p a::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 10px;
	border-style: solid;
	border-width: 8px 0 8px 10px;
	border-color: transparent transparent transparent #fc232d;
	vertical-align: middle;
}
#hamonep_wrap .live_info ul li.info .details_btn.float_r {
    float: right;
	display: block;
	width: 45%;
}


#hamonep_wrap .live_info .inner{
	border: 4px solid #fc222c;
	padding: 10px 16px;
	background-color: rgba(25,0,1,0.86);
}
#hamonep_wrap .live_info .inner p{
    margin-bottom: 14px;
	color: #fff;
    font-size: 110%;
	font-weight: normal;
    text-align: left;
}
.cx_smartphoneview #hamonep_wrap .live_info .inner p{
    font-size: 126%;
}
#hamonep_wrap .live_info .inner .sign{
    margin-top: 1.3em;
	text-align: right;
}

#hamonep_wrap .live_info .inner ul{
    border: none;
    padding: 0;
}

#hamonep_wrap .frame {
    margin-top: 10px;
    display: block;
    padding: 12px;
    color: #404040;
    background-color: #fdf188;
}

#hamonep_wrap .tx_link {
    display: inline;
    color: #fc232c;;
}
#hamonep_wrap .tx_link:hover {
    text-decoration: underline;
}



/*===サブページ===*/
#fp-wrap.sub {
	background: url(../img/bg04.png) center, url(../img/bg02.png);
}
#fp-wrap.sub #fp-contents #fp-l h2 {
    margin: 30px 0 20px;
    color: #fc222c;
    font-size: 20px;
    text-align: left;
    padding: 0 0 0.25rem;
    border-bottom: 1px solid #fc222c;
    text-shadow: none;
}
.cx_smartphoneview #fp-wrap.sub #fp-contents #fp-l h2 {
    font-size: 28px;
}

#fp-wrap.sub #hamonep_wrap #inner {
	margin: 0 20px 80px;
	background-color: #fff;
	border-radius: 0 0 10px 10px;
	padding: 20px 20px 32px;
}
#fp-wrap.sub #hamonep_wrap #inner.w100 {
	margin: 0 auto 80px;
	border-radius: 10px 10px;
    overflow: hidden;
}
.cx_smartphoneview #fp-wrap.sub #hamonep_wrap #inner.w100 {
	border-radius: 0;
}

#fp-wrap.sub #hamonep_wrap .lead {
    margin: -20px -20px 0;
    text-align: center;
    line-height: 1.4;
    background-color: #07ada6;
}

#fp-wrap.sub #hamonep_wrap p,
#fp-wrap.sub #hamonep_wrap dd {
	color: #333333;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	line-height: 1.6;
}
#fp-wrap.sub #hamonep_wrap p + p {
	margin-top: 1.5rem;
}
#fp-wrap.sub #hamonep_wrap p.bold {
	font-weight: bold;
}
#fp-wrap.sub #hamonep_wrap p.red {
	color: #fc222c;
}
#fp-wrap.sub #hamonep_wrap #inner .tx_small {
	font-size: 94%;
}

#fp-wrap.sub #hamonep_wrap a {
	display: inline-block;
	color: #00b3ac;
	text-align: left;
}
#fp-wrap.sub #hamonep_wrap a:hover {
	text-decoration: underline;
}

#fp-wrap.sub #hamonep_wrap section + section {
	margin-top: 30px;;
}

#fp-wrap.sub #hamonep_wrap dl dt {
	margin-bottom: 6px;
	font-size: 110%;
	font-weight: bold;
}
#fp-wrap.sub #hamonep_wrap .info dl dt {
	padding: 2px 8px;
	background-color: #c3f3f1;
}
#fp-wrap.sub #hamonep_wrap .info dl dt.center {
	padding: 12px 8px;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}
#fp-wrap.sub #hamonep_wrap dl dd {
	padding: 2px 8px;
}
#fp-wrap.sub #hamonep_wrap dl dd + dt {
	margin-top: 20px;
}

#fp-wrap.sub #hamonep_wrap .sub_sec_head {
	margin-bottom: 6px;
	font-size: 110%;
	font-weight: bold;
	padding: 2px 8px;
	background-color: #c3f3f1;
}
#fp-wrap.sub #hamonep_wrap .sub_sec_head_02 {
    margin: 10px 0;
    padding: 4px 6px;
    border-bottom: 1px solid #A6E8E5;
    border-left: 10px solid #A6E8E5;
    font-weight: bold;
}

#fp-wrap.sub #hamonep_wrap .info dl dd ul {
	margin-top: 6px;
}

#fp-wrap.sub #hamonep_wrap .caution dl {
	margin-top: 16px;
}
#fp-wrap.sub #hamonep_wrap .caution dl dt {
	margin-top: 16px;
	border-left: 6px solid #ccc;
	border-bottom: 2px solid #ccc;
	padding-left: 4px;
}
#fp-wrap.sub #hamonep_wrap .caution dl.tx_small dd {
	font-size: 94%;
}

#fp-wrap.sub #hamonep_wrap .caution_list {
    line-height: 1.4;
}
#fp-wrap.sub #hamonep_wrap .caution_list > li {
    margin-top: 0.5rem;
    padding-left: 1rem;
    text-indent: -1rem;
}
#fp-wrap.sub #hamonep_wrap .caution_list > li ul li {
    margin-top: 0.05rem;
    padding-left: 1rem;
    text-indent: -1rem;
}



#fp-wrap.sub #hamonep_wrap .contact p:not(.sub_sec_head) {
	padding: 2px 8px;
}

#fp-wrap.sub #hamonep_wrap .contact .btn_nomal,
#fp-wrap.sub #hamonep_wrap .btn_nomal {
	margin: 10px auto;
	text-align: center;
}
#fp-wrap.sub #hamonep_wrap .contact .btn_nomal a,
#fp-wrap.sub #hamonep_wrap .btn_nomal a {
	display: inline-block;
	padding: 20px 40px;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	background-color: #ff222a;
	border-radius: 8px;
}
#fp-wrap.sub #hamonep_wrap .contact .btn_nomal a:hover,
#fp-wrap.sub #hamonep_wrap .btn_nomal a:hover {
	text-decoration: none;
	opacity: 0.76;
}

#fp-wrap.sub #hamonep_wrap .btn a {
    display: block;
    width: 516px;
    margin: 0 auto;
    text-align: right;
}



/*サブ2*/
#fp-wrap.sub2 h1 {
	text-align: center;
    margin: 20px;
}
#fp-wrap.sub2 #fp-contents #fp-l h2 {
    margin: 0 auto;
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding: 10px 0;
    background: #07ada6;
    border-bottom: none;
}
#fp-wrap.sub2 h2 span {
    color: #fffa00;
}
#fp-wrap.sub2 #contents,
#fp-wrap.sub2 .contents {
	margin: 10px;
    /*width: 600px;*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}
#fp-wrap.sub2 #contents .inner,
#fp-wrap.sub2 .contents .inner {
	padding: 20px 24px;
}
#fp-wrap.sub2 #hamonep_wrap p.middle_text {
    margin: 0 0 10px;
    font-size: 120%;
    text-align: center;
    font-weight: bold;
}
#fp-wrap.sub2 #hamonep_wrap dl + dl {
    margin-top: 20px;
}
#fp-wrap.sub2 #hamonep_wrap .item1 {
    display: block;
    background-color: #feffa5;
    padding: 6px;
}
#fp-wrap.sub2 #hamonep_wrap .item2 {
    display: block;
    background-color: #f0f1e6;
    padding: 6px;
	margin-bottom: 6px;
}
/*#fp-wrap.sub2 #hamonep_wrap .item2 + .item1 {
	margin-top: 16px;
}*/

#fp-wrap.sub2 #hamonep_wrap .song_list dd {
	position: relative;
}
#fp-wrap.sub2 #hamonep_wrap .song_list dd + dd {
	border-top: 1px solid #d0d0d0;
}
#fp-wrap.sub2 #hamonep_wrap .song_list .num {
	position: absolute;
	display: inline-block;
}
#fp-wrap.sub2 #hamonep_wrap .song_list .song {
	display: block;
	padding-left: 2.2em;
}


#fp-wrap.sub2 #hamonep_wrap .al_cover {
	text-align: center;
}
#fp-wrap.sub2 #hamonep_wrap .al_cover .al_img {
	margin: 0 auto;
	width: 300px;
	border: 2px solid #ccc;
	border-radius: 10px;
	overflow: hidden;
}
#fp-wrap.sub2 #hamonep_wrap .al_cover a.al_img:hover {
	opacity: 0.7
}
/*===/サブページ===*/

/*----------------------------------------
　　　live/index.html style
-----------------------------------------*/
#hamonep_wrap #inner .group{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
#hamonep_wrap #inner .group img{
	width: calc(100% / 3);
}
#hamonep_wrap #inner .goods{
	width: 90%;
    margin: auto;
}
#hamonep_wrap #inner .goods img{
	border: 1px solid #7e7e7e;
    margin-bottom: 20px;
}
#hamonep_wrap #inner .goods img:last-child{
    margin-bottom: 0;
}



/*SP*/
.cx_smartphoneview #fp-wrap {
	/*background: url(../img/bg03.png) repeat-x top, url(../img/bg04.png) center 400px, url(../img/bg02.png);*/
	background: url(../img/bg05.png) repeat-x top, url(../img/bg04.png) center 400px, url(../img/bg02.png);
}

.cx_smartphoneview #hamonep_wrap p {
	font-size: 24px;
}
.cx_smartphoneview #hamonep_wrap section h3 {
	font-size: 30px;
	padding: 10px;
}
.cx_smartphoneview #hamonep_wrap section h4 {
	font-size: 30px;
}
.cx_smartphoneview #hamonep_wrap .Qualifications ul {
	margin: 0 50px;
	font-size: 28px;
}
.cx_smartphoneview #hamonep_wrap .Qualifications ul small{
	display: block;
	margin: 0 30px 0;
	line-height: 1.4;
	font-size: 20px;
	font-weight: 300;
}
.cx_smartphoneview #hamonep_wrap .lead small{
	display: block;
	line-height: 1.4;
	font-size: 20px;
	font-weight: 300;
}
.cx_smartphoneview #hamonep_wrap .lead　 {
	margin: 40px 0 80px;
	color: #fff;
	line-height: 1.6;
	font-size: 32px;
	font-weight: 600;
	text-align: center;
}
.cx_smartphoneview #hamonep_wrap .lead b {
	/*color: #fff77a;*/
	font-size: 40px;
}
.cx_smartphoneview #hamonep_wrap .lead .b01 {
	color: #fff;
    font-size: 34px;
}
.cx_smartphoneview #hamonep_wrap .lead .b02 {
	font-size: 32px;
}
.cx_smartphoneview #hamonep_wrap .lead .b03 {
    color: #fff225;
	font-size: 40px;
}
.cx_smartphoneview #hamonep_wrap .lead_03 .b03 {
	color: #fff225;
	font-size: 36px;
}
.cx_smartphoneview #hamonep_wrap .lead .b04 {
	/*color: #fff;*/
	font-size: 30px;
}
.cx_smartphoneview #hamonep_wrap .lead_03 {
	color: #fff;
	/*margin: 40px 0;*/
	/*background-color: rgba(0,128,25,0.5);*/
	padding: 40px 0;
}
.cx_smartphoneview #hamonep_wrap .btn_01 a{
	font-size: 28px;
	margin: 30px 20px;
}
/*.cx_smartphoneview #hamonep_wrap .btn_01 a:hover {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	background: #fff225;
	margin: 0 20px 40px;
	border-radius: 10px;
	font-size: 28px;
	font-weight: 600;
	border: 2px #fff225 solid;
	color: #387c31;
	padding: 20px;
}*/
.cx_smartphoneview #hamonep_wrap .lead_02{
	text-align: left;
	margin: 0 0 80px 20px;
	line-height: 1.4;
	font-size: 22px;
	font-weight: 300;
	color: #fff;
}
.cx_smartphoneview #hamonep_wrap ul.dotList {
	font-size: 24px;
	padding: 20px 20px 20px 16px;
	/*margin: 15px 50px;*/
}


/*.cx_smartphoneview #hamonep_wrap .colbox li .entry_num{
	font-size: 22px;
}*/

/*===サブページ===*/
.cx_smartphoneview #fp-wrap.sub {
	background: url(../img/bg04.png) center, url(../img/bg02.png);
}
.cx_smartphoneview #fp-wrap.sub,
.cx_smartphoneview #fp-wrap.sub #hamonep_wrap .info p {
	font-size: 140%;
}
.cx_smartphoneview #fp-wrap.sub #hamonep_wrap .contact p:not(.sub_sec_head) {
	font-size: 100%;
}
.cx_smartphoneview #fp-wrap.sub #hamonep_wrap  #inner .info dl dd ul.tx_small {
	font-size: 110%;
}
.cx_smartphoneview #fp-wrap.sub #hamonep_wrap .caution .sub_sec_head + p{
	font-size: 90%;
}
.cx_smartphoneview #fp-wrap.sub #hamonep_wrap .info dl dt {
	padding: 10px 8px;
}

/*サブ2*/
.cx_smartphoneview #fp-wrap.sub2 #contents .inner,
.cx_smartphoneview #fp-wrap.sub2 .contents .inner {
	padding: 20px 10px;
}
.cx_smartphoneview #fp-wrap.sub2 h2 {
    font-size: 120%;
	line-height: 1.5;
}
.cx_smartphoneview #fp-wrap.sub2 #hamonep_wrap p.middle_text {
    font-size: 120%;
}
.cx_smartphoneview #fp-wrap.sub2 #hamonep_wrap dl dt,
.cx_smartphoneview #fp-wrap.sub2 #hamonep_wrap dl dd {
	font-size: 120%;
}

/*===/サブページ===*/

/*マージン*/
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}

/*-------------
　下層ページ PC
---------------*/

#hamonep_wrap .page p {
    color: #fff !important;
    line-height: 1.6 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    text-align: center !important;
}

#hamonep_wrap .page {
    margin: 0 !important;
	-webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    overflow: unset !important;
    background: none !important;
}

#hamonep_wrap .page .wrap .lead{
    margin-bottom: 10px !important;
    padding: 24px 8px !important;
    background-color: rgba(0,0,0,0.67) !important;
    text-align: center !important;
    margin: 0 0 0 !important;
}

#hamonep_wrap .page .wrap .lead .note{
    display: inline-block !important;
    margin-top: 0.7rem !important;
    font-size: 16px !important;
    font-weight: normal !important;
}

#hamonep_wrap .page .wrap a {
    color: #ff222a !important;
	text-decoration: none !important;
}

/*-------------
　下層ページ SP
---------------*/

.cx_smartphoneview #hamonep_wrap .page p {
    color: #fff !important;
    line-height: 1.6 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    text-align: center !important;
}

.cx_smartphoneview #hamonep_wrap .page {
    margin: 0 !important;
	-webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    overflow: unset !important;
    background: none !important;
}

.cx_smartphoneview #hamonep_wrap .page .wrap .lead{
    margin-bottom: 10px !important;
    padding: 24px 8px !important;
    background-color: rgba(0,0,0,0.67) !important;
    text-align: center !important;
    margin: 0 0 0 !important;
}

.cx_smartphoneview #hamonep_wrap .page .wrap .lead .note{
    display: inline-block !important;
    margin-top: 0.7rem !important;
    font-size: 16px !important;
    font-weight: normal !important;
}

.cx_smartphoneview #hamonep_wrap .page .wrap a {
    color: #ff222a !important;
	text-decoration: none !important;
}

/*----------------------------------------
　　　live/index.html style
-----------------------------------------*/
.cx_smartphoneview #hamonep_wrap #inner .group{
	display: block;
}
.cx_smartphoneview #hamonep_wrap #inner .group img{
	width: 100%;
	margin-bottom: 20px;
}
.cx_smartphoneview #hamonep_wrap #inner .group_2 img:last-child{
	margin-bottom: 0;
}

/* Twitter⇒X対応 ---------- */
#hamonep_wrap section.wrap.twitter{
	position: unset;
    margin: 0 20px 60px;
    padding: 0;
}
#tw a {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 12px 0;
    text-decoration: none;
    position: relative;
}
#tw a::after{
    position: absolute;
    content: ">";
    top: 0;
    right: 0;
    width: 40px;
    padding: 8px 0;
    text-align: center;
    color: #000;
    font-size: 160%;
}
#tw a:hover{
    opacity: 0.8;
}
#tw a .tw_inner {
    display: inline-block;
    margin-right: 12px;
    position: relative;
}
#tw a .tw_inner img{
    width: 25px;
    height: 25.52px;
    margin-bottom: 2px;
}
#tw a p {
    color: #000;
    margin: 0;
    font-size: 1.4em;
    font-weight: bolder;
}

body.cx_smartphoneview #tw a .tw_inner {
    margin-right: 15px;
}
body.cx_smartphoneview #tw a {
    padding: 15px;
}
body.cx_smartphoneview #tw a::after {
    width: 60px;
    padding: 18px 0;
}
body.cx_smartphoneview #tw a .tw_inner img {
    width: 36px;
    height: 36.75px;
}
body.cx_smartphoneview #tw a p {
    font-size: 30px;
}

/*-------------------------------------

 VS アイコン

　-------------------------------------*/
.icon_vs{
	position: absolute;
    z-index: 1;
    top: 50%;
    right: -38px;
}
/*-------------------------------------

 ライン

　-------------------------------------*/
.line{
	display: block;
    border: 1px solid #fff;
    margin: 5px 0;
}


/*-------------------------------------

 アンカーリンクボタン

　-------------------------------------*/
.anchorLink{
	margin: 0 20px 60px;
    padding: 26px 10px 26px;
    background-color: rgba(0, 223, 216, 0.40);
}
.anchorLinkText{
	padding: 16px 0 8px;
}
.TextNote{
	font-size: 14px !important;
    color: #000;
    background: #fff225;
    padding: 6px 8px;
	border-radius: 6px;
	display: block;
    width: 90%;
    margin: auto;
}
body.cx_smartphoneview .TextNote{
	font-size: 20px !important;
	padding: 4px 8px
}
.anchorLink-area{
	/*display: flex;
    justify-content: center;*/
}
.anchorBtn{
	color: #fff;
    font-weight: bold;
    background: #0D1127;
    padding: 18px 40px 16px 40px;
    border-radius: 5rem;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 0.025em;
	overflow: hidden;
	position: relative;
}
body.cx_smartphoneview .anchorBtn{
	padding: 18px 30px 16px 30px;
    font-size: 20px;
}
.anchorBtn span{
	position: relative;
}

.anchorBtn:before {
	position: absolute;
	top: 0;
	left: -30px;
	/*width: 150%;
  	height: 500%;*/
	width: 120%;
	height: 600%;
	content: '';
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform: translateX(-98%) translateY(-70%) rotate(135deg);
  transform: translateX(-98%) translateY(-70%) rotate(135deg);
}
.anchorLink-1:before {
	background: #459fc6;
}
.anchorLink-2:before {
	background: #f31a5a;
}
.anchorBtn:hover:before {
	-webkit-transform: translateX(-9%) translateY(-25%) rotate(135deg);
  transform: translateX(-9%) translateY(-25%) rotate(135deg);
}
.anchorLink-1{
	margin-right: 6px;
	border: 5px solid #459fc6;
	background: #2d6983;
}
.anchorLink-2{
	/*margin-left: 6px;*/
	border: 5px solid #f31a5a;
	background: #9a1039;
}

#anchorLink-1.wrap{
	background-color: #459fc6 !important;
}
#anchorLink-1 .oadate{
	color: #fff !important;
    font-size: 28px !important;
    border-top: 1px solid #fff;
    padding-top: 6px;
}
#anchorLink-1 .textarea{
	color: #ff222a !important;
    font-size: 24px !important;
	background: #fff77a;
    padding: 5px;
}
#anchorLink-2.wrap{
	background-color: #f31a5a !important;
}
#anchorLink-2 .oadate{
	color: #fff !important;
    font-size: 28px !important;
    border-top: 1px solid #fff;
    padding-top: 6px;
}
.cx_smartphoneview #anchorLink-1 .oadate{
    font-size: 34px !important;
	padding-top: 8px;
}
.cx_smartphoneview #anchorLink-2 .oadate{
    font-size: 34px !important;
	padding-top: 8px;
}

/*-------------------------------------

 延期文言

　-------------------------------------*/
.reschedule_tlt{
	font-size: 24px !important;
}
.reschedule_txt{
	font-size: 22px !important;
}
.reschedule_date{
	font-size: 16px !important;
    color: #fff !important;
    background: #b00008 !important;
    padding: 4px 12px !important;
    margin-top: 4px !important;
    display: inline-block !important;
}




/* ----------------------------------------------------- */
/* 全国ハモネプ大リーグ (4等分)                  */
/* ----------------------------------------------------- */
.majorleague-content .container {
    width: 100%; 
    margin: 0 auto;
    box-sizing: border-box;
    display: grid;
	/* 1:1の2列 */
    grid-template-columns: 1fr 1fr;
	/* 2行。高さを内容に合わせる */
    grid-template-rows: auto auto;
    gap: 20px;
    padding: 20px;
	margin-bottom: 20px;
}
.majorleague-content .container.block-a{
	background: rgb(252 34 44 / 50%);
}
.majorleague-content .container.block-b{
	background: rgb(0 123 255 / 50%);
}
.majorleague-content .container.block-c{
	background: rgb(40 167 69 / 50%);
}
.majorleague-content .container.block-d{
	background: rgb(255 193 7 / 50%);
}
.majorleague-content .block {
    box-sizing: border-box;
    width: 100%;
    position: relative;
}
/* 1. ブロック名 エリア */
.majorleague-content .block-name {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff; 
    font-size: 24px;
    font-weight: bold; 
}
.majorleague-content .block-a .block-name {
    background-color: #E91E63;
}
.majorleague-content .block-b .block-name {
    background-color: #2196F3;
}
.majorleague-content .block-c .block-name {
    background-color: #4CAF50;
}
.majorleague-content .block-d .block-name {
    background: #FFD200;
}
/* ----------------------------------------------------- */
/* 2,3,4. 各チーム エリア スタイル       */
/* ----------------------------------------------------- */
.majorleague-content .entry_num {
    position: relative;
    line-height: 1.5 !important;
    padding: 4px 6px 4px 74px;
    text-align: left;
    margin: 0;
}
.majorleague-content .block-a .entry_num{
	background: #fc222c;
}
.majorleague-content .block-b .entry_num{
	background: #007bff;
}
.majorleague-content .block-c .entry_num{
	background: #28a745;
}
.majorleague-content .block-d .entry_num{
	background-color: #FBC02D;
}
.majorleague-content .entry_num span{
    font-size: 14px !important;
	font-weight: normal !important;
}
.majorleague-content .entry_num::before {
	content: "";
	position: absolute;
	left: 5px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.majorleague-content .entry_num-majorleague::before {
	top: 8px;
	width: 60px;
	height: 40px;
	background-image: url("../img/logo_coin_2024.png"); 
}
.majorleague-content .ph {
    width: 100%; 
    padding-bottom: calc(158 / 280 * 100%);
    position: relative;
    overflow: hidden;
    background: #000;
}
.majorleague-content .ph img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.majorleague-content .oa {
    background: #000;
    padding: 6px 0;
    text-align: center;
}
.majorleague-content .oa p {
	font-size: 14px !important;
    margin: 0;
}
/* ----------------------------------------------------- */
        /* for Smartphone */
/* ----------------------------------------------------- */
@media screen and (max-width: 768px) {
	.majorleague-content .container {
		display: block; 
		padding: 10px;
	}
	.majorleague-content .block {
		width: 100%;
		margin-bottom: 20px;
		grid-column: auto !important;
		grid-row: auto !important;
		font-size: 32px !important;
	}
	.majorleague-content .entry_num {
		font-size: 32px !important;
	}
	.majorleague-content .entry_num span {
		font-size: 24px !important;
	}
	.majorleague-content .entry_num-majorleague::before {
		width: 130px !important;
		height: 80px !important;
	}
	.majorleague-content .oa p {
		font-size: 24px !important;
	}
}
/* ----------------------------------------------------- */
/* 大会概要：                  */
/* ----------------------------------------------------- */
.league-content .heading-league {
	color: #000;
    font-size: 20px;
    font-weight: bold;
    background: #449ec6;
    text-align: center;
    padding: 6px 0;
}
.league-content .ttl-league p{
	font-size: 28px !important;
	text-align: center;
}
.area-wrapper {
	padding: 24px 8px;
	background-color: rgba(0, 0, 0, 0.67);
}
.area-wrapper + .area-wrapper {
    margin-top: 18px;
}
.cast-league .member-category{
	color: #fff;
    font-size: 18px;
    text-align: center;
    border-top: 0.5px solid #fff;
    border-bottom: 0.5px solid #ffF;
    background: #607D8B;
	margin-bottom: 10px;
}
.cast-league  .member-detail p{
	line-height: 1.7 !important;
    font-size: 18px !important;
	margin-bottom: 20px !important;
}
.cast-league  .member-detail p .groupname{
	font-size: 14px !important;
    font-weight: normal !important;
}
.cast-league  .member-detail:last-child p{
	margin-bottom: 0  !important;
}
.rule-league .heading-rule-league{
	color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #fff;
    background: #FF5722;
    margin-bottom: 24px;
    padding: 4px 0;
}
.rule-league .rule-section h3{
	color: #fff !important;
    font-size: 20px !important;
    font-weight: bold !important;
    text-align: center !important;
    border-top: 0.5px solid #fff !important;
    border-bottom: 0.5px solid #fff !important;
    padding: 0 !important;
    background: rgb(255 255 255 / 25%) !important;
	margin-bottom: 6px;
}
.rule-league .rule-section .rule-list{
    padding-left: 20px !important;
}
.rule-league .rule-section .rule-list li{
	color: #fff;
	list-style: disc !important;
	list-style-type: disc !important;
}
.rule-league .rule-section.other-rules h3{
    background: transparent !important;
}
/* ----------------------------------------------------- */
        /* for Smartphone */
/* ----------------------------------------------------- */
@media screen and (max-width: 768px) {
	.league-content .heading-league {
		color: #000;
		font-size: 28px;
	}
	.league-content .ttl-league p {
		font-size: 32px !important;
	}
	.cast-league .member-category {
		font-size: 28px;
	}
	.cast-league .member-detail p {
		font-size: 28px !important;
	}
	.cast-league .member-detail p .groupname {
		font-size: 20px !important;
	}
	.rule-league .heading-rule-league {
		font-size: 28px;
	}
	.rule-league .rule-section h3 {
		font-size: 28px !important;
	}
	.rule-league .rule-section .rule-list li {
		font-size: 24px;
	}
}