/* --------------------------------
共通設定
-------------------------------- */
.CrowlMega04_MenuField {
        clear:both;
        border-top:0px solid #cccccc;
        border-bottom:0px solid #cccccc;
        padding:2px 0px;
        margin:3px 0px;
        position:relative;
        z-index:105;
        word-wrap:break-word;
        overflow-wrap:break-word;

        border-top: 1px solid #fff;
}
.CrowlMega04_MenuFieldWrapper {
        position:absolute;
        margin-top: -1px;
}
.CrowlMega04_MenuField a {

        /* 基本リンクテキストの色 */
        color:#2e3233;

}
.CrowlMega04_MenuFieldWrapper {

        /* 全体の幅 */
/*        width:767px;*/
        width:688px;
}
/* 背景画像の設定部 (正方形を推奨) */
.CrowlMega04_RightMenuField {
        display:none;

        /* 全体の背景色 */
        background-color:#ffffff;

        /* 背景画像の設定 */
        background-size:contain;

        /* 背景画像の位置 */
        background-position:bottom right;

/*        margin-left: 2px;*/

        border: 1px solid #cccccc;
}
.CrowlMega04_LeftMenuField,.CrowlMega04_RightMenuFieldWrapper {

        /* 全体の高さ */
        height:518px; /* 高さ注意(518) */

}
/* --------------------------------
 * 「▼ボタン」
 * -------------------------------- */
.CrowlMega04_MenuLevel0Arrow {
        position:absolute;
        line-height:14px;
        padding:10px 15px;
/*        right:0;*/
        left: 135px;
        top:50%;
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        font-size:9px;
        color:#525263;
}
/* --------------------------------
「>」マーク
-------------------------------- */
.CrowlMega04_ArrowIcon {
        float:right;
        color:#cccccc;
        padding:10px;
        position:absolute;
        right:0;
        top:50%;
        -moz-transform:translateY(-50%);
        -webkit-transform:translateY(-50%);
        -o-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
}
.CrowlMega04_Hr {
        margin:5px 0px 7px 0px;
}
.CrowlMega04_RightMenuField {
        display:none;

        /* 全体の背景色 */
        background-color:#ffffff;

        height:514px;
}
/* .CrowlMega04_LeftMenuField,.CrowlMega04_RightMenuFieldWrapper {*/
.CrowlMega04_LeftMenuField {
        /* 全体の高さ */
        height:514px;
}
.CrowlMega04_RightMenuFieldWrapper {
        /* 全体の高さ */
        height:513px;
}

/* --------------------------------
上部メニューボタン
-------------------------------- */
.CrowlMega04_MasterMenuButtonBox {
        font-size:14px;
        float:left;
        cursor:pointer;
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
/*        margin:1px 3px 0px 0px;*/ /* 注：下に隙間があるとNG */

        /* ボタンの内側の隙間 */
        padding:5px 5px 5px 5px;

        /* ボタンの幅 */
/*        width:19.5%;*/
/*        max-width:141px;*/
        width: 176px;%;

        /* ボタンの枠のスタイル */
        border:1px solid #cccccc;

        /* メインメニューボタンの背景色 */
        background-color:#ffffff;

        color:#2e3233;
}
.CrowlMega04_MasterMenuButton {
/*        margin-left: 2px;*/
}
.CrowlMega04_MasterMenuButtonFr {
        float: right;
}

/* --------------------------------
左メニューボックス
-------------------------------- */
.CrowlMega04_LeftMenuField {
/*        width:250px;*/
        width:176px;
        float:left;
/*        display:none;*/
        display:block;
        overflow-x:hidden;
        overflow-y:auto;

        /* レフトメニューの背景色 */
        background-color:#ffffff;

        /* ボーダースタイル */
        border:1px solid #cccccc;
/*        margin-left: 2px;*/
}
.CrowlMega04_LeftMenuSliderBox {
/*        padding:10px 15px 10px 5px;*/
        padding:10px 5px 10px 5px;

        /* レフトメニューの幅 */
/*        width:250px; */
        width:176px;

}
/* スクロールバーのデザイン(webkit) */
.CrowlMega04_LeftMenuField::-webkit-scrollbar {
        width:6px;
        background-color:#f1f1f1;
}
.CrowlMega04_LeftMenuField::-webkit-scrollbar-thumb {
        background-color:#c1c1c1;
}

