@charset "UTF-8";
#fp-wrap{
    background-color: #ddf3fc;
}
#fp-l{
    background-color: rgba(255,255,255,0.6);
    box-shadow: 0 0 30px 40px rgba(255,255,255,0.6);
}
.cx_smartphoneview #fp-l{ box-shadow: 0 0 0 0 rgba(255,255,255,0.6)}
/* ------------- 汎用リンク ------------- */
a.btn_def{
    display: inline-block;
    background-color: #e60012;
    color: #fff;
    text-align: center;
    position: relative;
    margin: auto;
    line-height: 1.2;
    padding: 0.8em 2em;
    font-weight: bold;
    border-radius: 100px;
}
a.btn_def::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.8em;
    margin-top: -0.4em;
}
.cx_displaydevice a.btn_def:hover{ opacity: 0.8;}
.cx_smartphoneview a.btn_def{
    padding: 0.4em 2em;
    width: 100%;
    box-sizing: border-box;
}

a.btn_moreview{
    display: block;
    background-color: #a28843;
    color: #fff;
    text-align: center;
    position: relative;
    line-height: 3.2;
    cursor: pointer;
    border-radius: 100px;
    overflow: hidden;
}
#fp-bhp a.btn_moreview{
    display: block !important;
    background-color: #a28843 !important;
    color: #fff !important;
    text-align: center !important;
    position: relative !important;
    line-height: 3.2 !important;
    cursor: pointer !important;
    border-radius: 100px !important;
    overflow: hidden !important;
}
a.btn_moreview::after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.6em 0.4em 0 0.4em;
    border-color: rgba(255,255,255,0.8) transparent transparent transparent;
    position:absolute;
    top: 50%;
    right: 0.8em;
    margin-top: -0.4em;
}
a.btn_moreview.close::after{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}
a.btn_moreview.link::after{
    border-width: 0.4em 0 0.4em 0.6em;
    border-color: transparent transparent transparent rgba(255,255,255,0.8);
}
.cx_displaydevice a.btn_moreview:hover{ background-color: #987925;}
a.btn_moreview::before{
    content: "";
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.16);
}

/* ---------------------------------------------
	スポーツベーシックページ
--------------------------------------------- */
.sportsBsc h2{
    color: #000a8d;
    border-bottom: solid 4px #b1943d;
    margin-bottom: 10px;
}
.cx_smartphoneview .sportsBsc h2{ font-size: 140%;}
.h2Wrap{
    border-bottom: solid 4px #b1943d;
    margin-bottom: 0.6em;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

#fp-l > div#mainV{ margin-top: 30px;}
.cx_smartphoneview #fp-l > div#mainV{
    width: 100%;
    margin: 0 auto 20px
}
#mainV p{
    letter-spacing:-0.03em;
    text-align: center;
    color: rgba(255,255,255,0.94);
    font-size: 138%;
    font-weight: bold;
    line-height: 1.2;
    padding: 8px 24px 10px;
    background: #f25c28;

}
@media all and (-ms-high-contrast:none) {
    #mainV p{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}
#mainV p span{
    font-weight: normal;
    font-size: 80%;
    letter-spacing: -0em;
}
.cx_smartphoneview #mainV p{
    font-size: 128%;
    text-align: left;
}
#mainV .lwf{ background-color: #00039e;}
#mainV .lwf a{
    display: block;
    background-image: url("../../img/logo_life-with-football.svg");
    background-repeat: no-repeat;
    background-position: center center;
    height: 2.8em;
    text-indent: -300%;
    white-space: nowrap;
    overflow: hidden;
    background-size: 60% 60%;
    opacity: 0.8;
}
.cx_smartphoneview #mainV .lwf a{ background-size: 70% 70%;}

/*-------------見どころ-------------*/
.sportsBsc #fp-l > div#pickupWrap{ margin-bottom: 20px;}
.cx_smartphoneview .sportsBsc #fp-l > div#pickupWrap{
    width: 600px;
    margin-bottom: 40px;
}
#pickupWrap h3{
    /*font-size: 116%;*/
    color: #957300;
    /*line-height: 1.4;*/
    text-shadow: 2px 2px 10px rgba(255,255,255,0.5), 2px -2px 10px rgba(255,255,255,0.5), -2px 2px 10px rgba(255,255,255,0.5), -2px -2px 10px rgba(255,255,255,0.5);
}
#pickupWrap h4{
    color: #333;
    line-height: 1.4;
    padding-bottom: 5px;
}

