@charset "utf-8"; 

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フェード効果
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a,button,.woocommerce div.product div.images .flex-control-thumbs li img, a img {
    -webkit-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 fit-sidebar
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.fit-sidebar-fixed{
	z-index: 999;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
EC全体　＞　基本構造
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#base_container {
    display: flex;
	/*ノートPCまでスクロールバーなしで収めるようにする記述(2021-04-27)hiro*/
    min-width: 1250px;
    /*min-width: 1300px;*/
	/* 基本の背景色を白に変更(2021-09-16)mk */
    /* background-color: #f8f8f8; */
}

div#base_container .ec_main {
    width: calc(100% - 320px);
    position: relative;
    border-left: 1px solid #939393;
	overflow: hidden;
}

body:not(.home) div#base_container .ec_main .contents_area {
    /* フッターとの余白 */
    padding-bottom: 120px;
}

div#base_container .ec_sub {
    width: 320px;
    /* padding: 40px; */
}

div#base_container .ec_sub .fit-sidebar-inner{
    padding: 40px;
    background-color:#fff;
}

/* sale item用追加 2021-11-24 take */
.pc_base_width, .ec_main > #primary {
    width: 1300px;
    max-width: 90%;
    margin: 0 auto;
}

body:not(.home):not(.woocommerce-page).page .editor_area, 
body.single-post .editor_area {
	/*下層ページ固定幅変更width 900px->100％ max・auto->980(2021-03-03hiro*/
    width: 100%;
	max-width: 980px;
    margin: 0 auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿系一覧ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.post_archive {
    width: 900px;
    margin: 0 auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メニュー（サブエリア）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ロゴ */
div#base_container .ec_sub .logo {
    max-width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

div#base_container .ec_sub p.ttl {
    margin-bottom: 30px;
    text-align: center;
}

/* [ログイン][カート]各ボタン */
div#base_container .ec_sub p.cmn_btns {
    /* width: 205px; */
    margin: 0 auto 15px;
    justify-content: space-between;
}

div#base_container .ec_sub p.cmn_btns a {
    display: flex;
    width: 110px;
    /* border: 1px solid; */
    /* border-radius: 0; */
    font-size: 14px;
    /* padding: 5px; */
    background-color: #eaeaea;
    font-family: 'Cinzel', serif;
    flex-direction: column;
    height: 60px;
    align-items: center;
    justify-content: center;
}

div#base_container .ec_sub p.cmn_btns .entry_num {
    border:1px solid #7c7d80;
    /* font-size: 15px; */
    font-size: 12px;
    line-height: 18px;
    left: -5px;
    top: -5px;
}

div#base_container .ec_sub p.cmn_btns a::before {
    /* font-size: 25px; */
    display: block;
}

div#base_container .ec_sub nav > ul > li > a:not(.oya):hover {
    opacity: .5;
}

/* メインメニュー */
div#base_container .ec_sub ul.main_menu {
    /* border-bottom: 1px solid #ccc; */
    /* padding-bottom: 20px; */
    margin-bottom: 20px;
}

div#base_container .ec_sub ul.main_menu li a,div#base_container .ec_sub ul.main_menu li.cat {
    display: block;
    padding: 5px 0;
    color: inherit;
    text-decoration: none;
}

/* カテゴリー（親） */
div#base_container .ec_sub ul.category_menu {
    margin-right: -40px;
}

div#base_container .ec_sub ul.category_menu > li {
    position: relative;
    z-index: 2;
}

div#base_container .ec_sub ul.category_menu > li > a {
    padding-left: 1em;
}

div#base_container .ec_sub ul.category_menu > li > a:hover {
    background-color: #efefef;
}

/* カテゴリー（子） */
div#base_container .ec_sub ul.category_menu > li ul.children {
    width: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    background-color: rgba(65,65,65,.9);
    padding: 10px 25px;
    display: none;
}

div#base_container .ec_sub ul.category_menu > li:hover ul.children {
    display: block;
}

div#base_container .ec_sub ul.category_menu > li ul.children a {
    color: #fff;
}

div#base_container .ec_sub ul.category_menu > li ul.children a::before {
    content: "－ ";
}

div#base_container .ec_sub ul.category_menu > li ul.children a:hover {
    opacity: .5;
}

/* サブメニュー（固定ページなど） */
div#base_container .ec_sub ul.sub_menu {
    margin-bottom: 30px;
}

div#base_container .ec_sub ul.sub_menu li a {
    display: block;
    padding: 5px 0;
    color: inherit;

    text-decoration: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メインエリア　グローバルナビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#h_navi_main_ec {
    /* padding: 15px 40px; */
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 60px;
}

/* メニュー */
div#h_navi_main_ec > ul {
    margin-right: 10px;
}

div#h_navi_main_ec > ul a {
    padding: 5px 18px;
    color: inherit;
    text-decoration: none;
}

div#h_navi_main_ec > ul a:hover {
    opacity: .5;
}

/* サーチ */
#h_navi_main_ec div.search {
    margin-right: 15px;
}

/* [ログイン][カート]各ボタン */
#h_navi_main_ec a.cmn_login {
    margin-right: 1px;
}

#h_navi_main_ec a.cmn_login::before,
#h_navi_main_ec a.cmn_cart::before {
    /* font-size: 22px; */
    display: block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#promo {
    height: 100vh;
    /*---画像原寸高さ---*/
    max-height: 874px;
    /* background: url("../../cyber-ec-child/images/promo01.jpg") no-repeat center/cover; */
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター＋コピーライト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#footer_wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#footer {
    padding: 30px 0;
}