@charset "utf-8";
/*------------------
Theme Name: ufuta
-------------------*/

/*common*/
.pc{display: none!important}
body {font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;font-weight: 500;line-height:2;font-size: 14px;}
.none{display: none!important}
a{color:inherit;}
.container{width:94%;margin:0 auto;padding: 40px 0;}
.container.pt-none{padding:0 0 20px;}
img{max-width:100%;height:auto;}
li{list-style: none;}
.nerkoone{  font-family: "NerkoOneSubset";}
.mt20{margin-top:20px;}
.font01{  font-family: "Kalam";}
.hover{transition: .3s ease-in-out;}
.hover:hover{opacity: 0.5 ; transition: .3s ease-in-out;}
.bold{font-weight:bold;}
.text-center{text-align: center}
.line01{box-shadow: none;background:#b6b6b6;height: 1px;border: none}
.bg-light-gray{background-color: #f7f7f7;}
.btn01 {display: block;background: #000;color: #fff;text-align: center;padding: 3%;font-size: 14px;margin: 10px 0;}
.btn02 {display: block; border:1px solid #000;text-align: center;padding: 3%;font-size: 14px;margin: 10px 0;background-color: #fff;}
.btn03 {display: block; border:1px solid #53b900;text-align: center;padding: 3%;font-size: 14px;margin: 10px 0;background-color: #53b900;color: #fff}
.border-line{display: inline-block;line-height: 1;padding: 0 4% 1%;background: linear-gradient(transparent 42%, rgba(255, 2054, 140, 1) 10%);}
.bg-f9f7ef{background-color: #f9f7ef;}
.bg-paper{background: url(_img/bg-paper.jpg) repeat;}
.breadcrumb__list{font-size:14px;margin:8px 0;}
.breadcrumb__item{display:inline-block;}
.breadcrumb__item:after{content: ">";margin:0 5px;}
.breadcrumb__item:last-child:after{display: none;}
.breadcrumb a{text-decoration:underline;}
.red{color:#c92e2e}
/*記事内で使用*/
.article{}
.article img{display: block;margin: 20px auto 20px;max-width: 100%;height: auto;width:70%;}
.article p{margin-bottom: 20px;font-size:14px}
.article strong{font-weight:bold;}
.article ul{margin-bottom: 20px;}
.article li{list-style-type: disc;margin: 0 0 10px 1.4vw}
.article h2{font-size:16px;margin-bottom:2%;}
.article h3{font-size:16px;margin-bottom:2%;}
.article h4{font-size:16px;margin-bottom:2%;}
.article h5{font-size:16px;margin-bottom:2%;}
.big01 {font-size:16px;}
.big02 {font-size:18px;}
.small01 {font-size:12px}
.small02 {font-size:10px}
.img-side{display:inline-block;text-align:center;font-size: 1vw;vertical-align:top;margin-bottom: 2vw;margin-left: 1vw;}
.img-side:first-child{margin-left:0;}

.heading01{background-color:#f1f1f1;height:80px;font-size: 20px;text-align: center;padding-top:30px;line-height: 0.8;margin-bottom: 20px;font-size: 30px;}
.heading01 span{font-size: 12px;}
.heading02{font-size: 18px;text-align: center;margin: 20px 0 10px;font-weight: bold;}
.heading03{font-size: 16px;}
.heading04{font-size: 16px;text-align: center;margin-bottom: 10px;}
.heading05{font-size: 18px;text-align: center;margin-bottom: 10px;line-height: 1.4;letter-spacing: 1px;font-weight: bold;}
.heading05 .en{font-size: 36px;line-height: 1}
.heading05 .ja{font-size: 12px;}

.icon-tab{font-size: 0; position: fixed;bottom: 0;background: #fff;border-top: 1px solid #e5e5e5;}
.icon-tab-item{display:inline-block;width:20%;font-size: 14px;text-align: center;box-sizing: border-box;border-left:1px solid #e5e5e5;line-height: 1.4;padding-bottom: 8px;border-bottom: 4px solid #fff;}
.icon-tab-item.on{color:#64b2ba;border-bottom: 4px solid;}
.icon-tab-item:nth-child(1){border-left:none;}
.icon-tab-item img{width:100%}


.price{margin: 10px 0;}
.price dt{display: inline-block;width:45%;vertical-align: middle;margin-bottom: 1.20px;}
.price dd{display: inline-block;width:55%;line-height:1.2;margin-bottom: 1.20px;}
.price dd .font01{font-size: 20px;}
.price dd span.mini{font-size: 12px}

.related-page {font-size: 0;}
.related-page img{display: inline-block;width:25%;height: auto;vertical-align: top;}
.related-page .box{display: inline-block;width:71%;font-size: 12px;margin-left: 4%;}
.related-page li{padding:8px 0;border-top:1px solid #c4c4c4;}
.related-page li:last-child{border-bottom:1px solid #c4c4c4;}

.contact{padding:30px 0 20px;}
.contact .container{ margin: 0 auto 0;}

.footer{padding:50px 0 100px;background-color:#372303;color:#fff;text-align: center;}
.copyright{font-size:12px;}

.sitemap{font-size: 0;text-align: left;width:80%;margin:0 auto 40px;}
.sitemap li{display: inline-block;width:50%;font-size: 12px;}

.icon-list{font-size: 0;}
.icon-list li{display: inline-block;width:25%;padding:5px;box-sizing: border-box;}

.index-slider{position: relative;}
.index-slider .logo{position: absolute;z-index: 10;width: 30%;left: 0;right: 0;top: 40%;margin: auto;}
p.sub-text{font-size: 12px;color:#5e5e5e}

.topics{margin: 0 auto 40px;padding: 10px;font-size: 0;}
.topics dt{text-align: center;font-size: 20px;margin-right: 50px;}
.topics dd{middle;font-size: 14px;}
.topics a{text-decoration: underline;}

.index-img01{margin:20px 0 0;}

.swiper {width: 100%;height: 40vh;border-bottom-right-radius:50% 26%;border-bottom-left-radius: 50% 26%;}
.swiper-slide{background-size: cover;}
.swiper-slide1{background-image: url(_img/slider01.jpg);}
.swiper-slide2{background-image: url(_img/slider02.jpg);}
.swiper-slide3{background-image: url(_img/slider03.webp);}
.swiper-slide4{background-image: url(_img/slider04.webp);}
.swiper-slide5{background-image: url(_img/slider05.webp);}
.swiper-slide6{background-image: url(_img/slider06.webp);}
.swiper-slide7{background-image: url(_img/slider07.webp);}

.plan_table{width:100%;line-height: 1.2;font-size: 12px;background-color: #fff;}
.plan_table .gentei{font-size: 14px;}
.plan_table td {padding:10px;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding: 5px;vertical-align: middle;}
.plan_table th{padding:10px;vertical-align: middle;}
.plan_table td:nth-child(odd){border-left:1px solid #e6e6e6;width: 35%;}
.plan_table th.bg-gray{background: #e6e6e6;}
.plan_table th.bg-gentei{background: #d2efe9;}
.plan_table .off{font-size: 12px;font-weight: bold;display: inline-block;background-color: #a52540;padding: 2px;color: #fff;margin-left: 4px;}
.plan_table .normal{text-decoration: line-through;}
.plan_table .price-gentei{font-size: 18px;}
.plan_table .sub{font-size: 12px;}
.plan_table thead,.plan_table tfoot {background-color: #333;color: #fff;}
.img-center{display: block;margin: 20px auto;}
.bestrate {background-color: #fff;border:1px solid #988547;outline: 1px solid #988547;outline-offset: -5px;padding:10px;margin: 10px;}
.fadein-element {transform: translateY(30px);opacity: 0;visibility: hidden;transition: transform 1s, opacity 1s, visibility 1s;}
.is-fadein {transform: translateX(0);opacity: 1;visibility: visible;}

.plan-card-list{text-align: center;font-size: 0;}
.plan-card-list li {margin-bottom: 20px;}
.plan-card-list li a{padding: 10px;background-color: #fff;display: inline-block;box-shadow: 0px 0px 15px -9px #757575;}
.plan-card-list li .heading03{margin: 10px 0;font-weight: bold;}

.wide {margin: auto;}
.wide img {width: 100%;display: inline-block;vertical-align: middle;margin:30px 0}
.wide .text-box{padding: 10px;}


/* Navbar & Navmenu color */
:root {
  --background-navbar: rgba(55, 35, 3, 0.8);
}

.header {
  position: fixed;
  width: 100%;
  height: 52px;
  z-index: 100;
}

/* Nav items */
.menu {
  list-style: none;
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  margin-top: 52px;
  padding: 0 0 10px 0;
  clear: both;
  background: var(--background-navbar);
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  transform: scale(1, 0);
  transform-origin: top;
}

/* Hamburger menu button */
.menu-btn:checked ~ .menu {
  transform: scale(1, 1);
  transform-origin: top;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

/* Hamburger menbu text */
.menu a {
  letter-spacing: 2px;
  font-size: 16px;
  text-transform: capitalize;
  color: #fff;
  opacity: 0;
  transition: 0.5s;
  display: block;
  text-align: center;
}

.menu li {
  border-top: 1px solid #8f7852;
  padding: 15px 0;
  opacity: 0;
  transition: 0.5s;
}

.menu-btn:checked ~ .menu a,
.menu-btn:checked ~ .menu li {
  opacity: 1;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s;
}

.menu-btn {
  display: none;
}

.menu-icon {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding: 24px 14px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: #fff
}

.navicon {
  background: #372303;
  display: block;
  height: 3px;
  width: 26px;
  position: relative;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

.navicon:before,
.navicon:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  background: #372303;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

.navicon:before {
  top: 9px;
}

.navicon:after {
  bottom: 9px;
}

/* Hamburger Menu Animation Start */
.menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before {
  top: 0;
}
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  bottom: 0;
}

.menu-btn:checked ~ .menu-icon .navicon {
  background: rgba(0, 0, 0, 0);
  transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}
/* Hamburger Menu Animation End */

/* Navbar Container */
.navtext-container {
  width: 100%;
  height: 52px;
  position: absolute;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Navbar Text */
.navtext {
  position: absolute;
  text-transform: uppercase;
  color: #ddd;
  letter-spacing: 4px;
  font-size: 20px;
}

.faq-cat{text-align: center;}
.faq-cat__item{display: inline-block;}
.faq-cat__item a{padding: 5px 10px;border:1px solid #000;font-size: 14px;}
.faq-cat__item a:after{font: normal normal normal 100%/1 "icomoon"; content: "\f105";display: inline-block;font-size: 16px;margin-left: 5px;}
.faq_set dt{margin-bottom: 10px;}
.faq_set dt:hover {cursor: pointer;}
.faq_set dt:before {font: normal normal normal 100%/1 "icomoon"; content: "\f059";display: inline-block;margin-right: 5px;color: #4e4e4e}
.faq_set dt.active:before {content: "\f05a";}
.faq_set dd {padding: 0 15px 30px 30px;line-height: 1.6;font-size: 14px;}
.faq_set dd a{text-decoration: underline;color: #372303;}


.single-plan p{font-size: 14px;}
.single-plan .heading05{margin-top: 20px;}
.single-plan .plan_table{margin-bottom: 20px;}

iframe{margin: auto}

.tel-text{font-size: 30px;text-align: center;}
.mail-text{font-size: 16px;text-align: center;}

.index-intro{padding-bottom: 50px;}
.intro-image{position: relative;width: 100%;overflow: hidden}
.intro-image .intro-image-logo{width: 30%; display:block;margin: 40px auto 10px;}
.scroll-in{opacity: 0;}
.intro-image01{width: 16%;position: absolute;left:14%;top:0px;transform: translateX(-100px);transition: 2s ease;}
.intro-image02{width: 22%;position: absolute;left:0;top:58px;transform: translateX(-200px);transition: 2s ease;}
.intro-image03{width: 16%;position: absolute;left:5%;bottom: 0px;transform: translateX(-300px);transition: 3s ease;}
.intro-image04{width: 26%;position: absolute;right:0;top:0px;transform: translateX(150px);transition:2s ease;}
.intro-image05{width: 13%;position: absolute;right:10%;top:82px;transform: translateX(250px);transition: 2s ease;}
.intro-image06{width: 25%;position: absolute;right:0;bottom: 0px;transform: translateX(350px);transition: 3s ease;}


.plan-sub{font-size: 14px;display: inline-block;background-color: #f9f7ef;font-weight: bold;padding:5px 7px;}
.plan-price{font-size: 16px;}
.plan-price .font01{font-size: 22px;}

.single-plan{text-align: center;}
.single-plan .plan-price{font-size: 16px;text-align: center;}
.single-plan .plan-price .font01{font-size: 30px;}
.single-plan .plan-sub{}

.gallery-list{font-size: 0;}
.gallery-item{display: inline-block; width : 33.33333% ; /* 未対応ブラウザ用フォールバック */width : -webkit-calc(100% / 3) ;width : calc(100% / 3) ;}

/* タブ---------------------------------------------------------------*/
.tab-group{
font-size: 0;
text-align: center;
margin: 30px 0 20px;

}
.tab{
  display: inline-block;
flex-grow: 1;
padding:10px 30px;
list-style:none;
border: 1px solid #372303;
text-align:center;
cursor:pointer;
margin: 5px;
font-size: 14px;
}

.panel-group{
border-top:none;
}
.panel{
display:none;
}
.tab.is-active{
background:#372303;
color:#fff;
transition: all 0.2s ease-out;
}
.panel.is-show{
display:block;
}
/* あったか---------------------------------------------------------------*/
.attaka{
  width: 100%;
  padding: 20px;
  background: #efe7de;
  margin: 20px auto 0;
  font-size: 10px;
  box-sizing: border-box;
}

.attaka .date{
  color: #000000;
  background: #fff;
  padding: 5px;
  text-align: center; 
  margin:10px 0;  
}
.attaka-text{
  margin-bottom: 10px;
}
.attaka .external-link {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}
.external-link {
  display: block;
  text-align: center;
  font-size: 12px;
  border-bottom:1px solid #000;
  line-height: 1.6;
}
.external-link svg{
  width: 12px;
  margin-left: 8px;
}