@charset "utf-8";
/**
 * style
 * (c) FOURDIGIT Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 * 5. EachPageStyle
 *
 */
/**
 * 1. import
 */
@import "import/reset.css";
@import "import/util.css";
@import "../font/font.css";

/**
 * 2. html, body
 */
    body {
        background-color: #fff;
        background-image: url(../imgs/space.gif);
        background-repeat: repeat-x;
        background-position: center top;
    }
    .page {
        color: #333333;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0.1em;
        font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
        overflow: hidden;
    }
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
    a {
        background-color: transparent;
        background-image: none;
        background-repeat: no-repeat;
        color: #4e6a89;
        text-decoration: none;
    }
    a:visited {}
    a:hover {
        color: #333;
        text-decoration: none;
    }
    a:active {}

/* IE9+ & modern browser */
    *::selection {
        color: #fff;
        background: #333;
    }
    *::-moz-selection {
        color: #fff;
        background: #333;
    }

/* heading */
    .siteTitle {
        /*dont use <h1> selector*/
    }
    .contentTitle {
        /*dont use <h2> selector*/
    }
    h3.bukkenTitle {
        color: #545454;
        font-size: 40px;
        line-height: 46px;
        font-weight: lighter;
        margin-bottom: 35px;
        -webkit-font-smoothing:antialiased;
    }
    .mainTxt { font-size: 26px; letter-spacing:4px;}
    .subTxt { font-size: 14px; line-height:2;  letter-spacing:4px; text-align: center; margin-top: 60px;}
/* cap */
    .cap,
    .caption {
        background: none;
        color: #666666;
        font-size: 10px;
        line-height: 15px;
    }
    .cap {
        padding-top: 5px;
    }

/* nav */
    .nav li img {
        vertical-align: top;
    }

/* ptop */
    body .ptop {
        clear: both;
        text-align: right;
    }
    body .ptop a {
        display: inline-block;
        text-align: center;
        color: #fff;
        font-size: 34px;
        line-height: 34px;
        width: 36px;
        height: 36px;
        background-color: #d7d7d6;
        padding: 5px 0;
        box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
        /* transition */
        -webkit-transition: .3s;
        transition: .3s;
    }
    body .ptop a:hover {
        background-color: #acacab;
    }

/* ehover */
    .ehover {
        position: relative;
        cursor: pointer;
    }
    .ehover a {
        opacity: 0;
        filter: alpha(opacity=0); /* IE lt 8 */
        -ms-filter: "alpha(opacity=0)"; /* IE 8 */
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        background-image: url(../imgs/bg-overlay.png);
        background-repeat: repeat;
    }
    .ehover a span {
        opacity: 0;
        filter: alpha(opacity=0); /* IE lt 8 */
        -ms-filter: "alpha(opacity=0)"; /* IE 8 */
    }
    .ehover a strong {
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -0.8em;
        font-weight: normal;
    }

    body .BoxArea dl.ehover {
        background-color: #fff;
        background-image: url(../imgs/bg-arrow.png);
        background-repeat: no-repeat;
        background-position: right 50%;
        position: relative;
    }
    body .BoxArea dl.ehover span.txt {
        color: #fff;
        font-size: 16px;
    }
    body .BoxArea dl.ehover span.icon {
        display: inline-block;
        background-color: #fff;
        color: #535353;
        text-align: center;
        text-decoration: none;
        font-size: 16px;
        line-height: 16px;
        width: 18px;
        height: 18px;
        margin-right: 10px;
    }

/* pinch */
    body .pinch {
        position: relative;
    }
    body .pinch .pinchIcon {
        display: none;
        position: absolute;
        top: -45px;
        right: 0;
        width: 43px;
        height: 42px;
        opacity: 0.8;
        background-color: transparent;
        background-image: url(../imgs/icon-pinchin.png);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: contain;
    }

