@charset "UTF-8";

/*//////////////////////////////////////////////
  EAFF WOMEN’S EAST ASIAN CUP 2015
//////////////////////////////////////////////*/

/*-----------------------------------------------
  GENERIC
  -----------------------------------------------*/
#cover{
    background:#111;
}
/* gruntが上手く処理できていないようなので、#cover{}の外に出してみました */
    /*position: fixed;
    background:url(https://lsassets.s3-ap-northeast-1.amazonaws.com/assets/img/eaffeastasiancup-womens2015/bg_coverimage.jpg) no-repeat 0 0;
    background-size:cover;
    behavior: url(/assets/css/backgroundsize.min.htc);
    width:100%;
    height:100%;*/

#skyscraper{
    display: none;
}

/*-----------------------------------------------
  Header(SP)
  -----------------------------------------------*/

#competitionHeader{
    width:100%;
    padding:43px 0 0;
    position:fixed;
    top:0;
    z-index:2;
}

#competitionHeader h2{
    height:44px;
    padding:12px;
    background:#ca0915;
    font-size:15px;
    white-space:nowrap;
}
#competitionHeader h2 a,
#competitionHeader h2 a:hover{
    color:#fff;
    text-decoration: none;
}
#competitionHeader nav{
    width:100%;
    position: absolute;
    top:87px;
    right:0;
    z-index: 100;
}
#competitionHeader nav .btnSpMenu{
    display: block;
    width: 44px;
    height:44px;
    background: url(../img/ico_plus_menu.png) no-repeat center center;
    background-size:contain;
    behavior: url(https://lsassets.s3-ap-northeast-1.amazonaws.com/assets/css/backgroundsize.min.htc);
    overflow: hidden;
    position: absolute;
    top:-44px;
    right:0px;
    cursor: pointer;
}
#competitionHeader nav .spMenuList{
    display: none;
}

#competitionHeader nav .spMenuList li a,
#competitionMenu ul li a{
    display: block;
    padding:14px 12px 14px 48px;
    background-color:#fdd000;
    border-bottom:1px solid #ae8f00;
    font-size:15px;
    color:#111;
    text-align: left;
    text-decoration: none;
    background-position: 12px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}

#competitionHeader nav .spMenuList li .tmicoTop{
    display:none;
}
.tmicoNews{
    background-image: url(../img/comp_nav_ico_news.png);
}
.tmicoBroadcast{
    background-image: url(../img/comp_nav_ico_broadcast.png);
}
.tmicoMatch{
    background-image: url(../img/comp_nav_ico_match.png);
}
.tmicoRanking{
    background-image: url(../img/comp_nav_ico_ranking.png);
}
.tmicoHighlight{
    background-image: url(../img/comp_nav_ico_highlight.png);
}
.tmicoPlayers{
    background-image: url(../img/comp_nav_ico_players.png);
}
.tmicoSummary{
    background-image: url(../img/comp_nav_ico_about.png);
}

.top.competition header .spBanner {
    position:relative;
    margin-top:98px;
    width:100%;
    padding-bottom:55%;
}

/*-----------------------------------------------
  #main > #mainContents(SP)
  -----------------------------------------------*/
#mainContents h2{
    background:#ca0915 !important;
}

#mainContents h3{ /* fwwc2015 */
    padding:8px 12px;
    background: /*url(https://lsassets.s3-ap-northeast-1.amazonaws.com/assets/img/eaffeastasiancup-womens2015/titlebar.jpg) no-repeat right center*/ #ca0915 !important;
    background-size:auto 40px !important;
    font-size:15px;
    text-align: left;
}

#mainContents h3.schedulebar{ /* schedule bar */
    padding:8px 12px;
    background-image:none !important;
    background-color: rgba(102,102,102,0.6) !important;
    font-size:15px;
    text-align: left;
}


#mainContents .btnlinkArea a{
    background:#fdd000 !important;
    color:#111;
}


/* tabMenu */
#tabMenu{
    display: block;
    background-color: #9b0710;
    text-align: center;
    position: relative;
    z-index: 1;
}

#tabMenu ul{
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}

#tabMenu li{
    display: inline-block;
    padding: 12px 15px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    cursor: pointer;
}

