.col{word-break: normal;}

body{position:relative;}
.treasure .breadcrumb{background-color: #152b98; color: #E2C80F;}
.treasure .breadcrumb__item:after{color: #08c;}
ul, ul[class]{padding: 0 40px; margin-bottom: 20px;}
.body_box h3{margin-top: 20px; margin-bottom: 0;}
form{margin: 0;}
section.body_wrap, section.not_avilable{min-height: calc(100vh - 235px);}
.treasure section{background-color: #5d2b0d;}
.treasure section>div{background-color: #d9d9d9; color: #595959;}
.treasure section #sidebar{background-color: #5d2b0d; color: #E2C80F;}

header img{margin-bottom: 0;}
#content{padding-top: 30px;}
.treasure #content{padding-top: 0;}
.treasure #content:before{margin-bottom: 20px;}

/* 価格 */
.discount_box{position: relative; display: block; max-width: 400px; left: 50%; transform: translateX(-50%);}
.discount_rate{position: absolute; left: auto; top: -70px; right: 8px; background-color: #3C1619; color: #E2C80F; width: 80px; height: 80px; text-align: center; padding-top: 20px; border-radius: 50%; border: 1px solid #E2C80F; line-height: 1.2em;}
.price{text-align: center; font-size: 26px; font-weight: 700; margin-bottom: 80px;}
.member_price{text-align: center; font-size: 35px; font-weight: 700;}
span.tax{font-size: 16px; font-weight: 400;}


#sidebar{padding-bottom: 0;}


#sticked{position: fixed; bottom: 0; width: 100%; padding-bottom: 15px; text-align: center;}

#sticked{z-index: 796;}
.modal{display: none; height: 100vh; position: fixed; top: auto; bottom: 0; left: 0; width: 100%; z-index: 797; padding: 20px 10px 10px;}
.modal__bg{ background: rgba(60,22,26,0.3); height: 100vh; position: absolute; top: 0; left: 0; width: 100%; z-index: 798;}
.modal__content{ position: absolute; top: auto; bottom: 100px; left: 50%; transform: translateX(-50%); background: #f2f2f2; padding: 30px; width: 80%; max-width: 400px; z-index: 799;}

.js-modal-open{position: fixed; bottom: 15px; left: 50%; transform: translateX(-50%); color: #fff; background-color: #E2C80F; text-align: center; line-height: 40px; border-radius: 6px; padding: 0 20px; z-index:599; cursor: pointer;}
.js-modal-open_soldout{position: fixed; bottom: 15px; left: 50%; transform: translateX(-50%); background-color: #b3b3b3; text-align: center; line-height: 40px; border-radius: 6px; padding: 0 20px; z-index:599;}

/* オプション選択 */
.product-option{padding: 0 0 20px; max-width: 300px; margin: 0 auto;}
.option_recommend{font-size: 13px;}
.icon-plus:before, .icon-minus:before{margin-right: 0;}

/* 購入フォーム */
.product-order{padding: 0 1%; max-width: 300px; margin: 0 auto 25px;}
.product_table{display: table; table-layout: fixed; margin-bottom: 25px; width: 100%;}
.product_table>div{display: table-cell;}
.product_table div.input-prepend.input-append{width: 70%;}
.product_table div.input-prepend.input-append input.quantity{padding: 15px; text-align: center; width: 60px; border: none; background-color: transparent;}
.input-prepend .btn.up_button, .input-prepend .btn.down_button{padding: 10px; display: table-cell; vertical-align: middle; font-size: 18px;}
.input_box{display: table-cell; width: 100%; padding: 8px 0; background-color: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc}
.product_table div.product_unit{text-align: right; max-width: 75px; vertical-align: bottom;}

.cart_button{background-color: #E2C80F; color: #fff; font-weight: normal; border: none;}
ul.login_menu{padding: 0;}
ul.login_menu li a{ border: 1px solid #ccc; width: 100%; display: block; padding: 10px; max-width: 300px; margin: 0 auto 10px; font-size: 14px; line-height: 24px; background-color: #fff; border-radius: 5px;}

.treasure_title_pc{display: none;}
.treasure_title_sp{display: block; background-color: #5d2b0d; color: #E2C80F; text-align: center; padding: 5px 0; margin-bottom: 30px;}
.treasure_title_sp img{width: 60%; margin: 10px auto; max-width: 220px;}


/* 商品がない場合 */
.not_avilable{position: relative;}
.not_avilable > div{display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 80%; max-width: 600px;}
.not_avilable div p{margin: 0 0 20px; padding: 0; text-align: center;}
.not_avilable div h3{margin: 0 0 10px; padding: 0; text-align: center;}
.not_avilable div ul{text-align: center; list-style: none; margin: 0 0 30px;}
.not_avilable div p.login{border: 1px solid #ccc; display: block; padding: 10px; max-width: 300px; margin: 0 auto; font-size: 14px; line-height: 14px; background-color: #E2C80F; border-radius: 5px; text-align: center;}
.not_avilable div p.login a{color: #fff;}
.not_avilable div p.login:after{margin: 0;}
.not_avilable div.history ul{text-align: left; display: table; padding: 0;}
.not_avilable div.history ul li{width: 25%; padding: 0 2px; display: table-cell;}
.not_avilable div.history ul li img{margin-bottom: 10px;}

.stock_error{margin: 20 0;}

/* 商品説明 */
.caution{font-size: 14px; color: #fff; margin-bottom: 20px; text-align: center; background-color: #E2C80F; padding: 15px;}
.caution:before, .caution:after{content:none;}

.sold_out{padding: 10px 20px; margin: 0 auto 20px; text-align: center; color: red; border: 1px solid red; border-radius: 5px; width: 80%;}
.sold_out:before, .sold_out:after{content:none;}

.sold_out p{border: 1px solid red; padding-top: 1rem; text-align: center; color: red; margin: 0;}

.category_name{padding: 0 10%; margin-bottom: 10px;}
h1{font-size: 1.8em; line-height: 1.3em; padding: 0 10%; margin-bottom: 40px;}
main img{width: 100%; margin-bottom: 30px;}
.eyecatch img{max-width: 600px; margin: 0 auto 30px;}

h2{line-height: 1.3; margin-bottom: 40px; padding: 0 40px;}
h3, h4, p{padding: 0 40px; margin-bottom: 20px;}
.pricebox{text-align: center; margin-bottom: 30px;}
.figure{font-size: 2.5em; font-weight: 700;}

/* 商品説明 Treasure */
.treasure h2, .treasure h3, .treasure p{padding: 0 40px; margin-bottom: 30px;}

/* グループリスト */
.group_list_box{background-color: #f2f2f2; padding: 20px 40px; margin: 30px 0; mix-blend-mode: multiply;}
.group_list_box h2{font-size: 1.0rem; text-align: center; padding: 0; margin-bottom: 20px;}
.group_list_box ul{width: 90%; margin: 0 auto; padding: 0; text-align: center;}
.group_list_box ul li{display: inline-block;}
.group_list_box ul li a{padding: 5px 15px; border: 1px solid #a1a1a1; display: inline-block; margin-bottom: 5px; border-radius: 6px;}

/* 最近チェックした商品 */
.nealy_checked{padding: 0 5px; margin-bottom: 30px;}
.nealy_checked ul{padding: 0;}
.nealy_checked li{margin-bottom: 20px; position: relative;}
.nealy_checked img{margin-bottom: 10px;}
.nealy_checked p{padding: 0 10px; margin-bottom: 10px;}
.nealy_checked p.product_name{font-weight: 700; line-height: 1.3;}
.nealy_checked p.product_exp{font-size: 0.9em; line-height: 1.7;}
.nealy_checked p.product_price{text-align: center; font-weight: 700; font-size: 1.3em; display: block; width: 100%;}
.nealy_checked p.product_price span{font-size: 0.6em; font-weight: 400; padding: 0;}
.nealy_checked .checked_discount_rate{position: absolute; top: -5px; left: auto; right: 8px; background-color: #3C1619; color: #E2C80F; padding: 15px 0; text-align: center; width: 70px; height: 70px; border-radius: 50%; border: 1px solid #E2C80F; font-size: 20px; line-height: 1.2;}
.nealy_checked span.rate_off{font-size: 0.6em;}


/* パッケージ説明 */
.fb-video-box{text-align: center;}
.video_box{display: inline-block; width: 100%; max-width: 560px;}
.footer_item_package, .treasure .footer_item_package{background-color: #E2C80F; background-image: url("https://img07.shop-pro.jp/PA01256/620/etc/package_back.png?cmsp_timestamp=20160803215551"); background-size: contain; background-repeat: no-repeat;  padding: 40vw 0 20px; text-align: left; line-height: 180%;}

.footer_item_package ul{list-style: none; margin: 0 0 10px;}
.item_package_title{text-align: left; font-size: 1.5rem; line-height: 150%; color: #fff; text-shadow: 0 1px 5px #000; margin-bottom: 40px; padding: 0 20px;}
.footer_item_package ul{padding: 0;}
.footer_item_package ul li h3{padding: 0 20px; margin-bottom: 30px;}
.footer_item_package ul li p{text-align: justify; padding: 0 20px 10px;}
.footer_item_package img{margin-bottom: 20px;}

.gotocart {display:block; background-color: #fff; border-radius: 1px; border: 1px solid #ebebeb; padding: 10px; text-align: center; font-size: 16px; margin: 20px 0;}

/* パッケージ説明ここまで */

/* 商品カテゴリー */
#category_box{display: none;}
.treasure ul.big_category{border-top: 2px solid #e6884f; border-bottom: 2px solid #e6884f; padding: 0;}

ul.big_category li{font-size: 1em; line-height: 3; border-bottom: 1px solid #ebebeb; padding: 5px 0;}
ul.big_category li:last-child{border-bottom: none;}
.treasure ul.big_category li{border-bottom: 1px solid #e6884f;}
.treasure ul.big_category li a{color: #e6884f;}

ul.small_category{padding: 5px 0;}
ul.small_category li{font-size: 0.9em; border-top: none; line-height: 3; padding: 8px 0; margin-left: 30px;}
ul.small_category li:last-child{border-bottom: none;}



@media screen and (min-width: 897px){
  body{position:static;}

  section .body_box{display: flex; max-width: 1200px; margin: 0 auto;}
  #content{width: 75%; padding-top: 20px;}
  .treasure #content{padding-top: 20px;}

  #sidebar{width: 25%;}
  
  #sticked{position: sticky; position: -webkit-sticky; top: 0; background-color: #fff; padding-bottom: 0;}
  .modal{display: block; height: auto; position: static; padding-bottom: 0;}

  .modal__bg, .js-modal-open, .js-modal-open_soldout, .js-modal-close{display: none;}

  .modal__content{background: transparent; top: 0; left: 0; padding: 40px 0 0; position: relative; transform: none; width: 100%; color: inherit;}
  .modal__content:before{content:""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 40px; background:url(https://contents.vidacafetera.com/images/daily_mall_up.svg) no-repeat;}
  .modal__content:after{content:""; display: block; position: absolute; top: auto; bottom: 0; left: 0; width: 100%; height: 40px; background:url(https://contents.vidacafetera.com/images/daily_mall_down.svg) no-repeat;}
  
  .product-option{padding: 0 20px 20px;}

  /* 購入フォーム */
  .product-order{padding: 0 25px;}
  .treasure .input_box{background-color: #d9d9d9;}
  .treasure .btn.up_button, .treasure .btn.down_button{background-color: #c8c8c8;}
  .cart_button{width: 180px; height: 180px; border-radius: 50%;}
  ul.login_menu{margin: 0 auto; max-width: 300px; padding-bottom: 70px}
  ul.login_menu li{padding: 0 25px;}
  .treasure ul.login_menu li a{background-color: #b65419; color: #E2C80F; border: 1px solid #e6884f;}
  .treasure ul.login_menu li a:hover{color: #fff; border: 1px solid #fff;}
  
  .treasure_title_pc{display: block; background-color: #5d2b0d; color: #E2C80F; text-align: center; padding: 5px 0; margin-bottom: 20px;}
  .treasure_title_pc img{width: 80%; margin: 30px auto 0;}
  .treasure_title_sp{display: none;}

  .treasure #sticked{background-color: #5d2b0d;}
  
  /* 商品説明 */
  main img.left_photo, main img.alignleft{float: left; width: 50%; padding: 0 20px 0 40px; margin-bottom: 0;}
  main img.right_photo, main img.alignright{float: right; width: 50%; padding: 0 40px 0 20px;}
  main img.aligncenter{max-width: 600px; width: 80%; margin: 0 auto 20px;}
  .category_name{margin-top: 30px;}

/* 商品説明 Treasure */
  .treasure h2, .treasure h3, .treasure p{padding: 0 20px;}
  .treasure .left_photo, .treasure .alignleft{float: left; width: 50%; padding: 0 20px;}
  .treasure .right_photo, .treasure .alignright{float: right; width: 50%; padding: 0 40px;}

/* グループリスト */
.group_list_box{margin: 60px 0;}

/* 商品カテゴリー */
  #category_box{display: block; padding: 20px 20px 0;}
ul.big_category{border-top: 2px solid #ebebeb; border-bottom: 2px solid #ebebeb; padding: 0;}
  #category_box ul.big_category li{line-height: 1.5em;}
  #category_box ul.small_category{padding-left: 20px;}
  #category_box ul.small_category li{line-height: 1.5em; margin-left: 0;}


/* パッケージ説明 */
  .footer_item_package, .treasure .footer_item_package{padding: 40% 40px 10px;}
  .item_package_title{text-align: center;}
  .footer_item_package ul li h3{padding: 0;}
  .footer_item_package ul li p{padding: 0 0 10px;}
  .footer_item_package ul li img.alignleft{padding: 0 20px 30px 0;}
  .footer_item_package ul li img.alignright{padding: 0 0 30px 20px;}


}