/**
 * 4. Layout
 */
     /* wrapper */
     body .wrapper {
         width: 1160px;
         margin-left: auto;
         margin-right: auto;
     }
     /* NavArea */
     body #NavArea {
         float: right;
         padding: 52px 0 0 200px;
     }
     /* gHeader */
    body #gHeader {
        position: relative;
    }
    body #gHeader .siteTitle {
        position: absolute;
        background-color: #333;
        display: inline-block;
        padding: 92px 26px 90px 29px;
        z-index: 100;
    }
    body #pNav {
        float: right;
        margin-bottom: 40px;
    }
    body #pNav ul {
        position: relative;
        left: 23px;
    }
    body #pNav ul li {
        float: left;
        padding: 0 17px 0 24px;
        background: url(../imgs/icon-nav.png) no-repeat;
        line-height: 1.3;
    }
    body #pNav ul li.on {
        background: url(../imgs/icon-nav_ov.png) no-repeat;
    }
    body #pNav ul li a {
        box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
    }
    body #pNav ul li a span {
        display: block;
        width: 100%;
        font-size: 12px;
        color: #ccc;
        text-align: center;
        /* transition */
        -webkit-transition: .3s;
        transition: .3s;
    }
    body #pNav ul li a:hover span,
    body #pNav ul li.on a span {
        color: #4e4e4e;
    }
    body #pNav ul li.hdrTitle {
        padding: 0 0 0 194px;
        background: none;
    }
    body #gNav {
        clear: both;
        float: right;
        border-bottom: 1px solid #e5e5e5;
    }
    body #gNav ul li {
        float: left;
       /*width: 127px;*/
       width: 130.8px;
        height: 60px;
        overflow: hidden;
    }

    body #gNav ul li.sns{
         width: 175px;
         border-top: 1px solid #e5e5e5;         
    }

    body #gNav ul li.sns ul.sns_link{
        position: relative;
        overflow: hidden;
        padding-top: 7px;
    }
    body #gNav ul li.sns ul.sns_link li.sns_icon{
        float: left;
         width: 53px;
         margin-left: 5px;
         text-align: right;
        
    }

    body #gNav ul li.sns ul.sns_link li.sns_icon a,
    body #gNav ul li.sns ul.sns_link li.sns_icon a:hover,
    body #gNav ul li.sns ul.sns_link li.sns_icon.on a{
        border: none;
    }

    body #gNav ul li.sns ul.sns_link li.sns_icon a:hover{
        opacity: 0.7; 
    }

    body #gNav ul li a {
        display: block;
        width: 100%;
        border-top: 1px solid #e5e5e5;
        box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
        /* transition */
        -webkit-transition: .3s;
        transition: .3s;
    }
    body #gNav ul li a span {
        display: block;
        width: 100%;
        color: #ccc;
        font-size: 16px;
        text-align: center;
        padding: 20px 0 15px;
        box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
    }
    body #gNav ul li a span.ov {
        display: none;
    }
    body #gNav ul li a:hover,
    body #gNav ul li.on a {
        border-top: 5px solid #4e4e4e;
    }
    body #gNav ul li a:hover span,
    body #gNav ul li.on a span {
        color: #4e4e4e;
    }
    /*body #gNav ul li.on.nav-HOME a span,
    body #gNav ul li.on a span {
        display: none;
    }
    body #gNav ul li.on a span.ov {
        display: block;
    }*/


    body #gNav ul li.nav-HOME span {
        display: none;
    }
    body #gNav ul li.nav-HOME span.icon-home {
        display: block;
        font-size: 20px;
        line-height: 20px;
    }
    body #gNav ul li.btSp,
    body #gNav ul li.btSitemap {
        display: none;
    }

    /* pankuzuArea */
    body .pankuzuArea {
        clear: both;
        color: #666;
        font-size: 12px;
        padding: 10px 0 0 10px;
    }
    body .pankuzuArea .wrapper {
        position: relative;
    }
    body .pankuzuArea p {
        position: absolute;
        top: -40px;
        left: 210px;
    }
    body .pankuzuArea a {
        color: #333;
    }

    /** #hNav **/
    body #hNav {
        display: none;
    }

    /* container */
    body #container {
        clear: both;
        margin-right: auto;
        margin-left: auto;
        padding-top: 40px;
        padding-bottom: 80px;
    }

    /* section */
    body .section {
        clear: both;
    }

    /* Box */
    body .Box {
        padding: 30px;
        font-size: 20px;
        line-height: 35px;
        letter-spacing: 0;
        box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
    }
    body .bTxt {
        color: #4e6a89;
    }

    /* bBox */
    body .Box.bBox {
        background-color: #f0f2f3;
        color: #000;
    }

    /* gBox */
    body .Box.gBox {
        border: 1px solid #e6e6e6;
        background-color: #fbfbfb;
    }

    /* wBox */
    body .Box.wBox {
        border: 1px solid #e6e6e6;
    }

    /* mainContent clmBox */
    body .clmBox .wrapper {
        zoom: 1;
    }
    body .clmBox .wrapper:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

    /* sNavArea */
    body #mainContent .sNavArea {
        float: left;
        width: 275px;
    }
    body #mainContent .sNavArea h4 {
        font-size: 18px;
        line-height: 24px;
        color: #212121;
        border-top: 1px solid #ebebeb;
    }
    body #mainContent .sNavArea h4 a {
        padding: 15px 20px;
        color: #212121;
        width: 100%;
        display: inline-block;
        overflow: hidden;
        height: 57px;
        box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
        /* transition */
        -webkit-transition: .3s;
        transition: .3s;
    }
    body #mainContent .sNavArea h4.on span {
        padding: 15px 20px;
        color: #212121;
        width: 100%;
        display: inline-block;
        overflow: hidden;
        height: 57px;
        border-top: 5px solid #777;
        box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
    }
    body #mainContent .sNavArea h4.on a,
    body #mainContent .sNavArea h4 a:hover {
        border-top: 5px solid #777;
    }
    body #mainContent .sNavArea h3 {
        font-size: 12px;
        line-height: 18px;
        color: #333;
        padding: 15px 20px;
        background-color: #f3f3f3;
    }
    body #mainContent .sNavArea h3 a {
        color: #212121;
    }
    body #mainContent .sNavArea h3.on {
        border-top: 5px solid #777;
    }
    body #mainContent .sNavArea ul {
        margin-bottom: 9px;
        border-top: 1px solid #ebebeb;
    }
    body #mainContent .sNavArea ul li {
        margin-bottom: 1px;
    }
    body #mainContent .sNavArea ul li a {
        width: 100%;
        display: inline-block;
        background-image: url(../imgs/icon-02.png);
        background-repeat: no-repeat;
        background-position: 20px 50%;
        background-size: 7px 12px;
        padding: 15px 15px 15px 40px;
        color: #222;
        box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
        /* transition */
        -webkit-transition: .3s;
        transition: .3s;
    }
    body #mainContent .sNavArea ul li.on a,
    body #mainContent .sNavArea ul li a:hover {
        background-image: url(../imgs/icon-01.png);
        background-color: #92a3ab;
        color: #fff;
    }

    body #mainContent #clmContent {
        float: right;
        width: 865px;
        font-size: 14px;
        line-height: 22px;
    }
    body #mainContent .clmTitleBox {
        border-top: 5px solid #777;
        padding: 25px 25px 0 25px;
        margin-bottom: 25px;
        color: #333;
        font-size: 30px;
        line-height: 40px;
    }
    body #mainContent .sTitle {
        display: inline-block;
        border-top: 5px solid #777;
        padding: 15px 5px 0 5px;
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 30px;
    }
    body #mainContent .sTitle span {
        display: block;
    }
    body #mainContent .ssTitle {
        display: block;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    body #mainContent h6 {
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        margin-bottom: 15px;
    }
    body #mainContent h6.txtBlue {
        color: #4e6a89;
    }

    /* nextBackNav */
    body #mainContent #nextBackNav {
        clear: both;
        text-align: center;
        position: relative;
        display: inline-block;
        width: 100%;
    }
    body #mainContent #nextBackNav ul li {

    }
    body #mainContent #nextBackNav ul li.btPrev {
        text-align: left;
        position: absolute;
        left: 0;
        top: 0;
    }
    body #mainContent #nextBackNav ul li.btTop {
        width: auto;
        text-align: center;
    }
    body #mainContent #nextBackNav ul li.btNext {
        text-align: right;
        position: absolute;
        right: 0;
        top: 0;
    }
    /* clm2 */
    body #mainContent #nextBackNav.clm2 ul li.btPrev {
        position: static;
        float: left;
    }
    body #mainContent #nextBackNav.clm2 ul li.btNext {
        position: static;
        float: right;
    }

    /* gFooter */
    body #gFooter {
        clear: both;
        padding-top: 20px;
    }
    /* navistarMain */
    body #navistarMain {
        padding: 20px 0;
    }

    /* fNav */
    body #gFooter #fNav {
        text-align: center;
    }
    body #gFooter #fNav ul li {
        display: inline-block;
        vertical-align: baseline;
        zoom:1;
        margin-right: 0.9em;
        margin-bottom: 5px;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: inherit;
        padding-right: 0.8em;
    }
    body #gFooter #fNav ul li:after{ content : ''; display : block; clear : both; }
    body #gFooter #fNav ul li a {
        color: #555;
        font-size: 12px;
        line-height: 18px;
    }
    body #gFooter #fNav ul li.last { margin-right: 0; border-right: 0; padding-right: 0; }
    body #gFooter #fNav ul li a:hover {
        text-decoration: underline;
    }
    body #gFooter #fNav ul li.on a {
        font-weight: bold;
    }

    /* fNavMain */
    body #gFooter #fNavMain {
        clear: both;
        border-top: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
        padding: 20px 0;
        zoom: 1;
    }
    body #gFooter #fNavMain:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
    body #gFooter #fNavMain dl {
        float: left;
        width: 16.66%;
        padding: 20px 15px 20px 15px;
        padding-top: 20px;
        border-right: 1px solid #ebebeb;
        box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
    }
    body #gFooter #fNavMain dl.block06 {
        border-right: 0;
    }
    body #gFooter #fNavMain dl dt {
        color: #999;
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    body #gFooter #fNavMain dl dt a {
        color: #999;
        position: relative;
    }
    body #gFooter #fNavMain dl dt a:hover {
        color: #000;
        text-decoration: none;
    }
    body #gFooter #fNavMain dl dt a:hover:before {
        visibility: visible;
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
    }
    body #gFooter #fNavMain dl dt a:before {
        background-color: #92a3ab; bottom: -5px; content: ""; position: absolute; width: 100%; height: 2px; left: 0; visibility: hidden;
        /* transition */
        transform: scaleX(0);
        -webkit-transform: scaleX(0);
        transition: all .2s ease-in-out 0s;
        -webkit-transition: all .2s ease-in-out 0s;
    }
    body #gFooter #fNavMain dl dd {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0;
        margin-bottom: 20px;
    }
    body #gFooter #fNavMain dl dd a {
        color: #999;
        /* transition */
        -webkit-transition: .3s;
        transition: .3s;
    }
    body #gFooter #fNavMain dl dd a:hover {
        color: #000;
        text-decoration: none;
    }
    body #gFooter #fNavMain dl dd a span {
        display: inline-block;
        color: #fff;
        font-size: 10px;
        line-height: 14px;
        background-color: #b2b2b2;
        width: 14px;
        height: 14px;
        margin-left: 2px;
        padding: 0 0 2px 2px;
    }
    /* copyArea */
    body #gFooter #copyArea {
        clear: both;
        padding: 10px 0 20px;
    }
    body #gFooter #copyArea .logo {
        margin-bottom: 10px;
    }
    body #gFooter #copyArea .copyright {
        color: #1f73b9;
        font-size: 10px;
        line-height: 15px;
        font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    }

    /* @media 1200 START */