/* --------------------------------
右メニューボックス
-------------------------------- */
.c {

        /* ボーダースタイル(左側隣接) */
        border-top:1px solid #cccccc;
        border-right:1px solid #cccccc;
        border-bottom:1px solid #cccccc;

}
.CrowlMega04_RightMenuSliderBox {
        width:100%;
}
.CrowlMega04_MenuTitle {
        display:block;
        padding:3px 5px;
        font-size:20px;
        display:none;
        line-height:44px; /* 高さ注意(3+44+3) */
}
.CrowlMega04_ScrollBox {
        display:none;
        overflow-x:hidden;
        overflow-y:auto;
        height:462px; /* 高さ注意(462) */
}
/* スクロールバーのデザイン(webkit) */
.CrowlMega04_ScrollBox::-webkit-scrollbar {
        width:8px;
        background-color:#f1f1f1;
}
.CrowlMega04_ScrollBox::-webkit-scrollbar-thumb {
        background-color:#c1c1c1;
}
/* --------------------------------
左側テキストフィールド
-------------------------------- */
.CrowlMega04_HalfMenuFieldLeftWrapper {
        float:left;
        width:50%;
}
.CrowlMega04_HalfMenuFieldLeft {
        padding:3px 7px;

}
.CrowlMega04_HalfMenuFieldLeft a:hover,.CrowlMega04_HalfMenuFieldRight a:hover {
        text-decoration:underline;
}

/* --------------------------------
右側テキストフィールド
-------------------------------- */
.CrowlMega04_HalfMenuFieldRightWrapper {
        float:left;
        width:50%;
}
.CrowlMega04_HalfMenuFieldRight {
        padding:3px 7px;
}

/* --------------------------------
レベル毎のメニューボタン
-------------------------------- */
/* 左メニューボタン */
.CrowlMega04_LeftMenuListBox {
/*        padding:5px 30px 5px 10px;*/
        padding:5px 10px 5px 5px;
        position:relative;
        display:block;
        margin:1px;
}
.CrowlMega04_LeftMenuField li {
        list-style:none;
        font-size:14px;
        cursor:pointer;
}
/* レベル１ボタン */
.CrowlMega04_SubCategoryLink01 {
        display:block;

        /* 文字色 */
        color:#e47911;

}
/* レベル２ボタン */
.CrowlMega04_SubCategoryLink02 {
        display:block;
        padding:5px;
        margin:1px;
        font-size:14px;
        font-weight:bold;

        /* 文字色 */
        color:#2e3233;
}
/* レベル３ボタン */
.CrowlMega04_SubCategoryLink03 {
        display:block;
        padding:5px;
        margin:1px;
        font-size:14px;
}

/* --------------------------------
「の続き」ボタン
-------------------------------- */
.CrowlMega04_SubCategoryLink04 {
        position:relative;

        /* 長文「…」置換 */
        white-space:nowrap;
        overflow:hidden;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis;

        padding:5px 45px 5px 5px;
        margin:1px;
        display:block;
        font-weight:bold;
        font-size:14px;

        /* 文字色 */
        color:#2e3233;

}
/* の続きフォント */
.CrowlMega04_SubCategoryLink04Mini {
        display:block;
        padding:0px 10px;
        font-size:10px;
        font-weight:normal;
        position:absolute;
        right:0;
        top:50%;
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
}


.CrowlMega04_SubCategoryLink01,
.CrowlMega04_SubCategoryLink02,
.CrowlMega04_SubCategoryLink03,
.CrowlMega04_LeftMenuField li {
        /* 長文「…」置換 */
        white-space:nowrap;
        overflow:hidden;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis;
}

/* --------------------------------
ブレイクポイント
-------------------------------- */
@media screen and (max-width:767px) {
        .CrowlMega04_MenuField {
                display:none;
        }
        .CrowlMega04_MasterMenuButtonSub {
                font-size: initial;
                float: initial;
                cursor: initial;
                margin: initial;
                padding: initial;
                width: 100%;
                max-width: initial;
                background-color: initial;
                color: initial;
                border: initial;
        }
        .CrowlMega04_MasterMenuButtonSub a {
                display: block;
                height: 50px;
                line-height: 50px;
                padding: 0 10px;
                color: #525263;
                font-weight: bold;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                position: relative;
                border-bottom: 1px solid #E8E8E8;
                border-bottom-width: 1px;
                border-bottom-style: solid;
                border-bottom-color: rgb(232, 232, 232);
        }
}
@media screen and (min-width:1068px) {
.CrowlMega04_MasterMenuButtonBox,
.CrowlMega04_LeftMenuField,
.CrowlMega04_LeftMenuSliderBox {
    width: 200px;
}
.CrowlMega04_MenuFieldWrapper {
    width: 712px;
}
}