@charset "utf-8";
/* 追加css */
@charset "utf-8";
html {
    overflow-y: scroll;
    margin: 0;
    padding: 0;
    border: 0;
}
body {
    color: #666;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    background-color: #fff;
    font-size: 72.5%;
    line-height: 150%;
    letter-spacing: 0.1em;
    margin: 0;
    padding: 0;
    border: 0;
}
.announce_wrap {
    width: 680px;
    margin: 40px auto;
    text-align: center;
    padding: 0 10px;
    box-sizing: border-box;
}
@media (max-width:480px) {
    .announce_wrap {
        width: 100%;
    }
}
.announce {
    border: 1px solid #cccccc;
    padding: 16px;
    margin: 10px
}

/************************************************
 共通設定
************************************************ */
html {
    overflow-y: scroll;
}
body {
    color: #666;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    background-color: #fff;
    font-size: 72.5%;
    line-height: 150%;
    letter-spacing: 0.1em;
}

/*写真 */
img.picture {
    /*border: 1px solid #ccc;*/
}
.dis_none{
    display: none;
}
@media (min-width:480px) {
    .dis_none_pc{
        display: none !important;
    }
}
@media (max-width:480px) {
    .dis_none_sm{
        display: none !important;
    }
}

/* ==============================================
フレーム
=============================================== */
/* 全体を包括 */
.frame_outer {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    overflow: hidden;
}

/*  コンテンツ */
#container {
    margin:  20px auto 0 auto;
    padding: 0 0 30px;
    width: 980px;
    background: #fff;
    text-align: left;
    position: relative;
}
@media (max-width:480px) {
    #container {
        width: 100%;
        margin: 0 auto;
    }
}

/* ==============================================
 カラム指定
=============================================== */

/* メイン部
----------------------------------------------- */
#main_column {
        padding: 0;
}
@media (max-width:480px) {
    #main_column {
        padding: 0;
    }
}
/*1カラム時*/
#main_column.colnum1 {
    margin: 0 auto;
    width: 100%;
}

/* 2カラム時 (共通)*/
#main_column.colnum2 {
    width: 100%;
}

/* 2カラム時 (メイン部が左) */
#main_column.colnum2.left {
    padding-left: 1.5%;
    float: left;
}

/* 2カラム時 (メイン部が右) */
#main_column.colnum2.right {
    /*padding-right: 1.5%;*/
    /*float: right;*/
}

/* 3カラム時 */
#main_column.colnum3 {
    padding-left: 0.5%;
    width: 59%;
    float: left;
}

/* サイドカラム
----------------------------------------------- */
.side_column {
    padding: 10px 0 0;
}
#leftcolumn {
    float: left;
    width: 20%;
}
#rightcolumn {
    float: right;
    width: 20%;
}

/* 他
----------------------------------------------- */
/* ヘッダーとフッターの上下 */
#topcolumn,
#bottomcolumn,
#footerbottomcolumn {
    margin: 0px;
    background: #fff;
    text-align: left;
    clear: both;
}

/* 下層コンテンツ */
#undercolumn {
    width: 100%;
    margin: 0 0 30px 0;
    position: relative;
}


/* ==============================================
 ユーティリティ
=============================================== */
/* フロート回り込み解除
----------------------------------------------- */
.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}
.clearfix {
    display: block; /* for IE8 */
}
.clear {
    clear: both;
}

/*リンク指定
----------------------------------------------- */
a:link,
a:visited {
    color: #39c;
    text-decoration: none;
}
a:link:hover,
a[href]:hover {
    color: #f60;
    text-decoration: underline;
}


/* フォント
----------------------------------------------- */
h1,
h2,
h3,
h4,
h5 {
    font-size: 100%;
    line-height: 150%;
}
.sale_price {
    color: #f00;
}
.normal_price {
    font-size: 90%;
}
.point {
    color: #f00;
    font-weight: bold;
}
.user_name {
    font-weight: bold;
}
.recommend_level {
    color: #ecbd00;
}

.attention {
    color: #f00;
}
.attentionSt {
    color: #f00;
    font-weight: bold;
}
.st {
    font-weight: bold;
}
.mini {
    font-size: 90%;
}


/* 行揃え
----------------------------------------------- */
.alignC {
    text-align: center;
}
.alignR {
    text-align: right;
}
.alignL {
    text-align: left;
}
.pricetd em {
    font-weight: bold;
}
.verticalT {
    vertical-align: top;
}
.verticalM {
    vertical-align: middle;
}
.verticalB {
    vertical-align: bottom;
}
.pricetd em {
    font-weight: bold;
}

/* フォーム
----------------------------------------------- */
select {
    border: solid 1px #ccc;
}
input[type='text'],
input[type='password'] {
    border: solid 1px #ccc;
    padding: 2px;
}

