@charset "utf-8";

:root{--MainShadow: 0 0 4px rgb(0 0 0 / 20%);--Width:90%;--MaxWidth: inherit;--MinWidth: auto;--MainPadding: 30px 0px 30px 0px;}

.contentWrapper{
    position: relative;
}
article .btn{}
article .btn a{font-size: 13px;}
article .btn a:after{
    right: 5px;
    font-size: 110%;
}
article .btn a:hover{}
article .CommonTtl{
}
article .CommonTtl .main{
    font-size: 20px;
    padding-bottom: 10px;
}
article .CommonTtl .sub{
    font-size: 14px;
}
article .MainTxt{
    width: var(--Width);
    margin: 0 auto;
    font-size: 14px;
    text-align: left;
    margin-bottom: 20px;
}
article .MainTxt br{
    display: none;
}
article .BoxSec{
    width: 100%;
    box-sizing: border-box;
    margin-top: 40px;
    margin-bottom: 40px;
}
article .BoxSec:before,article .BoxSec:after{
    top: 10px;
    width: 60px;
    height: 50px;
}
article .BoxSec.flower01:before{
    left: 0;
}
article .BoxSec.flower01:after{
    right: 10px;
}
article .BoxSec.flower02:before{
    left: 10px;
}
article .BoxSec.flower02:after{
    right: 0px;
}
article .BoxSec .CommonTtl{
    margin-top: -0.8em;
}
article .BoxSec .Inner{
    min-width: auto;
    max-width: inherit;
    width: var(--Width);
}
article .photo .owl-theme .owl-controls{
    position: relative;
    margin-bottom: -10px;
}
article .photo .owl-theme .owl-controls .owl-page span{}
article .photo .owl-buttons{}
article .photo .owl-theme .owl-controls .owl-buttons div{}
article .photo{}
article .photo .caption{}


/*-----------------------Menu*/
html.modal-is-locked{overflow:hidden;touch-action:none}
.modal-is-locked .overlay:before{background-color:rgba(0,0,0,0.8)!important}
.commonHeader{position:relative}
.disp-overlay .commonHeader{ position: fixed;}
.wrapper{padding-top:0}
.header_change{display:none}
.commonHeader .hamburger{
    z-index: 999;
}

/*------------------------------------------menuArea*/
.menuArea{position: absolute;margin-top: 0;top: 50px;width: 45px;height: 45px;right: 10px;}
.menuArea.fixed{position:fixed;width:100%;top: 10px;z-index:999}
.menuArea .Inner{display:none}
.menuArea .humb{display:block;position:absolute;right: 0;top: 0;padding:0 10px;font-size:10px;text-align:center;width:45px;height:45px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;border-radius:3px;padding-top:6px;box-shadow:0 0 3px rgba(0,0,0,0.5);background-color:#fff}
.menuArea.header_change .humb{display:none}
.menuArea .humb span{border-top:1px solid #000;display:block;padding-top:5px;letter-spacing:.5px;position:relative;margin-top:5px;font-weight:700}
.menuArea .humb span:before,.menuArea .humb span:after{content:"";border-top:1px solid #000;display:block;width:100%;height:1px}
.menuArea .humb span:before{margin-bottom:3px}
.menuArea .humb span:after{content:"";position:absolute;left:0;top:-6px}
.menuArea.open{display:block;width:100%;height:100%;position:fixed;overflow-y:scroll;top:0;right:-100%;z-index:9999;text-align:center;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;transition:all .4s;-webkit-overflow-scrolling:touch;right:0;background-color: var(--MainColor);}
.menuArea.open .humb{right:auto;left:15px;top:20px;padding:0;display:block;box-shadow:none;z-index:999999;background-color:initial;position:fixed}
.menuArea.open .humb span{display:none}
.menuArea.open .humb:before,.menuArea.open .humb:after{content:"";width:2px;height:47px;background:#fff;top:20px;display:block;left:20px;position:absolute}
.menuArea.open .humb:before{transform:translate(-50%,-50%) rotate(45deg)}
.menuArea.open .humb:after{transform:translate(-50%,-50%) rotate(-45deg)}
.menuArea.open .Inner{margin-left:20%;background-color:#fff;min-height:100%;text-align:left}


.menuArea .Inner h2{
    display: block;
    text-align: center;
    font-size: 15px;
    margin-bottom: 10px;
}
.menuArea .Inner ul{
    display: block;
}
.menuArea .Inner li{
    text-align: left;
}
.menuArea .Inner li + li{
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 10px;
}
.menuArea .Inner li:before,.menuArea .Inner li:last-of-type:after{
    content: none;
}
.menuArea .Inner li:last-of-type:after{}
.menuArea .Inner li a{
    color: var(--MainColor);
    font-size: 13px;
}
.menuArea .Inner li a:hover,.menuArea .Inner li a.active{color: var(--SubColor);}
.header_change.menuArea .Inner{}
.header_change.menuArea .Inner li{}
.header_change.menuArea .Inner li a{}