@charset "utf-8";
@media screen and (min-width: 862px){
body .container{max-width:inherit;}
.breadcrumbs{max-width:1200px;padding: 12px;}
}
@media screen and (max-width: 861px){
body .container{padding:0}
}
#book_a_visit{color:#1a3038;font-size:16px}
#book_a_visit section{padding:10.666666666666667% 0 8%;text-align:center}
#book_a_visit strong,#book_a_visit em{font-style:normal;font-weight:600}
#book_a_visit a:hover{opacity:.7}

/*共通*/
#book_a_visit #service,#book_a_visit #chat,#book_a_visit #stores{background:#faf9f7;width:100%}
#book_a_visit .dots{letter-spacing:0;padding:0 0 0 1em;text-align:left}
#book_a_visit .dots dd{display:list-item;margin-left:1em}
#book_a_visit .dots li,#book_a_visit .dots dd{line-height:2;list-style-type:none;position:relative}
#book_a_visit .dots li::before,#book_a_visit .dots dd::before{content:"\30FB";position:absolute;text-indent:-1em}
#book_a_visit .inner{max-width:inherit}
#book_a_visit .note{padding:0 0 0 1em;text-align:left}
#book_a_visit .note li{text-indent:-1em}
#book_a_visit .note li::before{content:'※';width:1em}
#book_a_visit .note li a{text-decoration: underline}
#book_a_visit .reserveLink{align-items:center;background:#325c6b;border-radius:50%;color:#fff;display:flex;font-size:4vw;height:8em;justify-content:center;position:relative;width:8em}
#book_a_visit .reserveLink::after{background:url(/book_a_visit/_img/arrow_book_a_visit_wht.png) no-repeat 0 0;background-size:contain;content:"";height:9px;position:absolute;right:0.6em;top:50%;transform:translateY(-50%);width:5px}
#book_a_visit dl.dots{padding:0}
#book_a_visit h1 img,#book_a_visit #campaign,#book_a_visit .service__inner,#book_a_visit #scene,#book_a_visit .chat__inner,#book_a_visit #flow,#book_a_visit .stores__inner,#book_a_visit #caution,#book_a_visit #caution .dots{display:block;margin:0 auto;max-width:1200px;width:92%;}
#book_a_visit h2,#book_a_visit h3{display:inline-block;line-height:1;margin-bottom:0}
#book_a_visit h5{font-size:2.25vw;line-height:1.407407407407407;margin-bottom:1.041666666666667em}
.slick-slide a{text-decoration: underline}
#book_a_visit .mr_t_30{margin-top: 30px;}
#book_a_visit .wrap .wrap_img{max-width: 630px;margin: auto;}
#book_a_visit .no-link{position: relative;pointer-events: none;background: #ccc;}
#book_a_visit .no-link::before{display: block;position: absolute;right: 13%;bottom: -25px;width: max-content;height: 20px;color: red;font-size: 12px;content: "※メンテナンス中です";}
@media screen and (max-width:861px){
#book_a_visit .no-link::before {left: 0;}
#book_a_visit .no-link{margin-bottom: 20px!important;}}

/*メインビジュアル*/
#book_a_visit h1{width:100%;margin-bottom:0;background:url(/book_a_visit/_img/img_book_a_visit_mv_pc_bg.png)no-repeat 0 0;background-size:cover;}
#book_a_visit h1 img{width:100%}
@media screen and (max-width:861px){
#book_a_visit h1{background:url(https://www.orihica.com/book_a_visit/_img/img_book_a_visit_mv_sp_bg.png)no-repeat 0 0;background-size: cover;}}

/*お得なキャンペーン実施中！*/
#book_a_visit #campaign .campaign_mv{margin:0 auto 5.652173913043478%;width:100%}
#book_a_visit #campaign .wrap{display:flex;flex-direction:column;justify-content:center}
#book_a_visit #campaign .wrap dd{font-size:4vw;font-weight:300;line-height:2}
#book_a_visit #campaign .wrap dd:last-of-type{font-size:3.2vw}
#book_a_visit #campaign .wrap dd strong{color:#e00;display:block;font-size:4.8vw;line-height:2.333333333333333}
#book_a_visit #campaign .wrap dl{margin:0;width:100%}
#book_a_visit #campaign .wrap dt{font-size:4.7267vw;line-height:1;padding-bottom:0.705218617771509em}
#book_a_visit .wrap .reserveLink{margin:1em auto 0}
#book_a_visit #service .service__inner .RedNote{font-size: 14px;margin-top: -30px; color: red;text-align: center;}
@media screen and (min-width:769px){
#book_a_visit #campaign .campaign_mv{margin-bottom:20px;width:75%}
#book_a_visit #campaign .wrap{flex-direction:row;justify-content:flex-start}
#book_a_visit #campaign .wrap dd,#book_a_visit #campaign .wrap dd:last-of-type{font-size:18px}
#book_a_visit #campaign .wrap dd strong{padding:0}
#book_a_visit #campaign .wrap dl{padding-left:14.444444444444%;text-align:left;width:66%}
#book_a_visit #campaign .wrap dt,#book_a_visit #campaign .wrap dd strong{font-size:27px;font-weight:600}
#book_a_visit .wrap .reserveLink{margin:0}
#book_a_visit .reserveLink{font-size:1.667vw;height:9em;width:9em}
}
@media screen and (max-width:861px){
#book_a_visit #service .service__inner .RedNote{font-size: 13px;margin: -15px 0 25px;text-align: left;line-height: 1.7;}
}

/*接客予約（来店予約）とは？*/
#book_a_visit #service .service__inner > p{font-weight:300;line-height:2;margin-bottom:0.923076923076923em;text-align:left;}
#book_a_visit #service .wrap .service_p{background:#fff;border:0.153846153846154em #ccc solid;border-radius:0.769230769230769em;font-size:3.466666666666667vw;line-height:2;margin-bottom:0.923076923076923em;padding:1.615384615384615em;text-align:left}
#book_a_visit #service .wrap .service_p a{text-decoration: underline}
#book_a_visit #service .wrap > p a{color:#314285;text-decoration:underline}
#book_a_visit #service .wrap > img{width:50.289855072463768%;margin:0 auto}
#book_a_visit #service .wrap .service_p .service_note{
font-size:2.8vw;
color: #e00;
}
@media screen and (min-width:862px){
#book_a_visit #service .service__inner > p{font-size:18px;margin-bottom:0;margin-bottom:30px;}
#book_a_visit #service .wrap{align-items:flex-end;display:flex;justify-content:space-between}
#book_a_visit #service .wrap > img{margin:0;width:35%}
#book_a_visit #service .wrap .service_p{background:#fff;border:0.26666666666667em #ccc solid;border-radius:0.66666666666667em;margin-bottom:0;padding:2em 2.3333333333333em;width:58.611111111111%;font-size:15px;text-align: left;line-height:2;}
#book_a_visit #service .wrap .service_p .service_note{font-size: 12px;color: #e00;}}

/*シーン別来店予約活用方法*/
#book_a_visit #scene #slider{width:100%;margin:0 auto}
#book_a_visit #scene #slider .slick-dots{bottom:-2em}
#book_a_visit #scene #slider .slick-dots li{height:15px;margin:0 10px;width:40px}
#book_a_visit #scene #slider .slick-dots li button{background:#e8eaeb;height:15px;width:40px}
#book_a_visit #scene #slider .slick-dots li button::before{content:"";height:15px;width:40px}
#book_a_visit #scene #slider .slick-dots li.slick-active button{background:#1a3038}
#book_a_visit #scene #slider li .wrap{overflow-x:hidden;position:relative;text-align:left}
#book_a_visit #scene #slider li .wrap .lead{color:#856e30;font-size:15px;font-weight:500}
#book_a_visit #scene #slider li .wrap .lead a{text-decoration: underline}
#book_a_visit #scene #slider li .wrap .note{font-size:11px;margin:2.2727272727273em 14px 0}
#book_a_visit #scene #slider li .wrap .tit{font-size:21px;font-weight:600;line-height:1.30952380952381;margin-bottom:0.9047619047619em;padding-right:0}
#book_a_visit #scene #slider li .wrap .tit span{display:block;font-size:12px;font-weight:400;letter-spacing:0.25em;padding-bottom:0.20833333333333em}
#book_a_visit #scene #slider li .wrap img{display:block;margin-bottom:50px;width:100%}
#book_a_visit #scene #slider li .wrap img + span{align-items:center;background:#ffe438;border-radius:50%;display:flex;font-size:20px;height:4.75em;justify-content:center;left:-0.4em;letter-spacing:0.05em;line-height:1.25;position:absolute;top:10em;transform:rotate(-15deg);width:4.75em;z-index:2}
#book_a_visit #scene #slider li .wrap p{font-weight:300;line-height:1.5}
#book_a_visit #scene a.reserveLink{margin:0 auto}
#book_a_visit #scene h3{letter-spacing:0.25em;margin-bottom:1.6595744680851em;margin-left:1em;padding-left:0em;padding-right:0.27659574468085em;position:relative;z-index:1}
#book_a_visit #scene h3 span{align-items:center;background:#ffe438;border-radius:50%;display:flex;height:6.6666666666667em;justify-content:center;left:0;letter-spacing:0.05em;line-height:1.25;position:absolute;transform:rotate(-15deg);width:6.6666666666667em;z-index:2}

@media screen and (min-width:862px){
#book_a_visit #scene #slider .slick-arrow:hover{opacity:.7}
#book_a_visit #scene #slider .slick-next::before{background-image:url(/book_a_visit/_img/arrow_book_a_visit_next.png)}
#book_a_visit #scene #slider .slick-next::before,#book_a_visit #scene #slider .slick-prev::before{background-position:center top;background-repeat:no-repeat;background-size:contain;color:#fff;content:"";font-size:30px;height:55px;left:auto;line-height:1;opacity:.75;position:absolute;right:auto;top:0;width:30px}
#book_a_visit #scene #slider .slick-next,#book_a_visit #scene #slider .slick-prev{height:55px;width:30px}
#book_a_visit #scene #slider .slick-prev::before{background-image:url(/book_a_visit/_img/arrow_book_a_visit_prev.png)}
#book_a_visit #scene #slider li .wrap{margin:0 30px}
#book_a_visit #scene #slider li .wrap > p{padding:0 14px}
#book_a_visit #scene #slider.multiple-items{max-width:960px}
#book_a_visit #scene a.reserveLink{margin:3.85em auto 0}
#book_a_visit #scene h3{margin-bottom:1.6595744680851em;margin-left:3em;padding-left:0.27659574468085em;padding-right:0.27659574468085em}
#book_a_visit #scene h3 span{font-size:24px;left:-6.2em;top:-2.0833333333333em}
}
@media screen and (max-width:861px){
#book_a_visit #scene{width:100%;overflow-x:hidden}
#book_a_visit #scene #slider{width:92%}
#book_a_visit #scene h3{display:block;padding:2.266666666666667% 0 0 7.333333333333333%;margin:0 0 10.133333333333333% 22.533333333333333%;text-align:left;width:77.466666666666667%}
#book_a_visit #scene h3 span{font-size:3.52vw;width:6.666666666666667em;height:6.666666666666667em;margin-top:-2.121212121212122em;left:-23.8%}
#book_a_visit #scene #slider li .wrap img{margin-bottom:13.91304347826087%}
#book_a_visit #scene #slider li .wrap img + span{font-size:5.333333333333333vw;top:13.8em}
#book_a_visit #scene #slider li .wrap .tit{font-size:5.6vw;}
#book_a_visit #scene #slider li .wrap .tit span{font-size:3.2vw}
#book_a_visit #scene a.reserveLink{margin:3.85em auto 0}
}

/*チャット*/
#book_a_visit #chat a{display:block}
#book_a_visit #chat .chat__inner img{max-width: 370px;}
@media screen and (max-width:861px){
#book_a_visit #chat .chat__inner img{max-width: 70%;}}
#book_a_visit #chat .chat__inner h5{
max-width: 900px;margin: auto;margin-bottom: 0.74074074074074em;line-height: 1.8;}
#book_a_visit #chat .chat__inner ul{display: flex;justify-content: center;}
#book_a_visit #chat .chat__inner li{margin: 0 15px;}
@media screen and (max-width:861px){
#book_a_visit #chat .chat__inner li{margin: 0 5px;margin-bottom: 20px;}
#book_a_visit #chat .chat__inner ul :last-child{margin-bottom: 0px;}
#book_a_visit #chat .chat__inner ul{display: block;}}

/* 来店予約～来店までの流れ */
#book_a_visit #flow ol{list-style:none;width:100%;}
#book_a_visit #flow ol li{align-items:flex-start;display:flex;justify-content:space-between;font-size:2.133333333333333vw;padding-bottom:8.3333333333333%;position:relative;text-align:left;width:100%;}
#book_a_visit #flow ol li:nth-of-type(3){flex-direction:column;padding-bottom:0;}
#book_a_visit #flow ol li .wrap{margin:0 0 0 12.608695652173913%;width:87.391304347826087%;}
#book_a_visit #flow ol li .wrap p{font-size:4vw;line-height:2;}
#book_a_visit #flow ol li:nth-of-type(1) .wrap p:nth-of-type(1){margin-bottom:1em;}
#book_a_visit #flow ol li .wrap strong{color:#325c6b;display:block;font-size:6.4vw;line-height:1.208333333333333;margin-bottom:0.875em;}
#book_a_visit #flow ol li::before{background-position:0 0;background-repeat:no-repeat;background-size:cover;content:"";display:inline-block;height:144px;position:absolute;width:100px;}
#book_a_visit #flow ol li:nth-of-type(1)::before{width:2em;height:5.25em;top:0;left:1.6666666666667%;background-image:url(/book_a_visit/_img/icon_book_a_visit_1.png);background-size: 2em 5.25em;}
#book_a_visit #flow ol li:nth-of-type(2)::before{width:3.6875em;height:5.25em;top:0;left:0;background-image:url(/book_a_visit/_img/icon_book_a_visit_2.png);background-size: 3.6875em 5.25em;}
#book_a_visit #flow ol li:nth-of-type(3)::before{width:3.75em;height:5.25em;top:0;left:0;background-image:url(/book_a_visit/_img/icon_book_a_visit_3.png);background-size: 3.75em 5.25em;}
#book_a_visit #flow ol li:nth-of-type(3) .reserveLink{margin:1em auto 0}

@media screen and (min-width:862px){
#book_a_visit #flow ol li{padding-bottom:8.3333333333333%}
#book_a_visit #flow ol li:nth-of-type(3){flex-direction:row}
#book_a_visit #flow ol li .wrap{margin:0 0 0 15.222222222222%;width:58.446%}
#book_a_visit #flow ol li .wrap p{font-size:15px}
#book_a_visit #flow ol li .wrap strong {font-size:24px;line-height:1;margin-bottom:0.833333333333333em}
#book_a_visit #flow ol li:nth-of-type(1) .wrap p:nth-of-type(1){margin-bottom:0}
#book_a_visit #flow ol li::before{height:144px;position:absolute;width:100px}
#book_a_visit #flow ol li:nth-of-type(1)::before{width:54px;height:139.5px;left:1.6666666666667%;background-size: 54px 139.5px;}
#book_a_visit #flow ol li:nth-of-type(2) .wrap{margin-left:41.666666666667%}
#book_a_visit #flow ol li:nth-of-type(2)::before{width:100px;height:140.5px;left:26.555555555556%;background-size: 100px 140.5px;}
#book_a_visit #flow ol li:nth-of-type(3)::before{width:101px;height:148px;left:0;background-size: 101px 148px;}
#book_a_visit #flow ol li:nth-of-type(3) .reserveLink{margin:0}
}

/*来店予約実施店舗*/
#book_a_visit #stores .wrap{text-align: left;}
#book_a_visit #stores dd a{text-decoration:underline}
#book_a_visit #stores dl{font-size:3.466666666666667vw;margin:0 0 1.982692307692308em;text-align:left;width:100%}
#book_a_visit #stores dl:last-of-type{margin:0}
#book_a_visit #stores dt{align-items:center;display:flex;font-weight:400;justify-content:space-between;letter-spacing:0;line-height:1.5333333333333332}
#book_a_visit #stores dt .ico_bodygram{background:#69a3b8}
#book_a_visit #stores dt .ico_order{background:#b87732}
#book_a_visit #stores dt .ico_order,#book_a_visit #stores dt .ico_bodygram{color:#fff;font-size:3.2vw;line-height:1.25;padding:0.125em}
#book_a_visit #stores .wrap strong {font-size:24px;line-height:1;}
#book_a_visit #stores .wrap p {font-size:15px;margin-top: 20px;}
#book_a_visit #stores .wrap ul {margin-top: 10px;margin-bottom: 40px;}
#book_a_visit #stores .wrap a {text-decoration: underline;}
#book_a_visit #stores .wrap img {margin-top: 20px;}
#book_a_visit #stores .wrap .stores_btn{display:flex;justify-content:center;position: relative;width:100%;margin-bottom:30px;}
#book_a_visit #stores .wrap .stores_btn a{border:2px #315C6C solid;border-radius:20px;color:#315C6C;font-size:26px;font-weight:600;line-height:1;maxwidth:900px;padding:40px 0;text-align:center;width:70%;text-decoration:none;}
#book_a_visit #stores .wrap .stores_btn :after{display:inline-block;position: absolute;width: 0;height: 0;top: 42%;right:20%;margin-top:-6px;border-top: solid 15px transparent;border-right: solid 15px transparent;border-bottom: solid 15px transparent;border-left: solid 15px #315C6C;content: "";}
#book_a_visit #stores .wrap .no-link02 a{pointer-events: none;border:2px #bbb solid;color:#bbb;}
#book_a_visit #stores .wrap .stores_btn.no-link02 :after{border-left: solid 15px #bbb;}
#book_a_visit #stores .wrap .no-link02::before{display: block;position: absolute;right: 44%;bottom: 4px;width: auto;height: 20px;color: red;font-size: 12px;content: "※メンテナンス中です";}
@media screen and (max-width:861px){
#book_a_visit #stores .wrap .stores_btn a{font-size:4vw;width:90%;}
#book_a_visit #stores .wrap .stores_btn a{padding:30px 0;}
#book_a_visit #stores .wrap .stores_btn :after{top: 47%;right:10%;border-top: solid 10px transparent;border-right: solid 10px transparent;border-bottom: solid 10px transparent;border-left: solid 10px #315C6C;}
#book_a_visit #stores .wrap .stores_btn.no-link02 :after{border-left: solid 10px #bbb;}
#book_a_visit #stores .wrap .no-link02::before{right: 32%;}
}

/*注意事項*/
#book_a_visit #caution{padding-bottom:10.666666666666667%}
#book_a_visit #caution .dots{width:100%}

@media screen and (min-width:862px){
#book_a_visit #campaign .wrap,#book_a_visit #service .service__inner,#book_a_visit #scene #slider,#book_a_visit #chat a,#book_a_visit #flow ol,#book_a_visit #stores .wrap,#book_a_visit #caution .dots{max-width:900px;margin:0 auto}
#book_a_visit #stores{padding-bottom:3.1666666666667%}
#book_a_visit #stores dd a{pointer-events:none;text-decoration:none}
#book_a_visit #stores dl{font-size:15px;margin:0 0 4%;width:45.555555555556%}
#book_a_visit #stores dt .ico_order,#book_a_visit #stores dt .ico_bodygram{font-size:12px;padding:0.125em}
#book_a_visit #stores h2,#book_a_visit #caution{padding-bottom:6.4166666666667%}
#book_a_visit h2,#book_a_visit h3{border-top:0.9vw #1a3038 solid;font-size:3.9166666666667vw;padding:0.31914893617021em 0 1.063829787234em}
#book_a_visit h4{font-size:1.75vw}
#book_a_visit h4 span{font-size:1vw}
#book_a_visit h5{font-size:2.25vw;margin-bottom:0.74074074074074em}
#book_a_visit p,#book_a_visit .dots{font-size:1.25vw}
#book_a_visit section{padding:5% 0 6.1666666666667%}
}

@media screen and (min-width: 1201px){
#book_a_visit #caution{padding-bottom:77px}
#book_a_visit #stores{padding-bottom:38px}
#book_a_visit #stores h2{padding-bottom:80px}
#book_a_visit h2,#book_a_visit h3{border-top:10px #1a3038 solid;font-size:47px;padding:15px 0 50px}
#book_a_visit h4{font-size:21px}
#book_a_visit h4 span{font-size:12px}
#book_a_visit h5{font-size:27px}
#book_a_visit p,#book_a_visit .dots{font-size:15px}
#book_a_visit section{padding:60px 0 74px}
#book_a_visit .reserveLink{font-size:20px}
}

@media screen and (max-width:861px){
#book_a_visit h2,#book_a_visit h3{border-top:0.2em #1a3038 solid;font-size:6.667vw;padding:0.4em 0 1.2em}
#book_a_visit h4{font-size:5.6vw}
#book_a_visit h4 span,#book_a_visit .dots{font-size:3.2vw}
#book_a_visit h5{font-size:6.4vw}
#book_a_visit p{font-size:3.4666666666667vw}
#book_a_visit #chat .chat__inner h5{font-size: 4.8vw;}
}