@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;}

/*共通レイアウト*/
#fp-contents{ padding-top: 1em;}
#fp-wrap{
    /*background: url("../img/bg.jpg") repeat center 0;*/
    background-color: #ededed;
    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{
    /*background-color: #8b1129;*/
    background-color: #fff;
    width: 100%;
    border-bottom: solid 2px #b28c45;
    position: relative;
}
.cx_smartphoneview .toppage  #hdrWrap{
    /*background: url("../photo/mainV_sp.jpg") no-repeat center 0;*/
    height: 620px;
}
/*.cx_smartphoneview .toppage  #hdrWrap{
    background-size: cover;
    height: 0;
    padding-top: 47%;
}*/
.toppage #hdrWrap h1{
    background-image: url("../photo/mainV_pc_w1300.jpg");
    background-repeat: no-repeat;
    background-position: center 0;
    width: 100%;
    background-size: contain;
    height: 0;
    padding-top: 46.15%;
}
.cx_smartphoneview .toppage #hdrWrap h1{
    background-image: url("../photo/mainV_sp.jpg");
    background-repeat: no-repeat;
    background-position: center 0;
    width: 100%;
    height: 620px;
    padding-top: 0;
}
@media screen and (min-width: 1300px) {
    .toppage #hdrWrap h1{
        background-image: url("../photo/mainV_pc_w1400.jpg");
        padding-top: 42.86%;
    }
}
@media screen and (min-width: 1500px) {
    .toppage #hdrWrap h1{
        background-image: url("../photo/mainV_pc_w1700.jpg");
        padding-top: 40%;
    }
}
@media screen and (min-width: 2000px) {
    .toppage #hdrWrap h1{
        background-image: url("../photo/mainV_pc_w1900.jpg");
        padding-top: 0;
        height: 680px;
    }
}
/*@media screen and (min-width: 1500px) {
    .toppage #hdrWrap h1{
        background-image: url("../photo/mainV_pc_w1500.jpg");
        height: 600px;
        padding: 0;
    }
}*/
.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;
}

/*-------------LIFE WITH FOOTBALL-------------*/
#lwfWrap{
    background-color: #010038;
    width: 100%;
    position: relative;
    /*margin-bottom: 15px;*/
}
#lwfWrap a{
    display: block;
    background-image: url("../img/logo_lwf.png");
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 45px;
    background-size: auto 25px;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
    opacity: 0.8;
}
.cx_smartphoneview #lwfWrap a{
     height: 65px;
    background-size: auto 35px;
}

/*-------------what's new-------------*/
#newsWrap{
    background: #090c5d;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiMwOTBjNWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMzODM5OWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3OCUiIHN0b3AtY29sb3I9IiMwOTBjNWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #090c5d 22%, #38399c 50%, #090c5d 78%);
    background: -webkit-gradient(linear, left top, right top, color-stop(22%,#090c5d), color-stop(50%,#38399c), color-stop(78%,#090c5d));
    background: -webkit-linear-gradient(left, #090c5d 22%,#38399c 50%,#090c5d 78%);
    background: -o-linear-gradient(left, #090c5d 22%,#38399c 50%,#090c5d 78%);
    background: -ms-linear-gradient(left, #090c5d 22%,#38399c 50%,#090c5d 78%);
    background: linear-gradient(to right, #090c5d 22%,#38399c 50%,#090c5d 78%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#090c5d', endColorstr='#090c5d',GradientType=1 );
    padding: 5px 0;
    border-bottom: solid 2px #b28c45;
}
#newsWrap ul{
    /*background-color: rgba(255,255,255,0.7);
    border-radius: 15px;
    display: inline-block;*/
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}
.cx_smartphoneview #newsWrap ul{ width: 100%;}
#newsWrap li a{
    display: flex;
    font-size: 140%;
    font-weight: bold;
    color: #fff;
    line-height: 1.4;
    text-align: center;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0.4em 0;
}
#newsWrap li a span{ color: #f7be00;}
#newsWrap li a span.tver{
    background: #fff url("../img/tver_logo.svg") no-repeat center center;
    width: 3.6em;
    height: 1.8em;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    background-size: 80% 80%;
    margin-right: 0.2em;
}
@media screen\0 {
	#newsWrap li a{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}
#newsWrap li a.link::after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.3em 0 0.3em 0.5em;
    border-color: transparent transparent transparent rgba(255,255,255,0.7);
    margin-left: 0.6em;
}
.cx_displaydevice #newsWrap li a.link:hover::after{
    /*text-decoration: underline;
    color: #fff;*/
    border-color: transparent transparent transparent #ffc72f;
}
.cx_smartphoneview #newsWrap li a{
    font-size: 100%;
    text-align: center;
    width: 100%;
    letter-spacing: -0.06em;
    padding: 0.7em 0;
}

/* -----------------------------------------------
	NEXT OA情報
----------------------------------------------- */
#nextOA{
    text-align: center;
    /*background: #090c5d;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiMwOTBjNWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMzODM5OWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3OCUiIHN0b3AtY29sb3I9IiMwOTBjNWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #090c5d 22%, #38399c 50%, #090c5d 78%);
    background: -webkit-gradient(linear, left top, right top, color-stop(22%,#090c5d), color-stop(50%,#38399c), color-stop(78%,#090c5d));
    background: -webkit-linear-gradient(left, #090c5d 22%,#38399c 50%,#090c5d 78%);
    background: -o-linear-gradient(left, #090c5d 22%,#38399c 50%,#090c5d 78%);
    background: -ms-linear-gradient(left, #090c5d 22%,#38399c 50%,#090c5d 78%);
    background: linear-gradient(to right, #090c5d 22%,#38399c 50%,#090c5d 78%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#090c5d', endColorstr='#090c5d',GradientType=1 );*/
    padding: 1.2em 0;
    display: none;
}
.cx_smartphoneview #nextOA{
    /*background: rgb(252, 246, 232) url("../img/bg01.png") repeat center 0;*/
    padding: 0.6em;
}
#nextOA_target{
    display: inline-block;
    max-width: 1000px;
}
#nextOA_target .oaInfo{
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.move_horizontal_in{
    -ms-transform: translate3d(1500px, 0, 0);
    -webkit-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0);
    -webkit-transition: -webkit-transform 0.2s ease-out;
    -ms-transition: -ms-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
}
.move_horizontal_fix{
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transition: -ms-transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.2s;
    -webkit-transition: -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;
}
.cx_smartphoneview #nextOA_target .oaInfo{
    display: block;
    padding: 0 0.8em;
}
#nextOA_target .oaInfo > *{
    flex-shrink: 0;
}
#nextOA_target .oadate,
#nextOA_target .ttl{
    font-size: 136%;
    font-weight: bold;
    color: #584b1e;
    line-height: 1.2;
    /*display: flex;*/
    /*-webkit-box-align: center;*/
    align-items: center;
    font-feature-settings: "palt";
}
#nextOA_target .oadate{ margin-right: 0.5em;}
#nextOA_target .oadate::before{
    content: "NEXT";
    background-color: #aa0027;
    color: #fff;
    font-size: 90%;
    padding: 0.1em 0.3em 0.06em;
    margin-right: 0.3em;
}
.cx_smartphoneview #nextOA_target .oadate,
.cx_smartphoneview #nextOA_target .ttl{
    /*text-align: left;*/
    font-size: 110%;
}
.cx_smartphoneview #nextOA_target .oadate{ margin-bottom: 0.2em;}
#nextOA_target .overview{
    font-size: 88%;
    line-height: 1.6;
    padding: 0.3em 0 0;
    text-align: left;
    font-feature-settings: "palt";
}
.cx_smartphoneview #nextOA_target .overview{ padding: 0.3em 0.8em 0;}

