/** ------- ボディー -------- **/
/* ------- カラー ------- */

body{
    color: #333;
    font-size: 14px;
    line-height: 1.4;
}

a {
    text-decoration: none;
    color: #333;
}
a:hover {
    color: #000;
}

.ttl-h3 {
    color: #333;
    border-bottom: 1px solid #333;
}


.ttl-h3 span{
    color: #333;
}

/** ------- ヘッダー -------- **/
/* ------- 一段目 ------- */
header {
    background: #fff;
    width: 100%;
    padding: 0;
}

header .top-header{
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: stretch;
    align-items: stretch;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
    padding: 0;
}
header .top-header img{
    width: 100%;
}

@media screen and (min-width: 769px){
    .mbo-logo{
        width: 144px;
        line-height: 0;
        font-size: 0;
        box-sizing: border-box;
        padding: 5px 0;
    }

    .mbo-search{
        width: 606px;
        overflow: hidden;
    }

    .mbo-search .mbo-header-search{
        width: 210px;
        float: right;
        margin: 10px;
    }

    .mbo-menu{
        width: 70px;
        box-sizing: border-box;
        padding: 0 10px;
        border-left: 1px solid #ddd;
        line-height: 0;
        font-size: 0;
    }
    dl.search1 dd button span{
        width: 38px;
        height: 30px;
        background: url(../images/mbo-search-icon.png) no-repeat scroll 0 2px;
        background-size: 30px;
    }


}
@media screen and (max-width: 768px){
    .mbo-logo{
        width: 40%;
        box-sizing: border-box;
        padding: 10px;
        border-left: 1px solid #ddd;
        line-height: 0;
        font-size: 0;
    }
    .mbo-menu,
    .mbo-search{
        width: 15%;
        box-sizing: border-box;
        padding: 10px;
        border-left: 1px solid #ddd;
        line-height: 0;
        font-size: 0;
    }
    .mbo-search #search_mini_form{
        display: none;
    }
    .mbo-header-search {
        width: 210px;
    }
    .mbo-search{ order: 1; }
    .mbo-cart{ order: 2; }
    .mbo-logo{ order: 3; }
    .mbo-login{ order: 4; }
    .mbo-menubtn{ order: 5; }

    .drawer-menu {
        background: #fff;
    }
    .menu-close {
        background: url(../images/mbo-menu-close.png) no-repeat, #ddd;
        background-size: 72.5%;
        background-position: center center;
        background-position-x: center;
        background-position-y: center;
    }

}


/* ------- 二段目 ------- */
@media screen and (min-width: 769px){
    .mb-header-menu-list {
        border-top: solid 1px #ddd;
        border-bottom: solid 1px #ddd;
        background: #eee;
        color: #333;
        line-height: 1;
    }
    .mb-sub-menu .child-ttl {
        padding-top: 20px;
    }
    .mb-sub-menu .child-ttl.categoryTtl {
        text-align: center;
        padding-top: 0;
    }
    .mb-sub-menu .child-ttl.categoryTtl a {
        background: #eee;
        display: block;
        padding: 10px 0;
    }
    .mb-sub-menu .child{
        background: #ddd;
        color: #333;
        margin-top: 0;
        top: 44px;
        left: 0;
        padding: 10px 5px 20px;
        display: flex;
        border-right: 1px solid #ddd;
    }
    .mb-sub-menu-list.initial .child {
        display: flex;
        left: initial;
        min-width: initial;
        border-right: none;
    }
    .mb-sub-menu-list.sale .child {
        display: block;
        padding-top: 0px;
        left: initial;
        min-width: initial;
        width: 160px;
    }
    .mb-sub-menu .child li {
        width: 150px;
    }
    .mb-sub-menu .child li {
        margin-right: 10px;
    }
    .mb-sub-menu .child li:last-child {
        margin-right: 0;
    }
    .mb-sub-menu .child a{
        color: #333;
        line-height: 1.2;
    }
    .mb-sub-menu .child a:hover{
        color: #000
    }
    .mb-sub-menu li.mb-sub-menu-list {
        position: static;
    }
    .mb-sub-menu li.mb-sub-menu-list:hover,
    .mb-sub-menu-list a:hover,
    .mb-sub-menu-list p:hover,
    .mb-sub-menu-list-head a:hover,
    .mb-sub-menu li.mb-sub-menu-list:last-child:hover,
    .mb-sub-menu li.mb-sub-menu-list:last-child p:hover,
    .mb-sub-menu li.mb-sub-menu-list:last-child a:hover{
        background: #ddd;
        color: #333;
    }
    .mb-sub-menu li.mb-sub-menu-list:last-child {
        border-right: none;
    }
    .mb-header-menu-list .contents-width{
        position: relative;
    }
    .mb-header-menu-list .sns-icon{
        display: block;
        position: absolute;
        width: 160px;
        height: 44px;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        top: 0;
        right: 0px;
        padding: 10px 0;
        line-height: 0;
        text-align: center;
        box-sizing: border-box;
    }
    .mb-header-menu-list .sns-icon a{
        display: inline-block;
    }
    .mb-header-menu-list .sns-icon img{
        width: 24px;
    }
}