@media only screen and (max-width:1200px) {
    /* img */
    img { max-width: 100%; }
    body .wrapper {
         width: auto;
         padding-left: 10px;
         padding-right: 10px;
         box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
     }
     /* NavArea */
     body #NavArea {
         width: 100%;
         padding: 80px 0 0;
     }
    body #pNav ul {
        position: inherit;
        left: auto;
    }
     /* gHeader */
    body #gHeader .siteTitle {
        padding: 64px 25px 63px 26px;
    }
    body #gHeader .siteTitle img {
        width: auto;
        height: auto;
    }
    body #pNav ul li.hdrTitle {
        position: absolute;
        top: 35px;
        right: 0;
    }
    body #gNav {
        width: 100%;
    }
    body #gNav ul li {
        width: 13.28%;
    }

    body #gNav ul li.sns{
         width: 20.28%; 
    } 

    
    /* pankuzuArea */
    body .pankuzuArea p {
        position: static;
        margin-bottom: 20px;
    }

    /* container */
    body #container {
        padding-top: 10px;
    }
        /* sNavArea */
    body #mainContent .sNavArea {
        width: 17%;
    }
    body #mainContent .sNavArea h4 a {
        padding: 15px 10px;
    }
    body #mainContent #clmContent {
        width: 75%;
        min-width: 865px;
    }

    /* fNavMain */
    body #gFooter #fNavMain {
        padding: 0;
    }
    body #gFooter #fNavMain dl {
        width: 33.33%;
        border-right: 0;
    }
    body #gFooter #fNavMain dl:nth-child(2n) {
        background-color: #f9f9f7;
    }
    body #gFooter #fNavMain dl dd {
        margin-bottom: 5px;
    }
}
    /* @media 1200 END */

    /* @media 1059 START */
