@charset "utf-8";
/* --------------------------------
PCとスマホのヘッダー（ナビゲーションをのぞく） css 


※テンプレートはここに使い方がある
　ない場合は、毎回書き直し
-------------------------------- */



#g-cts #hdr-p-y,
#y-cts #hdr-p-g {
    display: none !important;
}


/* クリック・タッチ除外設定ここから */

/* ボタン内部のspanなどに反応しないようにする */

.hdr-phone::after,
.phone-icon-w {
    pointer-events: none;
}

/* クリック・タッチ除外設定ここまで */

.hdr-box {
    position: fixed;
    width: 100%;
    z-index: 99;
}

#g-cts .hdr-box,
#b-cts .hdr-box,
#y-cts .hdr-box,
#m-cts .hdr-box {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}

.hd-inbox {
    position: relative;
    width: 100%;
}


#g-cts .hdr-phone,
#y-cts .hdr-phone {
    display: block;
    width: 53px;
    height: 50px;
    position: absolute;
    top: 7px;
    right: 70px;
    box-shadow: inset 2px 1px 1px rgba(255, 255, 255, 0.3), 1px 2px 1px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}

#t-cts .hdr-phone,
#b-cts .hdr-phone,
#m-cts .hdr-phone {
    display: none;
}


#g-cts .hdr-phone::after,
#y-cts .hdr-phone::after{
    content: "";
    display: block;
    width: 36px;
    height: 10px;
    background: transparent url(../img/common/phone-txt-w.png) top left / contain no-repeat;
    position: relative;
    top: 6px;
    left: 9px;
}
#b-cts #nav-btn,
#g-cts #nav-btn,
#y-cts #nav-btn,
#m-cts #nav-btn {
    box-shadow: inset 2px 1px 1px rgba(255, 255, 255, 0.3), 1px 2px 1px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}

/*トップの色*/

#t-cts .hdr-box {
    /*height: 82px;*/
    background-color: transparent;
    /*背景色はメインイメージで設定、スクロールしたら背景色をつける  */
}

#t-cts #nav-btn {
    background-color: transparent;
    /*ハンバーガーボタンなどの背景色*/
}
#t-cts .hdr-box::before{
    content:"";
    display: block;
    width: 100%;
    height: 66px;
    position: fixed;
    top:0px;
    left:0px;
    /*background-color: transparent;*/
    background-color: #3573CF;/*スクロールしたらつける背景色*/
    opacity: 0;/*スクロールしてないときは透明*/
    animation-duration: 1s;
animation: cmnObjFadeOut 0.3s linear 0s forwards;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
#t-cts.t-cts-scrl .hdr-box::before{
    opacity: 1;
    animation-duration: 1s;
animation: cmnObjFadeIn 0.3s linear 0s forwards;
}
#t-cts.t-cts-scrl .hdr-box{
}

/*共通ページの色*/

#b-cts .hdr-box{
    background-color: #3573CF;
}

#b-cts #nav-btn {
    background-color: #608FD6;
    /*ハンバーガーボタンなどの背景色*/
}
/*迎賓館の色*/

#g-cts .hdr-box {
    background-color: #BB4343;
}

#g-cts #nav-btn,
#g-cts .hdr-phone {
    background-color: #CA6C6C;
    /*ハンバーガーボタンなどの背景色*/
}

/*八千代の色*/

#y-cts .hdr-box {
    background-color: #349D71;
}

#y-cts #nav-btn,
#y-cts .hdr-phone {
    background-color: #56B58D;
    /*ハンバーガーボタンなどの背景色*/
}

/*メンバーズの色*/

#m-cts .hdr-box {
    background-color: #98984C;
}

#m-cts #nav-btn {
    background-color: #ACAC77;
    /*ハンバーガーボタンなどの背景色*/
}


#t-cts .nav-open #nav-btn,
#b-cts .nav-open #nav-btn,
#g-cts .nav-open #nav-btn,
#y-cts .nav-open #nav-btn,
#m-cts .nav-open #nav-btn {
    background-color: #f2f2f2;
}

a.hdr-logo {
    display: block;
    width: 42px;
    height: 66px;
    padding: 16px 0px 16px 8px;
}

.hdr-logo img {
    display: block;
    width: 34px;
    height: 34px;
}

#t-cts .hdr-name-s,
#b-cts .hdr-name-s{
    width: 120px;
    height: 8px;
    position: absolute;
    top: 15px;
    left: 55px;
}

#g-cts .hdr-name-s,
#y-cts .hdr-name-s,
#m-cts .hdr-name-s {
    width: 124px;
    height: 13px;
    position: absolute;
    top: 12px;
    left: 50px;
}

