@charset "utf-8";

/*=============================================================
  [PC] 
============================================================ */
#suntory_contents #newsroom_nav_sp_header {  
    display: none;
}
#suntory_contents #newsroom_nav_sp_footer {  
    display: none;
}

/*------------------------------------------------------------
  [PC] newsroom_nav
------------------------------------------------------------ */
#suntory_contents .newsroom_nav_wrap {
    background: #5bc2dc;
}
#suntory_contents .newsroom_nav_pc {
    width: 960px;
    margin: 15px auto 0;
}
#suntory_contents .newsroom_nav_pc.bottom {
    margin: 15px auto;
}
#suntory_contents .newsroom_nav_pc ul {
    display: table;
    width: 100%;
}
#suntory_contents .newsroom_nav_pc ul li {
    display: table-cell;
    text-align: center;
}
#suntory_contents .newsroom_nav_pc ul li a {
    display: block;
    background: #5bc2dc;
    color: #fff;
    padding: 20px 15px;
    text-decoration: none;
    border-right: 1px #ade1ee solid;
}
#suntory_contents .newsroom_nav_pc ul li.nav06 a {
    border: none;
}
#suntory_contents .newsroom_nav_wrap .newsroom_nav_pc ul li.nav01 a {
    border-left: 1px #ade1ee solid;
}
#suntory_contents .newsroom_nav_wrap .newsroom_nav_pc ul li.nav06 a {
    border-right: 1px #ade1ee solid;
}
#suntory_contents .newsroom_nav_pc ul li a:hover {
    background: #e7f6fa;
    color: #666;
}
#suntory_contents .newsroom_nav_pc ul li.nav01 {
    width: 15.5172413793103%;
}
#suntory_contents .newsroom_nav_pc ul li.nav02 {
    width: 15.5172413793103%;
}
#suntory_contents .newsroom_nav_pc ul li.nav03 {
    width: 17.2413793103448%;
}
#suntory_contents .newsroom_nav_pc ul li.nav04 {
    width: 17.2413793103448%;
}
#suntory_contents .newsroom_nav_pc ul li.nav05 {
    width: 17.2413793103448%;
}
#suntory_contents .newsroom_nav_pc ul li.nav06 {
    width: 17.2413793103448%;
}


/*current*/
#news #suntory_contents .newsroom_nav_pc ul li.nav02 a {
    background: #e7f6fa;
    color: #666;
}
#media_kit #suntory_contents .newsroom_nav_pc ul li.nav03 a {
    background: #e7f6fa;
    color: #666;
}
#media_contact #suntory_contents .newsroom_nav_pc ul li.nav04 a {
    background: #e7f6fa;
    color: #666;
}
#topics #suntory_contents .newsroom_nav_pc ul li.nav05 a {
    background: #e7f6fa;
    color: #666;
}

@media screen and (min-width:961px){
/*=============================================================
  [PC] width 961px - 
============================================================ */

	/*------------------------------------------------------------
	  [PC] newsroom_nav
	------------------------------------------------------------ */
	#suntory_contents .newsroom_nav_pc {
	    width: 100%;
	    max-width: 1164px;
	}
	
}


@media only screen and (max-width: 767px){

/*=============================================================
  [SP] 
============================================================ */
#suntory_contents .newsroom_nav_wrap,
#suntory_contents .newsroom_nav_pc {
	display: none;
}