.box40 {
    width: 40px;
}
.box60 {
    width: 60px;
}
.box100 {
    width: 100px;
}
.box120 {
    width: 120px;
}
.box140 {
    width: 140px;
}
.box145 {
    width: 145px;
}
.box150 {
    width: 150px;
}
.box240 {
    width: 240px;
}
.box300 {
    width: 300px;
}
.box320 {
    width: 320px;
}
.box350 {
    width: 350px;
}
.box380 {
    width: 380px;
}

/* フォームが縦に重なり合う場合に併用する余白 */
.top { /* FIXME 簡素な単語は、単独で、込み入った指定に使用しない*/
    margin-bottom: 5px;
}


/* タイトル
----------------------------------------------- */
/*
h1.title {
    margin-bottom: 10px;
    padding: 8px;
    border-top: solid 1px #ebeced;
    color: #f60;
    background: url("../img/background/bg_tit_sub_01.jpg") repeat-x left bottom;
    background-color: #fef3d8;
    font-size: 170%;
}
*/
h1.title {
    padding: 8px 0;
    border-bottom: solid 1px #ebeced;
    font-size: 30px;
    margin-bottom: 10px;
}
h2.title {
    padding: 8px 0;
    border-bottom: solid 1px #ebeced;
    font-size: 30px;
    margin-bottom: 10px;
    margin-top: 40px;
}
@media (max-width:480px) {
    h1.title, h2.title {
        padding: 0 5px;
        font-size: 20px;
    }
    h1.title {
        margin-top: 20px;
    }
}
#undercolumn_shopping{
    padding: 0 5px;
}
#main_column .sub_area h3,
#undercolumn_login .login_area h3,
#undercolumn_shopping h3,
#mypagecolumn h3,
#undercolumn_cart h3 {
    margin: 0 0 10px 0;
    padding: 5px 0 10px;
    color: #f60;
    background: url("../img/background/line_01.gif") repeat-x left bottom;
    font-size: 120%;
}

div#undercolumn_login .login_area h4 {
    padding-left: 15px;
    background: url("../img/icon/ico_arrow_05.gif") no-repeat left;
}


/* ==============================================
 ヘッダー
=============================================== */
/* レイアウト
----------------------------------------------- */
#header_wrap {
    border-top: solid 3px #f90;
    min-height: 82px;
    background: url("../img/common/bg_header.gif") repeat-x bottom #fffaf0;
}
#header {
    margin: auto;
    width: 980px;
}
@media (max-width:480px) {
    #header {
        width: 100%;
    }
}
#header_utility {
    float: right;
    width: 580px;
}
#errorHeader {
    color: #F00;
    font-weight: bold;
    font-size: 12px;
    background-color: #FEB;
    text-align: center;
    padding: 5px;
}


/* ロゴ
----------------------------------------------- */
#logo_area {
    padding-left: 10px;
    float: left;
    width: 390px;
    text-align: left;
}
#site_description {
    font-size: 90%;
}


/*  ヘッダーナビ
----------------------------------------------- */
div#header_navi {
    float: right;
    width: 409px;
    height: 38px;
}
div#header_navi ul li {
    display: block;
    float: left;
}
div#header_navi ul li.mypage,
div#header_navi ul li.entry {
    margin-top: 6px;
}


/* ==============================================
 フッター
=============================================== */
#footer_wrap {
    margin: 0 auto;
    width: 100%;
    /*height: 540px;*/
    background: #fcfcfc;
    border-top: solid 1px #ccc;
}
@media (max-width:480px) {
    #footer_wrap {
        text-align: left;
        padding: 10px;
        box-sizing: border-box;
    }
}
#footer {
    margin: auto;
    padding: 10px 0;
    width: 950px;
   text-align: left;
}
@media (max-width:480px) {
    #footer {
        width: 100%;
    }
}
#pagetop {
    width: 210px;
    float: right;
    text-align: right;
}
#copyright {
    width: 740px;
    text-align: left;
    font-size: 97%;
}
@media (max-width:480px) {
    #copyright {
        width: 100%;
    }
}


/* ==============================================
 パーツ
=============================================== */
/* ボタン
----------------------------------------------- */
.btn_area {
    margin-top: 20px;
    width: 100%;
    text-align: right;
}
.btn_area .return-btn{
    font-size: 16px;
    margin-right: 26px;
    border: 2px solid #ccc;
    padding: 10px;
    border-radius: 3px;
    background: #e3e6e8;
    color: #8e8e8e;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 3px #83878a;
    text-decoration: none !important;
    font-weight: bold;
}
.btn_area .return-btn:hover{
    background: #f8f8f9;
    color: #ccc !important;
}
.btn_area .confirm-btn{
    background: 14px 7px no-repeat #3cc464;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border: 2px solid #3cc464;
    border-radius: 3px;
    padding: 6px 36px;
    -webkit-box-shadow: 0 3px #2b8c49;
    -moz-box-shadow: 0 3px #2b8c49;
    box-shadow: 0 3px #2b8c49;
    cursor: pointer;
}
.btn_area .confirm-btn .arrow{
    transform: rotate(-93deg);
    display: inline-block;
}
.btn_area .confirm-btn:hover{
    background: #fff;
    color: #3cc464;
    transition-duration: 0.3s;
}
.btn_area li {
    padding-right: 10px;
    display: inline;
}


