body{
    font-family: 'Noto Sans Japanese',YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight:500;
}

/*
common
*/
.w-1{width:1%;}.w-2{width:2%;}.w-3{width:3%;}.w-4{width:4%;}.w-5{width:5%;}.w-6{width:6%;}.w-7{width:7%;}.w-8{width:8%;}.w-9{width:9%;}.w-10{width:10%;}.w-11{width:11%;}.w-12{width:12%;}.w-13{width:13%;}.w-14{width:14%;}.w-15{width:15%;}.w-16{width:16%;}.w-17{width:17%;}.w-18{width:18%;}.w-19{width:19%;}.w-20{width:20%;}.w-21{width:21%;}.w-22{width:22%;}.w-23{width:23%;}.w-24{width:24%;}.w-25{width:25%;}.w-26{width:26%;}.w-27{width:27%;}.w-28{width:28%;}.w-29{width:29%;}.w-30{width:30%;}.w-31{width:31%;}.w-32{width:32%;}.w-33{width:33%;}.w-34{width:34%;}.w-35{width:35%;}.w-36{width:36%;}.w-37{width:37%;}.w-38{width:38%;}.w-39{width:39%;}.w-40{width:40%;}.w-41{width:41%;}.w-42{width:42%;}.w-43{width:43%;}.w-44{width:44%;}.w-45{width:45%;}.w-46{width:46%;}.w-47{width:47%;}.w-48{width:48%;}.w-49{width:49%;}.w-50{width:50%;}.w-51{width:51%;}.w-52{width:52%;}.w-53{width:53%;}.w-54{width:54%;}.w-55{width:55%;}.w-56{width:56%;}.w-57{width:57%;}.w-58{width:58%;}.w-59{width:59%;}.w-60{width:60%;}.w-61{width:61%;}.w-62{width:62%;}.w-63{width:63%;}.w-64{width:64%;}.w-65{width:65%;}.w-66{width:66%;}.w-67{width:67%;}.w-68{width:68%;}.w-69{width:69%;}.w-70{width:70%;}.w-71{width:71%;}.w-72{width:72%;}.w-73{width:73%;}.w-74{width:74%;}.w-75{width:75%;}.w-76{width:76%;}.w-77{width:77%;}.w-78{width:78%;}.w-79{width:79%;}.w-80{width:80%;}.w-81{width:81%;}.w-82{width:82%;}.w-83{width:83%;}.w-84{width:84%;}.w-85{width:85%;}.w-86{width:86%;}.w-87{width:87%;}.w-88{width:88%;}.w-89{width:89%;}.w-90{width:90%;}.w-91{width:91%;}.w-92{width:92%;}.w-93{width:93%;}.w-94{width:94%;}.w-95{width:95%;}.w-96{width:96%;}.w-97{width:97%;}.w-98{width:98%;}.w-99{width:99%;}.w-100{width:100%;}
.mb-6{margin-bottom:6rem !important;}.mb-7{margin-bottom:7rem !important;}.mb-8{margin-bottom:8rem !important;}.mb-9{margin-bottom:9rem !important;}.mb-10{margin-bottom:10rem !important;}


/*
googlemap linkbtn
*/
.googlemap-linkbtn{
    display: inline-flex;
    align-content: center;
    justify-content: center;
    width:100%;
    background-color: #9EB0A7;
    border-color: #9EB0A7;
}
    .googlemap-linkbtn i{
        font-size:1.2rem;
        line-height: 100%;
    }

/*
ahover
*/
.ahover a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*
navigation
*/
.nav-container{
    position: fixed;
    width: 100%;
    z-index: 9999;
    padding:15px 0;
}
.nav-sns{
    margin-left:20px;
}
.nav-logo{
    text-align:right;
    margin-right: 20px;
}
#nav-toggle {
	cursor: pointer;
    position: absolute;
	z-index: 99999;
	right: 0;
}
#nav-toggle>div {
    position: relative;
    width: 48px;
}
    #nav-toggle .nav-sns{
        display: block;
        position: relative;
    }
