@charset "UTF-8";

/* ---------------------------------------------
	スタイルリセット
--------------------------------------------- */
html, body, div,
h1, h2, h3, h4, h5, h6,
p, pre, blockquote,
ul, ol, li, dl, dt, dd, address {margin: 0; padding: 0;}
ul, ol {list-style: none;}
img {border: none; vertical-align:bottom; }

/* ---------------------------------------------
	汎用クラス
--------------------------------------------- */
/* clearfix ------------ */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hide from MacIE €*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* End Hide from MacIE */

/* ---------------------------------------------
	タイポグラフィー
--------------------------------------------- */

body {
	font-family: "游ゴシック体", YuGothicM, "Yu Gothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", "Avenir Next", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
@font-face {
  font-family: YuGothicM;
  font-weight: normal;
  src: local('YuGothic-Medium'), local('Yu Gothic Medium'), local('YuGothic-Regular'); 
}
@font-face {
  font-family: YuGothicM;
  font-weight: bold;
  src: local('YoGothic-Bold'), local('Yu Gothic');    
}
@media screen\0 {
	body{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}

html>/**/body { font-size: 16px; line-height: normal;overflow-x: hidden; } /* except Win IE */

h1, h2, h3, h4, h5, h6 {font-size: 100%;}

/* ---------------------------------------------
	基本項目
--------------------------------------------- */
html, body {height:100%; color:#000000;}
h1, h2, h3, h4, h5, h6, p, dt, dd, li{
	background:  url("../img/spacer.gif") repeat 0px 0px;
	max-height: 100%;
}

/*共通スタイル*/
.bold {font-weight:bold;}
.normal {font-weight:normal;}
.center{text-align:center;}
.narrow{
    letter-spacing: -0.1em;
}
.narrow05{
    letter-spacing: -0.05em;
}

a:link { color:#333; text-decoration:none; font-weight:normal;}
a:visited { color:#333; text-decoration:none;}
a:hover { color:#333; text-decoration:none;}
a:active { color:#333; text-decoration:none;}

.clears{ clear:both;}
.fLeft{float: left;}
.fRight{float: right;}

.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}

body{ -webkit-text-size-adjust:100% !important;}
body.cx_smartphoneview{font-size: 155%;}

.cx_smartphoneview .displaypc{ display: none;}
.displaysp{ display: none;}
.cx_smartphoneview .displaysp{ display: block;}

.opacity_in{
    opacity: 0.0;
    -webkit-transition: opacity 1.5s ease-out;
    -ms-transition: opacity 1.5s ease-out;
    transition: opacity 1.5s ease-out;
}
.opacity_fix{
    opacity: 1.0;
    -ms-transition: opacity 1.5s ease-out;
    -webkit-transition: opacity 1.5s ease-out;
    transition: opacity 1.5s ease-out;
}

.opacityzoom_in{
    opacity: 1.0;
    border-radius: 50%;
    -ms-transform: scale(0.2) translate3d(0, 0, 0);
    -webkit-transform: scale(0.2) translate3d(0, 0px, 0);
    -moz-transform: scale(0.2) translate3d(0, 0px, 0);
    -webkit-transition: opacity 0.2s, border-radius 0.3s, -webkit-transform 0.2s ease-out;
    -ms-transition: opacity 0.2s, border-radius 0.3s, -ms-transform 0.2s ease-out;
    transition: opacity 0.2s, border-radius 0.3s, transform 0.2s ease-out;
}
.opacityzoom_fix{
    opacity: 1.0;
    border-radius: 0;
    -ms-transform: scale(1.0) translate3d(0, 0, 0);
    -webkit-transform: scale(1.0) translate3d(0, 0, 0);
    -moz-transform: scale(1.0) translate3d(0, 0, 0);
    -ms-transition: opacity 0.2s, border-radius 0.3s, -ms-transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -webkit-transition: opacity 0.2s, border-radius 0.3s, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: opacity 0.2s, border-radius 0.3s, transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

.opacityzoom_in02{
    opacity: 1.0;
    -ms-transform: scale(0.01,1.0) translate3d(0, 0, 0);
    -webkit-transform: scale(0.01,1.0) translate3d(0, 0px, 0);
    -moz-transform: scale(0.01,1.0) translate3d(0, 0px, 0);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s ease-out;
    -ms-transition: opacity 0.2s, -ms-transform 0.2s ease-out;
    transition: opacity 0.2s, transform 0.2s ease-out;
}
.opacityzoom_fix02{
    opacity: 1.0;
    -ms-transform: scale(1.0,1.0) translate3d(0, 0, 0);
    -webkit-transform: scale(1.0,1.0) translate3d(0, 0, 0);
    -moz-transform: scale(1.0,1.0) translate3d(0, 0, 0);
    -ms-transition: opacity 0.2s, -ms-transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: opacity 0.2s, transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

.move_in{
    opacity: 0.0;
    -ms-transform: translate3d(1500px, 200px, 0) skew(0deg,10deg);
    -webkit-transform: translate3d(1500px, 200px, 0) skew(0deg,10deg);
    -moz-transform: translate3d(1500px, 200px, 0) skew(0deg,10deg);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s ease-out;
    -ms-transition: opacity 0.2s, -ms-transform 0.2s ease-out;
    transition: opacity 0.2s, transform 0.2s ease-out;
}
.move_fix{
    opacity: 1.0;
    -ms-transform: translate3d(0, 0, 0) skew(0deg,10deg);
    -webkit-transform: translate3d(0, 0, 0) skew(0deg,10deg);
    -moz-transform: stranslate3d(0, 0, 0) skew(0deg,10deg);
    -ms-transition: opacity 0.4s, -ms-transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.2s;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.2s;
    transition: opacity 0.4s, transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.2s;
}



/*共通レイアウト*/
#fp-wrap{
    background-color: #e8ebf1;
    border-bottom: solid 1px #ccc;
}

a.linkMore{
    width: 100%;
    display: block;
    text-align: center;
    background-color: #ff7600;
    color: #fff;
    font-size: 113%;
    font-weight: bold;
}
a.linkMore.short{
    height: 42px;
    line-height: 42px;
}
a.linkMore.long{
    height: 48px;
    line-height: 48px;
}
a.linkMore:hover{ background-color: #ff8900;}


/* ---------------------------------------------
	トップページ
--------------------------------------------- */

/*-------------ヘッダー-------------*/
.toppage #hdrWrap{
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-top: 36%;
    position: relative;
    background: url(../photo/mainVisual_01.jpg) no-repeat center 0;
    background-size: contain;
    border-bottom: solid 8px #000;
}
.toppage #hdrWrap h1{
    background-image: url("../img/ttl_pc.png");
    background-repeat: no-repeat;
    background-position: center 0;
    width: 100%;
    height: 0;
    padding-top: 36%;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9999;
}
@media screen and (min-width: 1500px) {
    .toppage #hdrWrap,
    .toppage #hdrWrap h1{
        height: 535px;
        padding: 0;
    }
    .toppage #hdrWrap::before{
        content: "";
        position: absolute;
        width: 22%;
        height: 100%;
        bottom: 0;
        left: 50%;
        margin-left: -743px;
        background: -moz-linear-gradient(left,  rgba(232,235,241,1) 0%, rgba(232,235,241,0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(232,235,241,1)), color-stop(100%,rgba(232,235,241,0)));
        background: -webkit-linear-gradient(left,  rgba(232,235,241,1) 0%,rgba(232,235,241,0) 100%);
        background: -o-linear-gradient(left,  rgba(232,235,241,1) 0%,rgba(232,235,241,0) 100%);
        background: -ms-linear-gradient(left,  rgba(232,235,241,1) 0%,rgba(232,235,241,0) 100%);
        background: linear-gradient(to right,  rgba(232,235,241,1) 0%,rgba(232,235,241,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8ebf1', endColorstr='#00e8ebf1',GradientType=1 );
        z-index: 8888;
    }
    .toppage #hdrWrap::after{
        content: "";
        position: absolute;
        width: 22%;
        height: 100%;
        bottom: 0;
        right: 50%;
        margin-right: -743px;
        background: -moz-linear-gradient(left,  rgba(232,235,241,0) 0%, rgba(232,235,241,1) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(232,235,241,0)), color-stop(100%,rgba(232,235,241,1)));
        background: -webkit-linear-gradient(left,  rgba(232,235,241,0) 0%,rgba(232,235,241,1) 100%);
        background: -o-linear-gradient(left,  rgba(232,235,241,0) 0%,rgba(232,235,241,1) 100%);
        background: -ms-linear-gradient(left,  rgba(232,235,241,0) 0%,rgba(232,235,241,1) 100%);
        background: linear-gradient(to right,  rgba(232,235,241,0) 0%,rgba(232,235,241,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e8ebf1', endColorstr='#e8ebf1',GradientType=1 );
        z-index: 8888;
    }
}
.cx_smartphoneview .toppage #hdrWrap{
    height: 580px;
    padding: 0;
    background: url(../photo/mainVisual_01_sp.jpg) no-repeat center 0;
    background-size: contain;
}
.cx_smartphoneview .toppage #hdrWrap h1{
    background: none;
}


.toppage #hdrWrap h1,
.toppage #hdrWrap p{
    width: 100%;
    text-indent: -300%;
    white-space: nowrap;
    overflow: hidden;
}
.toppage #hdrWrap p{
    position: absolute;
    top: 0;
    left: 0;
}

/*-------------開催地-------------*/
#placeWrap{
    background: #a4000d;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiNhNDAwMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlMWFhYWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3OCUiIHN0b3AtY29sb3I9IiNhNDAwMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3OCUiIHN0b3AtY29sb3I9IiNhNDAwMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #a4000d 22%, #e1aaae 50%, #a4000d 78%, #a4000d 78%);
    background: -webkit-gradient(linear, left top, right top, color-stop(22%,#a4000d), color-stop(50%,#e1aaae), color-stop(78%,#a4000d), color-stop(78%,#a4000d));
    background: -webkit-linear-gradient(left, #a4000d 22%,#e1aaae 50%,#a4000d 78%,#a4000d 78%);
    background: -o-linear-gradient(left, #a4000d 22%,#e1aaae 50%,#a4000d 78%,#a4000d 78%);
    background: -ms-linear-gradient(left, #a4000d 22%,#e1aaae 50%,#a4000d 78%,#a4000d 78%);
    background: linear-gradient(to right, #a4000d 22%,#e1aaae 50%,#a4000d 78%,#a4000d 78%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4000d', endColorstr='#a4000d',GradientType=1 );
    text-align: center;
    padding: 0.5em 0;
}
#placeWrap p{
    background-color: rgba(255,255,255,0.9);
    border-radius: 35px;
    display: inline-block;
    font-size: 136%;
    font-weight: bold;
    color: #af8200;
    line-height: 1.0;
    padding: 0.3em 1em;
    letter-spacing: 0.05em;
    border: solid 3px #674d00;
    font-feature-settings: "palt";
}
.cx_smartphoneview #placeWrap p{
    padding: 0.3em 3em;
    font-size: 128%;
}
@media screen\0 {
	#placeWrap p{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}


/*-------------LIFE WITH FOOTBALL-------------*/
#lwfWrap{
    background-color: #000;
    width: 100%;
    position: relative;
}
#lwfWrap a{
    display: block;
    padding: 10px;
}
#lwfWrap p{
    background-image: url("../img/logo_lwf.png");
    background-position: center 0;
    background-repeat: no-repeat;
    width: 100%;
    height: 28px;
    background-size: contain;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
}
/*#lwfWrap::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(121, 99, 57, 0.18);
    position: absolute;
    top: 0;
    left: 0;
}*/

/*-------------お知らせ-------------*/
#newsWrap{
    background-color: #d00010;
    color: #fff;
    text-align: center;
    margin-top: 2px;
}
#newsWrap p{
    font-size: 120%;
    font-weight: bold;
    line-height: 1.4;
    padding: 0.6em 0;
}
.cx_smartphoneview #newsWrap p{ font-size: 108%;}

/*-------------ナビゲーション-------------*/
#navWrap{
    background-color: #d7d7d7;
    position: relative;
    width: 100%;
    z-index: 1000;
    border-bottom: solid 1px #e60021;
}
#navWrap::before{
    content: "";
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.2);
    z-index: 2100;
}
#navWrap ul{
    width: 1000px;
    margin: 0 auto;
    padding: 10px 0;
    position: relative;
    z-index: 2200;
}
.cx_smartphoneview #navWrap ul{
    width: 98%;
}