/* ------- 三段目 ------- */
/*ブランドリスト*/
.mbo-brandlist{
    width: 100%;
    border-bottom: 1px solid #ddd;
    height: auto;
    overflow: hidden;
}

.mbo-brand-flex{
    display: -ms-flex;
    display: flex;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}
.mbo-brand-flex .list-logo{
    box-sizing: border-box;
    line-height: 0;
    width: 120px;
}
.mbo-brand-flex .list-logo a {
    display: block;
    text-align: center;
    padding: 10px 0;
}
.mbo-brand-flex .list-logo img{
    height: auto;
    max-width: 95%;
    max-height: 22px;
}

.mbo-comingsoon {
    opacity: 0.2;
    pointer-events: none;
}

#showbrand {
    position: absolute;
    right: 0;
    top: 0;
    width: 240px;
    height: 41px;
    background: #fff;
}

#showbrand a{
    display: block;
    background: #eee;
    line-height: 28px;
    margin: 6px 5px;
    width: 230px;
    text-align: center;
    border-radius: 30px;
    font-size: 12px;
}

#closebrand {
    text-align: center;
    margin: 5px 0;
}

#closebrand a {
    display: inline-block;
    line-height: 28px;
    background: #eee;
    border-radius: 30px;
    width: 320px;
    position: relative;
}

#closebrand span {
    height: 1px;
    width: 6px;
    background: #000;
    position: absolute;
    right: 20px;
    top: 50%;
}

#closebrand span:nth-child(1) {
    transform: rotate(-40deg) translate(-1px, -1px);
}

#closebrand span:nth-child(2) {
    transform: rotate(40deg) translate(2px, -2px);
}

/* ------- ブランドバナー ------- */
.brand-banner{
    width: 100%;
    height: 50px;
    overflow: hidden;
    line-height: 0;
    box-sizing: border-box;
    padding: 8px ;
    border-bottom: 1px solid #ddd;
}

.brand-banner .contents-width{
    padding: 0!important;
}

.brand-banner img{
    height: 34px;
}

.brand-blunt{
    background: #000;
}

.brand-fulton{
    background: #000;
}

.brand-mackintoshphilosophy{
    background: #fff;
}

.brand-tsukisou{
    background: #193053;
}

.brand-lanvincollection{
    background: #000;
}

.brand-lanvinenblue{
    background: #fff;
}

.brand-poloralphlauren{
    background: #002856;
}

.brand-floatus{
    background: #172a88;
}

.brand-daks{
    background: #000;
}
.brand-neisha {
    background: #df8024;
}
.brand-hanway {
    padding: 14px 8px;
}
.brand-hanway img {
    height: 22px;
}
.brand-milaschon {
    padding: 16px 8px;
}
.brand-milaschon img {
    height: 18px;
}
.brand-faviora {
    padding: 16px 8px;
}
.brand-faviora img {
    height: 18px;
}
.brand-estaa .contents-width {
    display: flex;
    align-items: center;
    height: 100%;
}
.brand-estaa img {
    height: 24px;
}
.brand-paulandjoe {
    background: #FCE1D0;
}

.list-logo.milaschon a {
    padding: 16px 0;
}
.list-logo.milaschon a img {
    max-width: 82px;
}
.list-logo.hanway a img {
    max-width: 80%;
    padding: 4px 0;
}
.list-logo.list-logo-faviora a {
    padding: 14px 0;
}
.list-logo.list-logo-faviora a img {
    max-width: 70%;
}
.lunaluceroca a {
    padding: 11px 0;
}
.mbo-brand-flex .lunaluceroca a img {
    max-height: initial;
    padding: 1px 0;
    height: 22px;
}
.mbo-brand-flex .list-logo.neisha a {
    padding: 14px 0 13px;
}

@media screen and (min-width: 769px) {
    .bnr-group.upper {
        width: 960px;
        margin: 0 auto;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
    }


    .bnr-group.upper p {
        width: 32.5%;
    }

}

.bnr-group.upper span.bnr-title {
    overflow: hidden;
    display: block;
    font-weight: bold;
    text-overflow: ellipsis;
}