@media only screen and (max-width:1059px) {
    /* pNav */
    body #pNav {
        float: right;
    }
    /* sNavArea */
    body #mainContent .sNavArea {
        float: none;
        width: 100%;
        background-color: #e3e3e3;
        margin-bottom: 20px;
        border-bottom: 5px solid #777;
    }
    body #mainContent #clmContent {
        float: none;
        width: 865px;
        min-width: 865px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px;
    }
    /* nextBackNav */
    body #mainContent #nextBackNav {
        margin-bottom: 40px;
    }
    body #mainContent #nextBackNav ul li {
        margin-bottom: 10px;
    }
    body #mainContent #nextBackNav ul li.btPrev {
        position: static;
    }
    body #mainContent #nextBackNav ul li.btNext {
        position: static;
    }
    body #mainContent #nextBackNav ul li.btPrev,
    body #mainContent #nextBackNav ul li.btTop,
    body #mainContent #nextBackNav ul li.btNext {
        width: 100%;
        text-align: center;
    }
}
    /* @media 1059 END */

    /* @media 920 START */
@media only screen and (max-width:920px) {
    body #pNav ul li {
        padding: 0 10px 0 20px;
        margin-left: 10px;
    }
    body #pNav ul li a span {
    }
    /* sNavArea */
    body #mainContent #clmContent {
        width: 100%;
        min-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    body #gNav ul li.sns ul.sns_link li.sns_icon{
         margin-left: 2px;
    }

}
    /* @media 920 START */

    /* @media 768 START */
