@charset "UTF-8";
/* add style */
#header .bar .cart {
    top: 5px;
}
#header .bar .cart .notif {
    line-height: 19px!important;
}
#header.header_top {
    padding-bottom: 55px!important;
}
@media screen and (max-width: 881px) {
#header.header_top {
    padding-bottom: 0!important;
}
#header .bar .cart .notif .num {
    position: relative;
    top: -2px;
}
}
.login-wrapper .panel-login .reminder a{
    color: #df4363!important;
    text-decoration: underline!important;
}
@media screen and (min-width: 881px) {
.login-wrapper a.button-active {
    color: #ffffff;
}
.login-wrapper a.button-active:hover {
    color: #ffffff;
}
.search-result .list-2 .item .badge {
    z-index: 10;
}
/*header*/
#header .pcommon_nav .m-category:after {
    margin: 4px 10px 0!important;
}
#header .pcommon_nav .m-search .search-holder .search-box {
    margin: 6px 0 0;
}
#header .pcommon_nav .m-search .search-holder .search-box {
    font-size: 11px;
}
.login-wrapper .panel-login a,
.login-wrapper .panel-register a {
    color: #fff!important;
    text-decoration: none!important;
  }
}
/*add_css*/
.pdetail_slider .text .cv a {
    margin-left: 10px;
    background-color: #33ccff;
    width: 224px;
    text-align: center;
    font-size: 22px;
    font-size: 1.38rem;
    color: #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: solid 1px #cccccc;
    display: inline-block;
    padding: 3px 0;
    position: relative;
    top: 4px;
    text-decoration: none;
}
@media screen and (max-width: 1076px) {
.pdetail_slider .text .cv a {
    width: 214px;
}
}
.pdetail_slider .text .cv a:hover {
    text-decoration: none;
}
.end_btn {
    background-color: #4b4b4b;
    width: 224px;
    text-align: center;
    font-size: 0.9rem;
    padding: 12px 0;
    color: #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.car_list {
    width: 100%;
    display: table;
    box-sizing: border-box;
}
.car_list .thumb,
.car_list .list-content {
    display: table-cell;
    vertical-align: top;
}
.car_list .thumb {
    width: 15%;
}
.car_list .list-content {
    width: 85%;
    padding: 0 0 0 5%!important;
}
.car_list .ttl {
    line-height: 1.6;
    font-size: 14px;
}
.car_list .list-inner {
    overflow: hidden;
    margin: 10px 0 0;
}
.car_list .list-inner .quantity {
    float: left;
    line-height: 1;
}
.car_list .list-inner .list-price {
    float: right;
}
.car_list .list-inner .list-price p {
    line-height: 1;
    margin: 0 0 12px;
}

/*詳細メインスライド*/
#tlarge{
    cursor: pointer;
}
.overlay_main{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,0.9);
    z-index:1;
}
.main_close{
    position: absolute;
    right: 14%;
    top: 65px;
    z-index: 2;
    cursor: pointer;
    width: 40px;
    height: 40px;
}
@media screen and (max-width: 881px) {
    .main_close{
        right: 5%;
        top: 70px;
    }
}
.main_close span {
  position: relative;
}
.main_close span:before, .main_close span:after {
  width: 40px;
  height: 2px;
  background: #666;
}
.main_close span:before, .main_close span:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  background: #666;
}
.main_close span:before {
  margin-top: -10px;
}
.main_close span:after {
  margin-top: 8px;
}
.main_close span:before, .main_close span:after {
  margin-top: 0;
}
.main_close span:before {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.main_close span:after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
#gnav .login li:before {
  height: 16px;
  background:url(../img/common/line.png) left top no-repeat;
}
@media screen and (min-width: 881px) {
#header .pcommon_nav .cat:after {
    content: url("../img/common/line.png");
    width: 1px;
    height: 16px;
    margin: 0 14px 1px;
}
.header_top .logo > h1 + .pcommon_nav .cat::after{
    content: url("../img/common/line02.jpg")!important;
}
}

.common-cart input[type="submit"]:disabled{
    opacity: 0.5;
    cursor: default;
}