#navWrap ul li{
    float: left;
    margin: 0 5px 0 0;
    position: relative;
}
#navWrap ul li:nth-of-type(5){ margin: 0;}
#navWrap ul li a{
    display: block;
    /*width: 247px;*/
    width: 196px;
    height: 88px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-shadow: -1px -1px 2px rgba(0,0,0,0.6);
    font-size: 119%;
    line-height: 88px;
    box-sizing: border-box;
    position: relative;
    background: #c81a17;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2U1Nzg3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjYzgxYTE3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjYzgxYTE3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZDE0NTQ1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjYzgxYTE3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjYzgxYTE3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjYzgxYTE3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdhMDIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e57878 1%, #c81a17 5%, #c81a17 25%, #d14545 50%, #c81a17 51%, #c81a17 51%, #c81a17 95%, #7a0200 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e57878), color-stop(5%,#c81a17), color-stop(25%,#c81a17), color-stop(50%,#d14545), color-stop(51%,#c81a17), color-stop(51%,#c81a17), color-stop(95%,#c81a17), color-stop(100%,#7a0200));
    background: -webkit-linear-gradient(top, #e57878 1%,#c81a17 5%,#c81a17 25%,#d14545 50%,#c81a17 51%,#c81a17 51%,#c81a17 95%,#7a0200 100%);
    background: -o-linear-gradient(top, #e57878 1%,#c81a17 5%,#c81a17 25%,#d14545 50%,#c81a17 51%,#c81a17 51%,#c81a17 95%,#7a0200 100%);
    background: -ms-linear-gradient(top, #e57878 1%,#c81a17 5%,#c81a17 25%,#d14545 50%,#c81a17 51%,#c81a17 51%,#c81a17 95%,#7a0200 100%);
    background: linear-gradient(to bottom, #e57878 1%,#c81a17 5%,#c81a17 25%,#d14545 50%,#c81a17 51%,#c81a17 51%,#c81a17 95%,#7a0200 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e57878', endColorstr='#7a0200',GradientType=0 );
}
#navWrap ul li.line2 a{
    line-height: 1.3;
    padding-top: 18px;
}
#navWrap ul li a::before{
    content: "";
    display: block;
    width: 96%;
    height: 80px;
    position: absolute;
    top: 4px;
    left: 0;
    right: 0;
    margin: auto;
    border: solid 1px rgba(255,255,255,0.48);
    box-sizing: border-box;
}
@media screen\0 {
	#navWrap ul li a{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}

#navWrap ul li a.here{
    cursor: default;
    background: #db1f1c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2U1Nzg3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZGIxZjFjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjZGIxZjFjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZGI0YTRhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjYzgxYTE3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZGIxZjFjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjZGIxZjFjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdhMDIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e57878 1%, #db1f1c 5%, #db1f1c 25%, #db4a4a 50%, #c81a17 51%, #db1f1c 51%, #db1f1c 95%, #7a0200 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e57878), color-stop(5%,#db1f1c), color-stop(25%,#db1f1c), color-stop(50%,#db4a4a), color-stop(51%,#c81a17), color-stop(51%,#db1f1c), color-stop(95%,#db1f1c), color-stop(100%,#7a0200));
    background: -webkit-linear-gradient(top, #e57878 1%,#db1f1c 5%,#db1f1c 25%,#db4a4a 50%,#c81a17 51%,#db1f1c 51%,#db1f1c 95%,#7a0200 100%);
    background: -o-linear-gradient(top, #e57878 1%,#db1f1c 5%,#db1f1c 25%,#db4a4a 50%,#c81a17 51%,#db1f1c 51%,#db1f1c 95%,#7a0200 100%);
    background: -ms-linear-gradient(top, #e57878 1%,#db1f1c 5%,#db1f1c 25%,#db4a4a 50%,#c81a17 51%,#db1f1c 51%,#db1f1c 95%,#7a0200 100%);
    background: linear-gradient(to bottom, #e57878 1%,#db1f1c 5%,#db1f1c 25%,#db4a4a 50%,#c81a17 51%,#db1f1c 51%,#db1f1c 95%,#7a0200 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e57878', endColorstr='#7a0200',GradientType=0 );
}

.cx_smartphoneview #navWrap ul li{
    /*width: 49.5%;
    margin: 0 1% 2px 0;*/
    width: 33%;
    margin: 0 0.5% 2px 0;
}
.cx_smartphoneview #navWrap ul li:nth-of-type(3n){ margin: 0;}
.cx_smartphoneview #navWrap ul li a{
    width: 100%;
    height: 100px;
    background-size: cover;
    font-size: 92%;
    line-height: 100px;
}

.cx_smartphoneview #navWrap ul li.line2 a{
    line-height: 1.3;
    padding-top: 18px;
}
.cx_smartphoneview #navWrap ul li a::before{
    height: 92px;
}
.cx_smartphoneview #navWrap ul li.comingsoon:after{ font-size: 90%;}

.cx_smartphoneview #navWrap.short{
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
.cx_smartphoneview #navWrap.short ul{
    /*width: 130%;*/
    width: 160%;
    padding: 10px 2%;
    box-sizing: border-box;
}
.cx_smartphoneview #navWrap.short ul li{
    /*width: 24.4%;*/
    width: 19.2%;
    margin: 0 0.8% 0 0;
}
.cx_smartphoneview #navWrap.short ul li.line2 a{
    line-height: 1.3;
    padding-top: 18px;
}
.cx_smartphoneview #navWrap.short ul li:nth-last-of-type(1){ margin: 0;}
.cx_smartphoneview #navWrap.short ul li a{
    height: 86px;
    line-height: 86px;
    font-size: 84%;
}
.cx_smartphoneview #navWrap.short ul li a.line1{ padding: 26px 0 0;}
.cx_smartphoneview #navWrap.short ul li a::before{
    height: 78px;
}
.cx_smartphoneview #navWrap.short  ul li.comingsoon:after{ display: none;}