.bnr-group.upper span.bnr-content {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

/* ------- SPスライドメニュー ------- */

@media screen and (max-width: 768px){
    div.sb-slidebar{
        background: #eee;
    }
    .mbo-side-menu .sp-toggle {
        width: 100%;
        text-align: center;
        padding: 17.5px 0;
        box-sizing: border-box;
        cursor: pointer;
        border-bottom: 1px solid #ddd;
        background: url(../images/mbo-menu-bg.png) no-repeat ;
        background-size: 14px;
        background-position-x: 95%;
        background-position-y: center;
    }


    .mbo-side-menu .sp-toggle-open {
        display: none;
        background: #ddd;
    }
    .mbo-side-menu .sp-toggle-open{
        padding: 0;
    }
    .mbo-side-menu .sp-toggle-open li{
        display: block;
        width: 100%;
        border-bottom: 1px solid #eee;
    }
    .mbo-side-menu .sp-toggle-open li a{
        display: inline-block;
        width: 100%;
        font-size: 14px;
        padding: 16px 0;
        line-height: 1;
        text-align: center;
    }
    .mbo-side-menu .sp-toggle-open li a:hover{
        text-decoration: none;
    }

    .bnr-group.upper{
        margin: 10px 15px;
        box-sizing: border-box;
    }


    .bnr-group.upper p {
        width: 100%;
        margin-bottom: 10px;
    }


}


/** ------- フッター -------- **/

footer {
    padding: 0 0 20px;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    background: #eee;
}

footer a {
    color: #333;
}

footer .footer-brand-list {
    margin-bottom: 20px;
    background: #fff;
    padding-top: 10px;
    border-top: 1px solid #eee;
}
@media (max-width: 768px) {
    footer .footer-brand-list {
        display: none;
    }
}

.footer-notes {
    background: #eee;
}

.footer-sns{
    width: 100%;
    line-height: 0;
    margin: 0 0 10px;
    text-align: center;
    box-sizing: border-box;
}
.footer-sns a{
    display: inline-block;
}
.footer-sns img{
    width: 35px;
}

.footer-icon span{
    color: #333333;
}

footer ul li a{
    color: #333;
}

.footer-menu.pc-display{
    display: none;
}

.brandlist-title {
    display: block;
    background: #eee;
    line-height: 28px;
    margin: 0 auto;
    width: 230px;
    text-align: center;
    border-radius: 30px;
    font-size: 14px;
    letter-spacing: .1em;
    margin-bottom: 10px;
}

@media (max-width: 767px){
    .mb-footer-block{
        width: 100%;

    }
}

/** ------- 商品詳細 ------- **/
/* ------- タブ ------- */
#tab {
    display: table;
    width: 100%;
    /*height: 40px;*/
    margin: 0 auto;
}

#tab li {
    display: table-cell;
    list-style-type: none;
    box-sizing: border-box;
    width: 33.3%;
}

#tab li a {

    display:block;
    width: 99.9%;
    /*height: 34px;*/
    padding: 15px 0;
    font-size: 1.0em;
    text-align:center;
    background: #eee;
    color: #333;
    border-radius: 7px 7px 0 0;
    box-sizing: border-box;
}

#tab li a:hover {
    background-color: #ddd;
    color: #333;
}

#tab li a.selected {
    background: #bbb;
    color: #333;
}

@media (max-width: 767px){
    #tab li {
        margin:0;
        width: 100%;
        display: block;
    }
    #tab li a {
        border-radius: 0;
        clear:both;
    }
}
/* -----------テーブル------------ */
.data-table th,.data-table tbody td, .data-table tfoot td {
    font-family : YuGothic, '游ゴシック', sans-serif;
}

/* ------- コンテンツ ------- */
#content {
    width: 100%;
    margin: 0 auto;
    padding: 30px;
    border: 2px solid #bbb;
    float:none;
    clear: both;
}

section h1 {
    font-family: YuGothic, 游ゴシック, sans-serif;
    font-size: 2.4em;
}

section p {
    /*width: 390px;
    margin: 0 auto;*/
    font-size: 1.2em;
    line-height: 1;
    padding: 5px;
    margin: 0 0 10px;
    border-bottom:1px solid #333;
}

.mb-item-img .bx-controls{
    display : inline-block;
}

.mb-main-slider div:last-child {
    margin-top: 0;
}

.mb-main-slider .bx-wrapper .bx-next {
    right: 10px;
}

.mb-main-slider .bx-wrapper .bx-prev {
    left: 10px;
}

/* ------ CART ---------*/
.is-not-saleable-messsage{
    text-align: center;
    margin: 10px 10px;
    color: red;
}

.input-box select {
    float :left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 3px 50px 3px 10px;
    border: 1px solid #000;
    border-radius: 0;
    background: #fff url(../images/yazirushi_select.png) no-repeat;
    background-position: right center;
    background-size: 24px;
    margin-left: 5px;
}
.product-options dd select{
    width:100%;
}

.last {
    margin-top : 5px;
    padding-right:10px;
}
.last label{
    font-size: 90%;
    color: #646464;
}

/* -------機能アイコン ------- */
.item-function img {
    margin-right : 4px;
    max-width : 50px;
}



/** ------- 商品リスト ------- **/

.mb-page-nav {
    width:100%;
}

/** ------- トップページ --------- **/
.sb-slidebar.sb-active{
    margin-top: 14.5%;
    border: 1px solid #ddd;
}

.sb-slidebar {
    top: 2px;
}

.sb-spacer{
    height: 12%;
}

#search-box{
    color: #fff;
    height: 100%;
    background-color: #000;

}

a#navi-close {
    top:0px;
    left: 230px;
    padding-top: 0px !important;
    background-color: #ccc;
}

#search-box dl.search1.input-box {
    left:20px;
}

.inline-title {
    margin: 10px 0px 10px 10px;
}


/** カート **/
.messages .success-msg li{
    color: #333;
    border-left: 5px solid #b20000;
    background: #eee;
    font-size: 13px;
    line-height: 1.4;
}

.messages .success-msg li:before{
    border-left: 6px solid #b20000;
}