/*スマホ表示のテーブルレイアウト*/
@media screen and (max-width: 641px) {
table.sp_table colgroup{
    display: none;
}
table.sp_table tr th,
table.sp_table tr td{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
table.sp_table tr td{
    padding: 13px 8px;
}
table.sp_table input.box120,
table.sp_table input.box300{
    width: 100%;
    box-sizing:border-box;
}
/*お問い合わせ入力ページSPレイアウト*/
#contact input[type="text"],
#contact textarea{
    width: 100%;
    box-sizing:border-box;
}
}

/*ログインページSPレイアウト*/
@media screen and (max-width: 641px) {

#container .login_area dl.formlist {
    width: 100%!important;
}
#container .login_area dl.formlist dt {
    width: 100%!important;
    float: none!important;
}
#container .login_area dl.formlist dd {
    float: none!important;
    width: 100%!important;
}
#container .login_area dl.formlist dd p.login_memory {
    font-size: 13px!important;
}
#container .login_area dl.formlist dd input[type="text"],
#container .login_area dl.formlist dd input[type="password"]{
    width: 100%!important;
}
}

/*複数お届け先指定SPレイアウト*/
@media screen and (max-width: 641px) {
body.LC_Page_Shopping_Multiple table colgroup{
    display: none;
}
body.LC_Page_Shopping_Multiple table tr:first-child{
    background-color: #f0f0f0;
    text-align: center;
    padding: 10px 0;
    display: block;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
}
body.LC_Page_Shopping_Multiple table tr th{
    display: inline;
    padding: 0;
    border: none;
    background-color: transparent;
}
body.LC_Page_Shopping_Multiple table tr th:before{
    content: "/";
    margin: 0 10px 0 5px;
}
body.LC_Page_Shopping_Multiple table tr th:first-child:before{
    content: "";
    margin: 0;
}
body.LC_Page_Shopping_Multiple table tr td{
    display: inline-block;
    width: 100%;
    box-sizing:border-box;
}
body.LC_Page_Shopping_Multiple table tr td{
}
}
@media screen and (max-width: 881px) {
    .top_bnr_style{
        margin: 20px 0 0;
    }
}
/*トップバナースマホ時の切替*/
.ptop_recommend .sp_img{
        display: none;
}
@media screen and (max-width: 641px) {
    .ptop_recommend .pc_img{
        display: none;
    }
    .ptop_recommend .sp_img{
        display: block;
    }
}

/*パスワード再発行*/
div#window_area #forgot p{
    text-align: left!important;
}
div#window_area #forgot p input.box300{
    width: 100%
}
div#window_area #forgot p input.box120{
    width: 100%;
}

@media screen and (max-width: 641px) {
/*カート画面*/
#cart table.sp_table2 colgroup{
    display: none;
}
#cart table.sp_table2 th.img,
#cart table.sp_table2 th.price{
    display: none;
}
#cart table.sp_table2 td.img,
#cart table.sp_table2 td.name,
#cart table.sp_table2 td.price{
    display: block;
}
#cart table.sp_table2 td.price:before{
    content: "単価:"
}
/*マイページ購入履歴一覧*/
#mypagecolumn table.sp_table2 th,
#mypagecolumn table.sp_table2 td{
    vertical-align: middle;
    text-align: center;
    height: 55px;
}
#mypagecolumn table.sp_table2 .pay,
#mypagecolumn table.sp_table2 .gokei{
    display: block;
}
#mypagecolumn table.sp_table2 .gokei{

}
/*マイージ購入履歴詳細*/
#mypagecolumn table.sp_table3 colgroup{
    display: none;
}
#mypagecolumn table.sp_table3 th.code,
#mypagecolumn table.sp_table3 th.type{
    display: none;
}
#mypagecolumn table.sp_table3 td.code,
#mypagecolumn table.sp_table3 td.name,
#mypagecolumn table.sp_table3 td.type{
    display: block;
}
div#mycontents_area{
    padding: 20px 3% 50px!important;
}
div#mycontents_area div.mycondition_area {
    width: 100%!important;
    box-sizing:border-box;
}
}



/* mapage add style 20181119 */
/* common */
.u-link:hover {
    text-decoration: none;
}