/* 完了メッセージ
----------------------------------------------- */
div#complete_area {
    margin-bottom: 20px;
}
div#complete_area .message,
div#undercolumn_entry .message {
    margin-bottom: 20px;
    line-height: 150%;
    font-weight: bold;
    font-size: 120%;
}
div#complete_area .shop_information {
    margin-top: 40px;
    padding: 20px 0 0 0;
    border-top: solid 1px #ccc;
}
div#complete_area .shop_information .name {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 140%;
}

/* パンクズ */
.breadcrumbs{
    position: absolute;
    top: -13px;
    left: 0px;
}
@media (max-width:480px) {
    .breadcrumbs{
        position: initial;
        margin-top: 5px !important;
        padding: 0 5px;

    }
}

/*テーブル*/
.table-2{
    margin-top: 20px;
}
.table-2 .colum-1{
    display: inline-block;
    width: 40%;
    padding: 11px 5px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    height: 55px;
}
.table-2 .colum-2{
    display: inline-block;
    width: 60%;
    vertical-align: top;
    padding: 11px 5px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    height: 55px;
    margin-left: -6px;
}
.table-2 .bk-navy{
    background: #45506f;
    color: #fff;
}

/*静的ページ*/
.static-sectiopn{
    margin: 40px 0;
}
@media (max-width:480px) {
    .static-sectiopn{
        padding: 0 5px;
    }
}
.static-sectiopn ul li{
    margin:5px 0;
}
.static-sectiopn .h2-main{
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 40px;
}
.section-label{
    color: #187ecc;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 2px solid;
    margin-bottom: 5px;
}
.static-sectiopn p{
    font-size: 16px;
}
        .disc_ul, .num_ul{
            padding-left: 20px;
        }
        .disc_ul li{
            list-style: disc;
            margin: 5px 0;
        }
        .num_ul li{
            list-style: decimal;
            margin: 5px 0;
        }
        .maeker_gray{
            background: #e2e2e2;
            padding: 5px;
        }
        .privacy_section h3{
            font-size: 16px;
            margin-bottom: 10px;
            margin-top: 40px;
        }
        .privacy_section p{
            font-size: 14px;
            margin: 10px 0;
        }
        .privacy_section h2{
            font-size: 20px;
            border-bottom: 1px solid #ccc;
            margin-top: 60px;
            margin-bottom: 10px;
        }
        .privacy_section .signature{
            font-weight: bold;
            margin-bottom: 30px
        }
        .privacy_section .box_green{
            background-color: #E6FFD3;
            padding: 10px;
        }
        .privacy_section .box_blue{
            background-color: #C9EEFE;
            padding: 10px;
        }
        .privacy_section .box_border{
            border: 1px solid #ccc;
            padding: 10px;
        }
        .bold{
            font-weight: bold;
        }
        .col-2{
            display: inline-block;
            width: 49%;
            box-sizing: border-box;
        }

/* iFrame用css*/
.iframe{
    margin-top: -225px;
    height: 2000px;
    left: -420px;
    width:123%;
    margin-left: -250px;
}
@media (max-width:480px) {
    .iframe{
        margin-top: -117px;
        width:100%;
        margin-left: 0px;
    }
}