#navWrap ul li a:hover{
    background: #db1f1c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2U1Nzg3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZGIxZjFjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjZGIxZjFjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZGI0YTRhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjYzgxYTE3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZGIxZjFjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjZGIxZjFjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdhMDIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e57878 1%, #db1f1c 5%, #db1f1c 25%, #db4a4a 50%, #c81a17 51%, #db1f1c 51%, #db1f1c 95%, #7a0200 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e57878), color-stop(5%,#db1f1c), color-stop(25%,#db1f1c), color-stop(50%,#db4a4a), color-stop(51%,#c81a17), color-stop(51%,#db1f1c), color-stop(95%,#db1f1c), color-stop(100%,#7a0200));
    background: -webkit-linear-gradient(top, #e57878 1%,#db1f1c 5%,#db1f1c 25%,#db4a4a 50%,#c81a17 51%,#db1f1c 51%,#db1f1c 95%,#7a0200 100%);
    background: -o-linear-gradient(top, #e57878 1%,#db1f1c 5%,#db1f1c 25%,#db4a4a 50%,#c81a17 51%,#db1f1c 51%,#db1f1c 95%,#7a0200 100%);
    background: -ms-linear-gradient(top, #e57878 1%,#db1f1c 5%,#db1f1c 25%,#db4a4a 50%,#c81a17 51%,#db1f1c 51%,#db1f1c 95%,#7a0200 100%);
    background: linear-gradient(to bottom, #e57878 1%,#db1f1c 5%,#db1f1c 25%,#db4a4a 50%,#c81a17 51%,#db1f1c 51%,#db1f1c 95%,#7a0200 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e57878', endColorstr='#7a0200',GradientType=0 );
}

#navWrap ul li a.line1{ padding: 25px 0 0;}
#navWrap ul li a .narrow1{
    letter-spacing: -0.05em;
    -ms-transform: scale(0.9,1.0);
    -webkit-transform: scale(0.9,1.0);
    -moz-transform: scale(0.9,1.0);
    transform: scale(0.9,1.0);
    display:inline-block;
}
#navWrap ul li a .narrow2{
    letter-spacing: -0.1em;
}

#navWrap ul li.comingsoon a{ opacity: 0.3;}
#navWrap ul li.comingsoon:after{
    content: "coming soon";
    position: absolute;
    width: 100%;
    text-align: center;
    top: 66%;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
}
#navWrap ul li.comingsoon a:hover{
    background: #a50000;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E1MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E1MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzk0MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #a50000 0%, #a50000 50%, #940000 51%, #940000 100%);
    background: -webkit-linear-gradient(top, #a50000 0%,#a50000 50%,#940000 51%,#940000 100%);
    background: linear-gradient(to bottom, #a50000 0%,#a50000 50%,#940000 51%,#940000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a50000', endColorstr='#940000',GradientType=0 );
}


/*-------------コンテンツエリア-------------*/
#fp-l{ margin: 30px 0 40px;}
#fp-l > div{
    width: 620px;
    margin: 0 15px 60px 5px;
}
.cx_smartphoneview #fp-l > div{
    width: 600px;
    margin: 0 auto 80px;
}
#fp-l > div .ttl{ position: relative; margin: 0 0 10px;}
#fp-l > div .ttl::before{
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 0;
}
#fp-l > div h2{
    font-size: 144%;
    line-height: 1.0;
    position: relative;
    background: #8D6900;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3OGIzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZDY5MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #a78b37 0%, #8d6900 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a78b37), color-stop(100%,#8d6900));
    background: -webkit-linear-gradient(left, #a78b37 0%,#8d6900 100%);
    background: -o-linear-gradient(left, #a78b37 0%,#8d6900 100%);
    background: -ms-linear-gradient(left, #a78b37 0%,#8d6900 100%);
    background: linear-gradient(to right, #a78b37 0%,#8d6900 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a78b37', endColorstr='#8d6900',GradientType=1 );
    color: #fff;
    display: inline-block;
    padding: 8px 10px;
    min-height: 24px;
    font-feature-settings: "palt";
}
#fp-l > div h2::after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0; right: -18px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 40px 0 0px 18px;
	border-color: transparent transparent transparent #8D6900;
}
#fp-l > div h2 span{ letter-spacing: -0.06em;}
@media screen\0 {
	#fp-l > div h2{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}

.cx_smartphoneview #fp-l > div h2{
    font-size: 130%;
}
.cx_smartphoneview #fp-l > div h2::after{ border-width: 46px 0 0px 18px;}


/* -----------------------------------
	Jリーグバナー
----------------------------------- */
#jleagueBnr a{
    width: 620px;
    height: 90px;
    display: block;
    background: url("../img/bnr_leaguecup2021_pc.png") no-repeat 0 0;
    background-size: contain;
    text-indent: -300%;
    white-space: nowrap;
    overflow: hidden;
    backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
.cx_smartphoneview #jleagueBnr a{
    height: 140px;
    background: url("../img/bnr_leaguecup2021_sp.png") no-repeat 0 0;
}

/* -----------------------------------
	トーナメント リンク
----------------------------------- */
.tournamentLink a{
    display: block;
    text-align: center;
    background-color: #d00010;
    color: #fff;
    font-size: 130%;
    font-weight: bold;
    line-height: 1.2;
    padding: 1em 0;
    position: relative;
}
.tournamentLink a::before{
    content: "";
    display: block;
    width: calc(100% - 0.4em);
    height: calc(100% - 0.4em);
    position: absolute;
    border: solid 1px rgba(255,255,255,0.7);
    top: 0.2em;
    left: 0; right: 0;
    margin: 0 auto;
    box-sizing: border-box;
}
.tournamentLink a::after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.4em 0 0.4em 0.6em;
    border-color: transparent transparent transparent rgba(255,255,255,1);
    /*border-style: inset;*/
    -webkit-transform:rotate(360deg);
    position:absolute;
    top: 50%;
    right: 0.6em;
    margin-top: -0.4em;
}
.cx_displaydevice .tournamentLink a:hover{ background-color: #f20013;}


/* -----------------------------------
	キャンペーン
----------------------------------- */
.campaignBnr div{
    background: #888;
    width: 620px;
    height: 180px;
    position: relative;
    margin-bottom: 3em;
}
.cx_smartphoneview .campaignBnr div{
    height: 280px;
}

#campaign1.campaignBnr div{
    background: url("../photo/2021levaincup_goods_620_180.png") no-repeat 0 0;
    width: 620px;
    height: 180px;
    background-size: contain;
}
.cx_smartphoneview #campaign1.campaignBnr div{
    background: url("../photo/2021levaincup_goods_620_280.png") no-repeat 0 0;
    height: 280px;
    background-size: contain;
}
#campaign2.campaignBnr div{
    background: url("../photo/2021levaincup_keyword_620_180.png") no-repeat 0 0;
    width: 620px;
    height: 180px;
    background-size: contain;
}
.cx_smartphoneview #campaign2.campaignBnr div{
    background: url("../photo/2021levaincup_keyword_620_280.png") no-repeat 0 0;
    height: 280px;
    background-size: contain;
}
.campaignBnr div p{
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
}
/*.campaignBnr div p,
.campaignBnr2 div p{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0; right: 0;
    line-height: 1.4;
    margin: -1.7em auto 0;
    color: #fff;
    font-weight: bold;
}*/

/* -----------------------------------
	データ放送
----------------------------------- */
#dataPresentWrap h2{
    font-feature-settings: "palt";
}
#dataPresentWrap h2 span{
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    padding: 3px 8px;
    color: #8D6900;
    margin: 0 5px 0 0;
}
#dataPresentWrap .ttl + p{
    font-weight: bold;
    font-size: 114%;
    letter-spacing: -0.05em;
    line-height: 1.2;
    margin: 0 0 5px;
}
.cx_smartphoneview #dataPresentWrap .ttl + p{ text-align: justify;}

#dataPresentWrap #present{
    margin-bottom: 10px;
    display: flex;
}
#dataPresentWrap #present li{
    flex-shrink: 0;
    background-color: rgba(255, 255, 255, 0.43);
    padding: 8px 10px 6px;
    width: 49%;
    box-sizing: border-box;
    text-align: center;
    box-shadow: 1px 1px 15px rgba(0,0,0,0.12)
}
#dataPresentWrap #present li:nth-of-type(1){ margin-right: 2%;}
.noPhoto dl{ height: 100%;}
#dataPresentWrap #present li dt{
    background: #8D6900;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3OGIzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZDY5MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #a78b37 0%, #8d6900 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a78b37), color-stop(100%,#8d6900));
    background: -webkit-linear-gradient(left, #a78b37 0%,#8d6900 100%);
    background: -o-linear-gradient(left, #a78b37 0%,#8d6900 100%);
    background: -ms-linear-gradient(left, #a78b37 0%,#8d6900 100%);
    background: linear-gradient(to right, #a78b37 0%,#8d6900 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a78b37', endColorstr='#8d6900',GradientType=1 );
    color: #fff;
    font-weight: bold;
    padding: 3px 5px;
    line-height: 1.0;
    margin: 0 0 5px;
}
#dataPresentWrap #present li dd{
    font-weight: bold;
    line-height: 1.4;
    color: #967840;
}
.cx_smartphoneview #dataPresentWrap #present li dd{ font-size: 88%; letter-spacing: -0.05em;}
#dataPresentWrap #present li.noPhoto dd{
    height: calc(100% - 2em);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.6;
}
#dataPresentWrap #present li dd.photo{ margin-bottom: 5px;}
#dataPresentWrap #present li dd.photo img{
    width: 100%;
    height: auto;
    backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}