.u-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.u-color-pink {
    color: #ff0099;
}

.u-color-red {
    color: #ff0033;
}

.u-font-weight {
    font-weight: bold;
}

.btn {
    display: block;
    width: 100%;
    height: 46px;
    max-width: 300px;
    text-decoration: none;
    border-radius: 6px;
    text-align: center;
    font-size: 20px;
    padding: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.btn-blue {
    display: block;
    margin: 0 auto;
    background-color: #33ccff;
    color: #ffffff;
}

button.btn {
    font-size: inherit;
}

button.btn.btn-blue {
    border: solid 1px #33ccff;
}

.btn-blue-next {
    background-image: url(../img/icon/icon_next_white.png);
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size: 7px auto;
}

.btn-gray {
    display: block;
    border: solid 1px #cccccc;
    background-color: #ffffff;
}

.btn-black {
    display: block;
    border: solid 1px #535353;
    background-color: #535353;
    color: #eeeeee;
}

.btn-back {
    background-image: url(../img/icon/icon_back.png);
    background-position: 5% center;
    background-repeat: no-repeat;
    background-size: 7px auto;
}

.btnArea ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btnArea.btnArea-p02 ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 560px;
    margin: 0 auto;
}

.btnArea ul li {
    width: 260px;
    padding: 0 10px;
}

.btnArea.btnArea-p02 ul li {
    margin: 0 auto 20px;
}

.btnArea ul li a {
    font-size: 16px;
}

@media screen and (max-width: 641px) {
    .btnArea ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    }
    .btnArea.btnArea-p02 ul {
        width: 100%;
    }
    .btnArea-p01 ul li:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .btnArea-p01 ul li:nth-child(2) {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .btnArea ul li {
        padding: 0;
        margin: 0 auto 20px;
    }
    .btnArea ul li a {
        width: 100%;
    }
}

.mypage_section {
    margin: 0 0 50px;
}

.mypage_section-last {
    margin: 0 0 50px;
}

@media screen and (max-width: 768px) {
    .mypage_section {
        margin: 0;
    }
}

/* table style */
.tabel_style {
    margin: 30px auto 50px;
}

.tabel_style th,.tabel_style td {
    padding: 15px;
}

.tabel_style select {
    padding: 5px;
    margin: 0;
}

.tabel_style input {
    padding: 7px !important;
}

.tabel_style .attention {
    font-size: 15px;
}

.tabel_style .inpColBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tabel_style .inpColBox p:first-child {
    margin: 0 10px 0 0;
}

.tabel_style .address select,.tabel_style .address .item {
    margin: 0 0 10px;
}

.tabel_style .address .item p {
    margin: 5px 0 0;
}

.tabel_style .mini {
    color: #666666;
}

@media screen and (max-width: 768px) {
    .tabel_style {
        margin: 30px auto;
    }
}

@media screen and (max-width: 641px) {
    .tabel_style th,.tabel_style td {
        padding: 8px;
    }
    .tabel_style .inpColBox {
        display: block;
    }
    .tabel_style .inpColBox p:first-child {
        margin: 0 0 10px;
    }
}

/*mypage_head*/
.mypage_head {
    margin: 0 0 30px;
}

.mypage_head h3 {
    margin: 0 0 40px !important;
}

.mypage_head .lead,.mypage_head .txt {
    text-align: center;
}

.mypage_head .lead br,.mypage_head .txt br {
    display: none;
}

.mypage_head .lead {
    margin: 0 0 15px;
    font-weight: bold;
    font-size: 20px;
}

.mypage_head .btnArea {
    margin: 30px 0 0;
}

.mypage_head_expired {
    width: 450px;
    padding: 20px 0;
    margin: 30px auto;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    text-align: center;
}

.mypage_head_expired p {
    font-size: 20px;
}

@media screen and (max-width: 641px) {
    .mypage_head h3 {
        margin: 0 0 10% !important;
    }
    .mypage_head {
        margin: 0;
    }
    .mypage_head .lead {
        font-size: 18px;
    }
    .mypage_head .lead br,.mypage_head .txt br {
        display: block;
    }
    .mypage_head_expired {
        width: 100%;
    }
}

