@charset UTF-8;

/****************/
/*** BREAD CRUMB ***/
/****************/

.pr_dlc-breadcrumb-area{
  padding: 10px 30px;
}

/****************/
/*** TOP ABOUT ***/
/****************/

.pr_dlc-cmn-link-btn-name{
  font-weight: 400;
}
.pr_dlc-cmn-link-btn-name-sub{
  font-weight: 500;
}
.fr_top-aboutbtn{
  display: block;
  position: relative;
  padding: 6px 15px;
  border: 1px solid #fff;
  color: #fff;
  line-height: 1.5;
  vertical-align: top;
}
.fr_top-aboutbtn:before {
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  content: "";
}
.pr_dlc-cmn-link-btn-item a{
  padding: 0;
  border: none;
}
.pr_dlc-cmn-section-sttl p{
  line-height: 1.7;
  letter-spacing: 0.84px;
}


/****************/
/*** TOP ABOUT SP ***/
/****************/

@media only screen and (max-width: 767px) {
  .pr_dlc-cmn-link-btn-item a:before{
    left: -29px;
  }
  .pr_dlc-cmn-link-btn-item a:after{
    left: -7px;
  }
}

/****************/
/*** TOP SHOPLIST ***/
/****************/

.pr_dlc-define-ttl{
  font-weight: 400;
}

/****************/
/*** TOP WORKSHOP ***/
/****************/
.pr_dlc-workshop-info-ttl{
  font-weight: 400;
}

/****************/
/*** COLLECTION LIST ***/
/****************/
.pr_dlc-online-main-area{
  margin-bottom: 0;
}
.fr_online-news{
  background-color: #ffffff;
}
.fr_online-news .pr_dlc-news-area{
  background-color: #ffffff;
}
.fr_online-cati{
  margin-bottom: 60px;
}
.fr_font-family-sans-serif-bold a:hover{
  color: #c5541d;
  transition: .2s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .fr_online-cati {
    margin-bottom: 9px;
  }
  .fr_online-news .pr_dlc-news-area{
    padding-top: 0;
  }
  .fr_online-news .pr_dlc-news-sect{
    padding-top: 12px;
  }
  .pr_dlc-item-info-box + .pr_dlc-item-info-box{
    margin-top: 70px ;
  }
  .pr_dlc-cmn-product-item-label-item span{
    padding: 0 5px;
  }
}
/****************/
/*** PRODUCT DETAIL ***/
/****************/

.pr_dlc-products-description-area hr{
  margin: 0 auto 30px auto;
}
.fr_product-subtitle{
  font-size: 20px;
  margin: 0;
  padding-bottom: 15px;
  font-weight: 500;
}
#shopify-section-product-recommendations hr{
  margin: 0 auto 30px auto;
}
.pr_dlc-products-details-det-inner .pr_dlc-products-details-name{
  padding: 0 0 16px;
  margin-bottom: 30px;
}
.pr_dlc-products-details-gift-box{
  margin-top: 35px;
}
.pr_dlc-products-details-quantity-box{
  margin-top: 35px;
}
.pr_dlc-products-details-payment-btn{
  margin-top: 35px;
}
.fr_dlc-products-details-notice{
  line-height: 1.3;
  font-size: 20px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .pr_dlc-products-description-area{
    padding-top: 16px;
  }
  .pr_dlc-products-des-box{
    margin: 0 auto 19px auto;
  }
  .pr_dlc-products-description-area hr{
    margin: 0 auto 19px auto;
  }
  #shopify-section-product-recommendations hr{
    margin: 0 auto 19px auto;
  }
  #shopify-section-product-recommendations .grid__item{
    margin-top: 0;
  }
}

@media only screen and (min-width: 767px) {
  .product-single__photo-wrapper {
    margin-bottom: 0.5%;
  }
  .pr_dlc-products-details-area{
    max-width: 1130px;
    margin: 0 auto;
  }
  .pr_dlc-products-details-image-block{
    width: 53%;
  }
  .pr_dlc-products-details-det-block{
    max-width: 540px;
    margin-left: 30px;
    padding: 50px 30px 50px;
  }
  .pr_dlc-products-details-image-block .pr_dlc-products-details-image-block-in {
    width: 100%;
    max-width: 570px;
  }
}

/****************/
/*** OUR DAYS ***/
/****************/
.fr_ourdays-contents{
  margin-top: 50px;
}