@media (min-width: 769px) {
    div.sd-cart-image{
        width: 60px;
        height: 60px;
    }

    div.sd-cart-image img{
        width: 100%;
        height: auto;
    }
    .sd-cart-total td {
        text-align: right;
        width: 50%;
        font-size: 14px;
        padding: 5px 0;
    }
    div.sd-cart-head div.sd-head-item {
        width: 40%;
    }

    div.order-his-row {
        display: block;
    }

    .order-his-head p, .sd-cart-head div {
        display: table-cell;
        float: none;
    }

    .sd-cart-item, .sd-cart-price, .sd-cart-quantity, .sd-cart-subtotal, .sd-cart-delete {
        width: 15%;
    }

    .sd-cart-item {
        width: 40%;
    }
}

/** 共通部 **/
label.head{
    font-weight: normal;
}

.change-register .newsletter{
    padding-top: .5%;
    color: #646464;
}

.change-register .txt-newsletter{
    color: #646464;
    padding-left: 0%;
}

.contents-width.mb-all-contents{
    margin-bottom: 10px;
}

.mb-main-contents .std p.mb-contents-menu-ttl{
    margin: 0;
    position: relative;
    top: 0;
}


.ttl-h2{
    background-color: #666;
}

.ttl-h3{
    color: #333;
    border-bottom: 1px solid #333;
}

input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text] {
    border: solid 1px #333;
}

.button,
.cart-table .product-cart-actions .button,
#co-shipping-method-form .buttons-set .button,
.footer .button {
    background-color: #666;
}
.cart-table .product-cart-actions .button,
.footer .button {
    width: 100%;
}
.sd-cart-quantity .button{
    width: auto;
}

@media (min-width: 769px){
    .sd-cart-delete a {
        color: #333;
        padding: 7px 15px;
        line-height: 1;
    }
    .sd-cart-delete a:hover {
        color: #fff;
        background: #b20000;
    }
    .change-register .newsletter{
        width: 25%;
    }
    .change-register .txt-newsletter{
        padding-left: 5%;
    }
}


.sd-cart-total td span {
    color: #333;
}

.button:hover,
.cart-table .product-cart-actions .button:hover,
#co-shipping-method-form .buttons-set .button:hover,
.footer .button:hover {
    background-color: #999;
    opacity:0.7;
}
.button2 {
    margin: 5px;
}

.messages .error-msg li:before{
    border-left: 6px solid #df280a;
}
.messages .error-msg li {
    border-left: 5px solid #df280a;
    background-color: #faebe7;
}
@media (min-width: 769px) {
    .sd-login-content span {
        width:100%;
    }
}

.sd-btn-login button.button, .sd-btn-login a {
    background-color: #333;
}

.opc #opc-login .sd-login .sd-heading {
    color: #333;
}

.sd-login .new-users p,.sd-login .registered-users p {
    margin-bottom: 5px;
    line-height:   inherit;
}
@media (min-width: 769px){
    .sd-login-content {
        border: solid 1px #333;
        height: 280px;
    }
}

.sd-login-content .red-btn a {
    background: #333;
}
.sd-login .sd-heading {
    color: #333;
}

.back-link small,.btn1 small{
    display:inline;
}

.mypage-nav li.select, .mypage-nav li.current {
    background: #333;
}

.mypage-nav li {
    border: none;
}

.page-nav li a, .mypage-nav li a, .red-btn a, .sd-edit a {
    color: #333;
}

.sd-edit{
    border: solid 1px #333;
    line-height:1.3em;
}

.page-nav li, .sd-cart-delete p, .red-btn {
    border: none;
}
.page-nav li a:hover, .mypage-nav li a:hover,  .sd-edit a:hover{
    color: #333;
    opacity:0.7;
}
.sd-cart-total tfoot tr:last-child {
    border-top: solid 1px #333;
}

.btn2{
    background:#333;
    color:#fff;
}
.btn2 a{
    color:#fff;
}
.btn2 > span > a:hover{
    background-color:rgba(77,171,130,0.7);
}

/*お知らせページ*/
.mc-news{
    font-family: YuGothic, '游ゴシック', sans-serif;
    font-size:14px;
}
.mc-news h1{
    font-size: 18px;
    padding:5px 10px;
    background-color: #000;
    color: #fff;
    font-family: YuGothic, '游ゴシック', sans-serif;
    margin-bottom: 10px;
}
select.news-backnumber{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 3px 50px 3px 10px;
    border: 1px solid #000;
    border-radius: 0;
    background: #fff url(../images/yazirushi_select.png) no-repeat;
    background-position: right center;
    background-size: 24px;
    margin-left: 5px;
}

.mc-news .news-ttl{
    font-size: 16px;
    padding: 5px 10px;
    margin-bottom: 5px;
    border-left: 5px solid #333;
    box-sizing: border-box;
    color: #000;
}
.news-content{
    margin-bottom: 25px;
}
.news-subttl {
    display: block;
    text-align: right;
    background: none;
    border-radius: 0;
    width: 100%;
    height:0;
    position: relative;
    top:-23px;
    right:0;
}
/*商品詳細colordetail部分修正*/
@media screen and (min-width: 769px){
    #bx-pager a{
        vertical-align: top;
    }
}

/******* pager ********/
@media screen and (max-width: 768px) {
    .mypage-no span {
        color: inherit;
    }
    .sd-go-proce button, .sd-go-proce input {
        width: 100%;
    }
}

.mypage-no span {
    color: #333;
}

