
@media screen and (642px <= width <= 1150px){
    .c-space_narrow {
        width:100% !important;
    }
    .l-3 .g-column .a-main, .l-3 .g-column .a-side-a {
        float: none !important;
        width:100% !important;
    }
    /* メインコンテンツ */
    .b-headlines {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
    .a-site_contents .b-plain {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
    .b-plain .c-space_narrow {
        width:100% !important;
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
    .cssskin-news {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .cssskin-trial-sidebtn {
        display: none !important;
    }
    /* サイドコンテンツ */
    #a-side-a {
        display: none !important;
    }
    .cssskin-left .column.-column1 {
        width: 32% !important;
        margin-right: 2% !important;
    }
    .cssskin-left .column.-column2 {
        width: 32% !important;
        margin-right: 2% !important;
    }
    .cssskin-left .column.-column3 {
        width: 32% !important;
    }
    /* ヘッダー */
    .cssskin-header-toptext {
        display: none !important;
    }
    .cssskin-header {
        display: none !important;
        padding-left: 80px !important;
        padding-right: 15px !important;
        padding-top: 5px !important;
        padding-bottom: 10px !important;
    }
    /* フッター */
    .cssskin-contact {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .cssskin-footer {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .cssskin-copyright {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    /* パンくずリスト */
    .cssskin-pan{
        padding-right: 0px !important;
    }
    /* ビルボード */
    .a-billboard{
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .a-billboard .b-plain {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .cssskin-billboard .column.-column1 {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
    .billboard-text {
        width: 100% !important;
        margin: auto !important;
    }
    /* メガメニュー */
    .b-megamenu_navigation {
        padding-right: 15px !important;
        padding-left: 15px !important;

    }
    .b-megamenu_navigation a {
        padding-left: 0px !important;
    }
    .b-megamenu_contents {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .cssskin-header-menu img {
        width: 200px !important;
    }
    .b-megamenu_contents .column {
        padding:15px 15px 15px 15px !important;
    }
    #js-globalMegaMenu {
        width: 40% !important;
        margin-right: 60% !important;
        background-color:#FFFFFF; !important;
        text-align: left !important;
    }
 
    /* メニュー */
    .cssskin-menu-title-index {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .cssskin-main-menu .c-body {
        font-size: 12px;
    }
    .cssskin-main-menu .c-large_headline {
        font-size: 14px;
    }
    /* タイトル */
    .cssskin-title {
      padding-top: 50px !important;
      padding-bottom: 150px !important;
    }
    .cssskin-title .c-page_title {
      font-size: 18px;
      line-height: 1.4;
      padding-top: 10px;
    }
    .cssskin-title-sub {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .cssskin-subtitle .column.-column1 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    /* マップ */
    .cssskin-map {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media only screen and (max-width: 641px) {
    /* メインコンテンツ */
    .a-site_contents .b-plain {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    /* サイドコンテンツ */
    .cssskin-left .column.-column1 {
        width: 100% !important;
        margin-right: 0% !important;
    }
    .cssskin-left .column.-column2 {
        width: 100% !important;
        width: 100% !important;
        margin-right: 0% !important;
    }
    .cssskin-left .column.-column3 {
        width: 100% !important;
    }
    /* ヘッダー */
    /* メガメニュー */
    #js-globalMegaMenu {
        width:80% !important;
        margin-right:20% !important;
        background-color:#FFFFFF !important;
        text-align:left !important;
    }
    .b-megamenu_navigation img {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .b-megamenu_navigation {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .cssskin-megamenu-pc {
        display:none !important;
    }
    .b-megamenu_contents .column {
        padding:0px 15px 15px 15px !important;
    }
    /* ビルボード */
    .a-billboard .b-plain {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .billboard-text {
        width: 100% !important;
        margin: auto !important;
    }
    /* タイトル */
    .cssskin-subtitle .column.-column1 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media only screen and (max-width: 1150px) {
    .cssskin-widget-lt {
        display: none !important;
    }
    /* メガメニュー */
    #spNavigationTrigger {
        background-color:rgba(255, 255, 255, 0.6);
        border:none;
        border-radius:0px;
        margin-top:-25px;
        margin-left:5px;
        width:47px;
        height:47px:
    }
    #spNavigationTrigger .c-sp-navigation_line {
        border-color:#555555;
        border-style:solid;
    }
    #js-globalMegaMenu .megamenu-list img {
        padding-top:20px;
    }
    #js-globalMegaMenu .megamenu-list .b-megamenu_contents img {
        padding-top:0px;
    }
    .icon-close {
        display: none !important;
    }
    .cssskin-megamenu-sp {
        display: block !important;
    }
    .cssskin-megamenu-pc {
        display:none !important;
    }
    .megamenu-list {
        padding-right: 0px !important;
    }
    .megamenu-list .b-megamenu_contents {
        margin-top:0px !important;
    }
    .megamenu-list a {
        padding-bottom:5px !important;
    }
    .megamenu-list .-under {
        padding-bottom:5px !important;
    }
}
