@charset "utf-8";


/* common ---------------- */
#contents {  }

/* title */
.page_ttl { position: relative; width: 100%; height: 350px;
    background: url(../img/bg_pageTtl_02.jpg) no-repeat center /cover;}
#rulu .page_ttl { background-image: url(../img/bg_pageTtl_01.jpg); }
#privacy .page_ttl { background-image: url(../img/bg_pageTtl_03.jpg); }
#faq .page_ttl { background-image: url(../img/bg_pageTtl_04.jpg); }

.page_ttl h1 { position: absolute; top: 53%; left: 50%;
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
    text-align: center;
    line-height: 1.5;
}
.page_ttl h1>* { display: block; }
.page_ttl h1 span.en {
    font-family: 'Damion', cursive;
    font-size: 1.14em;
    color: #fd3232;
}
.page_ttl h1 span.jp {
    font-size: 2.85em;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 600;
    color: #633e3b;
    letter-spacing: .1em;
}

.page_ttl h1 span.jp_en {
    letter-spacing: 0;
    line-height: 1.4;
}

.page_ttl h1 span.jp_en .small { font-size: .75em;}


/*ページ内リンク*/
.pageNav { margin: 20px auto; }
[class^="pageNav"] li a { position: relative; display: inline-block; padding:.5em 2em .5em 0;
  color: #3b0f0f;
  border-bottom: 1px solid #ccc; font-weight: 600; font-size:1.3em;
  font-family: fot-tsukuardgothic-std, sans-serif; }