#dataPresentWrap #howtoInfo{
    background-color: rgba(55, 71, 162, 0.14);
    font-size: 88%;
    padding: 16px 20px;
    margin: 0 0 5px;
}
#dataPresentWrap #howtoInfo li{
    line-height: 1.5;
    margin-bottom: 0.3em;
}
#dataPresentWrap #ouboBtn a{
    display: block;
    text-align: center;
    background-color: #b10000;
    color: #fff;
    font-size: 130%;
    font-weight: bold;
    line-height: 1.2;
    padding: 15px 0;
    border-radius: 8px;
}
.cx_displaydevice #dataPresentWrap #ouboBtn a:hover{ background-color: #cc0000;}
.cx_smartphoneview #dataPresentWrap #ouboBtn a{ padding: 0.8em 0;}
#dataPresentWrap #present li dd.attention,
#dataPresentWrap .attention{
    text-align: center;
    font-size: 80%;
    line-height: 1.6;
    font-weight: normal;
    padding-top: 0.2em;
}
#dataPresentWrap #present li dd.attention{
    font-size: 82%;
    letter-spacing: -0.03em;
    line-height: 1.4;
    padding: 3px 0 0;
}
#dataPresentWrap #ouboBtn a.end,
.cx_displaydevice #dataPresentWrap #ouboBtn a.end:hover{
    background-color: #aaa;
    color: #eee;
    cursor: default;
}

/* -----------------------------------
	見どころ
----------------------------------- */
#featWrap p{
    font-size: 94%;
    line-height: 1.8;
    /*font-feature-settings: "palt";*/
    text-align: justify;
}
#featWrap p span{ font-weight: bold;}
.cx_smartphoneview #featWrap p{
    padding: 6px 15px;
    text-align: justify;
}

/* -----------------------------------
	スポット
----------------------------------- */
#movTarget{ margin: 1em 0 0;}
#movTarget .thum{ position: relative;}
#movTarget .thum::before{
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    background-color: rgba(0,0,0,0.8);
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -40px auto 0;
    border-radius: 50%;
    border: solid 4px rgba(255,255,255,0.8);
}
#movTarget .thum::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
	margin: -15px 0 0 -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 0 20px 32px;
	border-color: transparent transparent transparent rgba(255,255,255,0.9);
}
.cx_displaydevice #movTarget:hover .thum::before{
    background-color: rgba(0,0,0,0.9);
    border: solid 4px rgba(255,255,255,1);
}
.cx_displaydevice #movTarget:hover .thum::after{
	border-color: transparent transparent transparent rgba(255,255,255,1);
}
#movTarget img{
    width: 100%; height: auto;
    vertical-align: bottom;
}

/* -----------------------------------
	決勝トーナメント
----------------------------------- */
#tournament #tournamentFinal{
    /* background: url("../../img/tournament_levaincup2023.png") no-repeat 0 0; */
    background: url("https://www.fujitv.co.jp/sports/soccer/img/tournament_levaincup2024.png") no-repeat 0 0;
    width: 100%;
    height: 0;
    padding-top: 67.46%;
    background-size: contain;
}
#tournament .attention{
    font-size: 76%;
    line-height: 1.6;
    text-align: right;
}
#tournament .stream li a{
    display: block;
    background-image: url("../img/fod_logo.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    height: 3em;
    background-size: 100% 2.2em;
    border-radius: 5px;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
}
#tournament .stream li.tver a{
    background-image: url("../img/tver_logo.svg");
}
.cx_displaydevice #tournament .stream li a:hover{
    box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
}
.cx_displaydevice #tournament .stream li a.comingsoon:hover{ box-shadow: none;}


/* -------------------------------------
	ポスター ビジュアル
------------------------------------- */
#picsWrap{
    background: #eeeeee;
    background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
    background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
    background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
    background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}
#picsWrap ul{
    display: flex;
    flex-wrap: wrap;
}
@media screen and (min-width: 1700px) {
    #picsWrap ul{ width: 1700px; margin: 0 auto;}
}
#picsWrap li{
    flex-shrink: 0;
    width: 12.5%;
    height: auto;
}
.cx_smartphoneview #picsWrap li{
    flex-shrink: 0;
    width: 50%;
    height: auto;
}
#picsWrap li img{ width: 100%; height: auto;}


/* -------------------------------------
	ポスター スマホ
------------------------------------- */
#posterWrap_sp img{ width: 100%; height: auto;}

/* -----------------------------------
	ニューヒーロー賞
----------------------------------- */
#newHero #newHero_entry > h3{
    color: #8D6900;
    font-size: 110%;
    line-height: 1.4;
    margin-bottom: 0.2em;
}
#newHero table{
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    border-bottom: solid 2px #000;
}
#newHero thead{
    background-color: #000;
    color: #fff;
    font-size: 88%;
    border-right: solid 1px #aaa;
}
#newHero thead th{ border-right: solid 1px #aaa;}
#newHero thead th:nth-last-of-type(1){ border: none;}
#newHero tbody tr{
    line-height: 1.2;
}
#newHero tbody tr:nth-child(even){ background-color: #dddad1;}
#newHero tbody td{
    padding: 0.3em 0.4em;
    border-right: solid 1px #aaa;
}
#newHero tbody td:nth-of-type(1){ font-weight: bold;}
#newHero tbody td:nth-last-of-type(1){ border: none;}
#newHero tbody td.team{ line-height: 2em;}
#newHero tbody td.team::before{
    content: "";
    display: block;
    width: 2em;
    height: 2em;
    float: left;
    margin-right: 0.3em;
}
#newHero tbody td.team.sendai::before{
    background: url("../img/emb_sendai.png") no-repeat center 0;
    background-size: contain;
}
#newHero tbody td.team.kashima::before{
    background: url("../img/emb_kashima.png") no-repeat center 0;
    background-size: contain;
}
#newHero tbody td.team.urawa::before{
    background: url("../img/emb_urawa.png") no-repeat center 0;
    background-size: contain;
}
#newHero tbody td.team.kashiwa::before{
    background: url("../img/emb_kashiwa.png") no-repeat center 0;
    background-size: contain;
}
#newHero tbody td.team.kawasaki::before{
    background: url("../img/emb_kawasaki.png") no-repeat center 0;
    background-size: contain;
}
#newHero tbody td.team.shonan::before{
    background: url("../img/emb_shonan.png") no-repeat center 0;
    background-size: contain;
}
#newHero tbody td.team.nagoya::before{
    background: url("../img/emb_nagoya.png") no-repeat center 0;
    background-size: contain;
}
#newHero tbody td.team.osaka::before{
    background: url("../img/emb_osaka.png") no-repeat center 0;
    background-size: contain;
}
#newHero tbody td.team.tosu::before{
    background: url("../img/emb_tosu.png") no-repeat center 0;
    background-size: contain;
}

#newHero .attention{
    font-size: 84%;
    color: #333;
    text-align: right;
    float: right;
    line-height: 1.4;
    padding: 0.3em 0;
}
.cx_smartphoneview #newHero .attention{
    font-size: 80%;
    letter-spacing: -0.03em;
}
#about_newHero{
    background-color: #dddad1;
    padding: 1em;
    margin-bottom: 1em;
}
#about_newHero h3{ line-height: 1.4; padding-bottom: 0.3em;}
#about_newHero p{
    line-height: 1.6;
    font-size: 88%;
}
#about_newHero a{
    display: block;
    background-color: #8D6900;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 1.2;
    padding: 0.5em;
    margin: 0.6em 0 0;
    border-radius: 50px;
}
.cx_displaydevice #about_newHero a:hover{ background-color: #a27900;}
.cx_smartphoneview #about_newHero a{ padding: 0.7em 0.5em;}


#newHero #select{
    margin-bottom: 1em;
}
#newHero #select > p{
    font-size: 134%;
    font-weight: bold;
    line-height: 1.4;
    font-feature-settings: "palt";
    margin-bottom: 0.3em;
    color: #8D6900;
}
#newHero #select > p span{
    font-size: 70%;
}
#newHero #select .photoWrap{
    float: left;
    width: 38%;
    margin: 0 0.6em 0.2em 0;
}
.cx_smartphoneview #newHero #select .photoWrap{ width: 50%;}
#newHero #select .photoWrap img{ width: 100%; height: auto;}
#newHero #select dt{
    font-weight: bold;
    line-height: 1.4;
    font-size: 120%;
}
#newHero #select dt span{ font-size: 80%;}
#newHero #select dd{
    font-size: 88%;
    line-height: 1.5;
    margin-bottom: 0.5em;
}
#newHero #select dd.prof{
    border-bottom: dashed 1px #aaa;
    padding-bottom: 0.2em;
}
#newHero #select dd.career{ font-feature-settings: "palt";}
#newHero #select dd.career::before{
    content: "◆";
    color: #8D6900;
    margin-right: 0.2em;
}
#newHero #select dd.career span{
    width: 7em; display: inline-block;
    padding-left: 1.2em;
}
.cx_smartphoneview #newHero #select dd.career{ letter-spacing: -0.03em;}
.cx_smartphoneview #newHero #select dd.career span{
    width: auto;
    padding: 0;
}
#newHero #select dd.career span.displaysp{ display: none;}
.cx_smartphoneview #newHero #select dd.career span.displaysp{ display: inline-block;}
#newHero #select .comment{
    width: 100%;
    border-top: dashed 1px #aaa;
    border-bottom: dashed 1px #aaa;
    padding: 0.5em 0;
}
#newHero #select .comment p:nth-of-type(1){
    font-weight: bold;
    font-size: 94%;
    line-height: 1.2;
    padding-bottom: 0.3em;
}
#newHero #select .comment p:nth-of-type(2){
    font-size: 88%;
    text-align: justify;
}

