﻿@import url('https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap');
.font1{font-family: 'Nothing You Could Do', cursive;}

/*
 @import url("https://use.typekit.net/itw8dbz.css");
.font1{
    font-family: adobe-handwriting-ernie, sans-serif;
    font-weight: 400;}
    */
.linkStyle{color: #FFA07A;}

#top_cms .top_cms_bg,#footer .footer_bottom,.under_page #footer{background-color: #fdfcfa;}
#page-top a{border-radius: 50%;}
.trans_logo{
    border-radius: 0 0 60px 0;
}
#gmap,#top_info .filter{border-radius:50px 0 0 50px;}
#logo2{border-radius: 0 100px 0 0;}

.tel_bt{
    display:none;
}

/*---top page-----------------------------------------------
-----------------------------------------------------------*/
#logo{border-radius: 20px 0 0 20px;}
#logo span{border-radius:0 20px 20px 0;}
#main_img .swiper-container::before,#main_img .swiper-container::after,#contents1 .con1_left::before,#contents2 .con2_right a::before{
    content:'';
    position:absolute;
    display:block;
    background-repeat:no-repeat;
    background-size: cover;

}
#main_img .swiper-container::before{
    width:100%;
    height:100%;
    background-image:url(./Dup/img/waku.png);
    top:0;
    left:0;
    z-index:2;    
}
#main_img .swiper-container::after{
    width:35vw;
    height:55vh;
    background-image:url(./Dup/img/catch.png);
    background-size:contain;
    background-position:center center;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:1;    
}
.main_filter{z-index:3;}
.contents_wrap .contents_bg{border-radius: 100% 0 0 100%/100% 0 0 100%;}
#contents1 .con1_left::before{
    width:100%;
    height:100%;
    background-image:url(./Dup/img/waku2.png);
    top:0;
    left:0;
    z-index:2;    
}
#contents1 .font1{
    font-size:3rem;
    line-height:1;
    color: #FFA07A;
}
#contents1 .con1_left{border-radius:0 50px 0 0;}
#contents2{margin-top:0;}
#contents2 .con2_wrap{border-radius:50px;}

#contents2 .font1{
    font-size:calc(2rem - 5px);
    color: #FFA07A;
}
#contents2 .con2_right{position:relative;}
#contents2 .con2_right a::before{
    width:100%;
    height:100%;
    background-image:url(./Dup/img/waku3.png);
    top:0;
    left:0;
    z-index:2;     
}
#contents3 .con3_wrap{padding-bottom:200px;}
#contents3 .con3_right img,#contents3 .con3_right .filter{border-radius:67% 64% 86% 62%/79% 68% 83% 74%;}
#contents3 .font1{font-size:calc(2rem - 5px);}


/*----youtube-----------*/
.youtube{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.youtube iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
  border-radius: 30px;
}

/*----bnr-----------*/
.fuwafuwa {
  animation: fuwafuwa 3s infinite ease-in-out .8s alternate;
  background: url(../img/ico-apple.svg) no-repeat center center / 60px auto;
  display: block;
  transition: 1.5s ease-in-out;
}
 
@keyframes fuwafuwa {
  0% {
    transform:translate(0, 0) rotate(-7deg);
  }
  50% {
    transform:translate(0, -7px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(7deg);
  }
}

#top_cms .top_cms_bg{border-radius:0 100% 100% 0/0 50% 50% 0;}
#top_cms .more a,#top_info .more a{border-radius: 30px;}
#top_cms .cms_title p{
    font-family: 'Nothing You Could Do', cursive;
    font-weight: 400;
    font-style: normal;
    font-size: calc(2rem + 5px);
    line-height: 1.5;
}
#top_cms .cms_3-a .cate_img1{border-radius:20px;}
#top_cms .cms_3-a .cate_txt1{border-radius:10px;}
#top_cms .cms_6-c .cate_box{border-radius:0 0 20px 20px;}
#top_info .info_title p{
    font-family: 'Nothing You Could Do', cursive;
    font-weight: 400;
    font-style: normal;    
}



/*---under page-----------------------------------------------
-----------------------------------------------------------*/
header .menu_stick{border-radius:50px;}
.pager li a{
    border-radius: 20px;
    background-color: #fdb927;
}

