﻿@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500&display=swap');
.shippori,
.font_en{
    font-family: 'Shippori Mincho',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}

.font_14{
    font-size:16px;
}

/*キャプチャ用　CSS*/
/*
.fluid1,.fluid2,.fluid3{
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
}
*/

/*--all page---------------------------
-------------------------------------*/

.linkStyle{
    color:#bf9d74;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
    text-decoration:underline;
}

body {
    overflow: hidden;
    line-height: 1.7;
}

#fakeloader .fl {
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%,-50%)!important;
    width: 50%!important;
    max-width: 200px;
}

header{
    background-color:#fff!important;
}
.head_box .tel_bt{
    margin-bottom:10px;
}
.head_box .tel_bt a {
    border-top: 0;
    width: 90%;
    margin: auto;
    border-radius: 30px;
    padding: 10px 0;
    transition:all 0.3s;
}
.head_box .head_banner a{
    border-radius: 30px;  
    width: 90%;
    margin: auto;
}

.more a,
.foot_tel_bt a{
    box-shadow: 0 0 20px rgb(255 255 255 / 60%) inset;
    border-radius: 50px;
}
footer{
    border-top:0!important;
}


/*--top page---------------------------
-------------------------------------*/
/*main_img*/
.fluid{
    z-index: 1;
    pointer-events:none;
    border: 1px solid #fff;  
    animation: fluidrotate 30s ease 0s infinite;
}
.fluid1 {
    width: 92vh;
    height: 87vh;
    right: -20%;
    top: 9%;
}
.fluid2 {
    width: 109vh;
    height: 75vh;
    right: -20%;
    top: 10%;
}
.fluid3 {
    width: 134vh;
    height: 75vh;
    right: 15%;
    top: -5%;
}
@keyframes fluidrotate {  
	  
0%, 100% {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
}
14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
}
28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
}
42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
}
56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
}
70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
}
84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
}
	  
}
.shape {
    width: 120vh;
    height: 190vh;
    top: -400px;
    right: -200px;
    opacity: 0.7;
}
.shape2 {
    width: 39vw;
    height: 50vh;
    right: -200px;
    bottom: 8%;
    opacity: 0.5;
    z-index: -1;
}
/*右回転*/
.rotate {
  display: inline-block;
  animation: r1 60s linear infinite;
}
 
@keyframes r1 {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } 
}
.catch{
    left: 10%;
    bottom: 25%;
    z-index:2;
}
.catch1 {
    font-size: 3.5rem;
    line-height: 1.5;
}
.catch2{
    font-size: 1.5rem;
    margin-top: 20px;
    padding-left: 5px;
}


.top_news{
    position:relative;
    z-index:2;
}
.top_news > .box {
    padding: 50px 10%;
}

/* 画像トリミング */
.portrait_img{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 800px!important;
}
.portrait_img img{
	width: 100%;
    height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.txt5{
    margin-bottom:80px;
}
.nayami_box {
    background: url(./Dup/img/nayami_bg.png) no-repeat;
    background-size: 80% 70%;
    background-position: center top 150px;
}

.item{
    width:100%;
}
.item img {
    filter: drop-shadow(2px 2px 10px rgba(240,137,132,0.15));
}

.img7{
    height:500px!important;
}

/*top cms5*/
.link_type1 .link_top .link_title {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
	margin-bottom: 30px;
    color: #474521;
    font-weight: normal;
}
.link_type1 .link_top .link_title{
    font-size: 20px;
    margin-bottom: 20px;
}
.link_type1 .link_top a{
	padding-top: 80px;
    padding-bottom: 60px;
}
.link_type1 .link_top a:hover{
    background-color: #ededeb;
}
.link_type1 .link_top a:hover .link_img1{
    transform: translate(-50%, -50%) scale(1.1,1.1);
    opacity: 0.1;
}
@media screen and (max-width: 667px){
.link_type1 .link_top .link_title{
    font-size: 15px;
}
}

/*--under page---------------------------
-------------------------------------*/

#page_title .title_img::after{
    content: "";
    position: absolute;
    display: block;
    width:100%;
    height:100%;
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 85%);
    top:0;
    left:0;
    
}
/*menu page*/
#cms_3-c .cate_img1,
#cms_6-a .cate_img1{
    height:350px;
}
#cms_6-a .cate_img1 {
     max-height: 450px;
}
#cms_6-a .cate_img1 img{
    width: 100%!important;
    height: auto!important;
}

#contact_tel a{
    border-radius: 50px;
}
.bnr_box a,
#page10 ul li a{
    border-radius:30px;
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header{
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0 0 15px #fff;
}
header #logo{
    max-width:120px;
}
.head_box .head_banner a {
    border-radius: 10px 10px 0 0;
}
.hamburger {
    top: 40px;
}
#main_img{
    min-height: 100vh;
}
.catch {
    left: 5%;
    bottom: 45%;
}
.shape {
    width: 88vh;
    height: 100vh;
    top: 1%;
    right: -59%;
    opacity: 0.6;
}
.fluid1{
    right: -56%;
}
.fluid3 {
    right: -12%;
}
.shape2 {
    width: 60vw;
    height: 43vh;
    right: -19%;
    bottom: 10%;
}
.img7 {
    height: 400px!important;
}
#cms_2-g .cate_title {
    font-size: 2em;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
header #logo{
    max-width:90px;
}
.hamburger {
    top: 25px;
}
.catch1 {
    font-size: 2rem;
}
.catch2 {
    font-size: 1rem;
}
.fluid1 {
    right: -14%;
    top: -4%;
}
.fluid2{
    right: -107%;
    top: 6%;
}
.fluid3{
    top: 7%;
}
.shape{
    right:-90%;
}
.shape2 {
    width: 96vw;
    height: 54vh;
    right: -45%;
    bottom: 19%;
}
.nayami_box{
    background-size: 100% 80%;
}
.img7 {
    height: 200px!important;
}

footer .logo{
    text-align:center;
}
#cms_2-g .cate_title {
    font-size: 1.5em;
}
}