/** mypage **/
@media (max-width: 768px) {
    .order-his .order-his-row p.status {
        border-bottom:0px;
    }

    .mb-page-nav{
        margin: 10px auto 10px auto;
    }

    .order-his-block{
        font-size: 13px;
    }
    .fav5 p.red-btn.btn1 {
        width: 90%;
    }

    .fav5 p.red-btn.btn2 {
        width: 90%;
    }

    .sd-fav-item div.fav5 {
        width: 30%;
    }

    .sd-fav-item p.fav4 {
        width: 70%;
    }
    .sd-register .content {
        margin-right: 5%;
    }
    .sd-register .sd-edit {
        width: 24%;
    }
    #checkout-review-table thead > tr > th:first-child {
        display: table-cell;
    }
    #checkout-review-table thead > tr > th {
        display: table-cell;
    }
}

.buttons-set{
    border-top: 0px;
}
p.sd-edit{
    margin-bottom: 10px;
}
.buttons-set .back-link {
    border: solid 1px #666;
}
.buttons-set a:not(.button){
    color: #333;
}

.button, .cart-table .product-cart-actions .button, #co-shipping-method-form .buttons-set .button, .footer .button {
    text-decoration: none;
    color: #fff;
    background: #666;
    line-height: 1;
    padding: 7px 10px;
}

.cart .buttons-set .button:active,
.cart-table .button:active,
.sidebar .actions .button:active,
.button.button-secondary:active {
    background: #333;
    color: #FFFFFF;
}

.button:focus,
.cart-table .product-cart-actions .button:focus,
#co-shipping-method-form .buttons-set .button:focus,
.footer .button:focus {
    background-color: #333;
    outline: none;
    color: #FFFFFF;
}

.button:active,
.cart-table .product-cart-actions .button:active,
#co-shipping-method-form .buttons-set .button:active,
.footer .button:active {
    background: #333;
    color: #FFFFFF;
}
.cart .buttons-set .button:hover,
.cart-table .button:hover,
.sidebar .actions .button:hover,
.button.button-secondary:hover {
    background: #333;
    opacity: 0.7;
    cursor: pointer;
}

@media (min-width: 769px) {
    p.sd-edit.address-edit {
        margin-right: 1%;
    }
    p.sd-edit.address-delete {
        margin-right: 1%;
    }
    .sd-register .content.address-main{
        width: 55%;
    }
    .my-account .buttons-set button.button{
        width: auto;
    }
    button.button.btn-update.button-secondary {
        width: 100%;
    }
}

/** チェックアウト画面 **/
.opc .section.allow .step-title:hover h2, .opc .section.active .step-title h2 {
    color: #333;
}

.opc .section .step-title .number, .opc .section.allow.active .step-title .number, .no-touch .opc .section.allow:hover .step-title .number {
    background-color: #333;
}

.opc .section.allow .step-title .number {
    background-color: #333;
    opacity: 0.7;
}

#checkout-review-table .summary-collapse:before, #shopping-cart-totals-table .summary-collapse:before, body.customer-account .data-table .summary-collapse:before {
    border-top: 7px solid #333;
}

/** 規約確認 **/
div.moonbat-userpolicy{
    font-size: 14px;
    line-height: 30px;
    font-family: YuGothic, 游ゴシック, sans-serif;
    font-style: normal;
    line-height: 1;
    margin:0;
}
div.moonbat-userpolicy h3{
    font-size: 18px;
    padding:5px 10px;
    margin: 30px 0 10px;
    background-color: #333;
    color: #fff;
    font-weight: bold;
    box-sizing: border-box;
}

div.moonbat-userpolicy a{
    display: block;
    width:200px;
    margin:0 auto 30px;
    padding: 20px 0;
    text-align:center;
    font-size: 18px;
    background-color: #333;
    color: #fff;
    font-weight: bold;
}

div.moonbat-userpolicy div.moonbat-textbox{
    margin:30px auto;
    width:90%;
    height: 220px;
    overflow: scroll;
    border: 1px solid #eee;
    box-sizing: border-box;
    padding: 10px;
}

div.moonbat-userpolicy div.moonbat-textbox div {
    margin: 0 0 20px!important;
}

div.moonbat-userpolicy div.moonbat-textbox div h4{
    font-size: 16px!important;
    padding:3px 10px!important;
    margin: 0 0 10px!important;
    border-left: 5px solid #333!important;
    font-weight: bold!important;
    box-sizing: border-box!important;
    font-family: YuGothic, 游ゴシック, sans-serif!important;
}

.moonbat-userpolicy div img{
    width: 100%;
}

@-moz-document url-prefix()
{
    .input-box select { padding: 0px 50px 0px 10px; }

}
.input-box select::-ms-expand {
    display: none;
}
.payment-alert {
    border: 1px solid #333;
    padding: 10px 10px 3px 10px;
    width: 75%;
    font-size: 90%;
}
/*--0323Elly--*/
div#amazon-buttons-wrapper.col2-set{
    display: block;
    width: 174px;
    height: 46px;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