/*商品2カラム一覧表示*/
.shipping{
    text-align: right;
    margin-top: 20px;
}
.choice-main-product{
    display: inline-block;
    width: 48%;
    letter-spacing: normal;
    margin-top: 10px;
}
choice-main-product:nth-child(odd){
    margin-right: 10px;
}
.cart_area{
   text-align: right;
}
 .cartin_btn{
    display: inline-block;
    vertical-align: middle;
}
.pagenumber_area{
    background: none !important;
    margin: 0 !important;
    vertical-align: top !important;
}
.page-navi-top{
    vertical-align: top;
    display: inline-block;
    width: 69%;
    margin-bottom: 10px;
}
@media (max-width:480px) {
.change{
    background: #e8f1ff;
    border: 1px solid #ccc;
    padding: 10px 5px;
    box-sizing: border-box;
    margin-left: -5px;
    border-width: 1px 0;
}
}
.product-count{
    display: inline-block;
    width: 30%;
    text-align: right
}
.product-number, .product-sort-button{
    padding: 5px;
    font-size: 14px;
    border-radius: 3px;
    color: #66667f;
    box-shadow: 0px 1px 4px 0px rgba(195, 195, 195, 0.4);
    border: 1px solid #ccc;
    cursor: pointer;
    background: #fff;
}
@media (max-width:480px) {
    .product-count, .page-navi-top{
        padding: 0 5px;
        width: 100%;
        display: block;
        text-align: left;
        margin-bottom: 10px;
    }
}
#recommend{
    letter-spacing: -.4px;
}
#recommend_area h2{
    width: 48%;
    display: inline-block;
    letter-spacing: normal;
    background: #e2d740;
    vertical-align: top;
    height: 205px;
    font-size: 50px;
}
.product-list{
    letter-spacing: normal;
}
.main-product{
    height: auto;
    border: 1px solid #ccc;
    overflow: hidden;
    border-width: 0 0 1px 0;
}
.main-product:hover{
    opacity: 0.9;
}
.main-product img{
    display: inline-block;
    vertical-align: middle;

}
.main-product .desc{
    vertical-align: middle;
    padding: 20px;
    display: inline-block;
    width: 81%;
}
@media (max-width:480px) {
    .main-product .desc{
        width: 53%;
        padding: 5px;
    }
}
.main-product .desc h3{
    font-size: 16px;
    margin-bottom: 10px;
}
@media (max-width:480px) {
    .main-product .desc h3{
        font-size: 14px;
    }
}
.main-product .desc .price-warap{
    margin-bottom: 10px;
}
.main-product .desc .price-warap .label{
    font-weight: bold
}
.main-product .desc .price-warap .price{
    font-size: 13px;
    color:red;
    font-weight: normal;
}
.main-product .desc .price-warap .price .price_num{
    font-size: 18px;
}
@media (max-width:480px) {
    .main-product .desc .price-warap .price{
        font-size: 15px;
         font-weight: normal;
    }
}
.main-product .desc .price-warap .price .currency{
    font-size: 12px;
    color:red;
    font-weight: normal;
}
.green-button-01-warap{
    text-align: right
}
.green-button-01{
    background: #ff7171;
    color: #fff;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 3px;
    letter-spacing: 2px;
    margin-top: 10px;
}
.spec-pict div{
    margin: 10px 5px 0 0;
}
.spec-pict .win10{
    width: 56px;
    height: 30px;
    display: inline-block;
    background: #084496!important;
    background: -webkit-gradient(linear,left top,left bottom,from(#084496),to(#379ccd))!important;
    background: linear-gradient(to bottom,#084496 0,#379ccd 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084496', endColorstr='#379ccd', GradientType=0 )!important;
    color: #fff;
    text-align: center;
    padding: 5px;
}
.spec-pict div:last-child{
    margin: 0;
}
.quantity{
    display: inline-block;
}
@media (min-width:480px) {
    .quantity{
        margin: 25px 20px 0 0;
    }
}
.quantity input{
    width: 50px;
}
.cart_area{
    margin-top: 10px;
}
.cartin_btm{
    display: inline-block;
    vertical-align: middle;
}
.product_form{

}
.product_form:nth-child(odd){
    margin-right: 7px;
}
/*商品詳細*/
  #form1{
    margin-top: 50px;
  }
  @media (max-width:480px) {
      #form1{
          margin-top: 0;
      }
  }
  .status-icon{
    color: #fff;
    padding: 3px 10px;
    display: inline-block;
    border-radius: 4px;
    font-weight: bold;
    vertical-align: middle;
  }
  .status-icon-1{
    background: rgb(255, 166, 52);
  }
  .status-icon-2{
    background: #f35b5b;
  }
  .status-icon-4{
    background: #676588;
  }
  .status-icon-5{
    background: rgb(51, 190, 245);
  }
  .status-icon-6{
    background: #89bd10;
  }
  .status-icon-3{
    background: #ec5b5b;
  }
  #detailarea .product-name{
    font-size:21px;
    display: inline-block;
    vertical-align: middle;
  }
  #detailarea .product-name-sub{
    font-size: 14px;
    margin-top: 2px;
    font-weight: normal;
  }
  .sale_price dt{
    font-size: 16px;
    font-weight: bold;
  }
  @media (max-width:480px) {
      .sale_price dt{
          display: block !important;
          margin-bottom: 10px;
      }
  }
  .sale_price .price{
    font-size: 30px;
    font-weight: bold;
  }
  /* 税込価格 */
  .sale_price .detail_inctax_price{
    font-size: 16px;
    font-weight: bold;
  }
  @media (max-width:480px) {
      .sale_price .price{
          font-size: 20px;
          font-weight: bold;
      }
  }
  #detailrightbloc{
    border: 1px solid #ccc;
  }
  #main_column.colnum1 #detailrightbloc{
    margin-top: 20px;
  }
  #main_column.colnum1 div#detailphotobloc{
    margin-top: 20px;
  }
  #detailrightbloc .comment{
    margin: 10px 0;
  }
  .relative_cat{
    margin: 10px 0 !important;
  }
  .quantity{
    vertical-align: middle;
  }
  .quantity dd input{
    border-radius: 3px;
  }
  .cart-in-button{
    color: #fff;
    width: 350px;
    margin-left: 20px;
  }
  @media (max-width:480px) {
      .cart-in-button{
          width: auto;
          margin-left: 0;
      }
  }
  .cart-in-button button .arrow{
    transform: rotate(-93deg);
    display: inline-block;
  }
  .cart-in-button button{
    padding: 5px 10px;
    font-size: 16px;
    border-top: 1px solid #00f46d;
    border-left: 1px solid #00c756;
    border-right: 1px solid #00c756;
    border-bottom: 1px solid #009a40;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    background-color: #1f9242;
    background-image: -webkit-gradient(linear,top,bottom,from(#00dc60),to(#00742d));
    background-image: -webkit-linear-gradient(bottom,#00dc60,#00742d);
    background-image: -moz-linear-gradient(bottom,#00dc60,#00742d);
    background-image: -o-linear-gradient(bottom,#00dc60,#00742d);
    background-image: linear-gradient(to bottom,#00dc60,#00742d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00dc60, endColorstr=#00742d);
  }
  .cartin{
    display: inline-block;
  }
  .cart_area{
    text-align: left;
    padding-bottom: 15px !important;
    border: 1px solid #ccc !important;
    border-width: 0 0 1px 0 !important;
    background-color: #fff !important;
    margin-bottom: 20px;
    margin-top: 20px;
  }

/*ヘッダー*/
#header-top-warap{
    height: 50px;
    width: 100%;
    background: #e8490a;
    color: #fff;
    letter-spacing: -.4em;
    position: fixed;
    margin-top: -3px;
    z-index: 999;
}
#header-bottom-warap{
    letter-spacing: -.4em;
    background: #fff;
    z-index: 997;
}
@media (max-width:480px) {
    #header-bottom-warap{
        display: none;
    }
}
#header-middle-warap{
    height: 84px;
    width: 100%;
    background: #fff;
    letter-spacing: -.4em;
    border-bottom: 1px solid #c9c9c9;
    margin-top: 50px;
    z-index: 998;
}
@media (max-width:480px) {
    #header-middle-warap{
        height: 48px;
        margin-top: 38px;
    }
}
#header-top, #header-middle, #header-bottom, .breadcrumbs{
    width: 980px;
    margin:0 auto;
    text-align: left;
    letter-spacing: normal;
}
@media (max-width:480px) {
    #header-top, #header-middle, #header-bottom, .breadcrumbs{
        width: 100%;
    }
}
#header-top{
    background: #e8490a;
    color: #fff;
    height: 100%;
}
#header-top .logo{
    display: inline-block;
    width: 208px;
}
@media (max-width:480px) {
    #header-top .logo img{
        width: 100%;
    }
}
@media (max-width:480px) {
    #header-top .logo{
        width: 59%;
        padding: 4px 10px;
    }
}
#header-top .right-menu, #header-top .right-menu .support, #header-top .right-menu .cart, #header-top .right-menu .box-menu{
    display: inline-block;
}
#header-top .right-menu .box-menu{
    background-image: url(/sp/fgl/user_data/packages/default/img/common/menu_no.png);
    background-repeat: no-repeat;
    width: 20px;
    background-size: 23px;
    background-position: 8px 16px;
}
#header-top .right-menu .box-menu:hover{
    background-image: url(/sp/fgl/user_data/packages/default/img/common/menu_on.png) !important;
    background-repeat: no-repeat !important;
    background-size: 23px !important;
    background-position: 8px 16px !important;
    background: #fff;
}
@media (max-width:480px) {
    #header-top .right-menu .box-menu:hover{
        background-image: url(/sp/fgl/user_data/packages/default/img/common/menu_on_sm.png) !important;
    }
    #header-top .right-menu .support{
        display: none;
    }
}
#header-top .right-menu .box-cart{
    display: none;
    background: #fff;
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.4);
    position: relative;
    top: 36px;
    width: 130px;
    height: auto;
    left: -119px;
    padding: 10px;
}
#header-top .right-menu .box-cart .item, #header-top .right-menu .box-cart .total{
    color: #666;
    font-weight: bold;
    padding: 5px 0;
}
#header-top .right-menu .box-cart-sm .item, #header-top .right-menu .box-cart-sm .total{
    color: #666;
    font-weight: bold;
    padding: 5px 0;
}
#header-top .right-menu .box-cart .btn{
    margin-top: 10px;
}
#header-top .right-menu .box-menu:hover > .box-cart{
    display: inline-block;
}
@media (max-width:480px) {
    #header-top .right-menu .box-cart{
        display: none !important;
    }
}
#header-top .right-menu{
    vertical-align: top;
    margin-left: 334px;
    border-right: 1px solid #c32414;
}
@media (max-width:480px) {
    #header-top .right-menu{
        margin-left: 0;
    }
}
#header-top .right-menu .support, #header-top .right-menu .cart, #header-top .right-menu .box-menu{
    border-left: 1px solid #c32414;
    height: 36px;
    vertical-align: top;
    padding: 14px 10px 0 10px;
}
#header-top .right-menu .support{
    padding: 8px 10px 6px 10px;
}
#header-top .right-menu .support img{
    margin-right: 5px;
}
#header-top .right-menu .cart{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
#header-top .right-menu .cart .count{
    display: inline-block;
    height: 25px;
    width: 22px;
    background: #fff;
    border-radius: 40px;
    position: relative;
    top: -6px;
    color: #e8490a;
    font-size: 18px;
    padding: 7px 0 0 11px;
    margin-right: 7px;
}
@media (max-width:480px) {
    #header-top .right-menu .cart .count{
        display: none;
    }
}
#header-top .desc{
    display: inline-block;
    vertical-align: top;
    margin: 17px 0 0 10px;
    color: #fff;
}
@media (max-width:480px) {
    #header-top .desc{
        display: none;
    }
}
#header-middle{
    padding-top: 20px;
}
#header-middle .left{
    width: 484px;
    display: inline-block;
}
@media (max-width:480px) {
    #header-middle .left{
        width: 100%;
        text-align: center;
    }
}
#header-middle .left .shop-name{
    font-size: 33px;
    color: #e8490a;
    font-weight: bold;
}
@media (max-width:480px) {
    #header-middle .left .shop-name{
        font-size: 17px;
    }
}
#header-middle .left .period{
    font-size: 14px;
    color: #fff;
    background: #e8490a;
    border-radius: 30px;
    padding: 4px 14px;
    display: inline-block;
    margin-top: 14px;
    width: 411px;
    text-align: center;
}
@media (max-width:480px) {
    #header-middle .left .period{
        display: none;
    }
}
#header-middle .right{
    font-size: 16px;
    display: inline-block;
    width: 485px;
    text-align: center;
    vertical-align: top;
    margin-top: 16px;
}
@media (max-width:480px) {
    #header-middle .right{
        display: none;
    }
}
#header-middle .right .link img{
    vertical-align: middle;
    margin-right: 5px;
    padding-bottom: 2px;
}
#header-middle .right .link a{
    color:#e8490a;
    margin-left: 14px;
}
#header-middle .right .link a:first-child{
    margin-left: 0;
}
#header-middle .right .link a:hover{
    text-decoration: none;
    opacity: 0.6;
    transition-duration: 0.3s
}
#header-bottom-warap #header-bottom{
    letter-spacing: normal;
}
#header-bottom-warap #header-bottom .category{
    display: inline-block;
    width: 160px;
    background:#e8490a;
    color: #fff;
    padding: 10px;
    margin-right: 10px;
    text-align: center;
    border-radius: 0 0 3px;
    border: 4px solid #e8490a;
    transition-duration: 0.2s;
}
#header-bottom-warap #header-bottom .category:last-child{
    margin-right: 0;
}
#header-bottom-warap #header-bottom .category:hover{
    background:#ffffff;
    color: #e8490a;
    border: 4px solid #e8490a;
    transition-duration: 0.3s;
}
.login-user{
    position: absolute;
    right: 0;
    bottom: -78px;z-index:995;
}
@media (max-width:480px) {
    .sm-dis-none{
        display: none;
    }
}
.h2-product-name{
    font-size:15px;
}
.desc-left{
    display: inline-block;
    width: 68%;
    word-break: break-all;
    margin-right: 35px;
    vertical-align: top;
}
@media (max-width:480px) {
    .desc-left{
        display: block;
        width: 100%;
        word-break: break-all;
        margin-right: 0x;
    }
}
.desc-right{
    display: inline-block;
    width: 27%;
    vertical-align: top;
}
@media (max-width:480px) {
    .desc-right{
        display: block;
        width: 100%;
    }
}
.main-product .desc .price-warap .label{
    display: block;
    margin-bottom: 8px;
    font-weight: normal;
}
@media (max-width:480px) {
    .main-product .desc .price-warap .label{
        font-size: 10px;
        margin-bottom: 0px;
        margin-top: 10px;
    }
}
/*フッター*/
#footer .footer-text{
    margin-top: 20px
}
#footer .footer-text .label{
    font-weight: bold;
}
#footer .footer-text .desc{
    margin-top: 5px;
}
#footer .sitemap{
    letter-spacing: -4px;
    margin-top: 20px;
    margin-bottom: 40px;
}
#footer .sitemap .column{
    letter-spacing: normal;
    width: 25%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}