/*-------------放送スケジュール-------------*/
#oaSchedule h3{
    font-size: 126%;
    margin-bottom: 8px;
    background-color: #7e7e7e;
    color: #fff;
    line-height: 1.4;
    padding: 3px 8px;
}
#oaSchedule dt{ margin-bottom: 0;}
#oaSchedule dt::before{
    color: #78c93d;
    content: "◆ ";
}
#oaSchedule .date{ color: #f25c28;}
#oaSchedule .date span{ font-size: 78%;}
.cx_smartphoneview #oaSchedule .date{
    font-size: 110%;
    letter-spacing: -0.05em;
}
#oaSchedule .ter{ background-color: #957300;}
#oaSchedule .cs,
#oaSchedule .bs{ background-color: #0098e8;}
@media all and (-ms-high-contrast:none) {
    #oaSchedule .ter,
    #oaSchedule .cs,
    #oaSchedule .bs{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}
#oaSchedule .linkBtn{ border: none;}
#oaSchedule .linkBtn a{
    display: block;
    background-color: #0098e8;
    color: #fff;
    text-align: center;
    line-height: 2.0;
    font-weight: bold;
    padding: 10px;
    border-radius: 5px;
    margin: 0px 0 20px;
}
#oaSchedule .linkBtn a:hover{ background-color: #02a8ff;}
@media all and (-ms-high-contrast:none) {
    #oaSchedule .linkBtn a{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}
#oaSchedule > p{
    color: #d92b89;
    font-weight: bold;
    line-height: 1.4;
    font-size: 125%;
    letter-spacing: -0.05em;
    padding: 0 0 10px;
    border-bottom: solid 1px #555;
    margin: 0 0 10px;
}

/*-------------公式Twitter-------------*/
.sportsBsc #twitterWrap h2{
    font-feature-settings: "palt";
    border: none;
    margin-bottom: 0;
}
#twitterWrap .h2Wrap a{
    background-color: #1082f4;
    color: #fff;
    padding: 0 0.5em;
    border-radius: 5px;
    margin-bottom: 1px;
}

.cx_displaydevice #twitterWrap .h2Wrap a:hover,
.cx_displaydevice #twitterWrap > a:hover{ background-color: #2693ff;}
/*#twEmbed {
    height: 640px;
    overflow-y: auto;
    background-color: #fff;
    box-sizing: border-box;
    border-left: solid 12px #00039e;
    border-right: solid 12px #00039e;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}*/

@media all and (-ms-high-contrast:none) {
	#twitterWrap .h2Wrap a{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}
#twitterWrap > a.btn_moreview{
    background-color: #1082f4;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    font-size: 94%;
    font-weight: bold;
}
#twEmbed{
	/*height:600px;
	overflow-y:auto;
	background-color: #fff;*/
    /*padding: 2em;*/
    box-sizing: border-box;
    display: flex;
    flex-wrap:wrap;
    margin-bottom: 1em;
    box-shadow: 1px 1px 15px rgba(0,0,0,0.08);
}
/*.cx_smartphoneview #twEmbed{ padding: 1.2em;}*/

.twPartWrap,
#fp-bhp div.twPartWrap{
    flex-shrink: 0;
    /*width: 49%;
    margin: 0 2% 1em 0;*/
    width: 100% !important;
    /*margin: 0 0 1em 0;*/
    background-color: #fff !important;
    box-sizing: border-box;
    padding: 1em !important;
    /*box-shadow: 1px 1px 15px rgba(0,0,0,0.16);*/
}
.twPartWrap:nth-of-type(2n){ margin: 0 0 1em 0;}