header .page_title_bg{border-radius: 0 0 100% 0;}
#page_title,#page_title .main_filter{border-radius: 100px 0 0 100px;}
#page_title .page_title_bg{opacity:0;}
#page_title .page_title_box p{
    font-family: 'Nothing You Could Do', cursive;
    font-weight: 400;
    font-style: normal;    
    font-size:2rem;
}
#cms_1-c .box_img1,#cms_2-a .box_img1,#cms_2-a .box_img1 img,#cms_3-a .cate_img1 img,#cms_3-a .cate_txt1{border-radius:20px;}
#cms_6-c .cate_box,#cms_5-b .box_item{border-radius:0 0 20px 20px;}
#contact_tel a{border-radius:20px;}
#page07 .grid_9{border-radius:15px;}
#page07 #gmap{border-radius:20px;}
#page09 a{border-radius:5px;}
#page09 .privacy_top,#page10 li a{border-radius:20px;}


/*------sp_menu----------*/
.sp_menu {
    transition: .3s;
    z-index: 3;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 12px;
    letter-spacing: 0px;
}
.sp_menu li a {
    padding: 10px 3px;
    height: 100%;
    box-sizing: border-box;
    background-color:#fdb927;
}
.sp_menu_btn {
    width: 33.33333%;
    padding: 5px 0;
    position: absolute;
    top: -38px;
    cursor: pointer;
    text-align:center;
    border-radius: 0 20px 0 0;
}
.sp_menu_btn .nav_btn {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    position: relative;
    top: 3px;
}
.sp_menu_btn .nav_btn.close_btn span:nth-child(1) {
    transform: rotate(45deg);
}
.sp_menu_btn .nav_btn.close_btn span:nth-child(2) {
    transform: rotate(-45deg);
}
.sp_menu_btn .nav_btn.close_btn span {
    left: 0;
}
.sp_menu_btn .nav_btn span {
    display: block;
    background-color: #fff;
    height: 3px;
    width: 15px;
    position: absolute;
    left: 5px;
    top: 5px;
    transition: .3s;
}
.sp_menu_btn .close, .sp_menu_btn .open {
    display: inline-block;
    font-size: 14px;
}
.sp_menu_btn.opennow .open {
    display: none!important;
}
.sp_menu_btn .close, .sp_menu_btn .open {
    display: inline-block;
    font-size: 14px;
}
.sp_menu li:nth-of-type(1), .sp_menu li:nth-of-type(5) {
    border-left: 1px solid #fff;
}
.sp_menu li {
    width: 25%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    box-sizing: border-box;
}
.sp_menu li:nth-of-type(5), .sp_menu li:nth-of-type(6) {
    border-top: none;
}
.sp_menu li:nth-of-type(1), .sp_menu li:nth-of-type(5) {
    border-left: 1px solid #fff;
}
.sp_menu li {
    width: 25%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    box-sizing: border-box;
}


.sp_menu_btn .nav_btn.open_btn span:nth-child(1){
transform: rotate(-55deg);
left: -1px;
width: 13px;
}
.sp_menu_btn .nav_btn.open_btn span:nth-child(2){
transform: rotate(55deg);
right: -1px;
width: 13px;
}
.sp_menu_btn.opennow .open{display: none!important;}
.sp_menu.navclose{bottom: -91px;}






/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
footer {
    margin-bottom: 130px;
}
#main_img .swiper-container::before{
    background-image:url(./Dup/img/waku_tb.png);
}
#main_img .swiper-container::after{
    width: 60vw;
    height: 40vh;
}
.contents_wrap .contents_bg{
    width: 95%;
    border-radius: 100% 0 0 100%/100% 0 0 70%;
}
#footer{padding-bottom:130px;}
#logo2{border-radius:0;}
/*#page-top{bottom:100px!important;}*/
#page_title, #page_title .main_filter,header .menu_stick{border-radius:0;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#main_img .swiper-container::before{background-image:url(./Dup/img/waku_sp.png);}
#main_img .swiper-container::after{width:75vw;}
.contents_wrap .contents_bg {
    width: 98%;
    border-radius: 0 0 0 200px;
}
#contents1 .con1_left::before{background-image: url(./Dup/img/waku2_sp.png);}
#contents1 .con1_right{
    padding-bottom:50px;
    padding-top:50px;
}
#contents1 h2{font-size:calc(2rem - 10px);}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){

}






