/* PC〜 */
@media only screen and (min-width: 1201px) {
    .cssskin-widget-lt {
        display: none !important;
    }
    .cssskin-sp-menu {
        display: none !important;
    }
}

/* スマホ〜タブレット */
@media screen and (642px <= width <= 1200px){
    .c-space_narrow {
        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-header-toptext {
        display: none !important;
    }
    .cssskin-header {
        display: block !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: 15px !important;
        padding-right: 15px !important;
    }
    .cssskin-copyright {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    /* パンくずリスト */
    .cssskin-pan{
        padding-right: 15px !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;
    }
    /* ハンバーガーメニュー */
    #spNavigationTrigger {
        background-color:rgba(0, 0, 0, 0.6);
        border:none;
        border-radius:0px;
        margin-top:0px;
        margin-right:5px;
        width:47px;
        height:47px:
        z-index:900;
    }
    /* ハンバーガーメニュー　3本線 */
    .c-sp-navigation_line {
        border-width:3px;
        border-color:#ffffff !important;
        z-index:901;
    }
    /* メガメニュー */
    .cssskin-sp-menu {
        margin-top:-60px;
    }
    #js-globalMegaMenu {
        width:60% !important;
        margin-left:40% !important;
        background-color:rgba(0, 0, 0, 0.9);
        text-align:left;
    }
    .b-megamenu_navigation {
        padding-right: 15px !important;
        padding-left: 15px !important;
        color: #ffffff !important;
    }
    .b-megamenu_navigation a {
        padding-left: 15px !important;
        color:#ffffff !important;
    }
    .b-megamenu_navigation a:hover {
        background-color:rgba(0, 0, 0, 0) !important;
    }
    .-under {
        padding-left: 30px !important;
        padding-right: 15px !important;
        color:#ffffff !important;
    }
    .icon-close {
        font-size: 30px !important;
        line-height:2 !important;
        color: #fff !important;
        padding: 50px 0 0 0 !important;
    }
    /* メガメニュー 下層コンテンツ*/
    .b-megamenu_contents .column{
        background-color:#000 !important;
        padding:5px 15px 5px 50px !important;
    }
    .b-megamenu_contents .column a{
        font-size:16px !important;
        color:#ffffff !important;
    }
    /* メニュー */
    .cssskin-main-menu {
        display: none !important;
    }
    /* タイトル */
    .cssskin-page-title {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        position: fixed !important;
        z-index: 800 !important;
        top: 0 !important;
        left: 0 !important;
        background-color: rgba(0, 0, 0, 0); !important;
    }
    .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-subtitle {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .cssskin-subtitle .column.-column1 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .cssskin-page-title-01 {
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 200px !important;
    }
    /* マップ */
    .cssskin-map {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .cssskin-map-address {
        display: none !important;
    }
    /* ゴーストヘッダー*/
    .a-ghost_header {
        display: none !important;
    }
    /* その他コンテンツ*/
    .cssskin-main-service-04 {
        width: 100% !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .cssskin-company-01 {
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

/* 〜スマホ */
@media only screen and (max-width: 641px) {
    .cssskin-page-title-01 {
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 200px !important;
    }
/* メインコンテンツ */
    .a-site_contents .b-plain {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    /* メガメニュー */
    #spNavigationTrigger {
        background-color:rgba(0, 0, 0, 0.6);
        border:none;
        border-radius:0px;
        margin-top:-25px;
        margin-right:5px;
        width:47px;
        height:47px:
    }
    #js-globalMegaMenu {
        width:70% !important;
        margin-left:30% !important;
        background-color:rgba(0, 0, 0, 0.9);
        text-align:left;
    }
    .icon-close {
        font-size: 20px !important;
        line-height:2 !important;
        color: #fff !important;
        padding: 50px 0 0 0 !important;
    }
    .b-megamenu_navigation {
        padding-left: 15px !important;
        padding-right: 15px !important;
        color:#ffffff !important;
    }
    .b-megamenu_navigation a {
        padding-left: 15px !important;
        padding-right: 15px !important;
        color:#ffffff !important;
    }
    .-under {
        padding-left: 15px !important;
        padding-right: 15px !important;
        color:#ffffff !important;
    }
    .c-sp-navigation_line {
        border-width:3px;
        border-color:#ffffff !important;
    }
    /* メガメニュー 下層コンテンツ*/
    .b-megamenu_contents .column{
        background-color:#000 !important;
        padding:5px 15px 5px 50px !important;
    }
    .b-megamenu_contents .column a{
        font-size:16px !important;
        color:#ffffff !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;
    }
    /* その他コンテンツ*/
    .cssskin-main-service-04 {
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

}