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


/* 基本テキスト *******************************/
p {
	line-height: 1.8em;
}
.font140 {
	font-size: 140%;
}
.font130 {
	font-size: 130%;
}
.font120 {
	font-size: 120%;
}
.font110 {
	font-size: 110%;
}
.font90 {
	font-size: 90%;
}
.font80 {
	font-size: 80%;
}
.font70 {
	font-size: 70%;
}


/* フロート *******************************/
.f_left {
	float: left;
}
.f_right {
	float: right;
}
/* テキスト 段落 *******************************/
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}


@media screen and (min-width:681px) {

.pc_none {
	display: none;
}
#sp_header {
	display: none;
}

#wrap {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	background: #d51b36;
	min-width: 1024px;
	word-break: break-all;
}

/** コンテンツ ***************/
#wrap .inner {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
/** ヘッダー ***************/
#header {
	background: #d51b36;
	margin: 0;
	padding: 8px 0;
	height: 48px;
}
#header h1 {
	float: left;
	width: 54px;
}
#header h1 a {
	display: block;
}
#header h1 img {
	display: block;
	transform: scale(1.12);
	transform-origin: left center;
}
#header ul.navi {
	float: right;
	padding: 12px 0 0;
}
#header ul.navi li {
	float: right;
	margin: 0 48px 0 0;
}
#header ul.navi li.sponsor {
	background: #5c1212;
	font-size: 12px;
	border: 3px double #FFF;
	margin: 0;
}
#header ul.navi li.sponsor a {
	padding: 8px 20px;
	color: #FFF;	
	text-decoration: none;
}
#header ul.navi li.sns {
	margin: 0 16px 0 0;
}

/** SNS 埋め込み リスト *******************/
#sns_list {
	margin: 0;
	padding: 60px 0 40px;
	background: #4267b2;
}
#sns_list div.sns_put {
	width: 50%;
	height: 320px;
	margin: 0 auto;
	padding: 0 0;
}

/** 協賛企業リスト ***************/
#thanks_list {
	margin: 0;
	padding: 60px 0 40px;
	background: #d51b36;
}
#thanks_list h4.uni {
	margin: 0 auto 10px;
	color: #FFF;
	font-size: 15px;
}
#thanks_list h6 {
	width: 128px;
	margin: 0 auto 40px;
}
#thanks_list .bg_blk {
	background: #000 !important;
}

#thanks_list div.one_banner {
	width: 220px;
	margin: 0 auto 16px;
	padding: 20px 45px;
	background: #FFF;
	text-align: center;
}
#thanks_list ul.two_banner {
	margin: 0 0 16px;
	text-align: center;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#thanks_list ul.two_banner::after {
	content: "";
	width: 385px;
	display: block;
}
#thanks_list ul.two_banner li {
	background: #FFF;
	text-align: center;
	width: 385px;
	padding: 20px 40px;
	margin: 0 0 0;
}
#thanks_list ul.two_banner li:last-child {
	margin: 0;
}

#thanks_list ul.three_banner {
	margin: 0 0 16px;
	text-align: center;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#thanks_list ul.three_banner::after {
	content: "";
	width: 385px;
	display: block;
}
#thanks_list ul.three_banner li {
	background: #FFF;
	text-align: center;
	width: 220px;
	padding: 20px 45px;
	margin: 0 0 15px;
}
#thanks_list ul.three_banner li.bg_blk {
	background: #000;
}
#thanks_list ul.three_banne.height01 {
}
#thanks_list ul.three_banner.height01 li {
	padding: 8px 60px;
	width: 190px;
}
#thanks_list ul.three_banner.height01::after {
	content: "";
	width: 310px;
	display: block;
}


#thanks_list ul.three_banner li:last-child {
}
#thanks_list ul.four_banner {
	margin: 0 0 16px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#thanks_list ul.four_banner li {
	margin: 0 0 20px 0;
	background: #FFF;
	text-align: center;
	width: 185px;
	padding: 16px 20px;
}
#thanks_list ul.four_banner li:nth-child(4n) {
}