/*-------------ナビゲーション-------------*/
#navWrap{
    background-color: #460018;
    position: relative;
    width: 100%;
    z-index: 3333;
    /*border-top: solid 1px #583e19;*/
    /*border-bottom: solid 5px #b10000;*/
    /*box-shadow: 0px 25px 50px rgba(255, 177, 0, 0.16);*/
    box-shadow: 0px 25px 50px rgba(157, 157, 157, 0.16);
}
#navWrap ul{
    width: 1200px;
    margin: 0 auto;
    padding: 0.5em 0;
    position: relative;
    z-index: 2200;
    display: flex;
    flex-wrap: wrap;
}
.cx_smartphoneview #navWrap ul{
    width: 98%;
    padding: 0.3em 0 0.1em;
}

#navWrap ul li{
    flex-shrink: 0;
    margin: 0 0.25% 0 0;
    position: relative;
    width: 19.8%;
}
#navWrap ul li:nth-of-type(5){ margin: 0;}
#navWrap ul.len6 li{
    width: 16.4%;
    margin: 0 0.32% 0 0;
}
#navWrap ul.len6 li:nth-of-type(6){
    margin: 0;
}
#navWrap ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-shadow: -1px -1px 2px rgba(0,0,0,0.6);
    font-size: 104%;
    line-height: 1.4;
    box-sizing: border-box;
    position: relative;
    background: #6a0024;
    border-top: solid 1px #9a1f48;
    border-left: solid 1px #9a1f48;
    border-bottom: solid 1px #2f0010;
    border-right: solid 1px #2f0010;
}

#navWrap ul li a.here{
    cursor: default;
    background: #c90000;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2M5MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2IyMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #c90000 0%, #c90000 50%, #b20000 51%, #b20000 100%);
    background: -webkit-linear-gradient(top, #c90000 0%,#c90000 50%,#b20000 51%,#b20000 100%);
    background: linear-gradient(to bottom, #c90000 0%,#c90000 50%,#b20000 51%,#b20000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90000', endColorstr='#b20000',GradientType=0 );
}

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

.display_short{ display: none;}
.cx_smartphoneview #navWrap.short .display_short{ display: block;}
.cx_smartphoneview #navWrap.short{
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 99997;
}
.cx_smartphoneview #navWrap.short::before,
.cx_smartphoneview #navWrap.short::after{ width: 192%;}
.cx_smartphoneview #navWrap.short .displaypc{ display: block;}
.cx_smartphoneview #navWrap.short ul{
    width: 162%;
    padding: 10px 1%;
    box-sizing: border-box;
}
.cx_smartphoneview #navWrap.short ul li{
    /*width: 24.4%;*/
    /*width: 19.6%;*/
    width: 16.2%;
    margin: 0 0.5% 0 0;
}
.cx_smartphoneview #navWrap.short ul li:nth-last-of-type(1){ margin: 0;}
.cx_smartphoneview #navWrap.short ul li a{
    height: 74px;
    font-size: 78%;
}
.cx_smartphoneview #navWrap.short ul li a.line1{ padding: 26px 0 0;}
.cx_smartphoneview #navWrap.short ul li a::before{
    height: 78px;
}

.cx_displaydevice #navWrap ul li a:hover{
    background: #83002c;
}
#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: 56%;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
}
.cx_displaydevice #navWrap ul li.comingsoon a:hover{
    background: rgb(0,38,191);
    background: -moz-linear-gradient(top,  rgba(0,38,191,1) 0%, rgba(0,25,129,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,38,191,1)), color-stop(100%,rgba(0,25,129,1)));
    background: -webkit-linear-gradient(top,  rgba(0,38,191,1) 0%,rgba(0,25,129,1) 100%);
    background: -o-linear-gradient(top,  rgba(0,38,191,1) 0%,rgba(0,25,129,1) 100%);
    background: -ms-linear-gradient(top,  rgba(0,38,191,1) 0%,rgba(0,25,129,1) 100%);
    background: linear-gradient(to bottom,  rgba(0,38,191,1) 0%,rgba(0,25,129,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0026bf', endColorstr='#001981',GradientType=0 );
}
.cx_smartphoneview #navWrap ul li.comingsoon:after{ font-size: 80%;}


/*-------------コンテンツエリア-------------*/
#fp-l{ margin: 10px 0 40px;}
#fp-l > div{
    width: 620px;
    margin: 0 15px 3em 5px;
}
.cx_smartphoneview #fp-l > div{
    margin: 0 auto;
    padding: 0.6em 0.6em 1em 0.6em;
    box-sizing: border-box;
}
#fp-l > div .ttl{ position: relative; margin: 0 0 10px;}
#fp-l > div .ttl::before{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #6a0024;
    position: absolute;
    bottom: 0;
    left: 0;
}
#fp-l > div h3{
    font-size: 144%;
    line-height: 1.0;
    background-color: #6a0024;
    color: #fff;
    padding: 0.2em 0.3em;
    display: inline-block;
    position: relative;
    font-feature-settings: "palt";
}
#fp-l > div h3::after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0; right: -0.8em;
	margin:0 0 0 0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 1.4em 0 0 0.8em;
	border-color: transparent transparent transparent #6a0024;
}
#fp-l > div h3 span{ letter-spacing: -0.06em;}
@media screen\0 {
	#fp-l > div h3{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}

.cx_smartphoneview #fp-l > div h3{
    font-size: 130%;
}