/*------------------------------------------------------------
  [SP] newsroom_header
------------------------------------------------------------ */
    #suntory_contents #newsroom_nav_sp_header {
        display: block;
    }
    #suntory_contents #newsroom_nav_sp_header dt {
        background: #5bc2dc;
        font-size: 18px;
        font-weight: normal;
        text-align: center;
        padding: 15px;
        color: #fff;
    }
    #suntory_contents #newsroom_nav_sp_header dd {
        background: #5bc2dc;
        padding: 0;
    }
    #suntory_contents #newsroom_nav_sp_header ul {
        display: table;
        margin: 0 auto;
        width: 90.625%;
        border-top: 1px #ade1ee solid;
    }
    #suntory_contents #newsroom_nav_sp_header ul li {
        display: table-cell;
        text-align: center;
        padding: 18px 0;
    }
    #suntory_contents #newsroom_nav_sp_header ul li.news_release {
        width: 32.7586206896552%;
    }
    #suntory_contents #newsroom_nav_sp_header ul li.media_kit {
        width: 34.4827586206897%;
    }
    #suntory_contents #newsroom_nav_sp_header ul li.media_contact {
        width: 32.7586206896552%;
    }
    #suntory_contents #newsroom_nav_sp_header ul li a {
        color: #fff;
        font-size: 12px;
        font-weight: normal;
        display: block;
    }
    #suntory_contents #newsroom_nav_sp_header ul li a:hover {
        text-decoration: none;
    }
    #suntory_contents #newsroom_nav_sp_header ul li.news_release a {
        background: url(../img/nav_icon_news_release.png) no-repeat center 0;
        background-size: 20px auto;
        padding-top: 33px;
    }
    #suntory_contents #newsroom_nav_sp_header ul li.media_kit a {
        background: url(../img/nav_icon_media_kit.png) no-repeat center 0;
        background-size: 24px auto;
        padding-top: 33px;
        border-left:1px #ade1ee solid;
        border-right:1px #ade1ee solid;
        box-sizing: border-box;
    }
    #suntory_contents #newsroom_nav_sp_header ul li.media_contact a {
        background: url(../img/nav_icon_media_contact.png) no-repeat center 0;
        background-size: 25px auto;
        padding-top: 33px;
    }
    #suntory_contents #newsroom_nav_sp_header .btn_nav {
        height: 24px;
        background: url(../img/nav_icon_open.png) no-repeat center 0,
                    url(../img/nav_wave_down.png) no-repeat center 0;
        background-size: 19px auto,auto 24px;
    }
    #suntory_contents #newsroom_nav_sp_header .btn_nav.open {
        height: 24px;
        background: url(../img/nav_icon_close.png) no-repeat center 0,
                    url(../img/nav_wave_down.png) no-repeat center 0;
        background-size: 19px auto,auto 24px;
    }
    
    /*------------------------------------------------------------
      [SP] newsroom_nav_sp_footer
    ------------------------------------------------------------ */
    
    #suntory_contents #newsroom_nav_sp_footer {
        background: url(../img/nav_wave_up.png) no-repeat center 0;
        background-size: auto 25px;
        padding-top: 25px;
        display: block;
    }

    /*Media Kit ONLY */
    #media_kit #suntory_contents #newsroom_nav_sp_footer {
        margin-top: -25px;
    }
    
    #suntory_contents #newsroom_nav_sp_footer dt {
        background: #5bc2dc;
        font-size: 18px;
        font-weight: normal;
        text-align: center;
        padding: 0 0 22px;
        color: #fff;
    }
    #suntory_contents #newsroom_nav_sp_footer dt a {
        color: #fff;
        text-decoration: none;
    }
    #suntory_contents #newsroom_nav_sp_footer dt a:hover {
        text-decoration: none;
    }
    #suntory_contents #newsroom_nav_sp_footer dd {
        background: #5bc2dc;
        padding: 0;
    }
    #suntory_contents #newsroom_nav_sp_footer ul {
        display: table;
        margin: 0 auto;
        width: 90.625%;
        border-top: 1px #ade1ee solid;
    }
    #suntory_contents #newsroom_nav_sp_footer ul li {
        display: table-cell;
        text-align: center;
        padding: 18px 0;
    }
    #suntory_contents #newsroom_nav_sp_footer ul li.news_release {
        width: 32.7586206896552%;
    }
    #suntory_contents #newsroom_nav_sp_footer ul li.media_kit {
        width: 34.4827586206897%;
    }
    #suntory_contents #newsroom_nav_sp_footer ul li.media_contact {
        width: 32.7586206896552%;
    }
    #suntory_contents #newsroom_nav_sp_footer ul li a {
        color: #fff;
        font-size: 12px;
        font-weight: normal;
        display: block;
    }
    #suntory_contents #newsroom_nav_sp_footer ul li a:hover {
        text-decoration: none;
    }
    #suntory_contents #newsroom_nav_sp_footer ul li.news_release a {
        background: url(../img/nav_icon_news_release.png) no-repeat center 0;
        background-size: 20px auto;
        padding-top: 33px;
    }
    #suntory_contents #newsroom_nav_sp_footer ul li.media_kit a {
        background: url(../img/nav_icon_media_kit.png) no-repeat center 0;
        background-size: 24px auto;
        padding-top: 33px;
        border-left:1px #ade1ee solid;
        border-right:1px #ade1ee solid;
        box-sizing: border-box;
    }
    #suntory_contents #newsroom_nav_sp_footer ul li.media_contact a {
        background: url(../img/nav_icon_media_contact.png) no-repeat center 0;
        background-size: 25px auto;
        padding-top: 33px;
    }
    
    #suntory_contents #newsroom_nav_sp_footer ul li.topics {
        width: 50%;
        padding: 15px 0;
    }
    #suntory_contents #newsroom_nav_sp_footer ul li.social_media {
        width: 50%;
        padding: 15px 0;
    }
    #suntory_contents #newsroom_nav_sp_footer ul li.topics a {
        display: block;
        padding: 4px 20px;
        border-right: 1px #ade1ee solid;
    }
    #suntory_contents #newsroom_nav_sp_footer ul li.social_media a {
        display: block;
        padding: 4px 20px;
    }
    
    

}