/**
*   body(フォント)
**/
body {
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro',
                 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック',
                 'MS PGothic', sans-serif;
    font-weight: 500;
    overflow-x: hidden; /*ナビゲーションメニューによって画面幅を超えてスクロールできるようになってしまうため*/
}


/**
*   トピック
**/
#news-table{
    margin-bottom: 10px;
}

#news-table tbody{
    height: 250px;
    display: block;
    overflow-y: scroll;
    border-left: solid 1px #b9b9b9;
    border-right: solid 1px #b9b9b9;
}

#news-table th{
    border: solid 1px #b9b9b9;
    color:#FFFFFF;
    background-color: #856a4a;
    text-align: center;
}

#news-table td{
    /*border-left: solid 1px #b9b9b9;
    border-right: solid 1px #b9b9b9;*/
    width: 1007px;
}

#news-table tr:nth-child(even):not(:last-child) td{
    border-bottom: solid 1px #dbdbdb;
}

#news-table {
    border-bottom: solid 1px #b9b9b9;
}


/**
*   おしらせ
**/
#notice-table tbody{
    height: 250px;
    display: block;
    overflow-y: scroll;
    border-left: solid 1px #b9b9b9;
    border-right: solid 1px #b9b9b9;
}

#notice-table th{
    border: solid 1px #b9b9b9;
    color:#FFFFFF;
    background-color: #856a4a;
    text-align: center;
}

#notice-table tr{
    width: 1007px;
}

#notice-table td{
    width: 1007px;
    /*border-left: solid 1px #b9b9b9;
    border-right: solid 1px #b9b9b9;*/
}

#notice-table tr:nth-child(3n):not(:last-child) td{
    border-bottom: solid 1px #dbdbdb;
}

#notice-table {
    border-bottom: solid 1px #b9b9b9;
}

/*@media only screen and (max-width: 639px) {
    #notice-table th{
        width: inherit;
    }
}*/


/**
*   スマートフォンでのお知らせ・トピックのタイトルの表示
**/
@media only screen and (max-width: 639px) {
    .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > thead > tr > th {
        display: table-cell;
        width: 639px;
    }

    #notice-table tr{
        width: inherit;
    }
    
    #notice-table td,
    #news-table td {
        width: inherit;
    }

    #news-table td.col.title {
        margin-bottom: initial;
    }
}


/**
*   リンク(タイトル)
**/
table > tbody > tr > td[style="width: 100%; height: 18px; border-color: #b9b9b9; background-color: #856a4a; border-style: solid; color: white; text-align: center; vertical-align: middle;"] {
    font-weight: bold;
}


/**
*   ナビゲーションメニュー
**/
.navigation .level0.active > .level-top,
.navigation .level0.has-active > .level-top {
    border-color: #e8c800;
    color: #333333;
}

.navigation .level0 .submenu .active > a {
    border-color: #e8c800;
}

/* デスクトップ */
@media (min-width: 768px), print {
    .navigation .level0.parent > .level-top > .ui-menu-icon:after,
    .navigation .level0 .submenu li.parent > a > .ui-menu-icon:after {
        font-size: 23px;
    }

    .navigation .level0 .submenu {
        display: block !important;
	visibility: hidden;
	opacity: 0;
	transition: opacity .3s 0s,
	            visibility .3s 0s,
		    transform .3s 0s;
    }

    .navigation .level0.parent:hover > .submenu,
    .navigation .level1.parent:hover > .submenu {
        opacity: 1;
	visibility: visible;
    }

    .navigation .level0 .submenu a:hover,
    .navigation .level0 .submenu a.ui-state-focus,
    .navigation .level0 .submenu a.ui-state-active {
        background-color: transparent;
	color: #e8c800;
    }
}

/* モバイル */
@media only screen and (max-width: 767px) {
    .navigation .level0,
    .nav-sections .header.links li > a {
        border-top: none;
        margin-bottom: 0.5rem;
    }

    .navigation .level0 .submenu .active > a {
        border-color: #065f15;
    }

    .navigation .level0.active > a:not(.ui-state-active),
    .navigation .level0.has-active > a:not(.ui-state-active) {
        border-color: #065f15;
    }

    .navigation .level0.active .all-category .ui-state-focus {
        border-color: #065f15;
    }

    header+.nav-sections,
    header+.nav-sections .navigation{
    background-color: #ffffff !important;
    }

    .nav-sections-item-title {
        border-bottom: double;
        border-bottom-color: #065f15;
    }

    .nav-sections-item-title a {
        color: #333333;
    }

    .navigation li.level0:last-child,
    .nav-sections .header.links,
    .nav-sections .switcher:last-child {
        border-bottom: none;
    }

    .nav-sections .header.links li.greet.welcome,
    .nav-sections .switcher {
        border-top: none;
    }

    .nav-sections .switcher-dropdown a {
        color: #333333;
    }

    @keyframes show{
        from{
            opacity: 0;
        }
        to{
            opacity: 1;
        }
    }

    .navigation .submenu:not(:first-child),
    .navigation .submenu:not(:first-child) ul,
    .nav-sections .switcher-dropdown {
	animation: show 1s linear 0s;
    }
}