#nav-toggle span {
  width: 100%;
  height: 3px;
  left: 0;
  display: block;
  background: #FFF;
  position: absolute;
  -webkit-transition: top .5s ease, -webkit-transform .6s ease-in-out;
  transition: top .5s ease, -webkit-transform .6s ease-in-out;
  transition: transform .6s ease-in-out, top .5s ease;
  transition: transform .6s ease-in-out, top .5s ease, -webkit-transform .6s ease-in-out;
}
#nav-toggle span:nth-child(1) {
  top: 0;
}
#nav-toggle span:nth-child(2) {
  top: 14px;
}
#nav-toggle span:nth-child(3) {
  top: 28px;
}
#nav-toggle:hover span:nth-child(1) {
  top: 4px;
}
#nav-toggle:hover span:nth-child(3) {
  top: 23px;
}

.open #nav-toggle span {
    background: #FFF;
}
.open #nav-toggle span:nth-child(1) {
  top: 15px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
  top: 15px;
  width: 0;
  left: 50%;
}
.open #nav-toggle span:nth-child(3) {
  top: 15px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#gloval-nav {
    background-color:#000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9998;
    text-align: center;
    display: flex;
    visibility: hidden;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity .6s ease, visibility .6s ease;
}
    #gloval-nav a{
        display: block;
        text-align:left;
        margin-bottom: 1rem;
        color:#FFF;
        font-size:20px;
    }
.open #gloval-nav {
    visibility: visible;
    opacity: 1;
}
    #gloval-nav a:hover{
        color: #CCC;
    }

/*
top content
common
*/
.top-bg{
		width:100%;
    height:100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.top-container{
    
}
    .top-container .top-col{
        height:100vh;
        background-color:rgba(255,255,255,0.6);
        text-align:center;
        padding-top:100px;
        padding-bottom: 20px;
    }
.top-textbox{
    margin-top:40px;
    font-size:18px;
}


/*
opening
*/
.top-opening{
    background-image:url("../images/p-top/top-img1.jpg");
    background-position:left bottom;
    display:block;
    justify-content:center;
    align-items:center;
}

/*
top erabu
*/
.top-erabu{
    background-color: coral;
}
    

    .top-erabu-container{
        width:100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .top-erabu-inbox{
        padding:30px;
        background-color: rgba(255,255,255,0.8);
    }
    
.top-tukau{
	background-color: rgb(255, 127, 80);
}
.top-hagukumu{
    background-image:url("../images/top/bg05.jpg");
}    
.top-asobu{
    background-image:url("../images/top/top_asobu.jpg");
}    

.top-tooi{
    background-image:url("../images/p-top/top-img4.jpg");
}
     .top-tooi-container{
        width:100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
        .top-tooi-container .top-tooi-inbox{
            background-color: rgba(255,255,255,0.8);
            padding:30px 35px;
        }

.top-contact{
    background-color: rgb(255, 127, 80);
}

.top-logo{
    width:100%;
    text-align: right;
    padding-bottom:20px;
		padding-left:10px;
		padding-right:10px;
}
.top-ctext{
    padding-top:50px;
    text-align:center;
}
.top-text_container{
    padding:25px;
    margin-top:2rem;
    border:1px solid #CCC;
    border-radius: 10px;
    background-color: rgba(255,255,255,0.3);
}

/*
view more
*/
.viewmore{
    display: inline-flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    color: #507200;
    font-weight: bold;
    font-size:24px;
}
    .viewmore i{
        font-size:48px;
    }
    .viewmore:hover{
        color:#999;
        text-decoration: none;
    }

/*
contact
*/
.contact-container{
    /*margin-top:100px;*/
}
    .contact-container h3{
        margin-bottom:50px;
        padding-bottom:1rem;
        border-bottom:1px solid #CCC;
    }
    .contact-container .contact-list{
        font-size:14px;
    }

/*
top rikcad
*/
.top-rikcad{
    background-color:#000;
    padding-top:40px;
    padding-bottom:40px;
}
    .top-rikcad .title{
        color:#FFF;
        margin-bottom:30px;
    }
    .top-rikcad p{
        color:#FFF;
        line-height: 1.4rem;
    }


/*
footer
*/
footer.footer{
    width: 100%;
    padding:10px 0;
    background-color:#000;
    color: #FFF;
		margin-top:80px;
}