/* -----------------------------------
	放送予定
----------------------------------- */
.oainfo__list > li{
    margin-bottom: 1em;
    border-bottom: solid 3px #8D6900;
}
.oainfo__list__detail__date{
    font-size: 110%;
    font-weight: bold;
    color: #8D6900;
    border-bottom: solid 1px #8D6900;
}
.oainfo__list__detail__list > li{
    border-bottom: solid 1px #aaa;
    padding: 0.3em 0;
}
.oainfo__list__detail__list > li:nth-last-of-type(1){ border-bottom: none;}
.oainfo__list__detail__list__card{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.oainfo__list__detail__list__card > *{ flex-shrink: 0;}
.oainfo__list__detail__list__card__time{
    font-weight: bold;
    width: 11%;
}
.oainfo__list__detail__list__card dt{
    font-size: 110%;
    font-weight: bold;
    line-height: 1.2;
    width: 61%;
}
.oainfo__list__detail__list__card dt span{
    display: block;
    font-size: 88%;
    font-weight: normal;
}
.oainfo__list__detail__list__card__link{
    display: flex;
    justify-content: flex-end;
    width: 28%;
}
.cx_smartphoneview .oainfo__list__detail__list__card__time,
.cx_smartphoneview .oainfo__list__detail__list__card dt,
.cx_smartphoneview .oainfo__list__detail__list__card__link{ width: 100%;}
.cx_smartphoneview .oainfo__list__detail__list__card__link{ margin-top: 0.2em;}

.oainfo__list__detail__list__card__link > ul,
.oainfo__list__detail__list__card__link > ul > li{ width: 100%;}
.oainfo__list__detail__list__card__link a{
    display: block;
    font-size: 88%;
    font-weight: bold;
    background-color: #9d8727;
    padding: 0.3em 1.5em 0.3em 1em;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    position: relative;
    margin-bottom: 0.1em;
    width: 100%;
    box-sizing: border-box;
}
.cx_smartphoneview .oainfo__list__detail__list__card__link ul{
    display: flex;
}
.cx_smartphoneview .oainfo__list__detail__list__card__link > ul > li{
    flex-shrink: 0;
    width: 49%;
}
.cx_smartphoneview .oainfo__list__detail__list__card__link > ul > li:nth-of-type(2n){
    margin-left: 2%;
}
.oainfo__list__detail__list__card__link a::after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.4em 0 0.4em 0.6em;
    border-color: transparent transparent transparent rgba(255,255,255,0.8);
    /*border-style: inset;*/
    -webkit-transform:rotate(360deg);
    position:absolute;
    top: 50%;
    right: 0.6em;
    margin-top: -0.4em;
}
.oainfo__list__detail__list__card__link .one a{ background-color: #1d2088;}
.oainfo__list__detail__list__card__link .two a{ background-color: #e60012;}
.oainfo__list__detail__list__card__link .next a{ background-color: #009944;}
.oainfo__list__detail__list__card__link .tver a{ background-color: #00afe3;}
.oainfo__list__detail__list__card__link .sky a{ background-color: #0083f4;}
.oainfo__list__detail__list__card__link .fod a{ background-color: #e60012;}
.cx_displaydevice .oainfo__list__detail__list__card__link a:hover{ opacity: 0.8;}

/* -----------------------------------
	今後の日程
----------------------------------- */
.schedule__list > li{
    border-bottom: solid 1px #aaa;
    padding-bottom: 0.8em;
    margin-bottom: 0.8em;
}
.schedule__list__detail{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.schedule__list__detail > *{flex-shrink: 0;} 
.schedule__list__detail__stage{
    font-size: 110%;
    font-weight: bold;
    color: #8D6900;
    min-width: 5em;
}
.schedule__list__detail__list > li{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0.2em;
    line-height: 1.2;
}
.schedule__list__detail__list > li > *{flex-shrink: 0;}
.schedule__list__detail__list__num{
    background-color: #d00010;
    color: #fff;
    font-weight: bold;
    padding: 0.2em 0.4em;
    margin-right: 0.4em;
    text-align: center;
}
.schedule__list__detail__list__date{
    font-weight: bold;
    font-size: 110%;
}

/* -----------------------------------
	スペシャル動画／これまでのハイライト
----------------------------------- */
#archiveMov{ position: relative;}
#archiveMov h3{
    font-size: 110%;
    font-weight: bold;
    color: #8D6900;
    border-top: solid 1px #aaa;
    padding-top: 1em;
}
#archiveMov h3:nth-of-type(1){
    border-top: none;
    padding-top: 0;
}
#movWrap ul,
#archiveMov ul{
    display: flex;
    flex-wrap: wrap;
}
#movWrap li,
#archiveMov li{
    flex-shrink: 0;
    width: 32%;
    margin: 0 2% 10px 0;
    box-sizing: border-box;
    border: solid 1px #ccc;
    border-bottom: solid 5px #aaa;
    padding: 0 0 5px;
    background-color: rgba(255,255,255,0.7);
}
#archiveMov li{ display: none;}
#movWrap li:nth-of-type(3n),
#archiveMov li:nth-of-type(3n){
    margin: 0 0 10px 0;
}
#movWrap .len2 li,
#archiveMov .len2 li,
.cx_smartphoneview #movWrap li,
.cx_smartphoneview #archiveMov li{
    width: 49.5%;
    margin: 0 1% 10px 0;
}
.cx_smartphoneview #archiveMov li:nth-of-type(3n),
.cx_smartphoneview #movWrap li:nth-of-type(3n){ margin: 0 1% 10px 0;}
#movWrap .len2 li:nth-of-type(2n),
#archiveMov .len2 li:nth-of-type(2n),
.cx_smartphoneview #movWrap li:nth-of-type(2n),
.cx_smartphoneview #archiveMov li:nth-of-type(2n){ margin: 0 0 10px 0;}


.cx_displaydevice #movWrap li:hover,
.cx_displaydevice #archiveMov li:hover{ border-bottom: solid 5px #8D6900;}

#movWrap li .thum,
#archiveMov li .thum{ position: relative;}
#movWrap li .thum::after,
#archiveMov li .thum::after{
    content: "";
    display: block;
    position: absolute;
    bottom: 5px;
    right: 5px;
    background: url("../img/playIcn.png");
    width: 30px;
    height: 30px;
    background-size: contain;
    border: solid 3px rgba(255,255,255,0.6);
    border-radius: 50%;
}
.cx_smartphoneview #movWrap li .thum::after{
    width: 50px;
    height: 50px;
    border: solid 5px rgba(255,255,255,0.6);
}
.cx_displaydevice #movWrap li:hover .thum::after,
.cx_displaydevice #archiveMov li:hover .thum::after{ border: solid 3px rgba(255,255,255,1.0);}

#movWrap li .thum img,
#archiveMov li .thum img{ width: 100%; height: auto;} 
#movWrap li .cap,
#movWrap li dt,
#archiveMov li .cap,
#archiveMov li dt{
    padding: 0 10px;
    font-feature-settings: "palt";
}
#movWrap li .cap,
#archiveMov li .cap{
    font-size: 84%;
    line-height: 1.3;
}
#archiveMov li .cap{
    background-color: #d00010;
    color: #fff;
    margin-bottom: 0.2em;
}
#movWrap li dt,
#archiveMov li dt{
    font-weight: bold;
    font-size: 94%;
    line-height: 1.4;
}
#archiveMov .attention{
    text-align: right;
    font-size: 78%;
    line-height: 1.2;
    position: absolute;
    top: 1.4em;
    right: 0;
}
.cx_smartphoneview #archiveMov .attention{ top: 0.7em;}
#archiveMov a.link_btn{
    display: block;
    position: relative;
    width: 80%;
    background-color: #d00010;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    line-height: 1.2;
    font-weight: bold;
    padding: 0.8em 0;
    border-radius: 2em;
    margin-bottom: 1.4em;
}
#archiveMov a.link_btn::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%; right: 1em;
    margin-top: -0.5em;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0.5em 0 0.5em 0.8em;
	border-color: transparent transparent transparent #fff;
}
#archiveMov a.link_btn.moreview::after{
    border-width: 0.8em 0.5em 0 0.5em ;
	border-color: #fff transparent transparent transparent;
    margin-top: -0.3em;
}
#archiveMov a.link_btn.moreview.on::after{
    border-width: 0 0.5em 0.8em 0.5em ;
	border-color: transparent transparent #fff transparent;
    margin-top: -0.5em;
}
.cx_displaydevice #archiveMov a.link_btn:hover{ background-color: #f20013;}

/* -----------------------------------
	出演者
----------------------------------- */
#castWrap .cast__list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#castWrap .cast__list.f-end{
    align-items: flex-end;
}
.cx_smartphoneview #castWrap .cast__list.f-end{ align-items: flex-start;}
#castWrap .cast__list dl{
    margin-bottom: 1.8em;
    flex-shrink: 0;
}
#castWrap .w50{
    width: 49%;
}
#castWrap .w30{
    flex-shrink: 0;
    width: 32.4%;
}
#castWrap .w60{
    flex-shrink: 0;
    width: 62%;
}
#castWrap .w45{
    flex-shrink: 0;
    width: 45%;
}