/**
*   ヘッダー
**/
header+.nav-sections,
header+.nav-sections .navigation{
    /*background-color: #ffd484;*/
    background-color: #f7eba2;
}

header>.wrapper{
    background-color: #3b7302;
    color:#ffffff;
}


header>.wrapper a{
    color:#ffffff;
    text-decoration: none;
}

/*header>.wrapper a.switcher-option{
    color: #575757;
}*/

header>.wrapper ul.dropdown a{
    color: #575757;
}

header>.wrapper ul.dropdown a:hover{
    background-color: #eaffd5;
}


/**
*   購買ボタン
**/
.block.newsletter .action.subscribe {
    white-space: nowrap;
}


/**
*   画像切り替えボタン
**/
.fotorama__arr:active,
.fotorama__thumb__arr:active {
    background-color: rgb(213 213 213 / 0%);
}

.fotorama__arr:hover,
.fotorama__thumb__arr:hover {
    background-color: rgb(255 255 255 / 0%);
}

.fotorama__wrap--css3 .fotorama__arr:not(:focus),
.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),
.fotorama__wrap--css3 .fotorama__video-play:not(:focus),
.fotorama__wrap--css3 .fotorama__video-close:not(:focus) {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-top: auto;
    margin-bottom: auto;
}

/**
*   ウィジェット内の商品画像
**/
@media all and (min-width: 1024px), print {
    .block.widget .products-grid .product-item:nth-child(2n + 1) {
        margin-left: calc((100% - 4 * 24.439%) / 3);
    }
 
    .block.widget .products-grid .product-item:nth-child(4n + 1) {
        margin-left: 0;
    }
}
@media (min-width: 768px) and (max-width: 1024px), print {
    .block.widget .products-grid .product-item {
        width: 32%;
    }
    .block.widget .products-grid .product-item:nth-child(2n + 1) {
        margin-left: 2%;
    }
    .block.widget .products-grid .product-item:nth-child(3n + 1) {
        margin-left: 0;
    }
}
@media (max-width: 400px), print {
    .block.widget .products-grid .product-item .action.primary {
        padding: 7px 10px;
    }
}
 
/**
*   カートに入れるボタン
**/
.action.primary,
.action-primary {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    letter-spacing: 0.1em;
    background-color: #e8c800;
    border: 1px solid #f7eba2;
}

.action.primary:hover,
.action-primary:hover,
.action.primary:focus,
.action-primary:focus,
.action.primary:active,
.action-primary:active {
  background: #fdf7cb;
  border: 1px solid #e8c800;
  color: #e8c800;
}

.action.primary[title="購読"]{
    padding: 6.5px 15px;
}

/* デスクトップ */
@media only screen and (min-width: 768px) {
    .action.primary,
    .action-primary {
        line-height: 1.25;
        position: relative;
    }
}


/**
*   比較リストに追加ボタン
**/
.requisition-list-action {
    vertical-align: middle;
}

.product-info-main .action.tocompare,
.product-options-bottom .action.tocompare {
    vertical-align: middle;

}
@media only screen and (max-width: 767px) {
    .compare,
    .product-addto-links .action.tocompare,
    .product-item-actions .actions-secondary > .action.tocompare {
      display: inline-block;
    }
}

/**
 * 商品一覧：サイドバー
 */
.filter-options .filter-options-content {
    max-height: 430px;
    overflow-y: auto;
}
.filter-options .filter-count-label {
    position: inherit;
}
@media only screen and (max-width: 767px) {
    /* スマホでもスクロールバーを表示する */
    .filter-options .filter-options-content::-webkit-scrollbar{ /* スクロールバー全体 */
        width: 5px;
    }
    .filter-options .filter-options-content::-webkit-scrollbar-thumb{ /* スクロールバーのある部分 */
        background: #8b8b8b;
        border-radius: 10px;
    }
}


/**
*   マイアカウント
**/
.block-collapsible-nav .content {
    background-color: #fff8cb;
}

.block-collapsible-nav .item.current a,
.block-collapsible-nav .item.current>strong {
    border-color: #e8c800;
    color: #333333;
}

.block-collapsible-nav .item a:hover {
    background-color: #f7eba2;
}

.block-collapsible-nav .item a,
.block-collapsible-nav .item > strong {
    color: #333333;
}


/**
*   ポップアップボタン
**/
.popup-tree .modal-footer .action-primary {
    color: #ffffff;
    background-color: #e8c800;
    border: 1px solid #f7eba2;
}