#t-cts .hdr-name-l,
#b-cts .hdr-name-l{
    width: 183px;
    height: 21px;
    position: absolute;
    top: 31px;
    left: 54px;
}

#g-cts .hdr-name-l,
#y-cts .hdr-name-l {
    width: 124px;
    height: 21px;
    position: absolute;
    top: 32px;
    left: 50px;
}

#m-cts .hdr-name-l {
    width: 161px;
    height: 21px;
    position: absolute;
    top: 32px;
    left: 50px;
}

#t-cts .hdr-name-s,
#b-cts .hdr-name-s{
    background: transparent url(../img/common/takino-deco-w.png) top left / contain no-repeat;
}

#g-cts .hdr-name-s,
#y-cts .hdr-name-s,
#m-cts .hdr-name-s {
    background: transparent url(../img/common/takino-txt-w-s.png) top left / contain no-repeat;
}

#t-cts .hdr-name-l,
#b-cts .hdr-name-l{
    background: transparent url(../img/common/takino-txt-w-l.png) top left / contain no-repeat;
}

#g-cts .hdr-name-l {
    background: transparent url(../img/common/geihinkan-txt-w.png) top left / contain no-repeat;
}

#y-cts .hdr-name-l {
    background: transparent url(../img/common/yachiyo-txt-w.png) top left / contain no-repeat;
}

#m-cts .hdr-name-l {
    background: transparent url(../img/common/mbs-txt-w.png) top left / contain no-repeat;
}

.phone-icon-w {
    display: block;
    width: 53px;
    height: 31px;
    padding: 6px 14px 0px 14px;
}






@media (min-width: 350px) {
    a.hdr-logo {
        width: 50px;
        padding: 16px 0px 16px 16px;
    }
    #t-cts .hdr-name-s,
    #b-cts .hdr-name-s,
    #g-cts .hdr-name-s,
    #y-cts .hdr-name-s,
    #m-cts .hdr-name-s,
    #t-cts .hdr-name-l,
    #b-cts .hdr-name-l,
    #g-cts .hdr-name-l,
    #y-cts .hdr-name-l,
    #m-cts .hdr-name-l {
        left: 62px;
    }

    #g-cts .hdr-phone,
    #y-cts .hdr-phone {
        right: 80px;
    }

}

/*end min-width: 350px*/


@media (max-width: 959px) {
    /*★ ↓ max設定、注意 ★*/
    .pc-hdr-tblbox {
        display: none;
    }
}

/*end max-width: 959px*/

/*★ ↑ max設定、注意 ★*/

@media (max-width: 1279px) {
    /*★ ↓ max設定、注意 ★*/
    .pc-dropdown {
        display: none;
    }
    a#hdrn-t {
        color: #505050;
    }

    .hnav-ttl {
        display: inline-block;
        height: 18px;
        line-height: 18px;
        padding-top: 14px;
    }
    .hnav-deco {
        display: block;
        font-size: 12px;
        height: 14px;
        line-height: 14px;
        position: absolute;
        top: 34px;
        left: 14px;
        text-align: center;
    }
    .hnav-ttl {
        font-size: 14px;
        font-weight: 600;
    }
    #nav li#hdrn-t a .hnav-ttl {
        color: #505050;
    }
    #nav li#hdrn-t a .hnav-deco {
        color: #616161;
        font-weight: 200;
        width: 46px;
    }
    #nav li#hdrn-g a.dd-appearmenu .hnav-ttl {
        color: #C15555;
    }
    #nav li#hdrn-g a.dd-appearmenu .hnav-deco {
        color: #CA6C6C;
        font-weight: 200;
        width: 92px;
    }

    #nav li#hdrn-y a.dd-appearmenu .hnav-ttl {
        color: #3F9B74;
    }
    #nav li#hdrn-y a.dd-appearmenu .hnav-deco {
        color: #47AD82;
        font-weight: 200;
        width: 92px;
    }
#nav li#hdrn-m a .hnav-ttl, 
 #nav li#hdrn-m a.dd-appearmenu .hnav-ttl {
        color: #828234;
    }
    #nav li#hdrn-m a .hnav-deco,
    #nav li#hdrn-m a.dd-appearmenu .hnav-deco {
        color: #8F8F41;
        font-weight: 200;
        width: 92px;
    }
    
    #nav .dd-menu-item {
        font-size: 13px;
        font-weight: 500;
    }
}

/*end max-width: 1279px*/

/*★ ↑ max設定、注意 ★*/

@media (min-width: 960px) {
    #t-cts.t-cts-scrl .hdr-box::before {
        height: 72px;
    }
}