#castWrap .photo dt{
    float: none;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 0px;
    background-color: #d00010;
    color: #fff;
    font-weight: bold;
    line-height: 1.4;
    padding: 3px 6px;
    font-size: 94%;
}
#castWrap .photo dd{
    width: 100%;
    line-height: 1.8;
    font-weight: bold;
    margin-bottom: 10px;
}
#castWrap .photo dd span{
    font-size: 80%; font-weight: normal;
     font-feature-settings: "palt";
}


#castWrap .photo .photoWrap{
    background-color: #ccc;
    width: 100%;
    height: auto;
    margin-bottom: 3px;
}
#castWrap .photo .photoWrap img{
    width: 100%; height: auto;
    backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
#castWrap .photo dd.name{
    line-height: 1.2;
    margin-bottom: 0;
    padding: 0 0 3px;
}

.cx_smartphoneview #castWrap .photo .photoWrap{
    width: 100%;
    margin: 0 0 3px;
}
.cx_smartphoneview #castWrap .photo dt{ font-size: 80%; letter-spacing: -0.05em;}
.cx_smartphoneview #castWrap .photo dt.narrow_sp{
    letter-spacing: -0.12em;
    font-size: 78%;
}
.cx_smartphoneview #castWrap .photo dd.name{ font-size: 90%;}
.cx_smartphoneview #castWrap .photo dd.name span{ font-size: 78%;}


 #castWrap .opt{
     background-color: #dddad1;
     padding: 1em;
     font-feature-settings: "palt";
}
#castWrap .opt a{
    text-decoration: underline; color: #8D6900;
    word-break: break-all;
}
#castWrap .opt a:hover{ color: #b98a00;}

.castWrap__name{
    border-top: solid 0.1em #aaa;
    border-bottom: solid 0.1em #aaa;
    padding: 1.5em 0 0.7em;
    margin-bottom: 2.4em;
}
.castWrap__name dl{
    display: flex; flex-wrap: wrap;
    font-weight: bold;
    line-height: 1.2;
    /* padding-bottom: 0.8em; */
    font-size: 94%;
}
.castWrap__name dl::before{
    content: "◆";
    color: #d00010;
    margin-right: 0.3em;
}
.castWrap__name dt{
    font-size: 90%;
    width: 8em;
}
.castWrap__name dd span{
    font-size: 80%; font-weight: normal;
    font-feature-settings: "palt";
}
.cx_smartphoneview .castWrap__name dl{ font-size: 88%;}
.cx_smartphoneview .castWrap__name dd span{ font-size: 78%;}

/* ------------------ コメント ------------------ */
.comment_btn{
    padding-bottom: 0.6em;
    border-bottom: solid 0.1em #aaa;
}
.comment_btn a{
    display: block;
    position: relative;
    width: 100%;
    background-color: #A07D27;
    color: #fff;
    text-align: center;
    margin: 0.1em auto 0;
    line-height: 1.2;
    font-weight: bold;
    padding: 0.6em 0;
    border-radius: 2em;
}
.comment_btn a::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%; right: 1em;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
    border-width: 0.8em 0.5em 0 0.5em ;
	border-color: #fff transparent transparent transparent;
    margin-top: -0.3em;
}
.comment_btn a.on,
.cx_displaydevice .comment_btn a:hover{ background-color: #BC932F;}

.cast__comment{
    background-color: rgba(55, 71, 162, 0.14);
    padding: 1.4em 1.4em;
    margin: -1em 0 2em;
    display: none;
    position: relative;
}
.cast__comment::after{
    content: "";
    display: block;
    position: absolute;
    top: -0.8em;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
    border-width: 0 0.5em 0.8em 0.5em ;
	border-color: transparent transparent rgba(55, 71, 162, 0.14) transparent;
}
.cast__comment#comment_ono::after{ left: 4em;}
.cast__comment#comment_uchida::after{ right: 4em;}
.cast__comment h3{
    color: #8D6900;
    font-size: 110%;
    line-height: 1.2;
    font-weight: bold;
    font-feature-settings: "palt";
    margin-bottom: 0.5em;
    border-bottom: solid 2px #8D6900;
}
.cast__comment p{
    font-size: 94%;
    line-height: 2;
}

/* -----------------------------------
	LIVE配信
----------------------------------- */
#liveWrap{ display: none;}
.liveStream__intro{
    font-size: 94%;
    line-height: 1.6;
    padding-bottom: 0.6em;
}
#liveTarget iframe{ vertical-align: bottom;}
#liveWrap #live_link img,
#liveWrap #live_end img{
    width: 100%;
    height: auto;
}
#liveWrap #live_link a{
    position: relative;
    display: block;
}
#liveWrap #live_link a::after{
    content: "";
    display: block;
    background: rgba(0,0,0,0.4) url("../img/playIcn.png") no-repeat 0 0;
    width: 60px;
    height: 60px;
    background-size: contain;
    position: absolute;
    /*bottom: 8px;
    right: 8px;*/
    top: 50%;
    left: 0;
    right: 0;
    margin: -31px auto 0; 
    border: solid 4px rgba(255,255,255,0.9);
    border-radius: 50%;
}
/* -----------------------------------
	LIVE配信
----------------------------------- */
#livestreamWrap > ul > li{
    border-bottom: solid 1px #8d6900;
    margin: 0 0 8px;
}
#livestreamWrap li dl{
    border-left: solid 4px #d00010;
    padding: 0 0 0 10px;
    margin: 0 0 8px;
}
#livestreamWrap .cap{
    font-size: 110%;
    font-weight: bold;
    line-height: 1.4;
    padding: 0.3em 0 0.1em;
    font-feature-settings: "palt";
}
#livestreamWrap dt{
    font-size: 134%;
    font-weight: bold;
    line-height: 1.2;
    padding: 0 0 0.1em;
    font-feature-settings: "palt";
}
/*#livestreamWrap dt span{ font-size: 134%;}*/
#livestreamWrap .date,
#livestreamWrap .txt_end{
    font-size: 110%;
    line-height: 1.2;
    font-weight: bold;
    color: #fff;
    padding: 0.2em 0.4em;
    margin-bottom: 0.3em;background: #8D6900;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3OGIzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZDY5MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #a78b37 0%, #8d6900 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a78b37), color-stop(100%,#8d6900));
    background: -webkit-linear-gradient(left, #a78b37 0%,#8d6900 100%);
    background: -o-linear-gradient(left, #a78b37 0%,#8d6900 100%);
    background: -ms-linear-gradient(left, #a78b37 0%,#8d6900 100%);
    background: linear-gradient(to right, #a78b37 0%,#8d6900 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a78b37', endColorstr='#8d6900',GradientType=1 );
}
#livestreamWrap .date a{
    text-decoration: underline;
    font-weight: bold;
}
#livestreamWrap .feat{
    font-size: 94%;
    line-height: 1.8;
    padding-bottom: 0.6em;
}
#livestreamWrap .photoWrap{ margin-bottom: 0.6em;}
#livestreamWrap .photoWrap.end{ margin-bottom: 0;}
#livestreamWrap .photoWrap img{
    width: 100%;
    height: auto;
    backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
    position: relative;
    z-index: 333;
}
#livestreamWrap .link a{
    display: block;
    background-color: #d00010;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 130%;
    line-height: 2.6em;
    border-radius: 5px;
}
.cx_displaydevice #livestreamWrap .link a:hover{ background-color: #bc000e;}
#liveTarget{ margin-bottom: 0.6em;}
#liveTarget > *{ vertical-align: bottom;}

.cx_smartphoneview #livestreamWrap #yt_link_sp a{
    position: relative;
    display: block;
}
.cx_smartphoneview #livestreamWrap #yt_link_sp a::before{
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    background-color: rgba(0,0,0,0.8);
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -40px auto 0;
    border-radius: 50%;
    border: solid 4px rgba(255,255,255,0.8);
    z-index: 555;
}
.cx_smartphoneview #livestreamWrap #yt_link_sp a::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
	margin: -15px 0 0 -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 0 20px 32px;
	border-color: transparent transparent transparent rgba(255,255,255,0.9);
    z-index: 666;
}
#livestreamWrap .txt_end{ text-align: center;}
#livestreamWrap .attention{
    font-size: 80%;
    line-height: 1.4;
}