#thanks_list ul.five_banner {
	margin: 0 0 16px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#thanks_list ul.five_banner li {
	margin: 0 15px 20px 0;
	background: #FFF;
	text-align: center;
	width: 136px;
	padding: 16px 20px;
}
#thanks_list ul.five_banner li:nth-child(5n) {
}
#thanks_list ul.six_banner {
	margin: 0 0 16px;
}
#thanks_list ul.six_banner li {
	float: left;
	margin: 0 18px 20px 0;
	background: #FFF;
	text-align: center;
	width: 105px;
	padding: 16px 20px;
}
#thanks_list ul.six_banner li:nth-child(6n) {
	margin: 0 0 20px;
}
#thanks_list ul.seven_banner {
	margin: 0 0 16px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
}
#thanks_list ul.seven_banner li {
	background: #FFF;
	text-align: center;
	width: 102px;
	padding: 12px;
}


/**  フッター エリア ******************/
#footer_wrap {
	margin: 0;
	padding: 60px 0;
	background: url(../img/share/bg_footer.jpg) repeat-x left top #082242;
}
#footer_wrap h6 {
	float: left;
	width: 130px;
	padding: 24px 60px 24px 0;
	margin: 0 60px 0 0;
	border-right: 1px solid #FFF;
}
#footer_wrap div.link_sns_wrap {
	float: right;
	width: 700px;
}

#footer_wrap div.link_sns_wrap ul.link_list {
	margin: 0 0 20px;
}
#footer_wrap div.link_sns_wrap ul.link_list li {
	float: left;
	text-align: left;
	font-size: 13px;
	margin: 0 24px 8px 0;
}
#footer_wrap div.link_sns_wrap ul.link_list li a {
	text-decoration: none;
	color: #FFF;
}
#footer_wrap div.link_sns_wrap ul.icon_list {
	margin: 0;
	padding: 0;
}
#footer_wrap div.link_sns_wrap ul.icon_list li {
	float: left;
	width: 32px;
	margin: 0 32px 0 0;
}
#footer_wrap div.link_sns_wrap ul.icon_list li.youtube {
	padding: 4px 0 0;
}
#footer_wrap p.copyright{
	font-size: 10px;
	text-align: center;
	color: #FFF;
}

/** 下層コンテンツ 共通 *************/
#content_wrap {
	position: relative;
	background: url(/img/share/bg_content.jpg) no-repeat right top #000;
	padding: 56px 0;
}
#content_wrap_inner {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#content_onecolumn {
	padding: 36px 24px;
	background: #FFF;
}

#content_left {
	float: left;
	width: 690px;
}
#content_right {
	float: right;
	width: 240px;
}
#content_main {
	background: #FFF;
}
#content_main h3 {
	font-size: 24px;
	color: #FFF;
	padding: 16px 24px;
	background: #d51b36;
}
#content_main .main_inner {
	padding: 36px 24px;
}

#content_side {
	margin: 0;
	padding: 0;
	background: #FFF;
}
#content_side h5 {
	font-size: 15px;
	font-weight: bolder;
	color: #FFF;
	background: #d51b36;
	margin: 0;
	padding: 16px 12px;
}
#content_side div.side_inner {
	padding: 4px 16px 16px;
}
#content_side ul.side_menu {
	margin: 0;
	padding: 0;
}
#content_side ul.side_menu li {
	color: #333;
	background: url(/img/movie/icon01.png) no-repeat left center;
	background-size: 3px 5px;
	border-bottom: 1px dotted #CCC;
	font-size: 15px;
}
#content_side ul.side_menu li a {
	display: block;
	color: #333;
	padding: 8px 12px; 
	text-decoration: none;
}
#content_side ul.side_menu li a:hover {
	color: #d51b36;
}
#content_side ul.side_menu li.last {
	border: none;
}

