#global-nav {
    background-color: black; /* PCグローバルナビ背景色 */
    border-bottom:1px solid #ccc;
}
#global-list svg, #global-list svg * {
    fill: white; /* PCグローバルナビ文字色 */
    stroke: white; /* PCグローバルナビ文字輪郭色 */
    stroke-width: 0.7;　/* PCグローバルナビ文字輪郭太さ */
}
#global-nav ul > li a:hover {
    background-color: gray;　/* PCグローバルナビタブマウスオーバー時背景色 */
}
.headline .icon-wrapper {
    background-color: white;
}
.headline:hover .icon-wrapper{
    background-color: transparent;
}
header>section{
  background-color: black;
}
@media only screen and (min-width: 641px) {
    /*PC*/
    body header{
      padding-bottom:2px;
    }
    #global-list ul.inline>li.aquosphone a {
        background-color: #0d3b91;
    }
    #global-list ul.inline li.aquosphone .icon-wrapper img {
        position: absolute;
        top: -30px;
        left: 0;
    }
    #global-list ul.inline>li.headline a {
        background-color: #0d3b91;
    }
    #global-list ul.inline li.headline .icon-wrapper img {
        top: 0;
        left: 0;
    }
header>section{
  background-color: black;
}
}
@media only screen and (min-width: 641px) {/*PC*/

#site-logo {
    background: url('/aquosphone/img/aquos.svg') 0 center no-repeat; /* PCグローバルナビサイトロゴ */
    background-size: 84px auto; /* PCグローバルナビサイトロゴサイズ */
    text-indent: -9999px;
    background-color: black;
}
}

@media only screen and (max-width: 641px) and (min-width: 0px) {/*SP*/
#site-logo {
    background: none;
}
#site-logo >a {
    background: url('/aquosphone/img/aquos.svg') 0 center no-repeat;/* SPグローバルナビサイトロゴ */
    background-size: 74px auto;/* SPグローバルナビサイトロゴサイズ */
    display: block;
    margin-top: 12px;
}
header {
    background-color: black;/* SPグローバルナビ背景色 */
}
header div > ul > li.button {
    color: white;　/* SPグローバルナビ文字色 */
}
header div > ul > li > p > svg {
    fill: white; /* SPグローバルナビアイコン色 */
    stroke: white; /* SPグローバルナビ愛kン輪郭色 */
    stroke-width: 0.7;　/* SPグローバルナビアイコン輪郭太さ */
}
}



/* ---------- AQUOS Watch+ -------------*/
header {
    height: auto;
    background-image: none;
    background-position: bottom right;
    background-repeat: no-repeat;
    padding: 0;
}
#wrapper{
  background-color: white;
  overflow: hidden;
}


@media only screen and (min-width: 641px) {/*PC*/
#global-nav > div > h1 {
    width: 120px;
    height: 77px;
}
}








.top-news .list .line-1{
  display: none;
}
.top-news .list .text{
  line-height: 1.4;
}
.list-02 .line-1{
    margin-right: 4px !important;
    display: inline;
        font-size: 11px;
    line-height: 17px;
    padding: 1px 7px 0;
    background-color: #ddd;
    white-space: nowrap;
}
.list-02 .line-3{
  font-size:12px;
  color:#666;
  }

/* ---------ヘッダー部分 ------------------------------------------------------------------------*/


#category-jump > a {
  background: url(../img/category.svg);
    background-repeat: no-repeat;
    background-position: 21px 10px;
}
#category-nav > #search-area > p.open {
  background: url(../img/search.svg);
    background-repeat: no-repeat;
    background-position: 13px 10px;
}
#category-nav > #search-area > p.close {
  background: url(../img/search-close.svg);
    background-repeat: no-repeat;
    background-position: 24px 13px;
}

@media only screen and (min-width: 641px) {/*PC*/
.header-inner{
  display: none;
}
}
@media only screen and (max-width: 641px) and (min-width: 0px) {/*SP*/
  .billboard img{
  width:100%;
  }
#global-nav{
  display: none;
}
#global-list{
  display:none;
}
#category-nav{
  display: none;
}
#extra{
  display: none;
}
header div.title{display: none;}
}



/* ---------ソーシャルまわり ------------------------------------------------------------------------*/

.social.under li.twitter {
  background: #55acfe url('../img/share_twitter.svg') 11px 8px no-repeat;
  background-size: auto 16px;
}
.social.under li.facebook {
  background: #3b5998 url('../img/share_facebook.svg') 15px 8px no-repeat;
  background-size: auto 16px;
}
.social.under li.bookmark {
  background: #008fde url('../img/share_bookmark.svg') 11px 8px no-repeat;
  background-size: auto 16px;
}
.social.under li.g_plus {
  background: #dc4e41 url('../img/share_g_plus.svg') 11px 8px no-repeat;
  background-size: auto 16px;
}
.social.under li.line {
  background: #6dbd15 url('../img/share_line.svg') 11px 8px no-repeat;
  background-size: auto 16px;
}
.social.under li.pocket {
  background: #ee4056 url('../img/share_pocket.svg') 11px 8px no-repeat;
  background-size: auto 16px;
}
.social.under li.mail {
  background: #0ca98b url('../img/share_mail.svg') 10px 8px no-repeat;
  background-size: auto 16px;
}
.social.under > p {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  top: 20px;
  right: 14px;
  color: transparent;
  background: #8a8a8a url('../img/sns_close-w.svg') 7px 14px no-repeat;
  border-radius: 4px;
  cursor: pointer;

}
.social.under.close > p {
  background: #8a8a8a url('../img/sns_open-w.svg') 7px 7px no-repeat;
}


#floating-social-buttons .twitter {
  background: #55acfe url('../img/share_twitter.svg') 50% 50% no-repeat;
}
#floating-social-buttons .facebook {
  background: #3b5998 url('../img/share_facebook.svg') 50% 50% no-repeat;
}
#floating-social-buttons .bookmark {
  background: #008fde url('../img/share_bookmark.svg') 50% 50% no-repeat;
}
#floating-social-buttons .pocket {
  background: #ee4056 url('../img/share_pocket.svg') 50% 50% no-repeat;
}
#floating-social-buttons .other {
  background: #8a8a8a url('../img/sns_open-w.svg') 50% 50% no-repeat;
  border-radius: 4px;
}
#floating-social-buttons.open .other {
  background: #8a8a8a url('../img/sns_close-w.svg') 50% 50% no-repeat;
}
#floating-social-buttons .line {
  background: #6dbd15 url('../img/share_line.svg') 50% 50% no-repeat;
}
#floating-social-buttons .g_plus {
  background: #dc4e41 url('../img/share_g_plus.svg') 50% 50% no-repeat;
}
#floating-social-buttons .mail {
  background: #0ca98b url('../img/share_mail.svg') 50% 50% no-repeat;
}


.to-top-button {
    background: white url('../img/page_top.svg') 50% 50% no-repeat;
    background-size: 20px;
}


@media only screen and (min-width: 641px) {/*PC*/
#sp-floating-layer{
  display: none;
}
}

@media only screen and (max-width: 641px) and (min-width: 0px) {/*SP*/
div.social-bookmark {
  display: none;
}
#social-under{
  display: none;
}
}