/* -----------------------------------
	動画
----------------------------------- */
.movie__intro{
    background: #6a0024; color: #fff;
    font-size: 130%; font-weight: bold;
    text-align: center; line-height: 1.3;
    padding: 0.3em;
}
.cx_smartphoneview .movie__intro{
    font-size: 110%;
}

/* -----------------------------------
	野村一晟さんコラボ
----------------------------------- */
#collabo h2{
    color: #6a0024;
    font-size: 140%;
    line-height: 1.2;
    border-bottom: solid 0.2em #907426;
    margin-bottom: 0.5em;
}
.collabo__photo{
    display: flex;
    margin-bottom: 0.6em;
    background-color: rgba(0,0,0,0.14);
    padding: 1.2em 2.6em;
}
.cx_smartphoneview .collabo__photo{ padding: 0.8em 1em;}
.collabo__photo li{
    width: 48%;
    height: auto;
    background-color: #aaa;
}
.collabo__photo li:nth-of-type(2){ margin-left: 4%;}
.collabo__photo li img{ width: 100%; height: auto;}
.collabo__prof{
    border: solid 0.1em #ad9248;
    /*background-color: rgba(0,0,0,0.14);*/
    padding: 0.8em 1.2em;
    margin-bottom: 0.8em;
}
.collabo__prof__name{
    font-size: 110%;
    font-weight: bold;
    color: #6a0024;
    line-height: 1.2;
}
.collabo__prof__name span{ font-size: 80%;}
.collabo__prof__intro{
    font-size: 94%;
    line-height: 1.4;
}
.collabo__detail{
    font-size: 94%;
    line-height: 1.6;
    padding-bottom: 0.6em;
}
a.collabo__link{
    display: block;
    background-color: #ba001d;
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 1.0;
    padding: 0.8em 0;
    border-radius: 3em;
    width: 380px;
    width: auto;
    box-sizing: border-box;
}
.collabo__link::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 .collabo__link:hover{ background-color: #d90022;}
.cx_smartphoneview .collabo__link{
    font-size: 94%;
    width: 100%;
}

/* -----------------------------------
	ザ プッシュ
----------------------------------- */
#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: 200px;
    height: 340px;
    background-size: contain;
    margin-top: 0.7em;
    background-color: #fff;
    margin-left: 10px;
}
#gameWrap h2{
    background: url("../img/thePush_logo.png") no-repeat 0 0;
    width: 380px;
    height: 92px;
    background-size: contain;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
}
#gameWrap h2 + p{
    background-color: #907426;
    padding: 0.3em 0.6em;
    color: #fff;
    font-weight: bold;
    font-size: 110%;
    line-height: 1.3;
    margin-bottom: 0.5em;
}
.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.6;
    padding-bottom: 0.6em;
}
.cx_smartphoneview #gameWrap .detail{ line-height: 1.8;}
#gameWrap .schedule{
    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;
}
#gameWrap .schedule h4{
    background-color: #907426;
    display: inline-block;
    padding: 0.2em 0.5em;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 0.5em;
}
.schedule__list li{
    display: flex;
    flex-wrap: wrap;
    line-height: 1.2;
    margin-bottom: 0.4em;
    align-items: center;
}
#gameWrap .schedule__list__date{
    min-width: 8em;
}
.schedule__list__card{
    display: flex;
    align-items: center;
    font-feature-settings: "palt";
}
.schedule__list__card .group{
    background-color: #3285cb;
    color: #fff;
    padding: 0em 0.4em;
    margin-right: 0.4em;
    border-radius: 3em;
    font-size: 94%;
}
.schedule__list__card .group.f{ background-color: #56b54f;}
.schedule__list__card .group.h{ background-color: #ccb220;}
.schedule__list__card .group.g{ background-color: #de9736;}
.schedule__list__card .group.e{ background-color: #246f49;}

#gameWrap a{
    display: block;
    background-color: #ba001d;
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 1.0;
    padding: 0.8em 0;
    border-radius: 3em;
    width: 380px;
    width: auto;
    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: #d90022;}
.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;}

/* -----------------------------------
	公式テーマソング
----------------------------------- */
.themesong h4{
    font-size: 130%;
    line-height: 1.2;
    color: #4e3f15;
    margin: 0.6em 0 0.4em;
}
.cx_smartphoneview .themesong h4{ font-feature-settings: "palt";}
.themesong__photo{
    margin-bottom: 0.8em;
}
.themesong__photo img{ width: 100%; height: auto;}
.themesong__comment{ margin-bottom: 1em;}
.themesong__comment h5{
    background-color: #907426;
    display: inline-block;
    padding: 0.2em 0.5em;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 0.5em;
}
.themesong__comment p{
    font-size: 94%;
    line-height: 2;
    text-align: justify;
}
.themesong__profile{
    background-color: rgba(0,0,0,0.14);
    padding: 1.2em 1.6em;
}
.themesong__profile h5{
    color: #6a0024;
    line-height: 1.2;
    padding-bottom: 0.5em;
}
.themesong__profile p{
    font-size: 88%;
    line-height: 2;
    text-align: justify;
}

/* -----------------------------------
	みどころ
----------------------------------- */
#featWrap p{
    font-size: 94%;
    line-height: 1.9;
    text-align: justify;
}

/* -----------------------------------
	放送スケジュール
----------------------------------- */
.oaschedule h4{
    font-size: 130%;
    line-height: 1.2;
    color: #4e3f15;
    /*border-left: solid 0.3em #907426;
    padding: 0 0 0 0.2em;*/
    margin: 0.6em 0 0.4em;
}
.oaschedule__list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1.2;
    font-weight: bold;
    border-bottom: solid 0.1em #ad9248;
    padding: 0.2em 0 0.2em 0.4em;
    margin-bottom: 0.4em;
    color: #333;
    border-left: solid 0.4em #907426;
}
.oaschedule__list.strong{
    background-color: #ffd5d5;
    padding: 0.5em 0 0.5em 0.4em;
    border-left: solid 0.4em #9a0000;
    border-bottom: solid 0.1em #db4949;
}
.oaschedule__list__date,
.oaschedule__list__time{
    font-size: 130%;
    font-feature-settings: "palt";
}
.oaschedule__list__date span{ font-size: 80%;}
/*.oaschedule__list__date{ min-width: 7.0em;}*/
.oaschedule__list__date{ min-width: 13.4em;}
.oaschedule__list.strong .oaschedule__list__date{
    color: #9a0000;
    font-size: 146%;
    min-width: 12.0em;
}
.cx_smartphoneview .oaschedule__list__date{ font-size: 122%;}
.cx_smartphoneview .oaschedule__list.strong .oaschedule__list__date{ font-size: 136%;}
.cx_smartphoneview .oaschedule__list__date,
.cx_smartphoneview .oaschedule__list.strong .oaschedule__list__date{ min-width: 100%;}
.final .oaschedule__list__date{
    min-width: 100%;
    padding-bottom: 0.2em;
}
.oaschedule__list__time{ min-width: 8.2em;}
.oaschedule__list__date::after{
    content: "キックオフ";
    font-size: 70%;
    margin-left: 0.1em;
}
.oaschedule__list__group{
    font-size: 90%;
    text-align: center;
    background-color: #6a0024;
    color: #fff;
    padding: 0.3em 0.5em;
    border-radius: 3em;
    margin: 0 0.4em 0 0;
    line-height: 1.0;
}
.cx_smartphoneview .oaschedule__list__group{
    font-size: 80%;
    margin: 0 0.8em 0 0;
}
.oaschedule__list__group::before{
    content: "グループ";
    display: block;
    font-size: 68%;
    letter-spacing: -0.05em;
}
.oaschedule__list__card{
    font-size: 120%;
    font-feature-settings: "palt";
    display: flex;
}
.oaschedule__list.strong .oaschedule__list__card{ font-size: 140%;}
.cx_smartphoneview .oaschedule__list__card{ font-size: 112%;}
.cx_smartphoneview .oaschedule__list.strong .oaschedule__list__card{ font-size: 128%;}
.oaschedule__list__card span{
    display: flex;
    align-items: center;
}
.oaschedule__list__card span:nth-of-type(1)::before,
.oaschedule__list__card span:nth-of-type(2)::after{
    content: "";
    display: block;
    width: 1.4em;
    height: 1.0em;
    margin-right: 0.2em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.oaschedule__list__card span:nth-of-type(2)::after{
    margin-right: 0;
    margin-left: 0.3em;
}
.oaschedule__list__final{
    font-size: 110%;
    padding-right: 1em;
    color: #584b1e;
}
/*.oaschedule__list.final .oaschedule__list__card span::before,
.oaschedule__list.final .oaschedule__list__card span::after{ display: none;}*/

/* -----------------------------------
	出演者
----------------------------------- */
.cast__list{
    margin-bottom: 0.5em;
    border-bottom: solid 0.1em #ad9248;
    border-left: solid 0.4em #907426;
    padding: 0.2em 0 0.3em 0.4em;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.cast__list.cx::after{
    content: "(フジテレビアナウンサー)";
    font-size: 80%;
    font-weight: bold;
    font-feature-settings: "palt";
}
/*.cast__list.others::after{
    content: "ほか";
    font-size: 80%;
    font-weight: bold;
    font-feature-settings: "palt";
}*/
.cast__list__pos{
    flex-shrink: 0;
    width: 100%;
    /*background-color: #907426;*/
    /*font-size: 94%;*/
    font-weight: bold;
    line-height: 1.2;
    /*padding: 0.2em 0.4em;*/
    padding-bottom: 0.2em;
    color: #584b1e;
    font-feature-settings: "palt";
}
.cast__list__name{
    font-weight: bold;
    color: #333;
    font-size: 104%;
    line-height: 1.2;
    padding-bottom: 0.1em;
}
.cast__list__name span{
    font-size: 80%;
}
.cast__list.others .cast__list__name::after{ content: "、";}
.cast__list.others .cast__list__name:nth-last-of-type(1)::after{ display: none;}
.cast__list.cx .cast__list__name::after{ content: "・";}
.cast__list.cx .cast__list__name:nth-last-of-type(1)::after{ display: none;}
.cast__list.others .cast__list__name:nth-last-of-type(1),
.cast__list.cx .cast__list__name:nth-last-of-type(1){ margin-right: 0.3em;}

/* -----------------------------------
	出場国
----------------------------------- */
.entry .update{
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 80%;
    line-height: 1.4;
    color: #333;
}
.entry__group{
    display: flex;
    flex-wrap: wrap;
}
.entry__group{ margin: 1.5em 0 0;}
.entry__group li{
    flex-shrink: 0;
    width: 32.6%;
    padding: 0.6em;
    box-sizing: border-box;
    margin-right: 1.1%;
    margin-bottom: 1.0em;
}
.entry__group li:nth-of-type(3n){ margin-right: 0;}
.cx_smartphoneview .entry__group{ justify-content: space-between}
.cx_smartphoneview .entry__group li{ width: 49%; margin-right: 0;}
.entry__group dt{
    font-size: 200%;
    font-weight: bold;
    margin-top: -0.5em;
    line-height: 1.0;
    color: #584b1e;
    color: #fff;
}
.entry__group dt::before{
    content: "グループ";
    font-size: 50%;
    margin-right: 0.2em;
}
.entry__group dd{
    background-color: #e8e8e8;
    margin-bottom: 0.2em;
    padding: 0.3em;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.entry__group dd.japan{ background-color: #ffd5d5;}
.entry__group dd::before{
    content: "";
    display: block;
    width: 2em;
    height: 1.2em;
    background-color: #fff;
    margin-right: 0.4em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.argentina::before,
.argentina::after{ background-image: url(../img/flag_Argentina.png);}
.australia::before,
.australia::after{ background-image: url(../img/flag_Australia.png);}
.belgium::before,
.belgium::after{ background-image: url(../img/flag_Belgium.png);}
.brazil::before,
.brazil::after{ background-image: url(../img/flag_Brazil.png);}
.cameroon::before,
.cameroon::after{ background-image: url(../img/flag_Cameroon.png);}
.canada::before,
.canada::after{ background-image: url(../img/flag_Canada.png);}
.costa_Rica::before,
.costa_Rica::after{ background-image: url(../img/flag_Costa_Rica.png);}
.croatia::before,
.croatia::after{ background-image: url(../img/flag_Croatia.png);}
.denmark::before,
.denmark::after{ background-image: url(../img/flag_Denmark.png);}
.ecuador::before,
.ecuador::after{ background-image: url(../img/flag_Ecuador.png);}
.england::before,
.england::after{ background-image: url(../img/flag_England.png);}
.france::before,
.france::after{ background-image: url(../img/flag_France.png);}
.germany::before,
.germany::after{ background-image: url(../img/flag_Germany.png);}
.ghana::before,
.ghana::after{ background-image: url(../img/flag_Ghana.png);}
.iran::before,
.iran::after{ background-image: url(../img/flag_Iran.png);}
.japan::before,
.japan::after{ background-image: url(../img/flag_Japan.png);}
.korea_Republic::before,
.korea_Republic::after{ background-image: url(../img/flag_Korea_Republic.png);}
.mexico::before,
.mexico::after{ background-image: url(../img/flag_Mexico.png);}
.morocco::before,
.morocco::after{ background-image: url(../img/flag_Morocco.png);}
.netherlands::before,
.netherlands::after{ background-image: url(../img/flag_Netherlands.png);}
.poland::before,
.poland::after{ background-image: url(../img/flag_Poland.png);}
.portugal::before,
.portugal::after{ background-image: url(../img/flag_Portugal.png);}
.qatar::before,
.qatar::after{ background-image: url(../img/flag_Qatar.png);}
.saudi_Arabia::before,
.saudi_Arabia::after{ background-image: url(../img/flag_Saudi_Arabia.png);}
.senegal::before,
.senegal::after{ background-image: url(../img/flag_Senegal.png);}
.serbia::before,
.serbia::after{ background-image: url(../img/flag_Serbia.png);}
.spain::before,
.spain::after{ background-image: url(../img/flag_Spain.png);}
.switzerland::before,
.switzerland::after{ background-image: url(../img/flag_Switzerland.png);}
.tunisia::before,
.tunisia::after{ background-image: url(../img/flag_Tunisia.png);}
.uruguay::before,
.uruguay::after{ background-image: url(../img/flag_Uruguay.png);}
.usa::before,
.usa::after{ background-image: url(../img/flag_USA.png);}
.wales::before,
.wales::after{ background-image: url(../img/flag_Wales.png);}

.gr_a{ background-color: #9d2121;}
.gr_b{ background-color: #6a2d80;}
.gr_c{ background-color: #2d3188;}
.gr_d{ background-color: #3285cb;}
.gr_e{ background-color: #246f49;}
.gr_f{ background-color: #56b54f;}
.gr_g{ background-color: #de9736;}
.gr_h{ background-color: #ccb220;}
.gr_a dt{ text-shadow: -2px -2px 1px #9d2121, 2px -2px 1px #9d2121;}
.gr_b dt{ text-shadow: -2px -2px 1px #6a2d80, 2px -2px 1px #6a2d80;}
.gr_c dt{ text-shadow: -2px -2px 1px #2d3188, 2px -2px 1px #2d3188;}
.gr_d dt{ text-shadow: -2px -2px 1px #3285cb, 2px -2px 1px #3285cb;}
.gr_e dt{ text-shadow: -2px -2px 1px #246f49, 2px -2px 1px #246f49;}
.gr_f dt{ text-shadow: -2px -2px 1px #56b54f, 2px -2px 1px #56b54f;}
.gr_g dt{ text-shadow: -2px -2px 1px #de9736, 2px -2px 1px #de9736;}
.gr_h dt{ text-shadow: -2px -2px 1px #ccb220, 2px -2px 1px #ccb220;}
/*.txt_gr_e{ color: #246f49;}
.txt_gr_f{ color: #56b54f;}*/

/* -----------------------------------
	出場国 結果
----------------------------------- */
.entry__result__list__group{
    margin-bottom:  1em;
    padding: 0.3em;
}
.entry__result__list__group table{
    width: 100%;
    table-layout: fixed;
    border-spacing: 2px;
}
.entry__result__list__group table .col1{ width: 2.0em;}
.entry__result__list__group table .col7{ width: 2.2em;}
.entry__result__list__group tr{
    width: 100%;
}
.entry__result__list__group th,
.entry__result__list__group td{
    background-color: #e8e8e8;
    text-align: center;
    font-size: 84%;
    line-height: 1.1;
    padding: 0.3em 0.1em;
}
.entry__result__list__group td.rank{ font-weight: bold;}
/*.entry__result__list__group th.point,
.entry__result__list__group td.point{ width: 5.6em;}*/
/*.cx_smartphoneview .entry__result__list__group th.point,
.cx_smartphoneview .entry__result__list__group td.point{ width: 3.6em;}*/
.entry__result__list__group th.group_name{
    font-size: 210%;
    font-weight: bold;
    /*display: inline-block;*/
    /*margin-top: -0.6em;*/
    line-height: 1.0;
    color: #fff;
    background: none;
    padding-top: 0;
    padding-bottom: 0;
}
.entry__result__list__group .group_name::before{
    content: "グループ";
    font-size: 50%;
    margin-right: 0.2em;
}
.cx_smartphoneview .entry__result__list__group th.group_name{ margin-top: -0.8em;}
.cx_smartphoneview .entry__result__list__group .group_name::before{ font-size: 40%;}
.gr_a .group_name{ text-shadow: -2px -2px 1px #9d2121, 2px -2px 1px #9d2121;}
.gr_b .group_name{ text-shadow: -2px -2px 1px #6a2d80, 2px -2px 1px #6a2d80;}
.gr_c .group_name{ text-shadow: -2px -2px 1px #2d3188, 2px -2px 1px #2d3188;}
.gr_d .group_name{ text-shadow: -2px -2px 1px #3285cb, 2px -2px 1px #3285cb;}
.gr_e .group_name{ text-shadow: -2px -2px 1px #246f49, 2px -2px 1px #246f49;}
.gr_f .group_name{ text-shadow: -2px -2px 1px #56b54f, 2px -2px 1px #56b54f;}
.gr_g .group_name{ text-shadow: -2px -2px 1px #de9736, 2px -2px 1px #de9736;}
.gr_h .group_name{ text-shadow: -2px -2px 1px #ccb220, 2px -2px 1px #ccb220;}
.entry__result__list__group td.empty{ opacity: 0.5;}
.entry__result__list__group .rank_1,
.entry__result__list__group .rank_2,
.entry__result__list__group .rank_3,
.entry__result__list__group .rank_4,
.entry__result__list__group .name{
    font-weight: bold;
    letter-spacing: -0.07em;
}
.entry__result__list__group tr .name::before{
    content: "";
    display: block;
    width: 2.5em;
    height: 1.5em;
    margin: 0.2em auto 0.2em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.entry__result__list__group tr.argentina .name::before{ background-image: url(../img/flag_Argentina.png);}
.entry__result__list__group tr.australia .name::before{ background-image: url(../img/flag_Australia.png);}
.entry__result__list__group tr.belgium .name::before{ background-image: url(../img/flag_Belgium.png);}
.entry__result__list__group tr.brazil .name::before{ background-image: url(../img/flag_Brazil.png);}
.entry__result__list__group tr.cameroon .name::before{ background-image: url(../img/flag_Cameroon.png);}
.entry__result__list__group tr.canada .name::before{ background-image: url(../img/flag_Canada.png);}
.entry__result__list__group tr.costa_Rica .name::before{ background-image: url(../img/flag_Costa_Rica.png);}
.entry__result__list__group tr.croatia .name::before{ background-image: url(../img/flag_Croatia.png);}
.entry__result__list__group tr.denmark .name::before{ background-image: url(../img/flag_Denmark.png);}
.entry__result__list__group tr.ecuador .name::before{ background-image: url(../img/flag_Ecuador.png);}
.entry__result__list__group tr.england .name::before{ background-image: url(../img/flag_England.png);}
.entry__result__list__group tr.france .name::before{ background-image: url(../img/flag_France.png);}
.entry__result__list__group tr.germany .name::before{ background-image: url(../img/flag_Germany.png);}
.entry__result__list__group tr.ghana .name::before{ background-image: url(../img/flag_Ghana.png);}
.entry__result__list__group tr.iran .name::before{ background-image: url(../img/flag_Iran.png);}
.entry__result__list__group tr.japan .name::before{ background-image: url(../img/flag_Japan.png);}
.entry__result__list__group tr.korea_Republic .name::before{ background-image: url(../img/flag_Korea_Republic.png);}
.entry__result__list__group tr.mexico .name::before{ background-image: url(../img/flag_Mexico.png);}
.entry__result__list__group tr.morocco .name::before{ background-image: url(../img/flag_Morocco.png);}
.entry__result__list__group tr.netherlands .name::before{ background-image: url(../img/flag_Netherlands.png);}
.entry__result__list__group tr.poland .name::before{ background-image: url(../img/flag_Poland.png);}
.entry__result__list__group tr.portugal .name::before{ background-image: url(../img/flag_Portugal.png);}
.entry__result__list__group tr.qatar .name::before{ background-image: url(../img/flag_Qatar.png);}
.entry__result__list__group tr.saudi_Arabia .name::before{ background-image: url(../img/flag_Saudi_Arabia.png);}
.entry__result__list__group tr.senegal .name::before{ background-image: url(../img/flag_Senegal.png);}
.entry__result__list__group tr.serbia .name::before{ background-image: url(../img/flag_Serbia.png);}
.entry__result__list__group tr.spain .name::before{ background-image: url(../img/flag_Spain.png);}
.entry__result__list__group tr.switzerland .name::before{ background-image: url(../img/flag_Switzerland.png);}
.entry__result__list__group tr.tunisia .name::before{ background-image: url(../img/flag_Tunisia.png);}
.entry__result__list__group tr.uruguay .name::before{ background-image: url(../img/flag_Uruguay.png);}
.entry__result__list__group tr.usa .name::before{ background-image: url(../img/flag_USA.png);}
.entry__result__list__group tr.wales .name::before{ background-image: url(../img/flag_Wales.png);}
.entry__result__list__group .vs_rank_1,
.entry__result__list__group .vs_rank_2,
.entry__result__list__group .vs_rank_3,
.entry__result__list__group .vs_rank_4,
.entry__result__list__group td.point{
    font-size: 94%;
}
.entry__result__list__group tr.japan td{ background-color: #ffd5d5;}
.result_rank_1.win td,
.result_rank_2.win td{ background-color: #fff6cc;}
.result_rank_1.win td.rank::before,
.result_rank_2.win td.rank::before{
    content: "★";
    display: block;
    color: #a77e0d;
}

/* -----------------------------------
	トーナメント
----------------------------------- */
.tournament{ margin: 1.2em 0;}
.tournament img{ width: 100%; height: auto;}

/* -----------------------------------
	スポット動画
----------------------------------- */
#spotMovWrap.overlay #spMovTarget{ position: relative;}
#spotMovWrap.overlay #spMovTarget::after{
    content: "";
    display: block;
    position: absolute;
    bottom: 5px;
    right: 5px;
    background: url("../img/playIcn.png") no-repeat;
    width: 60px;
    height: 60px;
    background-size: contain;
    border: solid 5px rgba(255,255,255,0.4);
    border-radius: 50%;
}
#spotMovWrap.overlay #spMovTarget:hover::after{ border: solid 5px rgba(255,255,255,1.0);}

/* -----------------------------------
	スペシャル動画
----------------------------------- */
#movWrap ul{
    margin: 15px 0 0;
    display: flex;
    flex-wrap: wrap;
}
#movWrap 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: #fff;
}
#movWrap li:nth-of-type(3n){
    margin: 0 0 10px 0;
}
#movWrap .len2 li{
    width: 49.5%;
    margin: 0 1% 10px 0;
}
#movWrap .len2 li:nth-of-type(3n){ margin: 0 1% 10px 0;}
#movWrap .len2 li:nth-of-type(2n){ margin: 0 0 10px 0;}

.cx_smartphoneview #movWrap li{
    width: 49.5%;
    margin: 0 1% 10px 0;
}
.cx_smartphoneview #movWrap li:nth-of-type(3n){ margin: 0 1% 10px 0;}
.cx_smartphoneview #movWrap li:nth-of-type(2n){ margin: 0 0 10px 0;}


#movWrap li:hover{ border-bottom: solid 5px #b28c45;}

#movWrap li .thum{ margin-bottom: 6px; position: relative;}
#movWrap li .thum::after{
    content: "";
    display: block;
    position: absolute;
    bottom: 5px;
    right: 5px;
    background: url("../img/playIcn.png") no-repeat;
    width: 29px;
    height: 29px;
    background-size: contain;
    border: solid 2px rgba(255,255,255,0.4);
    border-radius: 50%;
}
#movWrap li:hover .thum::after{ border: solid 2px rgba(255,255,255,1.0);}

#movWrap li .thum img{ width: 100%; height: auto;} 
#movWrap li .cap,
#movWrap li dt{ padding: 0 0.5em;}
#movWrap li .cap{
    font-size: 88%;
    line-height: 1.1;
}
#movWrap li dt{
    font-size: 94%;
    font-weight: bold;
    line-height: 1.4;
}


/* -----------------------------------
	公式Twitter
----------------------------------- */
#twWrap{ position: relative;}
#twEmbed {
    /*height: 640px;
    overflow-y: auto;*/
    /*background-color: #fff;*/
    /* padding: 15px; */
    box-sizing: border-box;
    /*border-left: solid 12px #14176d;
    border-right: solid 12px #14176d;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;*/
}
#twWrap a#twLink{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #1da1f2;
    color: #fff;
    font-weight: bold;
    line-height: 1.8;
    padding: 0.2em 0.6em 0.2em 2.3em;
    border-radius: 5px;
}
.cx_smartphoneview #twWrap a#twLink{ top: 0.3em; right: 0.6em;}
.cx_displaydevice #twWrap a#twLink:hover{ background-color: #0088db;}
#twWrap a#twLink::before{
    content: "";
    display: block;
    position: absolute;
    background: url("../img/tw_icn.svg") no-repeat center bottom;
    width: 1.5em;
    height: 1.4em;
    background-size: contain;
    top: 50%;
    left: 0.6em;
    margin: -0.8em 0 0;
}
@media all and (-ms-high-contrast:none) {
	#twWrap a#twLink{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}

/* -----------------------------------
	日本代表メンバー
----------------------------------- */
.japanMember h4{
    font-size: 130%;
    line-height: 1.2;
    color: #4e3f15;
    margin: 0.6em 0 0.2em;
}
.japanMember__list{
    display: flex;
    flex-wrap: wrap;
}
.japanMember__list li{
    flex-shrink: 0;
    width: 32.6%;
    margin-bottom: 0.6em;
    background-color: #fff;
    margin-right: 1.1%;
    background-color: #14176d;
}
.japanMember__list li:nth-of-type(3n){ margin-right: 0;}
.cx_smartphoneview .japanMember__list li{
    width: 49.5%;
    margin-right: 1%;
}
.cx_smartphoneview .japanMember__list li:nth-of-type(3n){ margin-right: 1%;}
.cx_smartphoneview .japanMember__list li:nth-of-type(2n){ margin-right: 0;}
.japanMember__list__photo{
    min-height: 220px;
    background-color: #aaa;
    position: relative;
}
.japanMember__list__photo img{ width: 100%; height: auto;}
.japanMember__list__num{
    position: absolute;
    top: 0;
    right: 0.1em;
    font-size: 280%;
    line-height: 1;
    font-family: Helvetica Neue, Segoe UI, Verdana, sans-serif;
    font-weight: bold;
    color: #6a0024;
    letter-spacing: -0.04em;
}
.japanMember__list__data{
    padding: 0.5em;
    color: #fff; border-top: solid 1px #fff;
}
.japanMember__list__data__name{
    font-size: 110%;
    font-weight: bold;
    line-height: 1.2;
    padding-bottom: 0.2em;
    font-feature-settings: "palt";
    color: #fff03e;
}
.cx_smartphoneview .japanMember__list__data__name{ font-size: 104%;}
.japanMember__list__data__physical,
.japanMember__list__data__birth,
.japanMember__list__data__team,
.japanMember__list__data__stats{
    font-size: 90%;
    line-height: 1.4;
    font-feature-settings: "palt";
}
.cx_smartphoneview .japanMember__list__data__physical,
.cx_smartphoneview .japanMember__list__data__birth,
.cx_smartphoneview .japanMember__list__data__team,
.cx_smartphoneview .japanMember__list__data__stats{ font-size: 80%;}
.japanMember__list__data__physical,
.japanMember__list__data__stats{
    display: flex;
    align-items: baseline;
}
.japanMember__list__data__physical__h::after{ content: "cm /";}
.japanMember__list__data__physical__w{ margin-left: 0.3em;}
.japanMember__list__data__physical__w::after{ content: "kg";}
.japanMember__list__data__birth::after{ content: "生";}
.japanMember__list__data__stats::before{
    content: "国際Aﾏｯﾁ";
    font-size: 90%;
    margin-right: 0.4em;
}
.japanMember__list__data__stats__point{ margin-left: 0.3em;}
.japanMember__list__data__stats__entry::before,
.japanMember__list__data__stats__point::before{
    content: "出場:";
    font-size: 90%;
}
.japanMember__list__data__stats__point::before{ content: "/ 得点:";}

/* -----------------------------------
	会場情報
----------------------------------- */
.cx_smartphoneview #fp-l > div#venue{ margin-bottom: 2em;}
.venue__qatar{ margin-bottom: 0.8em;}
.venue__qatar h4{
    font-size: 130%;
    color: #584b1e;
    line-height: 1.4;
    padding-bottom: 0.3em;
    display: flex;
    align-items: center;
}
.venue__qatar h4::before{
    content: "";
    display: inline-block;
    background: url("../img/flag_Qatar.png") no-repeat 0 0;
    width: 2.4em;
    height: 1.2em;
    background-size: contain;
}
.venue__qatar__data{
    display: flex;
    flex-wrap: wrap;
    line-height: 1.2;
}
.venue__qatar__data__list{
    display: flex;
    align-items: center;
    margin-bottom: 0.4em;
    margin-right: 1em;
}
.venue__qatar__data__list dt{
    background-color: #907426;
    color: #fff;
    font-size: 90%;
    font-weight: bold;
    margin-right: 0.3em;
    padding: 0.1em 0.3em;
}
.venue__qatar__data__list dd span{ font-size: 84%;}


.venue__map{
    background: url("../img/map.png") no-repeat 0 0;
    width: 620px;
    height: 400px;
    position: relative;
}
.cx_smartphoneview .venue__map{ margin-left: -15px;}
.venue__map__pin li{
    background: url("../img/pin.svg") no-repeat 0 0;
    width: 40px;
    height: 30px;
    background-size: contain;
    position: absolute;
    cursor: pointer;
}
.cx_displaydevice .venue__map__pin li:hover{ opacity: 0.6;}
.cx_smartphoneview .venue__map__pin li{ width: 50px;}
.venue__map__pin li.on{ background: url("../img/pin_on.svg") no-repeat 0 0;}
.venue__map__pin li:nth-of-type(1){ top: 9px; left: 249px;}
.venue__map__pin li:nth-of-type(2){ top: 174px; left: 260px;}
.venue__map__pin li:nth-of-type(3){
    top: 236px; left: 153px;
    background-position: right;
}
.venue__map__pin li:nth-of-type(4){ top: 250px; left: 213px;}
.venue__map__pin li:nth-of-type(5){ top: 278px; left: 231px;}
.cx_smartphoneview .venue__map__pin li:nth-of-type(4){
    top: 240px; left: 213px;
    height: 40px;
    background-size: 20px 30px;
    background-position: left bottom;
}
.cx_smartphoneview .venue__map__pin li:nth-of-type(5){
    top: 278px; left: 231px;
    width: 25px;
    height: 60px;
    background-size: 20px 30px;
}
.venue__map__pin li:nth-of-type(6){ top: 263px; left: 303px;}
.venue__map__pin li:nth-of-type(7){ top: 299px; left: 279px;}
.venue__map__pin li:nth-of-type(8){ top: 345px; left: 304px;}
.venue__map__pin li::after{
    content: "1";
    line-height: 1;
    font-size: 88%;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #fff;
    border-radius: 50%;
    width: 1em;
    height: 1em;
    text-align: center;
    padding: 0.1em;
    border: solid 2px #aaa;
}
.venue__map__pin li:nth-of-type(2)::after{ content: "2";}
.venue__map__pin li:nth-of-type(3)::after{
    content: "3";
    right: auto; left: 0;
}
.venue__map__pin li:nth-of-type(4)::after{
    content: "4";
    bottom: auto; top: 0;
}
.venue__map__pin li:nth-of-type(5)::after{ content: "5";}
.venue__map__pin li:nth-of-type(6)::after{ content: "6";}
.venue__map__pin li:nth-of-type(7)::after{ content: "7";}
.venue__map__pin li:nth-of-type(8)::after{ content: "8";}
.venue__map__pin li.on::after{
    background-color: #9a0000;
    color: #fff;
    border-color: #fff;
}

.venue__info{
    padding: 1em 0 0;
    display: none;
}
.venue__info__list__detail{ display: none;}
.venue__info__list__detail__photo{
    width: 55%; height: auto;
    float: left;
    margin: 0 0.5em 0.2em 0;
}
.cx_smartphoneview .venue__info__list__detail__photo{
    width: 100%;
    float: none;
    margin-right: 0;
}
.venue__info__list__detail__photo img{ width: 100%; height: auto;}
.venue__info__list__detail__name{
    font-size: 110%;
    font-weight: bold;
    line-height: 1.2;
    color: #4e3f15;
    padding-bottom: 0.2em;
}
.venue__info__list__detail__name::before{
    content: "①";
    line-height: 1;
    font-weight: bold;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 0.1em;
}
#venue_2 .venue__info__list__detail__name::before{ content: "②";}
#venue_3 .venue__info__list__detail__name::before{ content: "③";}
#venue_4 .venue__info__list__detail__name::before{ content: "④";}
#venue_5 .venue__info__list__detail__name::before{ content: "⑤";}
#venue_6 .venue__info__list__detail__name::before{ content: "⑥";}
#venue_7 .venue__info__list__detail__name::before{ content: "⑦";}
#venue_8 .venue__info__list__detail__name::before{ content: "⑧";}
.venue__info__list__detail__name2{
    background-color: #6a0024;
    color: #fff;
    font-size: 94%;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 0.5em;
    padding: 0 0 0 0.2em;
}
.venue__info__list__detail__city,
.venue__info__list__detail__capacity{
    display: flex;
    align-items: center;
    line-height: 1.2;
    margin-bottom: 0.2em;
}
.venue__info__list__detail__city::before,
.venue__info__list__detail__capacity::before{
    content: "都市";
    background-color: #907426;
    color: #fff;
    font-weight: bold;
    font-size: 90%;
    padding: 0 0.3em;
    margin-right: 0.3em;
}
.venue__info__list__detail__capacity::before{ content: "収容人数";}
.venue__info__list__detail__detail{
    font-size: 94%;
    line-height: 1.8;
    text-align: justify;
    margin-top: 0.5em;
}

/* -----------------------------------
	テーマ曲
----------------------------------- */
#themeSong h3{
    font-size: 120%;
    line-height: 1.4;
    color: #c81a17;
}
#themeSong .name{
    font-weight: bold;
    font-size: 108%;
    line-height: 1.4;
    margin: 0 0 6px;
}
#themeSong .photoBs{
    background-color: #aaa;
    width: 620px;
    height: 342px;
    margin: 0 0 10px 0;
    background: url("../photo/haruhata_ph.jpg") no-repeat 0 0;
}
#themeSong .comment{
    margin: 0 0 20px;
}
#themeSong .comment h4::before{
    content: "◆";
    color: #ffbe00;
    margin: 0 3px 0 0;
}
#themeSong .comment p{
    font-size: 94%;
    line-height: 1.9;
}
#themeSong dl{
    background-color: rgba(55, 71, 162, 0.14);
    padding: 0 0 20px;
}
#themeSong dt{
    font-weight: bold; line-height: 1.4;
    background-color: #3747a2;
    display: inline-block;
    color: #fff;
    padding: 5px 8px;
    margin: 0 0 8px;
}
#themeSong dd{
    font-size: 88%;
    line-height: 1.9;
    padding: 0 20px;
}


/* ---------------------------------------------
	右エリア
--------------------------------------------- */
/*#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-ohp-customcss */
#fp-bhp.fpbhp-pc .contblock h2{
	color:#eee;
	background-color:#14176d;
}
#fp-bhp #fp-bhp-infomain .nextoadate span{ background: #ac0300 !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;
    padding: 0 10px 0 0;
    -webkit-overflow-scrolling: touch;
}
.cx_smartphoneview #fp-bhp #twWrap > div{
    height: 600px;
    padding: 0;
}
@media screen and (orientation: portrait) and (max-width: 750px), (orientation: landscape) and (max-width: 1013px){
    .sp_display #gbfooter p{
        font-size: 3.2vw !important;
        line-height: 5.125vw !important;
    }
}