div#amazon-buttons-wrapper.col2-set img{
    width: 174px;
    height: 46px;
}
#amazon-buttons-wrapper .col-1 {
    margin: 0;
    padding: 0;
}
@media (min-width: 769px){
    .registered-users.sd-login-content{
        height: 340px;
    }
    div#amazon-buttons-wrapper.col2-set{
        position: relative;
        top: -160px;
        left: 630px;
    }
    .sd-login-content{
        height: 340px;
    }
}
@media (max-width: 768px){
    div#amazon-buttons-wrapper.col2-set{
        margin:0 auto 50px;
    }
}

.amazon-pay-button-area{
    float : right;
    width: 320px;
    border : 1px solid #BBBBBB;
    padding : 10px;
}
.amazon-pay-button-title{
    color:#333;
    font-weight: bold;
    padding:10px;
}
.amazon-pay-button-desc{
    font-size:80%;
    text-align:center;
}
#AmazonPayButtonMethod{
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 0;
    text-align:center;
}
#AmazonPayButtonMethod img{
    width: 200px;
    height: 45px;
}
@media (min-width: 769px){
    .method-AmazonPayButtonMethod{
        position: relative;
        left:330px;
        top:80px;
    }
    .sd-go-proce {
        margin-bottom: 70px;
    }
}
@media (max-width: 768px){
    .method-AmazonPayButtonMethod div{
        display: block;
        width: 100%;
        margin:10px 0 0 0 ;
    }
    .method-AmazonPayButtonMethod img{
        margin:0 auto;
        display: block;
    }
    .method-AmazonPayButtonMethod{
        margin:0 auto;
        clear: both;
    }
}
.amazon-payment-onepage-checkout{
    margin: 10px;
    text-align: center;
}
.top-menu-selected {
    color: #ffffff;
}

.order-info-box .box-content, .order-info-box .box-title h2{
    font-family: YuGothic, '游ゴシック', sans-serif;
    font-size:15px;
}
h3, .h3{
    font-family: YuGothic, '游ゴシック', sans-serif;
}
.order-info-box + .order-info-box{
    border-bottom: none;
    padding-bottom:0px;
}
#my-orders-table{
    font-size:90%;
    border: 1px solid #BBB;
}


@media (min-width: 769px){
    .sd-login-content {
        float: left;
    }
}

.static-link {
    text-decoration: underline;
}
.static-link:hover {
    color: #333;
}

dl.delivery-select{
    border-top:none;
    margin-top:15px;
}

/* 2016/04/27 design 修正 */
.mb-side-menu ul {
    padding: 0 0 10px 10px;
    overflow: visible;
}
@media screen and (min-width: 769px){
    .cms-index-index .sb-slidebar.sb-active,
    .catalog-product-view .sb-slidebar.sb-active,
    .catalog-category-view .sb-slidebar.sb-active{
        display: none;
    }
}
#checkout-review-table tfoot td.last{
    padding: 10px 10px 10px 0;
}
.change-register .validation-advice{
    float:right;
}

#advice-required-entry-telephone2, #advice-required-entry-telephone3, #advice-required-entry-zip2{
    display:none;
}

/***** ranking ******/
.ranking{
    border: solid 1px green;
    border-radius: 6px;
    padding: 15px;
    min-height:210px;
    margin-top:10px;
}

.ranking-img{
    padding : 30px;
    float:left;
}
.ranking-img img
{
    width: 110px;
}
.ranking-detail .desc{
    font-size:90%;
    padding: 10px;
    margin-top:20px;
}
.price-line {
    margin:10px;
}
.ranking-detail .price{
    font-size:110%;
    font-weight:bold;
}
.ranking-detail .button a{
    color: white;
}

/****** top side *******/
.mb-side-menu .function-list li{
    display:inline-block;
}

.mb-side-menu .price-range a{
    text-decoration: underline;

}


.col-left{
    width:23%;
}

#dt_method_banktransfer{
    display: none;
}


/******** onepge / checkout *******/
#checkout-step-review .payment-alert{
    margin: 10px 0px 10px 0px;
    line-height:1.3;
    padding:10px 11px 10px 10px;
}
#checkout-amazon-payments .payment-alert{
    margin-top: 10px;
    line-height:1.1;
    padding:10px 11px 10px 10px;
    width:100%;
    font-size:80%;
}
#checkout-amazon-payments .payment-alert li{
    padding-top:10px;
}
#checkout-amazon-payments .payment-alert .alert-attention{
    font-weight:bold;
    color: red;
}
/* AmazonPaymentの画面 */
#OffAmazonPaymentsWidgets0IFrame,
#OffAmazonPaymentsWidgets1IFrame {
    z-index: initial!important;
}

/******  facet search *******/
.btn-remove,
.btn-previous {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #ededed;
    text-align: center;
    /* Hide text */
    font: 0/0 a!important;
    text-shadow: none;
    color: transparent!important;
    position: relative;
}

.btn-remove:after {
    content: '\002715';
    color: #666666;
    height: 20px;
    line-height: 20px;
    width: 100%;
    font-size: 10px;
    font-family: Arial, YuGothic, 游ゴシック, sans-serif;
    font-weight: bold;
}

#solr_search_facets dt {
    padding: 7px 10px 5px 20px;
}

#solr_search_facets li{
    color: #333;
    font-size: 14px;
}

#solr_search_facets li:hover{
    color: #666;
}