/** DAZN レイアウト *************/
#dazn_wrap {
	background: #000;
	padding: 36px 0;
}
#dazn_wrap > dl.dazn {
	width: 810px;
	background: #FFF;
	margin: 0 auto;
	padding: 25px;
}

#dazn_wrap > dl.dazn > dt {
	float: left;
	width: 320px;	
}
#dazn_wrap > dl.dazn > dt figure {
	margin: 0;
}
#dazn_wrap > dl.dazn > dd {
	float: right;
	width: 450px;
	text-align: left;
}
#dazn_wrap > dl.dazn > dd > h3 {
	font-size: 20px;
	color: #d51b36;
	font-weight: bolder;
	margin: 0 0 10px;
	padding: 8px 0;
	border-bottom: 3px double #d51b36;
}

#dazn_wrap > dl.dazn > dd p.text {
	font-size: 14px;
	line-height: 1.8em;
	color: #000;
}
#dazn_wrap > dl.dazn > dd p.text > a.icon01 {
     position: relative;
     padding: 8px 15px 8px 0;
}
#dazn_wrap > dl.dazn > dd p.text > a.icon01::after {
     position: absolute;
     content: '';
     width: 4px;
     height: 4px;
     border-top: solid 2px #697b91;
     border-right: solid 2px #697b91;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 50%;
     right: 0;
     margin-top: -3px;
}

}

@media screen and (max-width:680px) {
.sp_none {
	display: none;
}

#wrap {
	width: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
  /* html, body の hidden を打ち消す */
  overflow: auto;
	background: #d51b36;
	word-break: break-all;
}

/** ハンバーガーメニュー ***************/
#wrap #hamburger {
 background-color: #d51b36;
 width: 100%;
 height: 60px;
}
#wrap #hamburger h1 {
	float: left;
	width: 50px;
	padding: 8px 0 0 16px;
	margin: 0 40px 0 0;
}
#wrap #hamburger h1 a {
	display: block;
}
#wrap #hamburger h1 img {
	display: block;
	transform: scale(1.1);
	transform-origin: left center;
}
#wrap #hamburger div.sponsor{
	float: left;
	background: #5c1212;
	font-size: 12px;
	border: 3px double #FFF;
	max-width: 120px;
	margin: 12px 0 0;
}
#wrap #hamburger div.sponsor a {
	padding: 8px 20px;
	color: #FFF;	
	text-decoration: none;
}


#wrap #button {
 position: relative;
 background-color: #FFF;
 width: 20%;
 height: 60px;
/* ボタン配置を右に寄せる */
 margin-right: 0;
 margin-left: auto;
 cursor: pointer;
}
#wrap #border-box {
/* 三本線を入れたボックスの上下左右中央揃え */
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 margin: auto;
/* この背景色は分かり易くする為だけに色付けしたものです */
 width: 36px;
 height: 36px;
}
#wrap #border-box div {
 background-color: #d51b36;
 border-radius: 2px;
 width: 100%;
 height: 4px;
 margin: 6px auto;
}
#wrap #sp_global_menu {
	display: none;
	width: 100%;
	background: #FFF;
}
#wrap #sp_global_menu ul.btn_list {

}
#wrap #sp_global_menu ul.btn_list li {
	font-size: 16px;
	text-align: left;
	border-bottom: 1px solid #d51b36;
	background: url(/img/share/icon01.png) no-repeat 5% center;
	background-size: 1% auto;
	padding: 0 0 0 5%;
}
#wrap #sp_global_menu ul.btn_list li a {
	padding: 16px 0 16px 16px;
	color: #d51b36;
	display: block;
	text-decoration: none;
}

#wrap #sp_global_menu ul.sns_icon {
	width: 94%;
	background: #d51b36;
	padding: 1.2em 3%;
	margin: 0 0;
}
#wrap #sp_global_menu ul.sns_icon li {
	float: right;
	width: 10%;
	padding: 0 5%;
}
#wrap #sp_global_menu ul.sns_icon li:nth-child(1) {
	padding: 0.3em 5%;
}
/** コンテンツ ***************/
#wrap .inner {
	width: 96%;
	margin: 0 auto;
	padding: 0;
}