/*#twEmbed > div{
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #ddd;
}*/
#twEmbed .twProfImg{
    width: 36px;
    height: 36px;
    margin: 0 6px 0 0;
    border-radius: 8px;
    overflow: hidden;
    float: left;
}
#twEmbed .twProfImg img{
    width: 100%;
    height: auto;
}
#twEmbed .twName{ line-height: 1.2;}
#twEmbed .twName a,
#fp-bhp #twEmbed .twName a{
    font-size: 88%;
    font-weight: bold;
    color: #333 !important;
    text-decoration: none;
}
#fp-bhp #twEmbed .twName a{ font-size: 12px;}
#twEmbed .twName a span{color: #707070; font-weight: normal;}
#twEmbed .twDate{
    font-size: 88%;
    color: #707070;
    line-height: 1.2;
}
#fp-bhp #twEmbed .twName a span,
#fp-bhp #twEmbed .twDate{ font-size: 12px !important;}
#twEmbed .twText{
    font-size: 94%;
    margin: 8px 0 0;
    white-space: pre-wrap;
    line-height: 1.6;
}
#fp-bhp  #twEmbed p.twText{
    font-size: 110% !important;
    color: #000 !important;
}
#twEmbed .twText a{ color: #06c;}
#twEmbed .twThumCntnr{ margin: 10px 0 0;position: relative;}
#twEmbed .twThumCntnr .video a::before{
    content: "";
    display: block;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top:50%;
    left: 0;
    right:0;
    margin: -1.5em auto 0;
    border-radius: 50%;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
    width: 3.0em;
    height: 3.0em;
    border: solid 0.24em rgba(255,255,255,1);
}
#twEmbed .twThumCntnr .video a::after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.8em 0 0.8em 1.2em;
    border-color: transparent transparent transparent rgba(255,255,255,0.9);
    /*border-style: inset;*/
    position:absolute;
    top:50%;
    left: -0.4em;
    right:0;
    margin: -0.55em 50% 0 50%;
}
.cx_displaydevice #twEmbed .twThumCntnr .video a:hover::before{ background-color: rgba(0,0,0,0.8);}
.cx_displaydevice #twEmbed .twThumCntnr .video a:hover::after{ border-color: transparent transparent transparent rgba(255,255,255,1)}


#twEmbed .twThum1-0{
    width: 100%;
    /*height: 400px;*/
    height: auto;
    overflow: hidden;
}
#twEmbed .twThum1-0 img{
    width: 100%;
    height: auto;
}
#twEmbed .twThum2-0,
#twEmbed .twThum2-1{
    width: 49.5%;
    height: 253px;
    overflow: hidden;
    float: left;
}
#twEmbed .twThum2-0{ margin: 0 1% 0 0;}
#twEmbed .twThum3-0{
    width: 66%;
    height: 338px;
    overflow: hidden;
    float: left;
    margin: 0 1% 0 0;
}
#twEmbed .twThum3-1,
#twEmbed .twThum3-2{
    width: 33%;
    height: 168px;
    overflow: hidden;
}
#twEmbed .twThum3-1{ margin: 0 0 2px;}
#twEmbed .twThum4-0{
    width: 75%;
    height: 380px;
    overflow: hidden;
    float: left;
    margin: 0 1% 0 0;
}
#twEmbed .twThum4-1,
#twEmbed .twThum4-2,
#twEmbed .twThum4-3{
    width: 24%;
    height: 126px;
    overflow: hidden;
}
#twEmbed .twThum4-1,
#twEmbed .twThum4-2{ margin: 0 0 1px;}
#twEmbed .twThum2-0 img,
#twEmbed .twThum2-1 img,
#twEmbed .twThum3-0 img,
#twEmbed .twThum3-1 img,
#twEmbed .twThum3-2 img,
#twEmbed .twThum4-0 img,
#twEmbed .twThum4-1 img,
#twEmbed .twThum4-2 img,
#twEmbed .twThum4-3 img{
    height: 100%;
    width: auto;
}
#twEmbed .twFunc{ margin: 10px 0 0;}
#twEmbed .twFunc li{
    float: left;
    margin: 0 10px 0 0;
}
#twEmbed .twFunc li a{
    background-color: #1082f4;
    color: #fff;
    font-size: 80%;
    padding: 10px 10px;
    border-radius: 5px;
    display: block;
}
#fp-bhp #twEmbed .twFunc li a{ font-size: 12px;}

/*-------------スペシャル動画-------------*/
#movWrap li{ background-color: #fff;}
#movWrap li:hover{ border-bottom: solid 5px #ac8d3a;}
#movWrap li dt{
    font-weight: normal;
    font-size: 92%;
}
#movWrap li .cap{
    font-size: 94%;
    letter-spacing: -0.06em;
    font-weight: bold;
}
.cx_smartphoneview #movWrap h2 span{
    text-indent: -0.5em;
    display: inline-block;
    letter-spacing: -0.06em;
    font-size: 92%;
}

/* -----------------------------------
	試合日程
----------------------------------- */
.sportsBsc #scheduleWrap h2{
    border: none;
    margin-bottom: 0;
}
#scheduleWrap .h2Wrap p{ font-size: 78%;}
#scheduleWrap li{
    padding: 0.6em 0;
    border-bottom: solid 1px #aaa;
}
#scheduleWrap dl{
    display: flex;
    flex-wrap: wrap;
}
#scheduleWrap dl > *{
    flex-shrink: 0;
    font-size: 104%;
    line-height: 1.4;
}
#scheduleWrap dt{
    min-width: 6em;
    display: flex;
    align-items: center;
}
#scheduleWrap dt::before{
    content: "◆";
    margin-right: 0.2em;
    font-size: 80%;
    color: #af8b2e;
}
#scheduleWrap .card{
    font-weight: bold;
    min-width: 9em;
}
.cx_smartphoneview #scheduleWrap .date{ padding-left: 1em;}

