@charset "utf-8";

/* PC */
.ad_728 .adsbygoogle {
    width:728px;
    height:90px;
}
.ad_336 .adsbygoogle {
    width:336px;
    height:280px;
}

/* SP */
@media screen and (max-width: 415px) {

    body.index {
        font-size: 14px;
    }
    #topgn {
        overflow-x: scroll;
    }
    #topgn ul {
        width: 600px;
    }

    #hiroba blockquote, #hiroba .asset-body p {
        padding: 20px 0;
    }
    img, object, embed, iframe[width="560"] {
        max-width: 100% !important;
        height: auto !important;
    }

    #Header {
        background-color: #eee;
    }
    #header, #content {
        width: auto;
    }
    #globalNav, #hLocalNav {
        display: none;
    }
    #globalNav, #globalNavBefore {
        width: auto;
    }
    div#globalFooter #footerNavi {
        width: auto;
    }
    #hLocalNav ul {
        background-color: #efefef;
        padding: 0 0 10px 0;
    }

    .maxbox {
        width: auto;
    }
    .mainboxb {
        width: auto;
    }
    #hiroba.page-archive #alpha {
        width: auto;
    }
    #slider li {
        width: auto;
    }
    .mainboxl {
      width: auto;
    }
    .w500 {
      width: auto;
    }
    .w600 {
      width: auto;
    }
    .w600.ml30 {
        margin-left: 0;
    }
    #hiroba.index .fixHeight .box {
      width: auto;
    }
    #hiroba #alpha {
      width: auto;
    }
    #hiroba #beta {
      width: auto;
    }
    #hiroba.index .fixHeight2 .box {
      width: 35%;
    }
    .entry-categories .inp input {
      width: 70%;
    }

    #container {
        width: 100%;
        overflow-x: hidden;
    }
    #container-inner {
        padding: 0 5px;
    }

    #main h1, #main .h1 {
        font-size: 14px;
    }
    #topbox {
        padding: 10px 0 0 0;
    }
    #logo {
        height: 60px;
        margin: 0;
    }
    #main {
        width: 210px;
        height: 60px;
    }
    #main h1 {
        font-size: 14px;
    }

    #bana {
        width: 310px;
        overflow: hidden;
        float: none;
        margin: 0 auto 5px 0;
    }
    #div-gpt-ad-1333169936099-0,
    #div-gpt-ad-1333169936099-0 div {
        width: 300px !important;
        height: 40px !important;
        overflow: hidden;
    }
    #div-gpt-ad-1333169936099-0 div iframe {
        transform: scale(0.64);
        -webkit-transform: scale(0.64);
        -moz-transform: scale(0.64);
        transform-origin: left top;
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
    }

    .mainboxr {
        width: auto;
        margin: 0 0 0 0;
        border: 0 none;
    }
    .p10.ad_300 {
        padding: 5px;
    }

    div#globalFooter .sbm {
        padding-top: 10px;
    }
    div#globalFooter .back {
        margin: 0;
        float: right;
    }
    div#globalFooter {
        font-size: 14px;
        margin: 30px -5px 0 -5px;
    }

    #hiroba #beta ul.cat li, #hiroba #beta ul.cat li a {
        display: inline-block;
    }

    #hiroba .asset-body * {
        word-wrap: break-word;
    }

    .toggle {
      color: #333;
      text-decoration: none;
      padding: 10px 0 10px 25px;
      display: block;
      background: url("/sns/css/ic_menu.png") no-repeat scroll 5px 50% #eee;
      background-size: 18px 18px;
      -moz-background-size: 18px 18px;
      -webkit-background-size: 18px 18px;
      -o-background-size: 18px 18px;
    }
    .fixed {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
    }


    div.snsinfo {
        width: auto !important;
        height: 250px !important;
    -moz-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    }
    div.snsinfo .formbox {
        top: -1px;
      right: -1px;
      width: 100%;
      height: 100%;
      padding: 0;
    }
    p.snsinfo {
        border-bottom: 0 none;
    }

    .mainboxl div {
        overflow: visible !important;
        height: auto !important;
    }
    .mainboxr {
        margin-top: 10px;
    }
    ul.cat li a {
        border: 1px solid #CCCCCC;
        display: block;
        margin: 5px;
        padding: 5px;
    }

    /* Ad */
    .ad_728 {
      padding-left: 5px;
    }
    .index .ad_728 {
      padding: 5px 0;
        text-align: center;
    }
    .ad_336, .ad_300 {
      margin: 5px;
        padding: 0;
    }
    .index .ad_300 {
        padding: 0;
    }
    .ad_728 .adsbygoogle {
      width: 300px !important;
      height: 250px !important;
    }
    .ad_336 .adsbygoogle {
      width: 300px !important;
      height: 250px !important;
    }



}/* /@media */