/** コンテンツ エリア ***********************/

/** SNS 埋め込み リスト *******************/
#sns_list {
	margin: 0;
	padding: 3.0em 0;
	background: #4267b2;
}
#sns_list div.sns_put {
	width: 90%;
	height: 360px;
	margin: 0 auto;
	padding: 0 0;
}


/** 協賛企業リスト ***************/
#thanks_list {
	margin: 0;
	padding: 3.0em 0;
	background: #d51b36;
}
#thanks_list h4.uni {
	margin: 0 auto 1em;
	color: #FFF;
	font-size: 20px;
	padding-top: 1em;
}
#thanks_list h6 {
	width: 40%;
	margin: 0 auto 2.0em;
}
#thanks_list .bg_blk {
	background: #000 !important;
}
#thanks_list div.one_banner {
	background: #FFF;
	text-align: center;
	padding: 1.4em 5.0em;
	margin: 0 2% 1.2em;
}
#thanks_list ul.two_banner {
	margin: 0 0 0.4em;
}
#thanks_list ul.two_banner li {
	background: #FFF;
	text-align: center;
	padding: 1.4em 5.0em;
	margin: 0 2% 1.2em;
}
#thanks_list ul.two_banner li:last-child {
}


#thanks_list ul.three_banner {
	margin: 0 0 0.4em;
}
#thanks_list ul.three_banner li {
	background: #FFF;
	text-align: center;
	padding: 1.4em 2.8em;
	margin: 0 2% 1.2em;
}
#thanks_list ul.three_banner li.second {
}
#thanks_list ul.three_banner li.bg_blk {
	background: #000;
}
#thanks_list ul.three_banne.height01 {
}
#thanks_list ul.three_banner.height01 li {
	padding: 0.8em 5.0em;
}

#thanks_list ul.four_banner {
	margin: 0 0 0.4em;
}
#thanks_list ul.four_banner li {
	background: #FFF;
	text-align: center;
	padding: 1.4em 5.0em;
	margin: 0 2% 1.2em;
}
#thanks_list ul.four_banner li.last_banner{

}
#thanks_list ul.five_banner {
	margin: 0 0 1em;
	padding: 0 2%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#thanks_list ul.five_banner li {
	margin: 0 0 1.2em;
	background: #FFF;
	text-align: center;
	width: 40%;
	padding: 0.8em 4%;
}
#thanks_list ul.five_banner li:last-child {
}

#thanks_list ul.six_banner {
	margin: 0 0 0.4em;
}
#thanks_list ul.six_banner li {
	float: left;
	margin: 0 2% 1.2em;
	background: #FFF;
	text-align: center;
	width: 21%;
	padding: 0.8em 4%;
}
#thanks_list ul.six_banner li:nth-child(6n) {
}
#thanks_list ul.seven_banner {
	margin: 0 0 1em;
	padding: 0 2%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#thanks_list ul.seven_banner li {
	margin: 0 0 1.2em;
	background: #FFF;
	text-align: center;
	width: 40%;
	padding: 0.8em 4%;
}


/**  フッター エリア ******************/
#footer_wrap {
	margin: 0;
	padding: 3.0em 0;
	background: url(../img/share/bg_footer.jpg) repeat-x left top #082242;
}
#footer_wrap h6 {
	width: 50%;
	padding: 0 0 2.4em;
	margin: 0 auto 2.4em;
}
#footer_wrap div.link_sns_wrap {
	width: 90%;
	margin: 0 auto;
}