.pageNav li a:hover { color: #fd4a32; }

.pageNav li a::before { content: ''; position: absolute; bottom: -1px; left: 0;
  width: 100%; height: 1px; background: #fd4a32;
  transform: scale(0, 1);
  transform-origin: left top; transition: transform .3s;}
.pageNav li a:hover::before { transform: scale(1, 1); }

.pageNav li a::after { content:"";
  position:absolute; top:50%; right:10px;
  width:10px; height:10px;
  border-top:2px solid #ccc; border-right:2px solid #ccc;
  transform: rotate(135deg) translate(-50%,0);
  -webkit-transform: rotate(135deg) translate(-50%,0);
  -ms-transition:all .5s; transition:all .5s; }


.pageNav2 { margin: 40px auto 0; }
#catalog .pageNav2 { margin: 40px auto; }
.pageNav2 li a { color: #fff; border-radius: 50px; }
.pageNav2 li a span { padding-right: 2em; position: relative; }
.pageNav2 li a span::before {
  content: ""; position: absolute; top: 0; right: 0;
  width: 28px; height: 28px; background: url(../img/arrow.png) no-repeat center; transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.pageNav li a:hover::after { border-top:2px solid #fd4a32; border-right:2px solid #fd4a32; }

[class^="pageNav"][class*="2"] li a { min-width: 320px; padding: .8em 2em; border: none; background: linear-gradient(to right, #f05365 30%, #fbb9aa 85%); text-align: center; }
[class^="pageNav"][class*="2"] li.nade a { background: linear-gradient(to right, #FF8008 30%, #FFC837 85%); }

/* contents ---------------- */

/* ---------------------------------------
Keitについて #about
----------------------------------------- */
.about_lead { position: relative;padding-bottom: 110px; }
.about_lead::before { content: ""; z-index: -1; position: absolute; bottom: 0; right: 0; left: 0; width: 100%; min-height: 240px; background: rgba(255, 200, 166, .3); }
.about_lead::after { content: ""; z-index: -1; position: absolute; right: 0; top: 8%;
    background: url(../img/top/deco_square.png) no-repeat;
    transform: rotate(90deg); -webkit-transform: rotate(90deg);
    width: 174px; height: 174px; }

.about_lead .secTtl { display: block; text-align: center; font-size: 1.875em; }
.about_lead .heart {  font-size: 1.2rem; }
.about_lead .leadBox>* { width: 50%; }
.about_lead .leadBox figure img { width: 100%; display: block; padding: 4px; box-shadow: 4px 4px #fcbfc6; }

.about_lead .leadBox .txtBox { z-index: -1; position: relative; top: 50px; background: #fff;
    padding: 20px 20px 20px 40px; font-size: 1.06em; line-height: 2; font-weight: 600; color: #633e3b; }

/*Keitの4つの魅力*/
.charmpoint {  position: relative; }
.charmpoint::before {content: ""; position: absolute; top: -30px; left: 0;
    background: url("../img/about/charmpoint.png") no-repeat;
    width: 409px; height: 292px; background-size: 350px; }

#about .reList>li { padding: 0; background: none; border-radius: 0; }
#about .reList>li:not(:last-child)::after { display: none; }
#about .reList>li:nth-child(3) { margin-bottom: 70px; }
#about .reList>li figure { width: 40%; }
#about .reList>li .txtBox { width:58%; padding-left: 0; }
#about .reList>li .step { left: 10px; top: -30px; }
#about .reList>li .step>span:first-child { letter-spacing: 0; }

#about .example { text-align: center; width: 100%; margin-top: 20px; padding: 20px; background: rgba(255, 200, 166, .3); }
#about .exList li { width: 16%; }
#about .exList li img { width:100%; }
#about ul.kome { text-align: left; font-size: .85em; margin-top: 1em; }
#about .button { text-align: left; }
.ttl_sharp { margin-bottom: .5em; font-family: fot-tsukuardgothic-std, sans-serif; font-size: 1.25em; font-weight: bold; }
.ttl_sharp::before { content: "#"; font-size: .8em; margin-right: .3em; }


#about .imgArea { position: relative; width: 100%; height: 467px;
    background: url(../img/deco_square_str.png) no-repeat left 170px bottom -100px,url(../img/deco_square_dot.png) no-repeat left 80px top; }

#about .imgArea .txt { font-size: 1.4rem; font-weight: bold; color: #633e3b; letter-spacing: .1em; }
#about .imgArea .txt p { margin: 0; }
#about .imgArea .txt>p:nth-child(2) { margin: 0 0 0 120px; }
#about .imgArea .txt p>span { font-size: 1.4em; }

#about .imgArea ul { width: 75%; margin: 50px 0 0 auto; }
#about .imgArea ul li { width: 24%; }
#about .imgArea ul li img { width: 100%; }

/* ---------------------------------------
プラン一覧
----------------------------------------- */
#plan { overflow: hidden;}
#plan .bnr_dantai{ margin: 80px auto 0; }

/*WEB限定特典*/
#coupon {  background: url(../img/top/deco_square.png) no-repeat left 28px top 50px; }
.couponList { margin: auto; }
.couponList>li { width: 48%; margin-bottom: 30px; }

.couponList figure { text-align: center ;}
.couponList figure img { width: 100%; }
.couponList .txt-ttl { text-align: center; margin: 0 auto;  padding: .5em 1em;
    font-size: 1.5em; font-weight: 600; font-family: fot-tsukubrdgothic-std, sans-serif;
    border-bottom: 1px dashed; }
.couponList .txt-ttl


.couponList ul.disc { padding: 0; }
.couponList ul.disc li { list-style-type:none; text-indent: -1em; padding-left: 1em; }
.couponList ul.disc li::before { content: "●"; margin-right: .3em; }

.couponList .button { margin: 30px auto 0; }
.couponList .button a { padding: .5em 4em .6em 2em; font-size: 1.25em; background:#fcac20;  }
.couponList li:nth-child(2) .button a { background:#ed4d5f; }
.couponList li:nth-child(3) .button a { background:#c67cbe; }
.couponList li:nth-child(4) .button a { background:#5aa9d1; }
.couponList .button a::before { background: url("../img/arrow_w.png") no-repeat center; }

#coupon .atten .ttl { margin-bottom: 1em; font-size: 1.5em; font-family: fot-tsukuardgothic-std, sans-serif; font-weight: 600; text-align: center; }

#coupon .center span.ttl{
    display: block;
    margin-top: 1.5em;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 600;
    font-size: 1.5em;
}
#plan .kome li,#plan .disc li { margin-bottom: 10px; }

/*レンタルプラン料金に含まれるもの-------------*/
#item { z-index: 0; position: relative; margin-bottom: 100px;}
#item::before { content: ""; z-index: -1;
    position: absolute; top: -50px; left: -10px; background: url(../img/top/rentalitem.png) no-repeat; width: 429px; height: 333px; transform: rotate(-35deg); }
#item>div.inner { padding: 50px 30px; background: rgba(255, 200, 166, .3); }


#plan .subTtl { color: #633e3b; }
#plan .subTtl>span::before { background: url(../img/deco_subTtl01_brown.png) no-repeat; }
#plan .subTtl>span::after { background: url(../img/deco_subTtl02_brown.png) no-repeat;  }

.itemList { width: 90%; margin: 0 auto; }
.itemList li { text-align: center; width: 21%; margin-bottom: 20px; }
.itemList li figure { border-radius: 500px; overflow: hidden; }
.itemList li figure img { width: 100%; }
.itemList .name { margin: .5em auto; font-size: 1.25em; color: #3b0f0f; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 1.2; }

.itemList li.haori figure { border: 2px dotted #fd4a32; }
.itemList li.haori .name { color: #fd4a32; font-weight: bold;  }
.txt_haori {
    display: inline-block; margin: 0 auto; padding: .5em 2em; text-align: center;
    color: #fff; background: #fd4a32;font-weight: bold; }


#item .decoImg { position: absolute; bottom: 0; right: 0; }
#item .decoImg img { width: 90%; }

#item .itemList-icon .name { font-size: 1.4em;}
#item .itemList-icon figure { padding-top: .8em;}
#item .itemList-icon img { max-width: 90%;}

.makeup {margin-bottom: .2em;}
.makeup span { background: rgb(122 56 56 / 80%); color: #fff;
    font-size: .85em;
    padding: 0.3em 0.3em 0.1em;
    margin-right: 0.3em;
    display: inline-block;
    line-height: 1.1;}
.make p+p {margin-top: 0;}

/* セルフ写真館 */
.zeikomi {margin: -2em 0 2em;}
.self_photo .secTtl {position: relative; max-width:1000px; margin: 0 auto; text-align: center;}
.about_lead.self_photo {padding-bottom: 30px;}
.about_lead.self_photo::before {background: none;}

.self_photo .secTtl:before {content:"";position:absolute;  top: 30%; left: 10%; background: url(../img/faq/deco_bag.png) no-repeat; width: 57px; height: 57px;}
.self_photo .secTtl:after {content:"";position:absolute;  top: 30%; right: 12%; background: url(../img/faq/deco_heart.png) no-repeat; width: 57px; height: 57px;}
.about_lead.self_photo .leadBox figure:nth-child(2n){margin-top: 2em;}
.about_lead.self_photo .leadBox {width: 80%; margin: 3em auto; width: 80%; gap: 2em 0;}
.about_lead.self_photo .leadBox figure { width: 48%; }

.about_lead .leadBox figure img { width: 100%; display: block; padding: 4px; box-shadow: 4px 4px #fcbfc6; }
.about_lead .leadBox figure:nth-child(2) img {box-shadow: 4px 4px #efa569;}
.about_lead .leadBox figure:nth-child(3) img {box-shadow: 4px 4px #5ba9ef;}
.about_lead .leadBox figure:nth-child(4) img {box-shadow: 4px 4px #9268b8;}


/*レンタルプラン*/
.planBox { position: relative; margin-bottom: 110px; }
.planBox::before {
    content: ""; z-index: -1;  position: absolute; top: 50px; left: 0; bottom: 0;
    width: 93%; height:100%;
    background: rgb(254, 204, 89, 0.2); }
.planBox::after {
    content: ""; position: absolute; top: 50px; right: 7%;
    width: 69px; height: 68px;
    background-image: url("../img/plan/deco_heart_ye.png"); }

.planList>div:nth-child(2n)::before { left: auto; right: 0; }
.planList>div:nth-child(2n)::after { right: auto; left: 7%;  }

/*各プラン色変更--------------*/
/*いろどりプラン*/
.planList>div.irodori::before { background: rgb(240, 83, 101, 0.1); }
.planList>div.irodori::after { background-image: url("../img/plan/deco_heart_pink.png"); }
/*なでしこプラン*/
.planList>div.nadeshiko::before { background: rgb(198 124 190 / .13); }
.planList>div.nadeshiko::after { background-image: url("../img/plan/deco_heart_pur.png"); }
/*浴衣プラン A */
.planList>div.yukata::before { background: rgb(102 193 181 / .2); }
.planList>div.yukata::after { background-image: url("../img/plan/deco_heart_green.png"); transform: scale(-1,1); }
/*浴衣プラン B */
.planList>div.plan_B::before { background: rgb(102 193 181 / .2); }
.planList>div.plan_B::after { background-image: url("../img/plan/deco_heart_green.png"); }
/*メンズ */
.planList>div.mens::before { background: rgb(24 99 167 / .15); }
.planList>div.mens::after { background-image: url("../img/plan/deco_heart_blue.png"); }
/*メンズ 浴衣プラン*/
.planList>div.yukata_mens::before { background: rgb(77 201 234 / 20%); }
.planList>div.yukata_mens::after { background-image: url("../img/plan/deco_heart_aqua.png"); }
.planBox>.flex>* { width: 50%; }
.planBox .txtBox { padding-top: 90px; }
.planBox .txtBox .name { font-family: fot-tsukuardgothic-std, sans-serif; font-size: 2em; font-weight: bold; }
.planBox .txtBox .name::before { content: "#"; font-size: .8em; margin-right: .3em; }
.planBox .txtBox .price { margin-bottom: 50px; text-align: right; margin: 0; font-family: 'Josefin Sans', sans-serif; font-size: 1.8em; letter-spacing: .1em; }
.planBox .txtBox .price .small { font-weight: 400; }
.planBox .txtBox .button a { display: block; padding: .2em 3em .3em 2em; font-size: 1.875em; }
.planBox .button.btn-catalog a{background-image: linear-gradient(to right, #f05365 0%, #fbb9aa 51%, #f05365 100%); letter-spacing: .01em;}
.plan_slide { z-index: 5; }
.plan_slide li { text-align: center; }
.plan_slide li img { margin: 0 auto ; }
/* summer_campaign */
.plan_slide{ position: relative;}
/* .basic .plan_slide::after,
.irodori .plan_slide::after,
.mens .plan_slide::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    height: 59px;
    background: url(../img/plan/sum_cam_label_red.jpg?20220916) no-repeat;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
} */
.planBox .txtBox .price .red { color: #f10000; }
.planBox .txtBox .price .price_b { font-size: 1.5em;  }
.planBox .txtBox .price .small.bold { font-weight: bold; }

/*含まれないもの*/
.noneItem { position: relative; padding: 50px 0 120px; }
.noneItem::before {     content: ""; z-index: -1;
    position: absolute;
    right: 0;
    bottom: 20px;
    background: url(../img/top/deco_square.png) no-repeat;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    width: 174px;
    height: 174px; }

.noneItem .note-dot { padding-left: 3em; }


/*レンタルオプション -------------*/
#option { padding: 90px 0 80px; background: rgba(255, 200, 166, .3); }

.optionList::after {  content: ""; width: 32%;}
.optionList>li { width: 32%; margin-bottom: 40px; }
.optionList>li:last-child, .optionList>li:nth-last-child(2) { width: 48%; }

.optionList>li figure { display: block; position: relative; }
.optionList>li figure img { width: 100%; }
.opTtl { padding: .5em 1em; line-height: 1.5; width: 100%; margin: 0; background: #fcac20; bottom: 0; left: 0; }
.optionList>li:nth-child(2) .opTtl { background: #ed4d5f; }
.optionList>li:nth-child(2) .opTtl.all { right: 0; left: auto; border-left: 1px dashed #fff; background: #ff7484; }
.optionList>li:nth-child(3) .opTtl { background: #5aa9d1; }
.optionList>li:nth-child(4) .opTtl { background: #c67cbe; }
.opTtl>* { display: block; }
.optionList>li:nth-child(3)>p>.small { margin-top: 20px; display: block; }
.optionList .name {
    color: #fff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-size: 1.5em;
    font-weight: bold;
}
.optionList .name::before {
    content: "#";
    font-size: .8em;
    font-weight: 100;
    margin-right: .3em;
}
.optionList .price { margin: 0; color: #fff; font-family: 'Josefin Sans', sans-serif;
    font-size: 1.428em; font-weight: 200; letter-spacing: .1em; }
.optionList .price .small { font-weight: 400; }

#option .decoImg { position: absolute; bottom: -30px; left: 5%; }
#option .decoImg img { width: 77%; }

#plan .linkBtn { padding: 60px 0; }
#option .small { font-size: 15px;}

/* ---------------------------------------
着物カタログ
----------------------------------------- */
#catalog #irodori::after { content: ""; z-index: -1; position: absolute; left: 0; top: 17%;
    background: url(../img/top/deco_square.png) no-repeat;
    width: 174px; height: 174px;}
#catalog #irodori::before { content: ""; z-index: -1; position: absolute; right: 0; top: 46%;
    /* background: url(../img/deco_square_str.png) no-repeat; */
    background: url(../img/top/deco_square.png) no-repeat;
    transform: rotate(180deg); -webkit-transform: rotate(180deg);
    width: 230px; height: 409px; background-size:95%;}

#catalog #irodori .deco::after { content: ""; z-index: -1; position: absolute; right: 0; bottom: 13%;
    background: url(../img/catalog/kimonocatalog.png) no-repeat;
    width: 555px; height: 397px;}
#catalog #irodori .secttl .iblock:nth-child(3){margin-left: 0.5em;}
#catalog .secttl {    display: inline-block;
    position: relative;
    text-align: center;
    margin-bottom: 1em;
    font-size: 2.85em;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 600;
    color: #633e3b;
    letter-spacing: .1em;
    line-height: 1.5;}
#catalog .secttl span.ttl-deco {position: absolute; top:-50px; right: -69px;}
#catalog .secttl::before,#catalog .secttl::after{ content: ""; position: absolute; top: 0; }
#catalog .secttl::before {
    top: 6px; left: -72px;
    background: url("../img/faq/deco_heart.png") no-repeat ; width: 35px; height: 41px; }
#catalog .secttl::after {
    right: -87px; top: 33px; width: 53px; height: 78px;  }

#catalog .lead { margin: 3em auto; padding: 1.5em 1em 1.8em; font-size: 20px; font-weight: bold; letter-spacing: .1em; background-color: rgba(255, 200, 166, .3); }
#catalog .pageNav li {width: 22%;}
#catalog .pageNav li a {width: 100%; font-size: clamp(1em,1.6vw,18px);}
#catalog .catalog-box {gap: 2vw; margin-top: max(2px,2%);}
#catalog .catalog-box li {width: 22%; margin-bottom:20px;}
#catalog .catalog-box li .number {display:inline-block; width: 100%; margin: 0.7em auto 0; padding: 0 1em; border: solid 1px #ed4d5f; border-radius:20px; background-color:#fff; text-align: center; color:#ed4d5f; font-size: min(1.3vw,1.1em); font-weight: bold; font-family: fot-tsukuardgothic-std, sans-serif;}
#catalog .catalog-box li figure {position: relative;}
#catalog .catalog-box li figure img {width: 100%;}
#catalog .catalog-box li figure::before {content: ""; z-index: 0; position: absolute; top: 0; right: 0; border-top: 30px solid #ed4d5f; border-right: 30px solid #ed4d5f;
    border-bottom: 30px solid transparent; border-left: 30px solid transparent;}
#catalog .catalog-box li figure::after {content: ""; z-index: 0; position: absolute; top: 10px; right: 10px; background: url(../img/heart.svg) no-repeat center /15px; width: 15px; height: 15px;}

#catalog #nadeshiko .catalog-box li .number { border: solid 1px #ffa304; color:#ffa304; }
#catalog #nadeshiko .catalog-box li figure::before { border-top: 30px solid #ffa304; border-right: 30px solid #ffa304; border-bottom: 30px solid transparent; border-left: 30px solid transparent; }

/* ---------------------------------------
アクセス
----------------------------------------- */
#access .shopinfo { padding: 80px 0 0; }
#access .shopinfo .imgBox { position: relative; }
#access .shopinfo .imgBox .shopBox { overflow: hidden; position: relative ;width: 100%; height: 400px; }
#access .shopinfo .imgBox .shopBox .img01 { position: absolute; width: 45%; left: 0;  }
#access .shopinfo .imgBox .shopBox .img02 { position: absolute; width: 58%; right: 0; top: 20px;  }

#access .shopinfo .commentBox { position: absolute; right:-130px; bottom: 0; }
#access .shopinfo .commentBox>figure { position: relative; display: inline-block; }
#access .shopinfo .commentBox>figure p { position: absolute;top: 10px; right: 40px; font-weight: bold;letter-spacing: .1em; }


.case_area { margin-bottom: 50px; font-family: fot-tsukubrdgothic-std, sans-serif; }
.ttl_bgicon { margin-bottom: 1em; padding: .2em 1em .3em; color: #fff; background: #564f4d; font-size: 1.5em; font-weight: 600; }
.ttl_bgicon span { position: relative; padding-left: 1.3em; }
.ttl_bgicon span::before {
    content: ""; position: absolute; left:0; top:50%;
    width: 19px; height: 24px;
    background: url("../img/access/icon_train_w.png") no-repeat;
    transform: translate(0,-50%); -webkit-transform: translate(0,-50%); }
.carCase .ttl_bgicon span::before { width: 25px; height: 16px; background: url("../img/access/icon_car_w.png") no-repeat; background-size: 25px; }
.busCase .ttl_bgicon span::before { width: 23px; height: 24px; background: url("../img/access/icon_bus_w.png") no-repeat; }


.caseBox>* { width: 49%; padding: 20px; background: #fff; }

.caseBox .ttl_case { position: relative; padding-left: 1.3em; font-size: 1.125em; font-weight: 600; margin-bottom: .5em; }
.caseBox .ttl_case::before {
    content: ""; position: absolute; left:0; top:50%;
    width: 16px; height: 16px;
    background: url("../img/access/icon_diamond.svg") no-repeat;
    transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}

.caseList dt { border-radius: 100px; padding: .5em 1em; font-weight: 600; background:#fff; border: 1px solid #f2af86; }
.caseList>div:first-child dt { background:#eee; border: none; }
.caseList>div:last-child dt  { background:#fd4a32; color: #fff; border: none;  }

.caseList dd { position: relative; padding: 1em 1em 1em 4em; }
.trainCase .cost2 .walk dd  { height: 158px; }
.caseList>div:last-child dd { display: none; }
.carCase .caseList dd { padding-left: 4.5em; }

.caseList>div:not(:last-child) dd::before {
    content: ""; position: absolute; left: 20px; top: 0;
    width: 1px ; height: 100%; border-left: 1px solid #633e3b; }
.caseList .walk dd::before { border-left: 1px dotted #633e3b!important; }

.caseList dd::after { content: ""; position: absolute; left: 35px; top:15px; }
.caseList .train dd::after {
    background: url("../img/access/icon_train_red.png") no-repeat center ; width: 19px; height: 23px;}
.caseList .walk dd::after {
    background: url("../img/access/icon_walk_red.png") no-repeat center ; width: 15px; height: 23px; }
.caseList .car dd::after {
    background: url("../img/access/icon_car_red.png") no-repeat center ; width: 24px;
    height: 19px; background-size: 24px;  top: 18px; }
.caseList .bus dd::after {
    background: url("../img/access/icon_bus_red.png") no-repeat center ; width: 23px; height: 24px; }
#access .button { margin: 30px auto 60px; }

#sightseeing .lead { margin: 0 auto 3em; text-align: center; font-weight: bold; letter-spacing: .1em; }
.sightList > li { width: 100%; }
.sightList > li .ttl { padding: .2em 0; background: #f2543f;
  text-align: center; letter-spacing: .1em; color: #fff;
  font-size: 1.125em; font-weight: bold;
  font-family: fot-tsukuardgothic-std, sans-serif;
}
.sightList > li figure img { width: 100%; }



/* ---------------------------------------
よくある質問
----------------------------------------- */
#faq article>section:not(:last-child) { padding: 80px 0 0; }
#faq article { padding-bottom: 180px;
    background: url("../img/faq/bg_photo02.png") no-repeat bottom 40px right 160px,
    url("../img/faq/bg_photo01.png") no-repeat bottom 80px right 0;
    background-size: 240px,180px; }

/*タイトルイラスト*/
#faq .secTtl { padding: 0 1em; }
#faq .secTtl::before,#faq .secTtl::after { content: ""; position: absolute; top: 0; }
#faq .secTtl::before { left: 0; }
#faq .secTtl::after { right: 0; }

#goyoyaku .secTtl::before {
    background: url("../img/faq/deco_kirakira.png") no-repeat ; width: 20px; height: 29px; }
#goyoyaku .secTtl::after {
    right: -40px; top: -20px;
    background: url("../img/faq/deco_iphone.png") no-repeat ; width: 53px; height: 78px;  }

#bring .secTtl::before { left: -40px;
    background: url("../img/faq/deco_bag.png") no-repeat ; width: 55px; height: 54px; }
#bring .secTtl::after { right: -10px;
    background: url("../img/faq/deco_heart.png") no-repeat ; width: 34px; height: 40px;  }

#rental .secTtl::before { left: -40px;
    background: url("../img/faq/deco_make.png") no-repeat ; width: 48px; height: 84px; }
#rental .secTtl::after { right: -40px;
    background: url("../img/faq/deco_drier.png") no-repeat ; width: 65px; height: 87px;  }



.faqList .row { padding: 0 1em; background: #fff; border-radius: 10px; }

.faqList dt,.faqList dd { position: relative; }
.faqList dt::before,.faqList dd::before {
    text-align: center; position: absolute; top: 50%; left: 0;
    width: 40px; height: 40px; color: #fff;
    font-size:1.56rem; line-height: 1.3; border-radius: 100%;
    transform: translate(0,-50%); -webkit-transform: translate(0,-50%);
    font-family: fot-tsukuardgothic-std, sans-serif; font-weight: 600;
}
.faqList dt::before { content: "Q"; background: #fd4a32; }
.faqList dd::before { content: "A"; background: #633e3b; top: 0; transform: none; }

.faqList dt { margin-bottom: 1em; padding: 1em 1em 1em 2.5em; color: #633e3b; font-size: 1.3em; font-weight: 600; font-family: fot-tsukuardgothic-std, sans-serif; }
.faqList dt:hover { cursor: pointer; }
.faqList dt::after { content:"";
  position:absolute; top:50%; right:10px;
  width:10px; height:10px;
  border-top:2px solid #fd4a32; border-right:2px solid #fd4a32;
  transform: rotate(135deg) translate(-50%,0);
  -webkit-transform: rotate(135deg) translate(-50%,0);
  -ms-transition:all .5s; transition:all .5s;
}
.faqList dt.active { border-bottom: 1px dashed #fd4a32; }
.faqList dt.active::after { transform: rotate(-45deg); }
.faqList dd { display:none; margin-bottom:30px; padding-bottom: 1em; padding-left: 3.5em;}

.faqList ul { margin-top: 1em; font-size: .9em; }
.faqList ul>li { margin-bottom: 10px; }


/* ---------------------------------------
お問い合わせ
----------------------------------------- */
#contact .lead {
    text-align: center;
    font-size: 1.5em;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 600;
}
#contact .note { margin-top: 100px; }
#contact .note .hour { margin-left: 1em; }
.thanksBox .button a::before { right: auto; left: 30px;
  transform: translate(0,-50%) scale(-1,1);-webkit-transform: translate(0,-50%) scale(-1,1);}



/* ---------------------------------------
ご利用について
----------------------------------------- */
/*ご利用の流れ*/
.reList>li { position: relative; padding: 30px; background: #fff; border-radius: 10px ; }
.reList>li:not(:last-child) { margin-bottom: 50px; }
.reList>li:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -40px;
    width: 0;
    height: 0;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    border-top: solid 10px #e7340c;
    border-right: solid 6px transparent;
    border-bottom: solid 10px transparent;
    border-left: solid 6px transparent;
}

.reList>li figure { width: 40%; }
.reList>li figure img { width: 100%; }
.reList>li .txtBox { width: 56%; padding-left: 20px; }
.reList>li .step { position: absolute; left:-10px; top:-10px;
    text-align: center;
    width: 62px; height: 61px;
    margin: 0; padding: 10px;
    font-family: 'Damion', cursive;
    color: #fff;
    background: url("../img/top/circle_red.png") no-repeat center;
    font-size: 17px;
    line-height: 0.7;
}
.reList>li .step>* { display: block; }
.reList>li .step>span:first-child { letter-spacing: .15em; }
.reList>li .step>span+span { font-size: 2.14em; }
.reList>li .ttl { font-size: 1.5em; font-family: fot-tsukuardgothic-std, sans-serif;font-weight: 600; border-bottom: 1px solid #fd3232; }

.reList .button { width: 100%; margin: 40px auto 0; text-align: center; }



/*注意事項*/
#rulu article>section:not(:last-child) { padding: 80px 0 0; }
#rulu article>section>div:not(:first-child) { margin-top: 40px; }
#rulu .secTtl { display: block; }
#rulu .note-dot .tel { display: block; background-position: top 20px left; }

.cashBox>div:not(:first-child) { margin-top: 20px;}
.cashBox dt { padding: .3em 1em; background: #564f4d; color: #fff; font-weight: bold;
    letter-spacing: .1em;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px; }

.cashBox dd { padding: 30px; background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; }

.cashBox .pay ul::after { content: ""; width: 50%; }
.cashBox .pay li { width: 25%; text-align: center; margin-bottom: 20px; }
.cashBox img { height: 50px; }

#rulu .note-custom { line-height: 1; margin: 30px auto;  }
#rulu .note-custom>p:not(:first-child) { line-height: 1.2; }
#rulu #flow .tel { font-size: 1.5em; background: url(../img/tel.svg) no-repeat top 2px left /16px; }
/*#rulu .note-custom .mail { font-size: 1.285em; }
#rulu .note-custom .mail a { color: #3b0f0f; }*/


/* ---------------------------------------
プライバシーポリシー
----------------------------------------- */
#privacy article>section.shopinfo { padding: 0; }
#privacy .secTtl { display: block; }
#privacy .lead { text-align: center; font-size: 1.2em; font-family: fot-tsukuardgothic-std, sans-serif; }

.privacyList { margin: 60px auto; padding: 0; }
.privacyList>li:not(:first-child) { margin-top: 40px; }
.privacyList>li h3 { position: relative; padding-left: 2em; margin-bottom: 1em; }
.privacyList>li h3::before { content: "1";
    position: absolute;
    top: 5px;
    left: 0;
    text-align: center;
    width: 28px;
    height: 28px;
    background: #fd4a32;
    color: #fff;
    border-radius: 100px;
    font-size: .8em;
    line-height: 1.7;
}
.privacyList>li:nth-child(2) h3::before { content: "2"; }
.privacyList>li:nth-child(3) h3::before { content: "3"; }
.privacyList>li:nth-child(4) h3::before { content: "4"; }
.privacyList>li:nth-child(5) h3::before { content: "5"; }
.privacyList>li:nth-child(6) h3::before { content: "6"; }
.privacyList>li:nth-child(7) h3::before { content: "7"; }
.privacyList>li:nth-child(8) h3::before { content: "8"; }

.shopinfo .name { margin: 0 auto 1em; font-size: 2em; font-weight: bold; color: #633e3b;}
.shopinfo .shopBox>div { width: 48%; }
.shopinfo .shopBox>div:first-child { line-height: 1; }
.shopinfo .shopBox>div .button a { display: block; width: 100%;padding: .5em 1.5em .6em 0; font-size: 2em; }


/* ---------------------------------------
予約フォーム（団体のお客さま）
----------------------------------------- */
#booking_g article { background: url(../img/deco_hearts.png) no-repeat top 40% left 10%,
url(../img/deco_star.png) no-repeat top 60% right 6%,
url(../img/keitoinkyoto.png) no-repeat bottom -20px right -100px;
}
#booking_g .note-dot { margin-top: 40px; }
#booking_g .note-dot h3 { text-align: center; margin-bottom: 1em;
    font-size: 1.5em; font-family: fot-tsukuardgothic-std, sans-serif; font-weight: 600;
}


/* ---------------------------------------
404
----------------------------------------- */
#error .button a::before { right: auto; left: 30px; transform: translate(0,-50%) scale(-1,1); -webkit-transform: translate(0,-50%) scale(-1,1); }
#error .txtBox { text-align: center; margin-bottom: 80px; }


/* ================================================================
  レスポンシブ
=================================================================== */
/* 600以上(PC・タブレット) */
@media screen and (min-width: 600px) {

  .sightList > li { width: 32%; }

  [class^="pageNav"] li + li { margin-left: 2em; }

  /* summer_campaign */
  .plan_slide{ position: relative;}
  .yukata .plan_slide::after,
  .basic .plan_slide::after,
  .irodori .plan_slide::after,
  .mens .plan_slide::after,
  .yukata_mens .plan_slide::after {
      width: 301px;
  }

  #rulu .note-custom>p:not(:first-child) { margin-top: 1em; }

  .optionList.col1-2 {justify-content: space-around;}
  .optionList.col1-2 .option-hair {width: 60%; max-width: 750px;}

}

/* 960px以上(PC) */
@media screen and (min-width: 960px) {
 .planBox .button.btn-catalog a { padding-top:0.3em; font-size: min(2.4vw,1.875em);}
 .planBox .txtBox .button a {min-height: 65px;}
}

/* ================================================================
  タブレット
=================================================================== */
/* 1024以下 (タブレット横以下) */
@media screen and (max-width: 1024px) {

#about .imgArea { height: 350px;
    background-position: left 90px bottom -80px, left top;
    background-size: 200px,80px; }

}

/* 959以下 (タブレット以下) */
@media screen and (max-width: 959px) {

/* ---------------------------------------
Keitについて #about
----------------------------------------- */
.about_lead { padding-bottom: 40px; }
.about_lead .leadBox figure { width: 60%; }
.about_lead .leadBox .txtBox { width: 90%; margin: 0 0 0 auto; padding: 50px 30px 20px; top: -30px; right: 0 ; left: auto; }

/* ---------------------------------------
プラン一覧
----------------------------------------- */
#coupon .button a { display: block;  }
.couponList .txt-ttl { padding: .3em 0 .5em; }

#plan .subTtl { font-size: 1.5em; }
#plan .subTtl>span::after,#plan .subTtl>span::before { display: none; }

#item .decoImg { width: 200px; }

/* summer_campaign */
.planBox .txtBox .price { font-size: 1.4em; }

/*レンタルプラン*/
.planBox>.flex { justify-content: space-between; -webkit-justify-content: space-between; }
.planBox>.flex>* { width: 48%; }
.planBox .txtBox .name { font-size: 1.5em; }
.planBox .txtBox .button a { padding: .2em 2em .3em 1em; font-size: 1.5em; }
.planBox .button.btn-catalog a {letter-spacing: -1px;}

.optionList>li { width: 48%; }

.about_lead.self_photo {padding-bottom: 0px;}
.self_photo .secTtl:before {top: -14px; left: 5px;}
.self_photo .secTtl:after {top: 161px; right: -2px;}



/*よくある質問*/
#faq article { background-position: right 160px bottom 30px,right bottom 20px; }

#access .shopinfo .imgBox .shopBox .img01 { width: 70%; }
#access .shopinfo .imgBox .shopBox .img02 { width: 50%; }
#access .shopinfo .commentBox { right: -30px; }
#access .shopinfo .commentBox img { display: block; width: 80%; margin-right: 0; margin-left: auto; }
#access .shopinfo .commentBox>figure p { top: 10px; right: 15px; line-height: 1.5; font-size: .9em;}

.thanksBox ul.disc { text-align: left; }

   /* ---------------------------------------
  着物カタログ
  ----------------------------------------- */
  #catalog article>section { padding:min(72px,11%) 0;}
  #catalog .catalog-box {gap: 1em;}
  #catalog .catalog-box li {width: 30%;}
  #catalog .pageNav li {width: 32%;}
  #catalog .pageNav li a {width: 100%;}
  #catalog .catalog-box li figure::before {border-top: 25px solid #ed4d5f; border-right: 25px solid #ed4d5f; border-bottom: 25px solid transparent; border-left: 25px solid transparent;}
  #catalog .catalog-box li figure::after {top: 8px; right: 9px; background: url(../img/heart.svg) no-repeat center /13px;}
  #catalog .secttl span {right: -19px;}
  #catalog .secttl::before {width: 25px; height: 33px;top: -27px; left: -27px; background: url(../img/faq/deco_kirakira.png) no-repeat;}
  #catalog .secttl::after {right: -43px; top: 76px;}
  #catalog #irodori .deco::after {width: 373px; height: 289px; background-size: 94%;}

  #catalog #nadeshiko .catalog-box li figure::before { border-top: 25px solid #ffa304; border-right: 25px solid #ffa304; border-bottom: 25px solid transparent; border-left: 25px solid transparent; }

}

/* ================================================================
  スマホ
=================================================================== */
@media screen and (max-width: 599px){
  article>section { padding:50px 0; }

  .page_ttl { height: 150px; }
  .page_ttl h1 { top: 55%;line-height: 1.2;  }
  .page_ttl h1 span.jp { font-size: 1.8em; }

  /*ページ内リンク*/
  .pageNav li { margin-right: 0; width: 100%; }
  .pageNav li a { display: block; font-size: 1.15em; }

  .pageNav2 li + li { margin-top: 1.5em; }

  /* ---------------------------------------
  Keitについて #about
  ----------------------------------------- */
  .about_lead::after { top:-80px;background-position: top right; background-size:60px; }
  .about_lead .secTtl { font-size: 1.5em; line-height: 1.7; }
  .about_lead .secTtl .big { font-size: 1.25em; letter-spacing: .05em; }
  .about_lead .leadBox>* { width: 100%!important; }
  .about_lead .leadBox figure img { width: 90%; margin: 0 auto; }

  .charmpoint::before {top: -30px; left: -10px; width: 100%; height: 140px; background-size: 180px;}
  .charmpoint .secTtl span { right: -30px; top: -30px; }
  #about .reList { margin-top: 20px; }
  #about .reList>li:not(:last-child) { margin-bottom: 50px; }
  #about .reList>li:nth-child(3) { margin: 80px auto 70px; }
  #about .reList>li .ttl { font-size: 1.25em; line-height: 1.5; padding-bottom: .5em;}
  #about .example { order: 3; margin-top: 10px; }
  #about .exList li { width: 32%; margin-bottom: 2%; }

  #about .imgArea { height: 400px; background-position: left 30px bottom -90px, left top 70px; background-size: 200px,60px; }
  #about .imgArea .txt { font-size: 1.2rem; }
  #about .imgArea .txt>p:nth-child(2) { margin-left: 20px;  }
  #about .imgArea ul { width: 60%; margin: 20px 0 0 auto; }
  #about .imgArea ul li { width: 49%; margin-bottom: 2%; }


  /* ---------------------------------------
  プラン一覧
  ----------------------------------------- */
  /*WEB特典*/
  #coupon { background-position:top left -20px; background-size: 80px; }
  .couponList { margin: 0 auto; }
  .couponList .button {  margin: 20px auto 0; }
  .couponList>li { width: 100%; margin-bottom: 10px; }
  #coupon .button a { text-align: center; padding: .5em 2em .6em 1em;}

  #plan .bnr_dantai { margin: 30px auto 0; }

  /*レンタルプラン含まれるもの*/
  #item { margin-bottom: 90px; }
  #item::before { top: -60px; left: 0; width: 200px; height: 160px; background-size: 200px;}
  #item>div.inner { padding: 20px; }
  .itemList { width: 100%; }
  .itemList::after { content: ""; width: 31%; }
  .itemList li { width: 31%; }
  .itemList .name { margin: 0; font-size: 1em;  }
  #item .decoImg { width: 140px; bottom:40px; }
  #item .decoImg img { width: 100%; }
  .txt_haori { display: block; padding: .5em 5em .5em 1em; text-align: left;}

  #item .itemList-icon .name { font-size: 1.2em; flex: 1;}
  #item .itemList-icon img { max-width: 80%;}


  /*レンタルプラン*/
  .planBox { margin-bottom: 0; padding: 40px 0 60px;}
  .planBox.yukata_mens { margin-bottom: 60px; }

  .planBox::before { top: auto; width: 100%; height: 100%; border-top: 1px dashed #efa627;  }
  .planList>div.irodori::before { border-color:#f05365;}
  .planList>div.nadeshiko::before { border-color:#c67cbe;}
  .planList>div.yukata::before { border-color:#66c1b5;}
  .planList>div.mens::before { border-color: #1863a7; }
  .planList>div.yukata_mens::before { border-color:#67bbd2; }

  .optionList>li:last-child, .optionList>li:nth-last-child(2) { width: 100%; }

  .planBox::after { top: 0; right: 0; }
  .planList>div:nth-child(2n)::after { left: 0; }
  .planBox>.flex>* { width: 100%;}

  .plan_slide { order: 2; z-index: 0; overflow: hidden; height: 420px;   }
  .plan_slide li img {width: 100%; }
  .planBox .txtBox { order: 1; padding-top: 0; }
  .planBox .txtBox .name { text-align: center; margin-bottom: .5em; }
  .planBox .txtBox .price {  font-size: 1.3em; margin-bottom: 30px; }
  .planBox .txtBox .button { display: none; }
  .planBox .button.sp_only { margin-top: 40px;}
  .planBox .button.btn-catalog {margin-top: 20px;}
  .planBox .button.btn-catalog a {letter-spacing: 0;}

    .self_photo .secTtl:before {top: 115px; left: 5px; background: none;}
    .self_photo .secTtl:after {top: 152px; right: -21px;}
    .about_lead.self_photo .leadBox {width: 100%; gap: 0;}
    .about_lead.self_photo .leadBox figure {width: 50%!important;}
    .zeikomi { margin: -1em 0 2em;}
    #item.item_sec {margin-bottom: 20px;}

  .noneItem { padding: 0 0 80px;  }
  .noneItem::before {
    width: 80px;
    height: 80px;
    background-size: 80px; }

/* summer_campaign */
    .plan_slide::after { width: 100%; height: 61px!important; background-size: 100%!important; }
    .planBox .txtBox .price .price_b {  font-size: 1.8em; }

  /*オプション*/
  #option {  padding: 90px 0 40px }
  .optionList>li { width: 100%; }
  #option .button a { text-align: left; padding: .5em 1em .6em!important; letter-spacing: 0; }

  .makeup span { padding: 0.3em 0.3em 0.2em;}



  /*よくある質問*/
  #faq article>section:not(:last-child) { padding: 60px 0 0; }
  #faq article { padding-bottom: 160px; background-position: right 121px bottom 40px,right bottom 20px; background-size: 200px,150px; }

  #goyoyaku .secTtl::after { right: -30px; background-size: 40px; }
  #bring .secTtl::after { right: -30px; }
  #rental .secTtl::before { left: -20px; width: 40px; background-size: 37px; }
  #rental .secTtl::after { right: -20px; width: 50px; background-size: 50px;}


  .faqList dt { padding: 1em 1em 1em 2.2em; font-size: 1.15em; line-height: 1.5; }
  .faqList dd { padding-left: 2.5em; }
  .faqList dt::before,.faqList dd::before { top: 17px; width: 30px; height: 30px; line-height: 1.7;
    transform: none; font-size: 1rem;}
  .faqList dd::before { top: 0; }
  .faqList dt::after { right: 0; }



  /*アクセス*/
  #access .imgBox .shopBox>* { position: relative!important; width: 100%!important; top: 0!important; }
  #access .shopinfo .imgBox .shopBox { height: auto; margin-bottom: 45%;  }
  #access .shopinfo .commentBox { right: -20px; bottom: -120px; width: 80%; }
  #access .shopinfo .commentBox img { width: 100%; }
  #access .shopinfo .commentBox>figure p { top: 15px; right: 10px; margin: 0; font-size: 12px; letter-spacing: 0; line-height: 1.8; }
  #access .button { margin: 20px auto 60px; }
  .slash { display: none; }

  .case_area { margin-bottom: 30px; }
  .caseBox>* { width: 100%; margin-bottom: 20px; }
  .trainCase .cost2 .walk dd { height: auto; }






  /*お問い合わせ*/
  #contact .note .hour { margin-left: 0;text-align: left; }
  #contact .lead { font-size: 1.2em; text-align: left; }




  /*ご利用について*/

  /*ご利用の流れ*/
  .reList { margin-top: 50px; }
  .reList>li:not(:last-child) { margin-bottom: 30px; }
  .reList>li .txtBox, .reList>li figure { width: 100%!important; padding: 0!important; }
  .reList>li figure { order: 1; }
  .reList>li .txtBox { margin-top: 10px;  order: 2; }
  .reList>li { padding: 20px; }
  .reList>li:not(:last-child)::after {display: none;}
  .reList>li .step { left: -10px; top: -20px ;}
  .reList .button {order: 3; margin-top: 20px; }
  .reList .button a { padding: .5em 1em!important; text-align: left;  font-size: 1em!important;letter-spacing: 0;}


  #rulu .note-dot .tel {
    background-position: top 18px left;
    background-size: 20px;
  }
  .cashBox dd { padding: 15px; }
  .cashBox .pay ul::after { display: none; }
  .cashBox .pay li { width: 48%; }
  .cashBox img { height: 30px; }

  #rulu .note-custom { line-height: 1.5; }
  #rulu .note-custom>p { display: block; }
  #rulu .note-custom .tel { background-position: top 12px left; background-size: 20px; }
  #rulu .note-custom .hour { background-position: top 4px left; }
  #rulu .note-custom .mail { background-position: top 6px left; margin-top: 10px;}

    /* ---------------------------------------
  着物カタログ
  ----------------------------------------- */
  #catalog .lead .red {display:inline-block; margin-top: 1em; line-height: 1.9; letter-spacing: .05em; font-size: 0.65em;}
  #catalog .secttl::after {
    right: -25px;
    top: 68px;
    width: 53px;
    height: 78px;}
#catalog .secttl::before {
        top: -33px;
        left: 18px;
        background: none;
        width: 35px;
        height: 41px;
        background-size: 43%;
    }
    #catalog .lead {margin: 2em auto; padding: 1.5em 0 1.8em; font-size: 18px; line-height: 1.5; }
    #catalog #irodori .secttl .iblock:nth-child(3){margin-left: 0;}
    #catalog .secttl{font-size: 1.8em;}
  #catalog .secttl span.ttl-deco {right: 0; top: -40px;}
  #catalog article>section { padding:4em 0; }
  #catalog .pageNav li {width: 100%;}
  #catalog .catalog-box {gap: 1em;}
  #catalog .catalog-box li {width: 47%; min-height: 250px; }
  #catalog .catalog-box li .number {font-size: clamp(12px,3vw,1em);}
  #catalog .catalog-box li figure::before {border-top: 20px solid #ed4d5f; border-right: 20px solid #ed4d5f; border-bottom: 20px solid transparent; border-left: 20px solid transparent;}
  #catalog .catalog-box li figure::after {top: 5px; right: 5px;}
  #catalog #irodori::before {background: none;}
  #catalog #irodori::after {width: 187px; height: 175px; top: 5.6%; background-size: 43%;}
  #catalog #irodori .deco::after {bottom:15%; width: 200px; height: 147px; background-size: 100%;}

  #catalog #nadeshiko .catalog-box li figure::before { border-top: 20px solid #ffa304; border-right: 20px solid #ffa304; border-bottom: 20px solid transparent; border-left: 20px solid transparent; }

  /*プライバシーポリシー*/
  #privacy .lead { text-align: left; font-size: 1em; line-height: 2;font-weight: 600; }
  .privacyList { margin: 40px auto; }
  .privacyList>li:not(:first-child) { margin-top: 30px; }
  .privacyList>li>ol { padding-left: 1.5em; }

  #privacy .shopinfo { padding: 0; }
  #privacy .note-dot .tel {
    background-position: top 5px left;
    background-size: 20px;}

  .shopinfo .name { font-size: 1.5em;}
  .shopinfo .shopBox>div { width:100%; }
  .shopinfo .shopBox>div .button a { font-size: 1.5em; padding: .5em 3em .6em 3em;}


  /*予約フォーム（団体のお客さま）*/
  #booking_g article{
    background: none,none,url(../img/keitoinkyoto.png) no-repeat;
    background-position: 0,0,right -90px bottom -20px!important;
    background-size: 70%;
  }
  #booking_g article>section { padding: 30px 0 80px; }
  #booking_g .note-dot { text-align: left; background: url(../img/deco_hearts.png) no-repeat top 20px left 20px /20px,#fff url(../img/deco_star.png) no-repeat bottom 10px right 10px /20px; }
  #booking_g .flo_reserve { display: none; }


}
@media screen and (max-width: 375px){
.planBox .txtBox .price { font-size: 1.2em; }
}
@media screen and (max-width: 320px){

  .shopBox .fax { display: block; margin-top: 1.2em; }
  .shopinfo .shopBox>div .button a { padding: .5em 1.5em .6em 0; }

}