.fr_ourdays-mainarea{
  max-width: 976px;
  margin: 0 auto;
}


.dc_blog-taglist{
  max-width: 976px;
  margin: 0 auto 50px;
  list-style: none !important;
  text-align: center !important;
  overflow: hidden;
  display: table;

}

.dc_blog-tag{
    background: #EDDFCE;
    padding: 5px 20px;
    margin: 10px 5px;
    font-size: 12px;
    float: left;
}

.dc_blog-tag-active{
    background: #592E15;
    color: #FFFFFF;
    padding: 5px 20px;
    margin: 10px 5px;
    font-size: 12px;
    float: left;
}

.dc_blog-tag:first-child{
  margin-left: 0px;
}

/****************/
/*** OUR DAYS -PC- ***/
/****************/
@media only screen and (min-width: 767px) {
  .fr_ourdays-mainarea{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
  }
  .fr_ourdays-contentsarea{
    max-width: 275px;
    margin-bottom: 50px;
  }
  .fr_ourdays .pr_dlc-online-main-img{
    height: 200px;
    min-height: 200px;
  }
}

/****************/
/*** OUR DAYS -SP- ***/
/****************/

@media only screen and (max-width: 767px) {
  .fr_ourdays-contentsarea{
    display: grid;
    grid-template-columns: 1fr 2fr;
    margin: 0 auto 30px;
  }
  .article__featured-image{
    max-width: 100px;
    margin: 0 auto;
  }
  .fr_ourdays-spcaption{
    margin-left: 15px;
    width: 60vw;
  }
  .fr_ourdays .pr_dlc-online-main-img{
    height: 100px;
    min-height: 100px;
  }

.dc_blog-tag:first-child{
  margin-left: 5px;
}

  
}
/****************/
/*** ARTICLE SP ***/
/****************/
@media only screen and (max-width: 767px) {
  .fr_article-area {
    width: auto;
  }
}

/****************/
/*** SHOP DETAIL ***/
/****************/

.fr_shop-menu{
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  color: #fff;
  padding: 0 16px;
  height: 44px;
  line-height: 44px;
  text-transform: uppercase;
  margin: 0 0 40px;
}

.fr_shop-menu span{
  display: block;
  background-color: #5a2e14;
  position: relative;
}
.shg-c .fr_shop-menu span:before{
  content: "";
  background: url(bg_left.png) no-repeat 0 0 / 100% 100%;
  width: 16px;
  height: 44px;
  position: absolute;
  left: -15px;
  top: 0;
}
.fr_shop-menu span:after{
  content: "";
  background: url(bg_right.png) no-repeat 0 0 / 100% 100% ;
  width: 16px;
  height: 44px;
  position: absolute;
  right: -15px;
  top: 0;
}
.fr_shop-menu-line-h{
  font-size: 14px;
  font-weight: 700!important;
  line-height: 20px;
  font-family: Montserrat, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  margin-bottom: 4px;
}
.fr_shop-menu-line{
  line-height: 18.84px;
  font-family: Montserrat, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 12px;
}

/****************/
/***** CART  ****/
/****************/

.fr_cart-section{
  margin-bottom: 50px;
}
.fr_cart-section-attention{
  font-size: 12px;
}
.fr_cart-section-attention a{
  text-decoration: underline;
}
.fr_cart-remove{
  color: #5a2e14;
  background-color: #eddfce;
  border-color: transparent;
  margin: 10px auto;
  max-width: 165px;
  text-decoration: blink;
  padding: 8px;
}

@media only screen and (min-width: 768px) {
  .fr_cart-section .grid {
    margin-left: 0;
  }
}
/****************/
/***** CART SP ****/
/****************/

@media only screen and (max-width: 767px) {
  .fr_cart-img {
    max-width: 100px;
  }
  .fr_cart-spgrid{
    display: contents;

  }
  .fr_cart-tr{
    padding: 20px 0;
  }
  .fr_cart-tr a {
    text-align: left;
  }
  .fr_cart-remove{
    max-width: 190px;
  }
  .fr_cart-spgrid thead{
    display: none;
  }
}


/****************/
/*** LOGIN  ***/
/****************/

.fr_login-area{
  width: auto;
}
.fr_login-attention h3{
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}
.fr_login-attention p{
  color: #7e1412;
  font-size: 12px;
  text-align: left;
}

