@charset "UTF-8";
/* -----------------------------------------------------------
	全体
----------------------------------------------------------- */
.fs-body-category .fs-l-pageMain{
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    background: #353334;
}
.fs-body-category .inner_box{
    max-width: 1215px;
    margin: 0 auto;
}
.align-center{
    text-align: center;
}
.mb30{
    margin-bottom: 30px;
}

/* -----------------------------------------------------------
	パンナビ
----------------------------------------------------------- */
.fs-body-category .fs-c-breadcrumb{
    max-width: 100%;
     background: #353334;
    color: #fff!important;
    margin: 0 auto 0 auto;
    padding-bottom: 0;
    padding-top: 148px;
}
.fs-body-category .fs-c-breadcrumb .fs-c-breadcrumb__list
{
     max-width: 1279px;
    margin: 0 auto;
    padding: 8px 16px;
}
@media screen and (max-width:1024px) {
.fs-body-category .fs-c-breadcrumb
    {
padding-top:88px;
    font-size: 0.8rem;
    line-height: 1.4em;
    padding-bottom: 20px;
}
}
@media screen and (max-width:768px) {
.fs-body-category .fs-c-breadcrumb
{
padding-top: 70px;
}
}

/* -----------------------------------------------------------
	カテゴリタイトル
----------------------------------------------------------- */
.fs-body-category .fs-c-heading{
    font-size: 2rem;
    line-height: 1.4em;
    text-align: center;
    background: #BFAC8B;
    padding:24px 24px 8px 24px;
    color: #382D29;
}
.fs-body-category .fs-c-heading--page {
    border-bottom: none;
    margin: 0 0 0;
    font-weight: bold;
}
.category_title .english{
    color: #382D29;
    text-align: center;
    background: #BFAC8B;
    font-size: 1.4rem;
    padding-bottom: 30px;
}

/* -----------------------------------------------------------
	メインイメージ
----------------------------------------------------------- */
.mainimage{
    background: #BFAC8B;
    padding: 10px 24px 100px 24px;
    box-sizing: border-box;
    font-size: 1.4rem;
    color: #382D29;
}
.mainimage img{
    display: block;
    margin: 0 auto 30px auto;
}
.mainimage a{
    color: #382D29!important;
    text-decoration: underline;
}
@media screen and (max-width: 768px) {
.mainimage{
    padding: 10px 24px 50px 24px;
    font-size: 1.2rem;
    line-height: 1.4em;
}
}

/* -----------------------------------------------------------
	子カテゴリー
----------------------------------------------------------- */
.category_child{
    background: #382D29;
    color: #fff;
    padding: 10px 24px 100px 24px;
    box-sizing: border-box;
}
.category_child_title{
    font-size: 2rem;
    line-height: 1.4em;
    text-align: center;
    padding:24px;
    margin-bottom: 50px;
}
.category_child ul{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    flex-wrap: wrap;
}
.category_child ul li{
    width: 32%;
    text-align: center;
    font-size: 1.4rem;
    margin-bottom: 50px;
    padding: 0 16px;
    box-sizing: border-box;
}
.category_child ul li img{
    display: block;
    border-radius: 15px;
    margin-top: 16px;
    max-width: 100%;
}   
.category_child li a{
    color: #BFAC8B;
    text-decoration: none;
}
.category_child li a:hover{
    text-decoration: underline;
}
@media screen and (max-width: 768px) {
.category_child{
    padding: 10px 24px 50px 24px;
}
.category_child_title{
    font-size:1.5rem;
    margin-bottom: 20px;
}
.category_child ul li{
    width: 50%;
    font-size: 1rem;
    margin-bottom: 30px;
    padding: 0 8px;
}
.category_child ul li img{
    margin-top:5px;
}   
}