/* --------------- 事前配信 --------------- */
#livestreamWrap .preMovWrap{
    background-color: #dddad1;
    padding: 1em;
}
#livestreamWrap .preMovWrap > p:nth-of-type(1){
    background-color: #d00010;
    color: #fff;
    line-height: 1.2;
    padding: 0.3em 0.6em;
    display: inline-block;
    margin-left: -1.2em;
    margin-bottom: 0.5em;
}
#livestreamWrap .preMovWrap h3{
    font-size: 120%;
    line-height: 1.4;
    padding-bottom: 0.3em;
    /*color: #8D6900;*/
}
#livestreamWrap .preMovWrap h3 + p{
    font-size: 88%;
    line-height: 1.6;
    padding-bottom: 0.5em;
}
#livestreamWrap .preMovWrap .thum img{
    width: 100%;
    height: auto;
}
#livestreamWrap .preMovWrap .thum{ position: relative;}
#livestreamWrap .preMovWrap .thum::after{
    content: "";
    display: block;
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: url("../img/playIcn.png");
    width: 60px;
    height: 60px;
    background-size: contain;
    border: solid 4px rgba(255,255,255,0.6);
    border-radius: 50%;
}
#livestreamWrap .preMovWrap .thum:hover::after{
    border: solid 4px rgba(255,255,255,1);
}
/* -----------------------------------
	ザ プッシュ
----------------------------------- */
#gameWrap{
    background-color: rgba(26, 27, 72, 0.2);
    padding: 0.3em 15px 1em;
    box-sizing: border-box;
}
.cx_smartphoneview #fp-l > div#gameWrap{ margin-bottom: 1.5em;}
/*#gameWrap::before{
    content: "";
    display: block;
    float: right;
    background: url("../photo/thePush_ph.jpg") no-repeat center center;
    width: 180px;
    height: 600px;
    background-size: contain;
    margin-top: 0.7em;
    background-color: #fff;
    margin-left: 10px;
}*/
.gameWrap_photoWrap{
    float: right;
    width: 140px;
    height: auto;
    background-color: #fff;
    margin-left: 10px;
    text-align: center;
    padding: 0.5em 0;
}
.gameWrap_photoWrap li:nth-of-type(1){
    margin-bottom: 4px;
}
.gameWrap_photoWrap img{
    width: 85%; height: auto;
}
.cx_smartphoneview .gameWrap_photoWrap{
    margin-left: 20px;
    padding: 0;
}
.cx_smartphoneview .gameWrap_photoWrap img{ width: 100%;}
#fp-l > div#gameWrap h2{
    background: url("../img/thePush_logo.png") no-repeat 0 0;
    width: 436px;
    height: 104px;
    background-size: contain;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
    padding: 0;
}
.cx_smartphoneview #fp-l > div#gameWrap h2{
    width: 428px;
    height: 104px;
}
#gameWrap h2 + p{
    background-color: #af8c2e;
    padding: 0.3em 0.6em;
    color: #fff;
    font-weight: bold;
    font-size: 100%;
    line-height: 1.3;
    margin-bottom: 0.5em;
    letter-spacing: -0.05em;
}
/*.cx_smartphoneview #gameWrap h2 + p{ font-size: 94%;}*/
@media screen\0 {
	#gameWrap h2 + p{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}
#gameWrap .detail{
    font-size: 88%;
    line-height: 1.8;
    padding-bottom: 0.6em;
    text-align: justify;
}
.cx_smartphoneview #gameWrap .detail{ line-height: 1.8;}
#gameWrap .present{
    font-size: 88%;
    background-color: rgba(255,255,255,0.5);
    padding: 0.6em 1em;
    line-height: 1.4;
    font-weight: bold;
    margin-bottom: 0.5em;
}
.cx_smartphoneview #gameWrap .present{
    padding: 0.4em 0.6em;
}
#gameWrap .present li{
    padding: 0.2em 0;
    text-indent: -1.2em;
    margin-left: 1.2em;
}
#gameWrap .present li::before{
    content: "◆";
    color: #d00010;
    padding-right: 0.2em;
}
#gameWrap .attention{
    font-size: 78%;
    line-height: 1.4;
    padding-bottom: 1em;
    text-indent: -1.0em;
    margin-left: 1.0em;
}
#gameWrap .attention::before{
    content: "※";
    
}
#gameWrap a{
    display: block;
    background-color: #de0000;
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 1.0;
    padding: 0.8em 0;
    border-radius: 3em;
    /*width: 380px;*/
    box-sizing: border-box;
}
#gameWrap a::after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.4em 0 0.4em 0.6em;
    border-color: transparent transparent transparent #f2e0c9;
    /*border-style: inset;*/
    /*-webkit-transform:rotate(360deg);*/
    /*position:absolute;
    top:50%;
    right:14px;*/
    /*margin-top: -8px;*/
    margin-left: 0.6em;
}
.cx_displaydevice #gameWrap a:hover{ background-color: #ff0000;}
.cx_smartphoneview #gameWrap a{
    font-size: 94%;
    width: 100%;
}
#gameWrap a.comingsoon{
    background-color: #888;
    opacity: 0.7;
    cursor: default;
}
#gameWrap a.comingsoon::after{ display: none;}
.cx_displaydevice #gameWrap a.comingsoon:hover{ background-color: #888;}

/* -----------------------------------
	関連番組
----------------------------------- */
.prePrgrm h3{
    font-size: 140%;
    line-height: 1.2;
    margin-bottom: 0.5em;
}
.prePrgrm h3 span{ font-size: 80%;}
.cx_smartphoneview .prePrgrm h3 span{
    font-size: 70%;
    letter-spacing: -0.03em;
}
.prePrgrm__photo{
    margin-bottom: 1em;
}
.prePrgrm__photo img{ width: 100%; height: auto;}
.prePrgrm__intro{
    font-size: 94%;
    line-height: 1.8;
    margin-bottom: 0.5em;
}
.prePrgrm__cast{
    border-top: solid 0.1em #aaa;
    border-bottom: solid 0.1em #aaa;
    padding: 0.5em 0;
    font-size: 94%;
    margin-bottom: 0.8em;
    line-height: 1.6;
}
.prePrgrm__cast dt {
    background-color: #8D6900;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    padding: 0 0.3em;
    margin-bottom: 0.3em;
}
.prePrgrm__cast ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.prePrgrm__cast .w100{ width: 100%;}
.prePrgrm__cast ul li{
    flex-shrink: 0;
}
.prePrgrm__cast ul li:nth-of-type(1){ width: 6em;}
.prePrgrm__cast ul li:nth-of-type(1)::after{
    content: "、";
}
.prePrgrm__cast li span{ font-size: 90%;}
.prePrgrm__schedule{
    margin-bottom: 0.8em;
}
.prePrgrm__schedule li{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.5em;
    font-weight: bold;
}
.prePrgrm__schedule li::before{
    content: "◆";
    color: #d00010;
    margin-right: 0.3em;
}
.prePrgrm__schedule__ttl{
    margin-right: 1em;
    color: #8D6900;
}
.prePrgrm__schedule__date{
    font-weight: bold;
}

.stream{
    background-color: #dddad1;
    text-align: center;
    padding: 0.5em;
}
.stream > p{
    font-weight: bold;
    line-height: 1.2;
    color: #8D6900;
    font-size: 108%;
}
.stream li{
    width: 49%;
    float: left;
    margin: 0.2em 0.5%;
}
.cx_smartphoneview .stream li{ margin-top: 0.4em;}
.stream li a{
    display: block;
    background-image: url("../img/fod_logo.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    height: 3.3em;
    background-size: 100% 2.2em;
    border-radius: 5px;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
}
.stream li.tver a{
    background-image: url("../img/tver_logo.svg");
    background-size: 100% 2.8em;
    background-position: center 0.1em;
}
.stream li.fujitv-view a{
    background-image: url("../img/fujitv-view_logo.svg");
}
.stream li.fnn a{
    background-image: url("../img/fnn_logo.svg");
    background-size: 100% 1.4em;
}
.stream li a.comingsoon{ opacity: 0.5;}
.cx_smartphoneview .stream li.fujitv-view a{
    background-size: 100% 1.7em;
    background-position: center 0.6em;
}
.cx_smartphoneview .stream li.fnn a{
    background-size: 100% 1.0em;
}
.cx_displaydevice .stream li a:hover{
    box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
}
.cx_displaydevice  .stream li a.comingsoon:hover{ box-shadow: none;}


/* -----------------------------------
	チーム情報
----------------------------------- */
#teamInfoWrap > ul > li{ margin: 1em 0;}
#teamInfoWrap > ul > li:nth-of-type(1){ border-bottom: solid 2px #000;}
#teamInfoWrap .detail .emb{
    float: left;
    width: 150px;
    height: 150px;
    background: rgba(255,255,255,0.8);
    margin-right: 1em;
}
.cx_smartphoneview #teamInfoWrap .detail .emb{
    width: 180px;
    height: 180px;
    margin-right: 0.6em;
}
#teamInfoWrap .detail .emb img{
    width: 100%; height: auto;
    backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
