﻿body{
   scroll-margin-top: none ;
}
.en_font{
    font-family: Zen Maru Gothic ,"Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, sans-serif!important;
}
.font-big{
    font-size: 2.8rem;
}
/*header*/
header{
    background-image: url('./Dup/img/headerBG.jpg');
}
.open_menu{
    height: 150px;
}
.open_menu span{
    writing-mode: vertical-rl;
    height: 120px;
}
@media(max-width:768px){
    header h1.mg_b-30px{
        margin-bottom: 0;
    }
}
/*SNS-Links*/
.sns_links{
    background-image: url('./Dup/img/headerBG.jpg');
}
@media(max-width:768px){
    #menu_wrap{
        padding-top: 125px;
    }
    #menu_wrap .sns_links{
        padding-block:20px;
    }
    .sns_links{
        background: none;
    }
    .sns_links.flex_space-around{
        justify-content: flex-start;
        gap: 30px;
    }
}
/*Top*/
#contents1{
    background-image: url('./Dup/img/contents-BG.jpg');
}
#intro h3{
    font-family: fot-tsukuardgothic-std;
    font-size: 1.6rem;
    font-weight: 700;
}
@media(min-width:1540px){
    #intro  h3 br{
        display: none;
    }
}
.fa-chevron-right:before{
    content: url('./Dup/img/migi-arrow.png');
    width: 15px;
    height: 33px;
}
.fa-chevron-left:before{
    content: url('./Dup/img/hidari-arrow.png');
    width: 15px;
    height: 33px;
}
#contents1 .arrow .fa-chevron-right.posi_center,#contents1 .arrow .fa-chevron-left.posi_center{
    transform: translate(-50%,-45%);
}
@media(max-width:768px){
    .fa-chevron-right:before{
        content: url('./Dup/img/migi-arrow-b.png');
    }
    .fa-chevron-left:before{
        content: url('./Dup/img/hidari-arrow-b.png');
    }
    #contents1 .arrow .fa-chevron-right.posi_center,#contents1 .arrow .fa-chevron-left.posi_center{
    transform: translate(-49.5%,-48%);
    }
    #contents1.mg_b-50px{
        margin-bottom: 40px;
    }
    #intro h3{
        line-height: 3.5rem;
    }
}

#contents2{
    margin-top: 50px;
}
@media(max-width:768px){
    #contents2{
        margin-top: 40px;
    }
}
#contents2 #con2__tel-button{
    margin-top: 80px;
    max-width: 500px;
}
#contents2 #con2__tel-button a{
    padding: 25px 40px;
    background-color: #FBE0A8;
    border-radius: 20px;
    font-size: 20px;
    font-weight: 600;
    font-family: Zen Maru Gothic,Sans-Serif;
    color: #353535;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
}
#contents2 #con2__tel-button a span{
    font-size: 24px;
}
@media(max-width:768px){
    #contents2 #con2__tel-button{
        max-width: 100%;
        margin: 50px auto;
    }
    #contents2 #con2__tel-button a{
        font-size: 12px;
    }
    #contents2 #con2__tel-button a span{
        font-size: 16px;
    }
}
/*下層ページ一般*/
@media(max-width:667px){
    #page_title{
        background-image: url('./Dup/img/subpage-back-sp.jpg')!important;
    }
}
/*Q＆A*/
.page06-cms .q-oct,.page06-cms .a-boy{
    display: flex;
    align-items: center;
    width: 98%;
}
.page06-cms .q-oct{
    justify-content: flex-start;
    padding: 0 40px;
    margin-bottom: 20px;
    gap: 20px;
}
.page06-cms .a-boy{
     justify-content: flex-end;
     gap: 20px;
}
.page06-cms .q-oct img,.page06-cms .a-boy img{
    width: 100px;
    height: 100px;
}
.page06-cms .q-oct h4,.page06-cms .a-boy p{
    width: 70%;
    padding: 20px;
    border-radius: 20px;
}
.page06-cms .q-oct h4{
    position: relative;
    background-color: #ffd494;
    font-size: 1.5rem;
}
.page06-cms .q-oct h4:before{
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -15px;
    border: 15px solid transparent;
    border-right: 15px solid #ffd494;
}
.page06-cms .a-boy p{
    position: relative;
    font-size: 1.5rem;
    background-color:#8fd78a;
}
.page06-cms .a-boy p:before{
    content: "";
    position: absolute;
    top: 50%;
    left:100%;
    margin-top: -15px;
    border: 15px solid transparent;
    border-left: 15px solid #8fd78a;
}
@media(max-width:667px){
    .page06-cms .q-oct, .page06-cms .a-boy{
        width: 100%;
    }
    .page06-cms .q-oct{
        padding: 0;
    }
    .page06-cms .q-oct h4,.page06-cms .a-boy p{
        font-size: 0.8rem;
    }
}
/*お問い合わせ*/
.tel_txt h4 span{
    width: 125px;
}
@media screen and (max-width: 667px){
#page08 .tel_txt .d_inline_b .box.d_flex{
    display: block;
}
#page08 .tel_txt .d_inline_b .box p{
    max-width: 180px;
    margin: 20px auto 0 auto;
}
#page08 .txt_vertical_sp {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: horizontal-tb;
}
}
/*footer*/
#footer_txt{
    background-image:url('./Dup/img/contents-BG.jpg') ;
    padding-bottom:10%;
}
#footer_txt .tel a{
    font-size: 1.8rem;
}
@media(min-width:768px){
#footer{
    height: 630px;
}
#map,footer #map iframe{
    height: 100%;
}
#map.pd_5per{
    padding: 0;
}
#footer_txt{
    height: 100%;
}
#footer_txt .mg_b-40px{
    margin-bottom: 15px;
}
#footer_txt h4, #footer_txt p, #footer_txt .tel{
    margin:0 40px 40px 40px;
}
}
@media(max-width:667px){
    #footer_txt{
    padding:5% 5% 35px 5%;
    }
    #copyright{
    padding-bottom: 150px;
}
}