/*mypage_history*/
.mypage_history_pdc .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mypage_history_pdc .pic {
    width: 250px;
    padding: 20px 0 0 20px;
}

.mypage_history_detail {
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
    padding: 20px 20px 0 5%;
}

.mypage_history_detail .pdc_ttl {
    margin: 0 0 20px;
    font-size: 23px;
}

.mypage_history_detail dl dt {
    font-weight: bold;
}

.mypage_history_state {
    margin: 10px 0;
    padding: 20px 0;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
}

@media screen and (max-width: 600px) {
    .mypage_history_pdc .inner {
        display: block;
    }
    .mypage_history_pdc .pic {
        width: 100%;
        margin: 0 auto 10px;
        padding: 0;
    }
    .mypage_history_detail {
        padding: 0;
    }
    .mypage_history_detail .pdc_ttl {
        margin: 0 0 10px;
        font-size: 23px;
    }
}

.mypage_history_pay {
    margin: 0 auto 80px;
}

.mypage_history_pay .method {
    margin: 15px 0 20px;
    padding: 8px;
}

.mypage_btn {
    text-align: center;
}

.mypage_history .btn {
    margin: 0 auto 10px;
}

.mypage_history_note {
    text-align: center;
    padding: 30px;
    border: solid 1px #ff0033;
}

@media screen and (max-width: 768px) {
    .mypage_history_pay {
        margin: 0 auto 10%;
    }
    .mypage_history_note {
        padding: 5%;
    }
}

/*complete*/
.comp_message {
    padding: 20px 0 0;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

/*選択したお届け先住所を入力*/
.deliv_address_choice .head {
    padding: 20px 0 30px;
}

.deliv_address_choice table {
    margin: 0 auto 50px;
}

.deliv_address_choice table td {
    padding: 15px;
}

.deliv_address_choice .number {
    background-color: #f0f0f0;
}

.deliv_address_choice .name {
    font-weight: bold;
}

.deliv_address_choice .address span {
    display: inline-block;
}

.deliv_address_choice_btn {
    vertical-align: top;
}

.deliv_address_choice_btn p:first-child {
    margin: 0 0 10px;
}

.deliv_address_choice_btn .btn {
    max-width: 100%;
    height: auto;
    font-size: 16px;
    padding: 10px;
    white-space: nowrap;
}

@media screen and (max-width: 768px) {
    .deliv_address_choice table {
        margin: 0 auto 30px;
    }
    .deliv_address_choice .inforamtion p {
        font-size: 14px;
    }
    .deliv_address_choice_btn .btn {
        font-size: 14px;
    }
}

/*お届け日の変更*/
.change_shipping_date .tabel_style .note {
    margin: 10px 0 0;
}

.change_shipping_date_note {
    margin: 30px 0;
    text-align: center;
}

@media screen and (max-width: 641px) {
    .change_shipping_date_note {
        margin: 5% 0;
    }
}

.tabel_style .zipimg{
    margin: 10px 0 0;
}

/*会員情報変更完了画面*/
div.mypage_complete{
    text-align: center;
    margin: 20px 0 0 0;
}
div.mypage_complete p.attn{
    font-weight: bold;
    color:red;
    padding: 30px;

}
div.mypage_complete .link{
    color:#2E2EFE
}

/*
sp時テーブルの崩れを調整
（フォントサイズ調整）
*/
@media screen and (max-width: 641px) {
table.resp_table th,
table.resp_table td{
    padding: 5px;
    font-size:12px;
    line-height: 1.3;
}
table.resp_table td.price{
    white-space: nowrap;
}
}

/*マイページ 購入履歴一覧リンク レスポンシブ出し分け*/
ul.mynavi_list li.is-sp{
    display: none;
}
@media screen and (max-width: 880px) {
    ul.mynavi_list li.is-pc{
        display: none;
    }
    ul.mynavi_list li.is-sp{
        display: block;
    }
}

/*フォームレイアウト崩れandroid対応 20190924*/
@media screen and (max-width: 641px) {
    .form_input_name td input[type="text"]{
        display: block;
    }
}