#solr_search_facets li a,
#solr_search_facets dl li a{
    color: #333;
    font-size: 14px;
}

#solr_search_facets li a.active,
#solr_search_facets dl li a:hover{
    color: #000;
    text-decoration: none;
    font-size: 14px;
}

.solrbridge-slider-price-desc{
    font-size:80%;
    margin-bottom:15px;
}
.solrbridge-slider-price-form{
    text-align:center;
}
.solrbridge-slider-price-form-btn{
    width:100px;
}

#solrbridge-price-btn{
    width:25%;
}
#solrbridge-price-btn span{
    padding:0;
}
.currently{
    font-size:14px;
}
.actions {
    font-size: 14px;
}
.block .actions a{
    text-decoration:underline;
    float:right;
}

#narrow-by-list{
    font-size:13px;
    border-top-width: 1px;
}

.midashi{
    font-family: "Century Gothic", CenturyGothic, futura, AppleGothic, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
}
.cms-page-view .std p.recommend-ttl {
    font-style: normal;
}
.mb-category-item{
    display: none;
}

.contents-banner{
    max-width: 725px;
    width: 100%;
}

/*-- Special Price --*/
.mb-item-desc,
.mb-item-desc p span,
.bx-wrapper .slide {
    font-weight: bold;
}

.mb-item-desc .special-price .price {
    font-size: 18px;
}

.old-price {
    text-decoration: line-through;
    font-size: 11px;
}

.bx-wrapper .old-price {
    margin-bottom: 0px;
}

.special-price {
    display: inline;
}

.cms-page-view .special-price .price,
.mb-item-desc .special-price .price,
.page .special-price .price {
    font-size: 18px;
    color: #f00;
}

.mb-item-price {
    float: left;
    margin-right: 15px;
}

/*-- Coupon UI --*/
#discount-coupon-form .discount-form label[for="coupon_code"] {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
}

#discount-coupon-form {
    -webkit-appearance: none;
}

#discount-coupon-form .field-wrapper {
    width: 100%;
    display: flex;
}

#discount-coupon-form .input-text {
    margin: 0;
    width: 60%;
    height: 100%;
    padding: 8px 10px 7px;
    display: block;
    box-sizing: border-box;
    border-color: #ddd;
}

#discount-coupon-form .button-wrapper {
    width: 35%;
    height: 100%;
    margin-left: 5%;
    float: right;
    background: #636363;
}

.button-wrapper .button2 {
    width: 100%;
}

.button-wrapper .button2 span span {
    color: #fff;
    text-decoration: none;
}

.cart .button2 {
    padding: 0;
    margin: 5px 0;
}

.cart .discount-form {
    width: 35%;
    float: right;
    border: 3px solid #bbb;
    box-sizing: border-box;
    padding: 20px;
}

.cart .btn-continue{
    margin: 20px 0 0 0;
    width: 320px;
    padding: 0;
}

.cart .method-checkout-cart-methods-onepage-bottom {
    clear: both;
    float: right;
    width: 35%;
    margin-top: 10px;
}

.cart .head-block {
    margin-top: 10px;
}

.amazon-pay-button-area {
    padding: 10px 20px 20px;
    margin: 20px 0;
}

#AmazonPayButtonMethod {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;

}

.amazon-pay-button-area p {
    text-align: left;
    padding: 0 220px 0 10px;
}

.discount .warn {
    font-size: 14px;
    margin-left: 5px;
}

input#coupon_code:focus {
    outline: none;
}

@media screen and (min-width: 769px) {
    .cart .sd-cart-total.sd-container {
        width: 35%;
        margin-top: 10px;
    }

    .sd-cart-delete a {
        background: #eee;
        width: 50px;
    }

    .cart div.sd-cart-head {
        box-sizing: border-box;
    }

    .sd-cart div {
        box-sizing: border-box;
    }

    .cart .amazon-pay-button-area {
        width: 100%;
        clear: both;
        position: relative;
    }

    .cart .method-AmazonPayButtonMethod {
        position: static;
    }
    .sd-container {
        width: 960px;
        margin: 0 auto;
    }
    .sd-cart-item {
        width: 39.9%;
    }
}

@media screen and (max-width: 768px) {
    .sd-container {
        width: 96%;
    }

    .cart .btn-continue {
        width: 100%;
    }

    .cart .discount-form {
        width: 100%;
        float: none;
        border: 5px solid #ddd;
    }

    .cart .method-checkout-cart-methods-onepage-bottom {
        width: 100%;
    }

    .cart .head-block {
        width: 96%;
        margin: 0 auto 10px;
    }

    .sd-cart-total table {
        width: 96%;
        margin: 0 auto;
    }

    .amazon-pay-button-area .amazon-pay-button-title {
        padding: 10px;
        margin: 0;
        text-align: center;
    }

    .amazon-pay-button-area p {
        padding: 0;
    }

    #AmazonPayButtonMethod {
        margin-top: 10px;
        position: static;
        transform: translateY(1px);
    }

    /* footer .left {
        border-left: none;
    } */
}

.cms-page-view .std p {
    font-style: normal;
}

/*-- tags --*/