@media (max-width:480px) {
    #footer .sitemap .column{
        width: 50%;
        margin-top: 17px;
    }
}
#footer .sitemap .column .label{
    font-weight: bold;
    margin-bottom: 5px;
}
#footer .sitemap .column .desc a{
    color:#666;
}
/*トップページ*/
.category-list a{
    display: inline-block;
    border: 1px solid #ccc;
    width: 18.6%;
    margin-right: 16px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #666;
    padding: 13px;
    box-sizing: border-box;
}
.category-list a:hover{
    border: 1px solid #187fcc;
    color: #187fcc;
}
.category-list a:last-child{
    margin-right: 0;
}
@media (max-width:480px) {
    .category-list a{
        margin: 10px;
        width: 43%;
        font-size: 13px;
        height: 140px;
        vertical-align: top;
    }
}
/*カート*/
.cart-content{
    font-size: 0px;
}
.cart-content div{
    display: inline-block;
    font-size: 13px;
    border: 1px solid #ccc;
    vertical-align: top;
    height: 215px;
    padding: 10px;
    box-sizing: border-box;
    /*margin-left: -2px;*/
}
.cart-content div:first-child{
    margin-left: 0px;
}
.cart-content .bk-gray{
   background: #f0f0f0;
   height: auto;
   text-align: center;
}
@media (max-width:480px) {
    .cart-content{
        margin-top:10px;
    }
    .cart-content .bk-gray{
        display: none;
    }
}
.cart-content .product-img{
    width: 15%;
    text-align: center;
}
.cart-content .product-name{
    width: 30%;
}
.cart-content .product-name-big{
    width: 40%;
}
.cart-content .product-price{
    width: 15%;
   text-align: center;
}
.cart-content .product-count{
    width: 15%;
   text-align: center;
}
.cart-content .product-delete{
    width: 10%;
   text-align: center;
}
.cart-content .product-totalprice{
    width: 15%;
   text-align: center;
}
.cart-totalprice{
    font-size: 20px;
    text-align: right;
    margin-top: 10px;
}
.cart-totalprice .price{
   font-weight: bold;
   margin-left: 10px;
}
.cart-sm-label{
    display: none !important;
}
.cart-sm-top-label{
    display: none !important;
}
@media (max-width:480px) {
    .cart-sm-top-label{
        display: block !important;
        background: #187ecc;
        color: #fff;
        text-align: center;
    }
    .cart-sm-label{
        display: inline-block !important;
        width: 40% !important;
        height: auto !important;
        text-align: center;
    }
    .cart-content .product-img{
        width: 40%;
        text-align: center;
    }
    .cart-content .product-name{
        width: 60%;
    }
    .cart-content .product-name-big{
        width: 60%;
    }
    .cart-content .product-price, .cart-content .product-count, .cart-content .product-delete, .cart-content .product-totalprice{
        width: 60%;
        text-align: center;
        height: auto;
        margin-bottom: 0px !important;
    }
    #quantity_level{
        display: inline-block;
    }
}
/*サインイン*/
        .login_area{
            margin-top: 20px
        }
        #login{
            text-align: center;
            margin-top: 50px;
        }
        .login-title{
            font-size: 40px;
        }