/****************/
/*** MYPAPE  ***/
/****************/

.fr_mypage-addarea{
  margin: 20px auto;
}

.fr_account-title{
  margin-bottom: 20px;
}
.fr_mypage-add {
  display: grid;
  grid-template-columns: 1.5fr 2fr;
}

.fr_add-column{
  display: grid;
  grid-template-columns: 1fr 3fr;
  border-bottom-color: #5a2e14;
}
.fr_mypage-any{
  border-top: 1px solid #592e15;
}



/****************/
/*** MYPAPE PC  ***/
/****************/
@media only screen and (min-width: 767px) {
  .fr_mypage-addtext-left {
    text-align: right;
    margin: 0 10px;
  }
  .fr_mypage-layout {
    display: grid;
    grid-template-columns: 3fr 1fr;
  }
  .fr_mypage-area{
    margin-right: 30px;
  }
}
/****************/
/*** MYPAPE SP  ***/
/****************/
@media only screen and (max-width: 767px) {
  .fr_mypage-area {
    width: auto;
  }

  .fr_mypage-table{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

  }
  .fr_mypage-splayout {
    display: grid;
    grid-template-columns: 1.5fr 2fr;
  }

  .fr_mypage-splayout th, td{
    border-bottom: 1px dotted #592e15;
    border-top: none;
    border-right: none;
    border-left: none;
  }
  .fr_mypage-layout .grid__item{
    padding-left: 0;
  }
  .fr_mypage-add p{
    padding-left: 15px;
  }

}

/*****************/
/**** page layout ****/
/*****************/
@media only screen and (max-width: 767px) {
  #shopify-section-page-wide-template .grid {
    margin-top: 0;
  }

  #shopify-section-page-wide-template .grid__item {
    margin-top: 0;
  }
}

/***************/
/******* ABOUT ********/
/***************/
@media only screen and (max-width: 767px){
  .pr_dlc-about-btb .pr_dlc-about-flow-hd em{
    font-size: 30px;
  }
  .pr_dlc-about-flow-hd-sub{
    font-size: 16px;
  }
}


/**************/
/*** FOOTER  SP***/
/**************/
@media only screen and (max-width: 767px) {
  .image-footer{
    display: none;
  }
  #newsletter_text {
    max-width: 300px;
  }
  .fr_footer-newsletter-txt{
    margin-bottom: 10px;
    text-align: left;
  }
}
@media only screen and (min-width: 768px) {
  .fr_footer-copy {
    width: 690px;
    text-align: right;
  }

  .fr_footer-sns {
    width: 200px;
  }
  #newsletter-wrapper{
    float:right;
  }
  .pr_dlc-footer-area .wrapper{
    padding: 0;
  }
  .fr_footer-newsletter-txt{
    display: inline;
    margin: 0 5px;
  }
  #newsletter_text {
    width: 300px;
  }
}

.fr_footer-newsletter {
  width: 100%;
}
.bottom--footer{
  margin-top: 0;
}

.footer-content a{
  font-size: 12px;
}
footer .grid__item{
  margin-top: 0;
}

/**********************/
/**** order history *****/
/**********************/

.fr_mypage-layout h4{
  font-size: 16px;
}
.fr_order-date {
  font-size: 10px;
}

@media only screen and (max-width: 767px) {
  .fr_order-splayout {
    font-size: 10px;
  }
  .fr_order-splayout thead tr{

  }
  .fr_order-splayout tbody{
    border-bottom: 1px solid #592e15;
    border-top: 1px solid #592e15;
    border-right: none;
    border-left: none;
  }
  .fr_order-splayout th, td{
    border-bottom: none;
    border-top: none;
    border-right: none;
    border-left: none;
  }

  .fr_order-splayout thead th, td {
    text-align: right;
  }
  .fr_order-value{
    text-align: left;
    padding: 10px 5px;
  }
  .fr_order-value-price{
    text-align: left;
    padding: 10px 15px 10px 5px;
  }
  .account--order---wrapper tfoot{
    font-size: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .fr_order-tf {
    margin-top: 10px;
  }
}

@media screen and (min-width: 1200px) {
    .paymentButtonsWrapper {
        flex-direction: column;
    }
}

@media screen and (max-width: 768px) and (min-width: 480px) {
    .paymentButtonsWrapper {
        flex-direction: column;
    }
}