/* tagswrap */
.tagswrap,
.bx-wrapper .item-slider .slide .tagswrap,
.catalogsearch-result-index .tagswrap{
    display: flex;
    flex-wrap: wrap;
}
.tagswrap {
    width: 340px;
}
.bx-wrapper .item-slider .slide .tagswrap,
.catalogsearch-result-index .tagswrap,
.mb-item-list .tagswrap {
    width: 170px;
    margin: 5px 0;
}

/* tags */
.tags,
.bx-wrapper .item-slider .slide .tags,
.catalogsearch-result-index .tags {
    display: inline-block;
    border: none;
}
.tagswrap .tags {
    width: 24%;
    height: 100%;
    border: none;
    margin-right: 1%;
    margin-bottom: 3px;
}
.bx-wrapper .item-slider .slide .tags,
.catalogsearch-result-index .tags {
    width: 24%;
    height: 100%;
    margin-right: 1%;
}

/* last-child */
.bx-wrapper .item-slider .slide .tags:last-child,
.tagswrap .tags:last-child,
.catalogsearch-result-index .tags:last-child {
    margin-right: 0;
}

/* hover */
.tags:hover,
.bx-wrapper .item-slider .slide .tags:hover,
.catalogsearch-result-index .tags:hover {
    opacity: 1;
}

@media screen and (max-width: 768px) {
    .tagswrap,
    .bx-wrapper .item-slider .slide .tagswrap,
    .catalogsearch-result-index .tagswrap {
        width: 100%;
    }
    .tags,
    .bx-wrapper .item-slider .slide .tags,
    .catalogsearch-result-index .tags {
        width: 24%;
        margin-right: 1%;
    }
}

.item-slider p {
    margin-top: 0;
}

.input-text:focus {
    border: none;
}

.mb-item-price + p {
    clear: both;
}

span.is-not-saleable-messsage{
    font-weight: bold;
}

.breadcrumbs li{
    text-transform: none;
}


/* SP追加ヘッダー */
@media screen and (max-width: 768px) {
    #mb-all-contents {
        margin-top: 32.4%;
    }

    .second-header {
        position: relative;
    }

    .second-header a:hover {
        text-decoration: none;
    }

    .second-headerList {
        display: flex;
    }

    .second-headerList li {
        text-align: center;
        width: 20%;
    }

    .second-headerList li a {
        color: #000;
        background: #eee;
        display: block;
        border: 1px solid #fff;
        border-bottom: 2px solid #fff;
        padding: 5px 0;
    }

    .second-headerList li:last-child a {
        border-right: 1px solid #fff;
    }

    .second-headerList li a img {
        width: 85%;
    }

    .second-headerChild {
        width: 100vw;
        position: absolute;
        overflow: auto;
        left: 0;
        display: none;
    }

    .second-headerChild li {
        width: inherit;
        text-align: left;
    }

    .second-headerChild li:first-child a {
        border-top-width: 0px;
    }

    .second-headerChild li a {
        padding: 10px 15px;
        border: 1px solid #fff;
    }

    .second-headerChildMenubtn {
        position: relative;
    }

    .second-headerList .sp-display .second-headerChild li .second-headerChildMenubtn img {
        width: 5%;
        max-width: 15px;
        margin-right: 5px;
    }

    .circleAllow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
        background: #999;
        border-radius: 50%;
        width: 24px;
        height: 24px;
    }

    .circleAllow span {
        width: 10px;
        height: 4px;
        background: #eee;
        display: block;
    }

    .circleAllow span:nth-child(1) {
        transform: rotate(42deg) translate(11px, 6px);
        border-bottom-left-radius: 10px;
        border-top-left-radius: 10px;
    }

    .circleAllow span:nth-child(2) {
        transform: rotate(-40deg) translate(2px, 12px);
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px;
    }

    .second-headerGrandson {
        display: none;
        border: 1px solid #fff;
    }

    .second-headerGrandson li a {
        padding: 7px 30px;
        border: none;
    }

    .second-headerGrandson li:first-child a {
        padding-top: 15px;
    }

    .second-headerGrandson li:last-child a {
        padding-bottom: 15px;
    }

    .second-headerGrandson li a::before {
        content: "∟";
    }

    .second-headerMenubtn, .second-headerChildMenubtn, .second-headerChildMenubtn .circleAllow {
        transition: .3s;
    }

    .second-headerMenubtn.unactive {
        background: #ccc;
    }

    .second-headerChild.overlap {
        z-index: 1;
    }

    .second-headerChildMenubtn.active {
        background: #ccc;
    }

    .second-headerChildMenubtn.active .circleAllow {
        transform: rotate(180deg) translateY(50%);
    }

    header .top-header .spmenu-faq img {
        width: 92%;
    }

    .spmenu-home img{
        transform: translateY(-2px);
    }
}

dl.search1 dt input {
    padding: 0px 33px 0 15px;
    transform: translateX(-8px);
    border-radius: 30px;
}

.input-text:focus {
    border: none;
}

.amazondetail, .amazondetail:hover {
    text-decoration: underline;
    opacity: 1;
    font-weight: bold;
}

/* mailattention */
.mailattention a {
    color: red;
    font-weight: bold;
    text-decoration: underline;
}

.mb-main-slider .mb-main-contents .breadcrumbs a {
    line-height: 1.5;
}