#tabMenu li:hover{
    opacity: 0.6;
}
#tabMenu li.current{
    background-color: #ca0915;
    cursor: inherit;
}
#tabMenu li.current:hover{
    opacity: 1;
}


/*-----------------------------------------------
  searchBox 共通 (SP)
  -----------------------------------------------*/
.competition .selectBox form .btnSearch{
    background:url(../img/btn_search_submit.png) no-repeat center center #fdd000;
    background-size:87px auto;
}

.competition .selectBox form .btnSearch:hover{
    background:url(../img/btn_search_submit.png) no-repeat center center #ae8f00;
    background-size:87px auto;
}


/*-----------------------------------------------
  #main > #sideContents(SP)
  -----------------------------------------------*/

#sideContents h3{ /* fwwc2015 */
    background: #ca0915;
}

/*//////////////////////////////////////////////
    SCHEDULE(SP)
//////////////////////////////////////////////*/

.schedule #modalContents .wrapper .tutorialIcon header h1{
    background: #ca0915;
    color: #fff;
}

/*//////////////////////////////////////////////
    MATCH(SP)
//////////////////////////////////////////////*/

/* ハイライト動画再生ボタン */
body.match .timeSelectList ul li span{
    background-image:url(../img/ico_arrow_black.png);
    background-color:#fdd000;
}


@media screen and (min-width : 768px){
/*//////////////////////////////////////////////
    PC用　768px 以上の指定
//////////////////////////////////////////////*/

#skyscraper{
    display: block;
    position:absolute;
    top:293px;
    background:url(../img/eaffeastasiancup-womens2015/pc_skyscraper_banners.png) no-repeat center 0;
    background-size:auto;
    width:100%;
    height:1200px;
    overflow-x:auto;
    overflow-y: auto;
    z-index:0;
}

/*-----------------------------------------------
  Header(PC)
  -----------------------------------------------*/

#competitionHeader{
    position: relative;
    top:86px;
    padding:144px 0 0 0 ;
    background:url(../img/eaffeastasiancup-womens2015/pc_header_banner.jpg) no-repeat center 0  #ca0915;
}
#competitionHeader nav{
    position: absolute;
    top:144px;
    background: #fdd000;
}

#competitionHeader nav .btnSpMenu{
    display:none;
}

#competitionHeader h2{
    position: absolute;
    top:0;
    left:50%;
    z-index: 200;
    display: block;
    width: 1092px;
    height: 144px;
    margin:0 0 0 -546px;
    padding:0;
    background-color: transparent;
}
#competitionHeader h2 a{
    display: block;
    width: 1092px;
    height: 144px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
}

#competitionHeader nav .spMenuList{
    display: block;
    width: 1092px;
    margin:0 auto;
}

#competitionHeader nav .spMenuList li a{
    display: block;
    height:40px;
    padding:13px;
    float: left;
    background-color:#fdd000;
    border:none;
    border-right:1px solid #ae8f00;
    font-size:13px;
    color:#111;
    text-align: left;
    text-decoration: none;
    background-image:none !important;
}

#competitionHeader nav .spMenuList li:first-child a,
#competitionHeader nav .spMenuList li:first-child a:hover{
    border-left:1px solid #ae8f00;
}

#competitionHeader nav .spMenuList li a:hover,
#competitionHeader nav .spMenuList li a.current{
    background-color:#111;
    color:#fff;
}

#competitionHeader nav .spMenuList li a.tmicoTop{
    display:block;
}


/*-----------------------------------------------
  #main > #mainContents(PC)
  -----------------------------------------------*/

#mainContents h2{
    padding:10px 12px 12px;
    height:40px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

/* tabMenu */
#mainContents h2 + #tabMenu{
  margin-top: 0;
}
#mainContents #tabMenu ul{
    overflow: visible;
    white-space: normal;
}

#mainContents .btnlinkArea a:hover{
    opacity: 0.8;
}

/*-----------------------------------------------
  searchBox 共通 (PC)
  -----------------------------------------------*/
.competition .selectBox form .btnSearch{
    background:url(../img/btn_search_submit_s.png) no-repeat center center #fdd000;
    background-size:auto;
}

.competition .selectBox form .btnSearch:hover{
    background:url(../img/btn_search_submit_s.png) no-repeat center center #ae8f00;
    background-size:auto;
}

}