#footer_wrap div.link_sns_wrap ul.link_list {
	margin: 0 0 2.4em;
}
#footer_wrap div.link_sns_wrap ul.link_list li {
	text-align: left;
	font-size: 14px;
	margin: 0;
	border-top: 1px dotted #FFF;
}
#footer_wrap div.link_sns_wrap ul.link_list li a {
	display: block;
	padding: 0.8em 0.4em;
	text-decoration: none;
	color: #FFF;
}
#footer_wrap div.link_sns_wrap ul.icon_list {
	margin: 0 0 3.0em;
	padding: 0;
}
#footer_wrap div.link_sns_wrap ul.icon_list li {
	float: left;
	width: 12%;
	margin: 0 8% 0 0;
}
#footer_wrap div.link_sns_wrap ul.icon_list li.youtube {
	padding: 0.4em 0 0;
}
#footer_wrap p.copyright{
	font-size: 10px;
	text-align: center;
	color: #FFF;
}


/** 下層コンテンツ 共通 *************/
#content_wrap {
	position: relative;
	background: url(/img/share/bg_content.jpg) no-repeat right top #000;
	padding: 3.0em 0;
}
#content_wrap_inner {
	width: 90%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#content_onecolumn {
	padding: 1.6em 1.0em;
	background: #FFF;
}

#content_left {
	width: 100%;
	margin: 0 0 1.6em;
}
#content_right {
	width: 100%;
}
#content_main {
	background: #FFF;
}
#content_main h3 {
	font-size: 24px;
	color: #FFF;
	padding: 0.8em 0.8em;
	background: #d51b36;
}
#content_main .main_inner {
	padding: 1.6em 1.0em;
}

#content_side {
	margin: 0;
	padding: 0;
	background: #FFF;
}
#content_side h5 {
	font-size: 15px;
	font-weight: bolder;
	color: #FFF;
	background: #d51b36;
	margin: 0;
	padding: 0.8em 0.8em;
}
#content_side div.side_inner {
	padding: 0.2em 1.0em 1.0em;
}
#content_side ul.side_menu {
	margin: 0;
	padding: 0;
}
#content_side ul.side_menu li {
	color: #333;
	background: url(/img/movie/icon01.png) no-repeat left center;
	background-size: 3px 5px;
	border-bottom: 1px dotted #CCC;
	font-size: 16px;
}
#content_side ul.side_menu li a {
	display: block;
	color: #333;
	padding: 0.6em 1.0em; 
	text-decoration: none;
}
#content_side ul.side_menu li a:hover {
	color: #d51b36;
}
#content_side ul.side_menu li.last {
	border: none;
}

/** DAZN レイアウト *************/
#dazn_wrap {
	background: #000;
	padding: 2.0em 0;
}
#dazn_wrap > dl.dazn {
	width: 90%;
	background: #FFF;
	margin: 0 auto;
	padding: 0;
}
#dazn_wrap > dl.dazn > h3 {
	font-size: 1.2em;
	color: #FFF;
	margin: 0 0 1.0em;
	background: #d51b36;
	padding: 9px 0;
}

#dazn_wrap > dl.dazn > dt {
	width: 90%;
	margin: 0 auto 1.0em;
}
#dazn_wrap > dl.dazn > dt figure {
	margin: 0;
}
#dazn_wrap > dl.dazn > dd {
	width: 80%;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 1.2em;
}
#dazn_wrap > dl.dazn > dd p.text {
	font-size: 14px;
	line-height: 1.8em;
	color: #000;
}
#dazn_wrap > dl.dazn > dd p.text > a.icon01 {
     position: relative;
     padding: 8px 15px 8px 0;
}
#dazn_wrap > dl.dazn > dd p.text > a.icon01::after {
     position: absolute;
     content: '';
     width: 4px;
     height: 4px;
     border-top: solid 2px #697b91;
     border-right: solid 2px #697b91;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 50%;
     right: 0;
     margin-top: -3px;
}


}





/*************
	サイト上部
*************/
.news_bar {
	margin: 0;
	background-color: #333;
}
.news_bar a {
	display: block;
	padding: 0.8em 1em;
	color: #FFF;text-decoration: underline;
}

/* 点滅 */
.blinking{
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@media screen and (max-width:680px) {

}
@media screen and (min-width:681px) {

}