@media only screen and (max-width:768px) {
    body #gHeader .siteTitle img {
        width: 92px;
        height: 11px;
    }

    body .sTitle span.url,
    body .ssTitle span.url {
        font-size: 16px;
        display: inline-block;
    }
    body .ptop a {
        margin-right: -10px;
    }
    body .BoxArea dl.ehover {
        background-image: url(../imgs/bg-arrow.png);
        background-repeat: no-repeat;
        background-position: right 65%;
        background-size: 29px;
    }

    
}
    /* @media 768 END */

    /* @media 670 START */
@media only screen and (max-width:800px) {
    body .page {
        position: relative;
    }
    body br {
        display: none;
    }
    /* pinch */
    body .pinch .pinchIcon {
        display: block;
    }
    /* NavArea */
     body #NavArea {
         float: none;
        position: absolute;
        z-index: 100;
         padding: 64px 0 0 0;
     }
    /* gHeader */
    body #gHeader {
        height: 60px;
        padding: 5px 0;
        background: rgba(0,0,0,0.8);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9990;
        width: 100%;
    }
    body #gHeader .wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    body #gHeader .siteTitle {
        padding: 24px 16px 25px 17px;
        background: none;
    }
    /* #gNav */
    body #gNav {
        display: none;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        border-bottom: 0;
    }
    body #gNav ul li {
        width: 50%;
        height: auto;
    }
    body #gNav ul li a {
        border: none;
        background-color: #474342;
    }
    body #gNav ul li a span {
        padding: 23px 20px;
        color: #fff;
        font-size: 12px;
    }
    body #gNav ul li.nav-HOME span {
        display: block;
    }
    body #gNav ul li.nav-HOME span.icon-home {
        display: none;
    }
    body #gNav ul li.btSp {
        float: none;
        width: 100%;
        display: block;
    }
    body #gNav ul li.btSp a {
        background-color: #5a5756;
        color: #fff;
        padding: 15px 20px;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0;
    }
    body #gNav ul li.btSp a span {
        display: inline-block;
        width: auto;
        padding: 5px;
        width: 20px;
        height: 20px;
        margin-right: 10px;
        background-color: #fff;
        font-size: 10px;
        line-height: 10px;
        color: #5a5756;
    }
    body #gNav ul li a:hover,
    body #gNav ul li.on a {
        border: none;
        background-color: #94a3ab;
        color: #5a5756;
    }
    body #gNav ul li a:hover span {
        margin-top: 0;
    }

    body #gNav ul li.sns.pc{
        display: none;
    }

    body #hNav ul li.sns{
        position: absolute;
        top: 0;
        right: 18%;        
    }

    body #hNav ul li.sns ul.sns_link{
         padding-top: 7px;
    }
    body #hNav ul li.sns ul.sns_link li.sns_icon{
         margin-left: 5px;     
        
    }

    body #hNav ul li.sns ul.sns_link li.sns_icon.txt{
        display: none;
    }


    /* #pNav */
    body #pNav {
        display: none;
    }
    /* #hNav */
    body #hNav {
        display: block;
        z-index: 99999;
        float: right;
    }
    body #hNav li {
        float: left;
    }
    body #hNav li img {
        vertical-align: top;
    }
    body #hNav #pull {
        display: block;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 60px;
        padding: 15px 8px;
        color: #d6d6d6;
        font-size: 26px;
        line-height: 26px;
        box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
    }
    body #hNav #pull span.icon-batsu {
        display: none;
    }
    body #hNav #pull span.icon-sp {
        background-color: transparent;
        background-image: url(../imgs/icon-sp.png);
        background-repeat: no-repeat;
        background-position: right top;
        width: 28px;
        height: 38px;
    }
    body #hNav #pull.on span.icon-sp {
        display: none;
    }
    body #hNav #pull.on span.icon-batsu {
        display: block;
        font-size: 44px;
        line-height: 10px;
    }

    /* pankuzuArea */
    body .pankuzuArea {
        display: none;
    }

    /* container */
    body #container {
        padding-top: 70px;
    }

    /* Box */
    body .Box {
        padding: 10px;
        font-size: 12px;
        line-height: 18px;
    }


    /* gFooter */
    body #gFooter #fNav {
        border-top: 1px solid #ebebeb;
    }
    body #gFooter #fNav ul li {
        margin-right: 0;
        margin-bottom: 0;
        border: 0;
        padding-right: 0;
        width: 100%;
        border-bottom: 1px solid #ebebeb;
    }
    body #gFooter #fNav ul li a {
        display: block;
        padding: 10px 0;
        text-decoration: none;
        /* transition */
        -webkit-transition: .3s;
        transition: .3s;
    }
    body #gFooter #fNav ul li a:hover {
        background-color: #ccc;
        color: #fff;
    }
    /* fNavMain */
    body #gFooter #fNavMain {
        display: none;
    }
    body .sTitle span.url,
    body .ssTitle span.url {
        font-size: 12px;
        display: block;
        line-height: 16px;
    }
}
    /* @media 670 END */