#teamInfoWrap .detail dt{
    font-size: 120%;
    font-weight: bold;
    line-height: 1.2;
    padding: 0.4em 0;
}
#teamInfoWrap .detail dd{
    font-size: 94%;
    line-height: 1.3;
    padding-bottom: 0.3em;
}
#teamInfoWrap .detail dd .ttlWrap,
#teamInfoWrap .player h3{
    background-color: #c30000;
    color: #fff;
    padding: 0.1em 0.4em;
    margin-right: 0.5em;
    font-weight: normal;
    display: inline-block;
}
#teamInfoWrap .attention{ font-size: 80%;}
#teamInfoWrap .player{
    margin-top: 0.5em;
    border-top: dashed 1px #aaa;
    padding: 0.5em 0 1em;
}
.cx_smartphoneview #teamInfoWrap .player > dl > dt,
.cx_smartphoneview #teamInfoWrap .player > dl > dt + dd{
    padding-left: 0.4em;
    padding-right: 0.4em;
}
#teamInfoWrap .player .photoWrap{
    float: right;
    width: 40%;
    height: auto;
    background-color: #fff;
    margin-left: 1em;
    margin-top: -1.6em;
    padding-bottom: 0;
}
#teamInfoWrap .player .photoWrap img{
    width: 100%; height: auto;
    backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
    vertical-align: bottom;
}
.cx_smartphoneview #teamInfoWrap .player .photoWrap{
    width: 47%;
    margin-left: 0.8em;
}
#teamInfoWrap .player > dl > dt{
    font-size: 110%;
    font-weight: bold;
    line-height: 1.2;
    padding: 0.4em 0 0.3em;
}
#teamInfoWrap .player > dl > dd{
    font-size: 94%;
    line-height: 1.6;
    text-align: justify;
    padding-bottom: 0.4em;
}
#teamInfoWrap .player dd.stats{
    font-size: 88%;
    line-height: 1.3;
    background-color: #dddad1;
    padding: 0.8em 1em;
}
#teamInfoWrap .player dd.stats dt{
    font-weight: bold;
    padding-bottom: 0.3em;
}
#teamInfoWrap .player dd.stats dd{ padding: 0.2em 0;}
@media screen\0 {
	#teamInfoWrap .detail dd .ttlWrap,
    #teamInfoWrap .player h3{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}

/* -----------------------------------
	大会注目選手
----------------------------------- */
#pickup li{
    margin-bottom: 10px;
    padding: 0 0 10px;
    border-bottom: solid 2px #9a9cd2;
    position: relative;
}
#pickup li.firstS::after{
    content: "";
    display: block;
    background: url("../img/firstIcn.png") no-repeat 0 0;
    width: 108px;
    height: 108px;
    position: absolute;
    top: -5px;
    right: 0;
}
#pickup .photoBs{
    width: 220px;
    height: auto;
    float: left;
    margin: 0 10px 0 0;
}
#pickup .photoBs img{ width: 100%; height: auto;}
.cx_smartphoneview #pickup .photoBs{ width: 46%;}
#pickup dt{
    font-size: 110%;
    font-weight: bold;
    color: #c81a17;
    line-height: 1.2;
    padding: 0 0 5px;
}
#pickup .name{ font-size: 140%; line-height: 1.3;}
.cx_smartphoneview #pickup .name{ font-size: 120%;}
#pickup .team,
#pickup .intro{
    font-size: 90%;
    line-height: 1.6;
}
#pickup .intro{ padding: 10px 0 0;}
#pickup .small{ font-size: 84%;}

/* -----------------------------------
	日本代表メンバー
----------------------------------- */
#japanMember li{
    width: 300px;
    border-bottom: solid 2px #9a9cd2;
    float: left;
    margin-bottom: 10px;
    padding: 0 0 5px;
}
#japanMember li:nth-of-type(2n){ margin-left: 20px;}
.cx_smartphoneview #japanMember li{
    width: 100%;
    float: none;
    margin-left: 0;
}
#japanMember li .photoBs{
    width: 150px;
    height: auto;
    background-color: #fff;
    position: relative;
    float: left;
    margin: 0 7px 0 0;
}
.cx_smartphoneview #japanMember li .photoBs{ width: 38%;}
#japanMember li .photoBs img{ width: 100%; height: auto;}
#japanMember li .photoBs::before{
    content: "";
    font-size: 88%;
    position: absolute;
    top: 3px;
    left: -3px;
    background-color: #00185c;
    color: rgba(255,255,255,0.9);
    font-weight: bold;
    line-height: 1.0;
    padding: 3px 5px;
    font-family: 'arial', 'MS Sans Serif', sans-serif;
}
#japanMember li .photoBs.gk::before{ content: "GK";}
#japanMember li .photoBs.df::before{ content: "DF";}
#japanMember li .photoBs.mf::before{ content: "MF";}
#japanMember li .photoBs.fw::before{ content: "FW";}
#japanMember li .photoBs.dir::before{ content: "監督";}
#japanMember dt{
    color: #14176d;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 3px;
}
#japanMember .name{
    font-weight: bold;
    color: rgba(20,23,109,0.76);
    line-height: 1.2;
    font-size: 88%;
    border-bottom: solid 2px #e60021;
    padding: 0 0 6px;
    margin: 0 0 6px;
}
#japanMember .birthday,
#japanMember .height,
#japanMember .weight,
#japanMember .team,
#japanMember .stats{
    font-size: 88%;
    line-height: 1.4;
}
#japanMember .stats span{
    font-weight: bold;
    background-color: #e60021;
    color: #fff;
    padding: 3px;
}
.cx_displaydevice #japanMember .stats{ padding-top: 5px;}
.cx_displaydevice #japanMember .team:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/*.cx_displaydevice #japanMember .team {display: inline-block;}*/
#japanMember .attention{
    text-align: right;
    font-size: 82%;
    color: #555;
}

/* -----------------------------------
	出演者
----------------------------------- */
#cast dl{
    line-height: 1.5;
    margin: 15px 0 0;
}
#cast dt{
    font-size: 108%;
    font-weight: bold;
    color: #14176d;
    width: 33%;
    float: left;
}
#cast dt::before{
    content: "◆";
    color: #ffbe00;
    margin: 0 3px 0 0;
}

#cast dd{
    font-weight: bold;
    margin-bottom: 10px;
}
#cast dd span{ font-weight: normal; font-size: 88%;}
#cast dd li{
    float: left;
    margin-right: 30px;
}

.cx_smartphoneview #cast dt{
    width: 100%;
    float: none;
}

/* ---------------------------------------------
	右エリア
--------------------------------------------- */
/*#fp-bhp #fp-bhp-moreoadate{ display: none !important;}
#fp-bhp-overlayWrap #fp-bhp-overlayContents #fp-bhp-sche{ display: none !important;}
#fp-bhp #fp-bhp-infomain h4.nextoatitle{ line-height: 1.6 !important;}
#fp-bhp #fp-bhp-infomain h4.nextoatitle::before{
    content: "NEXT";
    background-color: #9d7f00;
    color: #fff;
    padding: 5px 5px 3px;
    margin-right: 5px;
}*/
#fp-bhp #fp-bhp-rectangle{ display: none !important;}
/*#fp-bhp #fp-bhp-infomain{ display: none !important;}*/
/* #fp-bhp #fp-bhp-ichioshi{ display: none !important;} */
/* fp-ohp-customcss */
#fp-bhp.fpbhp-pc .contblock h2{
	color:#eee;
	background-color:#8D6900;
    border: none !important;
}
#fp-bhp #fp-bhp-infomain .nextoadate span{ background: #c81a17 !important;}

.cx_smartphoneview #fp-bhp .contblock#twWrap h2{ display: none !important;}

#fp-bhp #twWrap{
    border: 1px solid #c9c2c2;
    box-shadow: 0px 1px 3px #333;
    margin-bottom: 12px;
    box-sizing: border-box;
}
#fp-bhp #twWrap > div{
    height: 450px;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.cx_smartphoneview #fp-bhp #twWrap > div{
    height: 600px;
    padding: 0;
}

#fp-bhp div#posterThum{
    margin-bottom: 30px;
    cursor: pointer;
    padding: 5px 5px 0;
    background: rgb(73,73,73);
    background: -moz-linear-gradient(top,  rgba(73,73,73,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,73,73,1)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top,  rgba(73,73,73,1) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top,  rgba(73,73,73,1) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top,  rgba(73,73,73,1) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom,  rgba(73,73,73,1) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#000000',GradientType=0 );
    box-sizing: border-box;
}
#posterThum::after{
    content: "";
    display: block;
    background-image: url("../img/icn_zoom.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 26px 28px;
    background-color: #000;
    width: 100%;
    height: 40px;
}
#posterThum img{
    width: 100% !important;
    height: auto !important;
}

#fp-bhp div#posterThum:hover{
    background: rgb(84,84,84);
    background: -moz-linear-gradient(top,  rgba(84,84,84,1) 0%, rgba(51,51,51,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(84,84,84,1)), color-stop(100%,rgba(51,51,51,1)));
    background: -webkit-linear-gradient(top,  rgba(84,84,84,1) 0%,rgba(51,51,51,1) 100%);
    background: -o-linear-gradient(top,  rgba(84,84,84,1) 0%,rgba(51,51,51,1) 100%);
    background: -ms-linear-gradient(top,  rgba(84,84,84,1) 0%,rgba(51,51,51,1) 100%);
    background: linear-gradient(to bottom,  rgba(84,84,84,1) 0%,rgba(51,51,51,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#333333',GradientType=0 );

}
#posterThum:hover::after{ background-color: #333;}

/* -------------------------------------
	オーバーレイ
------------------------------------- */
#ovrly_bs{
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    height: 100vh;
    z-index: 99999;
    display: none;
}
/*800/1131*0.9=0.6366*/
#ovrly_main{
    /*background-color: #fff;*/
    width: 72vh;
    height: 90vh;
    position: absolute;
    top: 5vh;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#ovrly_main img{ width: auto; height: 100%;}

/*--------オーバーレイCLOSE--------*/
#ovrly_bs .closeBtn{
    position: absolute;
    top: -20px;
    right: -20px;
    width: 36px;
    height: 36px;
    background-color: #fff;
    border-radius: 50%;
    border: solid 3px #00185c;
    cursor: pointer;
}
#ovrly_bs .closeBtn span:nth-of-type(1){
    width: 3px;
    height: 30px;
    background-color: #00185c;
    display: block;
    position: absolute;
    top: 3px;
    left: 17px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
#ovrly_bs .closeBtn span:nth-of-type(2){
    width: 30px;
    height: 3px;
    background-color: #00185c;
    display: block;
    position: absolute;
    top: 17px;
    left: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}