/* -----------------------------------------------------------
	商品グループエリア
----------------------------------------------------------- */
.fs-body-category .fs-c-productList{
    background: #353334;
    color: #fff;
    padding: 10px 24px 100px 24px;
    box-sizing: border-box;
    margin: 0;
}
.fs-body-category .fs-c-productList__controller, .fs-c-staffList__controller, .fs-c-coordinationList__controller {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 8px auto;
    max-width: 1555px;
}
.fs-body-category .fs-c-productList__list{
    margin: 8px auto;
    max-width: 1555px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
.fs-body-category .fs-c-productList__list article{
    width: 25%;
}
@media screen and (max-width: 768px) {
.fs-body-category .fs-c-productList__list{

}
.fs-body-category .fs-c-productList__list article{
    width: 50%;
}
}

/* -----------------------------------------------------------
	用途で選ぶ・予算で選ぶ
----------------------------------------------------------- */
.use_budget{
    padding: 10px 24px 100px 24px;
    box-sizing: border-box;
    color: #ffffff;
    text-align: center;
    max-width: 990px;
    margin: 0 auto;
}
.use_budget_title{
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 35px;
    margin-top: 100px;
}
.use_budget h3{
    margin-bottom: 24px;
}
.use_budget h4{
    font-size: 1.2rem;
}
.use_budget .use{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.use_budget .use .use_budget_box{
    width: 50%;
}
.use_budget .use .use_budget_box ul{
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.use_budget .use .use_budget_box li{
    display: block;
    border: 1px solid #D7D7D7;
    width: 32%;
    height: 155px;
    position: relative;
    background: #fff;
}
.use_budget .use .use_budget_box li img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.use_budget .use .use_budget_box li span{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: 8px;
    width: 100%;
}
.use_budget .use .use_budget_box li a{
    color: #544434;
    line-height: 1.2em;
    font-size: 0.9rem;
    display: block;
    width: 100%;
  height: 100%;
}
.use_budget .use .use_budget_box li a span:hover{
    text-decoration: underline;
}
.use_budget .budget{

}
.use_budget .budget ul{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
}
.use_budget .budget li{
    width: 48%;
    margin-bottom: 24px;
}
.use_budget .budget li a{
    display: block;
    padding: 24px;
    box-sizing: border-box;
    background: #BFAC8B;
    text-align:center;
    font-size: 2rem;
    color: #544434;
    text-decoration: none;
    border-radius: 15px;
}
.use_budget .budget li a:hover{
    text-decoration: underline;
}
@media screen and (max-width: 768px) {
.use_budget{
    padding: 10px 24px 50px 24px;
}
.use_budget_title{
    margin-top: 50px;
}
.use_budget .use{
    display:block;
}
.use_budget .use .use_budget_box{
    width: 100%;
}
.use_budget .use .use_budget_box ul{
    margin-bottom: 50px;
}
.use_budget .use .use_budget_box li{
    width: 33%;
    height: 120px;
}
.use_budget .use .use_budget_box li img{
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.use_budget .budget ul{
    display:block;
}
.use_budget .budget li{
    width: 100%;
    margin-bottom: 8px;
}
.use_budget .budget li a{
    padding:8px 16px;
    font-size:1.6rem;
}
}

/* -----------------------------------------------------------
	今治浴巾のギフト
----------------------------------------------------------- */
.gift_brown_bg{
    background: #BFAC8B;
    padding: 10px 24px 100px 24px;
    box-sizing: border-box;
    color: #544434;
}
.gift_title{
    text-align: center;
    font-size: 2rem;
    margin-bottom: 35px;
    margin-top: 20px;
}
.gift_brown_bg a{
    color: #544434;
    text-decoration: underline;
}
@media screen and (max-width: 768px) {
.gift_brown_bg{
    padding: 10px 24px 50px 24px;
}
}

/* -----------------------------------------------------------
	左右画像、テキスト2カラム
----------------------------------------------------------- */
.right_text_box{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.right_text_box img,
.left_text_box img{
    width: 48%;
}
.right_text_box div,
.left_text_box div{
    width: 48%;
}
.right_text_box h3,
.left_text_box h3{
    font-size: 2rem;
    margin-bottom: 24px;
    margin-top: 24px;
}
.left_text_box{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
     -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-top: 30px;
}
@media screen and (max-width: 768px) {
.right_text_box{
    display:block;
}
.right_text_box img,
.left_text_box img{
    width: 1100%;
}
.right_text_box div,
.left_text_box div{
    width: 100%;
}
.right_text_box h3,
.left_text_box h3{
    font-size: 1.6rem;
    margin-bottom: 16px;
    margin-top: 16px;
}
.left_text_box{
    display:block;
    margin-top: 30px;
}
}

/* -----------------------------------------------------------
	動画
----------------------------------------------------------- */
.video{
     background: #544434;
    padding: 30px 24px 100px 24px;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
}
.video h2{
    text-align: center;
    font-size: 2rem;
    margin-bottom: 35px;
    margin-top: 20px;
}
.video .youtube {
  max-width: 800px;
  aspect-ratio: 16 / 9;
    margin: 0 auto;
}
.video .youtube iframe {
  width: 100%;
  height: 100%;
}

/* -----------------------------------------------------------
	人気のギフトセット
----------------------------------------------------------- */
.popular_gift_sets{
    max-width: 1250px;
    margin: 0 auto;
}
.popular_gift_sets_photo{
    max-width: 1010px;
    margin: 0 auto;
}
.popular_gift_sets_title{
    font-size: 2rem;
    border-bottom: 1px solid #544434;
    padding: 24px;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 30px;
}
.popular_gift_sets_name{
font-size: 1.8rem;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
}
.setcontents{
    border-radius: 15px;
    background: #544434;
    color: #fff;
    padding: 24px;
    box-sizing: border-box;
    font-size: 1.2rem;
    max-width: 1010px;
    margin: 0 auto;
}
.setcontents_text{
    max-width: 1010px;
    margin: 50px auto 0 auto;
}
.setcontents h4{
    text-align: center;
    font-size: 1.6rem;
    margin-bottom: 16px;
}
.setcontents li{
    list-style-type: circle;
    margin-left: 24px;
    margin-top: 16px;
    color:#bfac8a;
}
.setcontents li a{
    color: #fff!important;
}
.setcontents select{
   width 40%;
   margin-left 34px;
}

.size_color{
    border-radius: 15px;
    background: #544434;
    color: #fff;
    padding: 24px 46px;
    box-sizing: border-box;
    font-size: 1.2rem;
    max-width: 1010px;
    margin:50px auto 0 auto;
    line-height: 1.4em;
}
.size_color [type=text] {
    width: 10%!important;
    margin-top: 16px;
}
.size_color [type=submit]{
    background-color: #DEB72B;
    color: #544434;
    height:inherit!important;
    width: 100%!important;
    text-align: center!important;
    padding: 16px!important;
    box-sizing: border-box!important;
    font-size: 1.6rem!important;
    border-radius: 15px;
    margin-bottom: 24px;
    cursor: pointer;
}
.size_color [type=submit]:hover{
    background: #ECD582;
}
@media screen and (max-width: 768px) {
.size_color{
    padding: 24px 16px;
    font-size: 1rem;
}
.size_color [type=text] {
    width: 20%!important;
}
.size_color [type=submit]{
    width: 100%!important;
    padding: 8px!important;
    font-size: 1rem!important;
    font-weight: bold;
}
}



/*
AD-SAIL ADD
*/

.select{
display:none;
}