@media (max-width:480px) {
        .login-title{
            font-size: 30px;
        }
        #member_form{
            padding: 5px;
        }
    }
        .login-input{
            border: 1px solid rgba(102, 102, 102, 1)!important;
            width: 100%;
            height: 100%;
            border-radius: 0 3px 3px 0;
            margin-left: -29px;
            background: #eff6f9;
            font-size:18px;
            padding-left:10px !important;
        }
@media (max-width:480px) {
    .login-input{
        box-sizing: border-box;
        margin: 0;
    }
}
/*購入フォーム*/
.purchase_flow {
    font-size: 0px;
    color: #e8490a;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.purchase_flow .column {
    font-size: 11px;
    display: inline-block;
    width: 24%;
    text-align: center;
    vertical-align: top;
}
.purchase_flow .column_unreached{
    color: #ccc;
}
.purchase_flow .column .icon{
    color: #fff;
    background: #e8490a;
    border-radius: 30px;
    width: 50px;
    height: 35px;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 0 0 0;
    position: relative;
    z-index: 999;
}
.purchase_flow .column:after{
    position: relative;
    width: 190px;
    height: 6px;
    background: #e8490a;
    content: ' ';
    top: -47px;
    right: -118px;
    /* font-size: 1px; */
    display: inline-block;
    z-index: 998;
}
.purchase_flow .column:last-child:after{
    width: 0;
    height: 0;
}
.purchase_flow .column_unreached .icon{
    background: #ccc;
}
.purchase_flow .column_unreached:after{
    background: #ccc;
}
.purchase_flow .column:last-child:after{
    width: 0;
    height: 0;
}
@media (max-width:480px) {
    .purchase_flow .column:after{
        display: none;
    }
}
.parsondata_input_warap{
    padding: 15px 0;
    text-align: center;
}
.parsondata_input_warap .label{
    display: inline-block;
    width: 270px;
    font-size: 20px;
    text-align: left;
    color: #717070;
}
@media (max-width:480px) {
    .parsondata_input_warap .label{
        width: 100%;
        margin-bottom: 5px;
    }
}
.parsondata_input_warap .label .required{
    background: rgb(239, 95, 79);
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    margin: 0 4px;
    font-size: 11px;
    padding: 3px 5px;
}
.parsondata_input_warap input, .parsondata_input_warap select{
    height: 22px;
    border-radius: 3px;
    border: solid 1px #b1a8a8;
    vertical-align: top;
}
.parsondata_input_warap .input_name{
    width: 220px;
}
.parsondata_input_warap .input_other{
    width: 452px;
}
.parsondata_input_warap .input_zipcode1{
    width: 96px;
}
.parsondata_input_warap .input_zipcode2{
    width: 138px;
}
.parsondata_input_warap .input_tel{
    width: 135px;
}
@media (max-width:480px) {
    .parsondata_input_warap .input_name, .parsondata_input_warap .input_other{
        width: 100%;
        box-sizing: border-box;
        height: 40px;
        margin-top: 10px;
    }
    .parsondata_input_warap .input_tel{
        width: 29%;
        box-sizing: border-box;
        height: 40px;
    }
    .parsondata_input_warap .input_zipcode1{
        width: 30%;
        box-sizing: border-box;
        height: 40px;
    }
    .parsondata_input_warap .input_zipcode2{
        width: 64%;
        box-sizing: border-box;
        height: 40px;
    }
}
.deliv_multi{
    font-size: 16px;
    border: 1px solid #ccc;
    padding: 6px 20px;
    border-radius: 3px;
    cursor: pointer;
    background-image:-moz-linear-gradient(top,#ffffff 0%,#e4e4e4);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#e4e4e4));
}
.deliv_multi:before{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    content: ' ';
    border-radius: 30px;
    /* margin-top: 6px; */
    vertical-align: sub;
    margin-right: 10px;
}
#deliv_label:checked + .deliv_multi:before{
    background: rgb(118, 124, 128);
}
#deliv_2{
}
.address_auto_input{
    background: #3cc464;
    color: #fff !important;
    padding: 5px 10px;
    border-radius: 4px;
    text-decoration: none !important;
    border: 2px solid #3cc464;
    margin-left: 12px;
}
@media (max-width:480px) {
    .address_auto_input{
        display: block;
        margin: 10px 0 0 0;
    }
}
.address_auto_input:hover{
    background: #fff;
    color: #3cc464 !important;
    transition-duration: 0.3s;
}
.mt10{
    margin-top: 10px;
}
.mb20{
    margin-bottom: 20px;
}
/*支払方法・時間指定フォーム*/
.pay_area{
    text-align: center;
}
.h3_payment{
    text-align: center !important;
    font-size: 20px  !important;
    background: none  !important;
    color: #666  !important;
}
.payment_select{
    width: 27%;
    display: inline-block;
    border: 3px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    position: relative;
    vertical-align: top;
    text-align: center;
    height: 80px;
    padding: 11px;
    font-size: 15px;
    font-weight: bold;
    color: #6f6c6c;
    cursor: pointer;
}
@media (max-width:480px) {
    .payment_select{
        width: 31%;
    }
}
.payment_select_input{
  display: none;
}
.payment_select_input:hover + label{
  background: rgb(236, 240, 228);
  transition-duration: 0.3s;
}
.payment_select_input:checked + label{
  border: 2px solid #54cf7b;
  padding:9px;
}
.payment_select_input:checked + label:before{
  animation: 0.3s ease-out 0.1s 1 forwards normal animation;
}
@keyframes animation {
  0% {
    transform: scale(0.8);
    content:'';
  }

  50% {
    transform: scale(1.05);
  }

  75% {
    transform: scale(1.02);
  }

  100% {
    transform: scale(1);
    content:' 選択しました';
    background: #54cf7b;
    border: 1px solid #54cf7b;
    border-radius: 3px;
    bottom: 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 10px 25px;
    color: #fff;
    padding: 5px;
  }
}

.payment_select_input:checked + label:after{
  content: '';
  width: 7px;
  height: 14px;
  border: 3px solid #fff;
  border-width: 0 3px 4px 0;
  z-index: 999;
  position: absolute;
  left: 43px;
  bottom: 22px;
  transform: rotate(39deg);
  transition-duration: 0.3;
}
.payment_select:before{
  content:'未選択';
  background: #6f6c6c;
  border: 1px solid #6f6c6c;
  border-radius: 3px;
  bottom: 0px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 10px 25px;
  color: #fff;
  padding: 5px;
  transition-duration: 0.3s;
}
@media (max-width:480px) {
    .payment_select_input:checked + label:after{
        border: 3px solid #54cf7b;
        border-width: 0 3px 4px 0;
    }
    .payment_select:before{
        content: none;
    }
}
/*ログアウト*/
.logout_button{
    background: 14px 7px no-repeat #3cc464;
    color: #fff !important;
    border: 2px solid #3cc464;
    border-radius: 3px;
    padding: 1px 6px;
    margin-left: 10px;
}
.logout_button:hover{
    opacity: 0.8;
}