/* -----------------------------------
	日本代表メンバー
----------------------------------- */
#japanMember h3{ font-size: 116%; color: #f25c28;}
#japanMember table{
    width: 100%;
    border-collapse: collapse;
    /*border-left: solid 1px #888;
    border-right: solid 1px #888;*/
    margin-bottom: 10px;
}
#japanMember tr{ background-color: rgba(255,255,255,0.7);}
#japanMember tr:nth-child(odd){ background-color: #fffced;}
#japanMember th{
    background-color: #000a8d;
    color: #fff;
    font-size: 88%;
    line-height: 1.4;
    text-align: left;
    border-right: solid 1px #fff;
}
.cx_smartphoneview #japanMember th{ font-size: 74%; letter-spacing: -0.03em;}
#japanMember th,
#japanMember td{ padding: 4px 5px;}
#japanMember td{
    border-right: dashed 1px #aaa;
    border-bottom: solid 1px #aaa;
}
#japanMember .num{
    line-height: 1.4;
    text-align: center;
    font-size: 84%;
}
#japanMember .name{
    color: #14176d;
    font-weight: bold;
    line-height: 1.4;
    min-width: 6em;
}
.cx_smartphoneview #japanMember .name{ min-width: 5em; font-size: 94%;}
#japanMember .birthday,
#japanMember .height,
#japanMember .weight,
#japanMember .team,
#japanMember .stats{
    font-size: 84%;
    line-height: 1.4;
}
#japanMember .birthday{ width: 6em;}
.cx_smartphoneview #japanMember .birthday{ width: 4em;}
.cx_smartphoneview #japanMember .height,
.cx_smartphoneview #japanMember .weight{ width: 3em;}
#japanMember .team{ letter-spacing: -0.05em; width: 14em;}
/*.cx_smartphoneview #japanMember .team{ width: 5em;}*/
.cx_smartphoneview #japanMember .team{ width: 7em;}
#japanMember .stats span{
    font-weight: bold;
    background-color: #e60021;
    color: #fff;
    padding: 3px;
}
#japanMember td:nth-last-of-type(1){
    border-right: none;
}
/*.cx_displaydevice #japanMember .team {display: inline-block;}*/
#japanMember .attention{
    text-align: right;
    font-size: 82%;
    color: #333;
}
#japanMember .narrow{ letter-spacing: -0.05em;}

/* -----------------------------------
	出場国
----------------------------------- */
#entryWrap ul{
    display: flex;
    flex-wrap: wrap;
}
#entryWrap li{
    flex-shrink: 0;
    width: 24.4%;
    margin-right: 0.8%;
    background-color: rgba(255,255,255,0.5);
    padding: 0 0 0.4em;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
}
#entryWrap li:nth-last-of-type(1){ margin-right: 0;}
.cx_smartphoneview #entryWrap li{
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.5em;
    padding-bottom: 0.2em;
}
.cx_smartphoneview #entryWrap dl{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
#entryWrap dl > *{
    line-height: 1.0;
    font-size: 104%;
    text-align: center;
    color: #333;
}
#entryWrap dt{
    width: 100%;
    background-color: #00039e;
    color: #fff;
    padding: 0.3em 0;
    margin-bottom: 1em;
}
#entryWrap dd{
    padding-bottom: 0.6em;
    font-feature-settings: "palt";
}
#entryWrap li.strong{
    font-weight: bold;
    background-color: #fffced;
}
#entryWrap .strong dt{ background-color: #af8b2e;}
#entryWrap .jpn{ color: #fc9b00;}

.cx_smartphoneview #entryWrap dt{ margin-bottom: 0.6em;}
.cx_smartphoneview #entryWrap dd{ padding-bottom: 0.4em;}
.cx_smartphoneview #entryWrap dd::after{ content: "・";}
.cx_smartphoneview #entryWrap dd:nth-last-of-type(1)::after{ display: 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-ohp-customcss */
#fp-bhp.fpbhp-pc .contblock h2{
	color:#eee;
	background-color:#00039e;
}
#fp-bhp #fp-bhp-infomain .nextoadate span{ background: #f25c28;}

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