/* ---------- loopSlider ---------- */
#topcms_gallery_type1 .loopSliderWrap{
    top: 0;
    left: 0;
    height: 450px;
}
#topcms_gallery_type1 .loopSlider {
    margin: 0 auto;
    height: 450px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
#topcms_gallery_type1 .loopSlider .ul {
    height:450px;
    float: left;
    overflow: hidden;
}
#topcms_gallery_type1 .loopSlider .ul .li {
    width: 450px;
    height: 450px;
    float: left;
    display: inline;
    overflow: hidden;
	position: relative;
	box-sizing: border-box;
	padding: 0;
}
#topcms_gallery_type1 .loopSlider .ul .li img{
    border-radius: 0;
}
#topcms_gallery_type1 .loopSliderWrap:after {
    content: "";
    display: none;
    clear: none;
}

/*リンクボタン*/
#topcms_gallery_type1 .btn{z-index: 3;}
#topcms_gallery_type1 .btn a::before {
    content: '';
    position: absolute;
    bottom: 55px;
    right: 27%;
    width: 42%;
    height: 1px;
    background: #333;
    transition: all .3s;
}
#topcms_gallery_type1 .btn a::after {
    content: '';
    position: absolute;
    bottom: 60px;
    right: 27%;
    width: 15px;
    height: 1px;
    background: #333;
    transform: rotate(35deg);
    transition: all .3s;
}
#topcms_gallery_type1 .btn a:hover::before {
    right: 16%;
    background: #fff;
}
#topcms_gallery_type1 .btn a:hover::after {
    right: 15%;
    background: #fff;
}
#topcms_gallery_type1 .btn {
    display: block;
}

#topcms_gallery_type1 .btn a {
    background: #fff;
    color: #212121;
    width: 200px;
    height: 200px;
    display: flex;
    align-content: center;
    justify-content: center;
    border-radius: 50%;
    flex-wrap: wrap;
    transition: all 0.4s;
}
#topcms_gallery_type1 .btn a:hover{
    background-image: url('./Dup/img/takouaki-button.png');
    color: #fff;
    transition-duration: 0.4s;
}
#topcms_gallery_type1 .btn a span{
    color: #212121!important;
}
#topcms_gallery_type1 .btn a::before,#topcms_gallery_type1 .btn a::after{
    background: #212121!important;
}
/*
#topcms_gallery_type1 .btn a:hover {
    background: #1c1c1c;
    color: #fff;
}*/
#topcms_gallery_type1 .btn a span, .btn a strong {
    text-align: center;
}
@media(max-width: 768px) {
#topcms_gallery_type1,#topcms_gallery_type1 .loopSliderWrap,#topcms_gallery_type1 .loopSlider,#topcms_gallery_type1 .loopSlider ul,#topcms_gallery_type1 .loopSlider .ul .li{
	height: 280px;
}
#topcms_gallery_type1 .loopSlider .ul .li{
    width: 280px;
}
#topcms_gallery_type1 {
    padding-bottom: 0;
    padding-top: 0;
}
}
@media(max-width: 667px) {
#topcms_gallery_type1,.loopSliderWrap,.loopSlider,.loopSlider .ul,.loopSlider .ul .li{
	height: 179px!important;
}
#topcms_gallery_type1 .loopSlider .ul .li{
    width: 179px;
}
#topcms_gallery_type1 .btn a::after {
    bottom: 35px;
    right: 27%;
}
#topcms_gallery_type1 .btn a::before {
    bottom: 30px;
    right: 27%;
}
#topcms_gallery_type1 .btn a:hover{
    background-size: cover;
}
#topcms_gallery_type1 .btn a {
    width: 140px;
    height: 140px;
    line-height: 1.7;
}
}
/*インスタ固定ボタン*/
#insta-button{
    position: fixed;
    bottom: 20px;
    right: 55px;
    width: 300px;
    height: auto;
    z-index: 2;
    opacity: 0;
    transition-duration: 0.5s ;
}
#insta-button.fadein{
    opacity: 1;
    transition-duration: 0.5s ;
}
@media(max-width:667px){
    #insta-button{
        width: 200px;
        right: 90px;
    }
}