.popup-tree .modal-footer .action-primary:focus,
.popup-tree .modal-footer .action-primary:active {
    background: #fdf7cb;
    border: 1px solid #e8c800;
    color: #e8c800;
}

.popup-tree .modal-footer .action-primary:hover {
    background: #fdf7cb;
    border: 1px solid #e8c800;
    color: #e8c800;
}

.modal-popup h1.modal-title {
    border-bottom: none;
}
.modal-footer {
    background-color: inherit;
}


/**
*   検索条件を修正ボタン
**/
.form.search.advanced > .legend {
    background-color: #f7eba2;
    box-shadow: 6px -4px #ffdf15;
}


/**
*   購読メールアドレス入力エラーメッセージ
**/
div.mage-error[generated] {
    font-size: 1.5rem;
    text-shadow: 1px 1px 1px #ffffff,
                 -1px 1px 1px #ffffff,
                 1px -1px 1px #ffffff,
                 -1px -1px 1px #ffffff,
                 1px 0px 1px #ffffff,
                 0px 1px 1px #ffffff,
                 -1px 0px 1px #ffffff,
                 0px -1px 1px #ffffff; /* 文字の周りを縁取る */
}


/**
*   フッター
**/
footer{
    background-color: #856a4a;
    color:#ffffff;
}

.footer.content {
    border-top: none;
}

/*footer li a{
    color: #ffffff;
    text-decoration: none;
}*/

.footer.content .links > li > a {
    color: #ffffff;
    text-decoration: none;
}

footer li a:active{
    color: #ffffff;
    text-decoration: none;
}

.copyright{
    color: #ffffff;
    background-color: #53422e;
    height: 25px;
    text-align: center;

}


/* Image Zoom  */

a img{
    transition: transform .3s; /* Animation */
    animation-timing-function: linear;
}

a img:hover{
    transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/* Fix for Wishlist Buttons */


@media only screen and (min-width: 768px) {
    .action.primary, .action-primary {
        white-space: normal !important;
    }
    /* .action.primary, .action-primary {
        background-color: blueviolet;
    } */
}

/* ----------- iPad ----------- */
/* Portrait and Landscape */

/* Portrait */
@media only screen 
  and (min-width: 768px) 
  and (max-height: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .product-item-details > .product-item-actions {
        margin-left: 0 !important;
        padding: 0 !important;
    }
    .pagebuilder-mobile-hidden {
        display: none !important;
    }
    .action.primary, .action-primary {
        width: 100% !important;
    }
    .product-item-actions > div.actions-primary > button {
        white-space: normal;
    }
}



/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 768px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .product-item-details > .product-item-actions {
        margin-left: 0 !important;
    } 
}

/* ----------- iPad Pro ----------- */

/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .product-item-details > .product-item-actions {
        margin-left: 0 !important;
    } 
    .cms-home .product-item-details {
        margin-bottom: 90px;
    }
    .cms-home .block-content {
        position: relative !important;
    }
    
    .cms-home .product-item-inner {
        position: absolute !important;
        bottom: 0 !important;
    }
    
    .cms-home .actions-secondary {
        display: block !important;
    }    
}

/* Landscape */
@media only screen 
  and (min-width: 1366px) 
  and (max-height: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .product-item-details > .product-item-actions {
        margin-left: 0 !important;
    } 
    .cms-home .product-item-details {
        margin-bottom: 90px;
    }
    .cms-home .block-content {
        position: relative !important;
    }
    
    .cms-home .product-item-inner {
        position: absolute !important;
        bottom: 0 !important;
    }
    
    .cms-home .actions-secondary {
        display: block !important;
    }
}

@media (min-width: 1367px), print{
    .cms-home .product-item-details {
        margin-bottom: 90px;
    }
    .cms-home .block-content {
        position: relative !important;
    }
    
    .cms-home .product-item-inner {
        position: absolute !important;
        bottom: 0 !important;
    }
    
    .cms-home .actions-secondary {
        display: block !important;
    }
    
    #wishlist-sidebar .product-item-details > .product-item-actions {
        margin-left: -90px !important;
    }
    
    .actions-primary.quote_button {
        margin-left: 0;
    }
    
    .products-grid.wishlist .product-item .fieldset .product-item-actions {
        display: block !important;
    }
    
    .products-grid.wishlist .product-item .box-tocart .actions-primary {
        margin: 3px;
    }
    
    .wishlist-index-index .quote_button .action.toquote.primary {
        margin-left: 0;
        margin-top: 0;
        padding: 9px 15px !important;
    }
    
    .product-item-details > .product-item-actions .action.toquote.primary {
        margin-left: 3px;
    }
    
    .quote_button .action.toquote.primary {
        margin-left: 3px;
    }
}