/*
 Theme Name:   simple
 Template:     onepress
*/
.list-article-meta{
	pointer-events:none;
}
html,body{
	position: relative;
	margin: 0;
	padding:0;
	overflow-x: hidden;
}
ul li, ol li {
    margin: 0!important;
}
img{max-width:100%;width:100%;}
h1,h2,h3,h4,h5,p,label{margin:0;}
p{
	line-height: 2.8vw;
	letter-spacing: 0.01vw;
	text-align: justify;
	text-align-last: left;
}
label{margin-bottom:0;}
body{
	position:relative;
	height: auto;
	color:#1a1a1a;
}
a{transition:all 0.3s;
	color:#1a1a1a;}
a:hover{opacity:0.6;text-decoration: none;}

/* CSS Document */
h2,h3,p,label{
	font-feature-settings: "palt";
	color:#1a1a1a;
	margin-bottom:0;
}
h1,h2,h3{
	letter-spacing: 0.1vw;
	line-height: 3vw!important;
	white-space: nowrap;
	color:#1a1a1a;
	font-family: "VDL メガＧ REVERT","Raleway", Helvetica, Arial, sans-serif;
}
h2,h3{font-weight:500;}
.pc{display:block;}
.sp{display:none;}
@media(max-width:750px){
	.pc{display:none!important;}
	.sp{display:block;}
	h1,h2,h3{
		line-height: 8vw;
	}
}
.fs14{font-size: max(5px,0.7vw)!important;}
.fs15{font-size: max(8px,0.93vw)!important;}
.fs16{font-size: max(8px,0.95vw)!important;}
.fs17{font-size: max(8px,0.97vw)!important;}
.fs18{font-size: max(8px,0.97vw)!important;}
.fs19{font-size: max(8px,1vw)!important;}
.fs20{font-size: max(8px,1.05vw)!important;}
.fs23{font-size: max(10px,1.1vw)!important;}
.fs25{font-size: max(10px,1.3vw)!important;}
.fs27{font-size: max(10px,1.425vw)!important;}
.fs30{font-size: max(10px,1.55vw)!important;}
.fs35{font-size: max(10px,1.65vw)!important;}
.fs38{font-size: max(10px,1.7vw)!important;}
.fs40{font-size: max(10px,2.1vw)!important;}
.fs45{font-size: max(10px,2.3vw)!important;}
.fs50{font-size: max(10px,2.6vw)!important;}
.fs60{font-size: max(10px,2.8vw)!important;}
.fs66{font-size: max(10px,2.9vw)!important;}
.fs70{font-size: max(10px,3vw)!important;}
.fs80{font-size: max(10px,4vw)!important;}
.fs100{font-size: max(10px,5vw)!important;}
.fs120{font-size: max(20px,6vw)!important;}
.fs140{font-size: max(20px,7vw)!important;}

@media(max-width:750px){
	.fs14{font-size: 3vw!important;}
	.fs15{font-size: 3.43vw!important;}
	.fs16{font-size: 3.45vw!important;}
	.fs17{font-size: 3.47vw!important;}
	.fs18{font-size: 3.5vw!important;}
	.fs19{font-size: 3.5vw!important;}
	.fs20{font-size: 3.5vw!important;}
	.fs23{font-size: 3.6vw!important;}
	.fs25{font-size: 3.8vw!important;}
	.fs27{font-size: 3.925vw!important;}
	.fs30{font-size: 4.05vw!important;}
	.fs35{font-size: 4.75vw!important;}
	.fs38{font-size: 5vw!important;}
	.fs40{font-size: 6vw!important;}
	.fs45{font-size: 6vw!important;}
	.fs50{font-size: 6vw!important;}
	.fs60{font-size: 6vw!important;}
	.fs66{font-size: 6.6vw!important;}
	.fs70{font-size: 7vw!important;}
	.fs80{font-size: 8vw!important;}
	.fs100{font-size: 10vw!important;}
	.fs120{font-size: 12vw!important;}
	.fs140{font-size: 14vw!important;}
	label,p{
		letter-spacing:0.01vw!important;
		line-height: 7.5vw!important;
	}
	h3,h2{
		letter-spacing:0.01vw!important;
		line-height: 9.5vw!important;
	}
}

#header-section{
	position:fixed;
	top: 0;
    z-index: 9999;
}
.site-title{display:none!important;}
.container{
	margin-left: 1%!important;
	margin-top: 1%!important;
	width: 13%!important;
}
.site-branding{width:100%;}


/*******************************************************/

.yunosaka-content-region img{width:100%;}
.yunosaka-content-region{overflow:hidden;position:relative;}
.yoyaku-button{
	position:fixed;
	top:19%;
	right:4%;
	width:7%;
	z-index: 9998;
	min-width:75px;
}
.yunosaka-content-region a{
	transition:all 0.4s;
	text-decoration: none;
	color:white!important;
}
.yunosaka-content-region a:hover{
	opacity: 0.6;
	text-decoration: none;
	color:white!important;
}
#logo{
	width:10%;
	position: absolute;
	top: 2vw; 
	left: 2vw; 
	z-index: 11;
}

#kasou-fv{width:100%;}
#masthead,.page-header{display:none;}

/*ハンバーガーメニューのスタイルここから*/
.c-hamburger-menu {
	width: 6%; /* ボタンの幅 */
	aspect-ratio:1/1;
	border: none;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 2vw 0 0;
	position: fixed;
	right: 2%;
	top: 5%;
	z-index: 9998;
	text-align: center;
	transition: all 0.5s;
	background-size:100% 100%;
	background-color:transparent;
	flex-direction: column-reverse;
	min-width:75px;
}

.c-hamburger-menu .c-bar {
  height: 0.17vw;
  width: 40%;
  background-color: #0096ca;
  margin: 0.1vw 0; /* マージンを少し増やして調整 */
  transition: all 0.3s ease;
}

/* "MENU" テキストのスタイル */
.c-menu-text {
  color: #0096ca;
  /*margin-top: 10%;*/ /* テキストの上のスペースを調整 */
	position:absolute;
	top:25%;
	font-weight: bold;
}

/* ホバー時のスタイル変更（オプション） */
.c-hamburger-menu:hover {
	/*background-color: #c8ac6f;*/
	opacity: 0.6;
}

.c-hamburger-menu:hover .c-bar {
  /*background-color: #535119;*/
}

/* メニューがアクティブな時のスタイル */
.c-hamburger-menu.active .c-bar:nth-child(2) {
  transform: rotate(45deg) translate(0.1vw, 0.1vw);
	margin-top: -1.05vw;
}

.c-hamburger-menu.active .c-bar:nth-child(3) {
  opacity: 0;
}

.c-hamburger-menu.active .c-bar:nth-child(4) {
  transform: rotate(-45deg) translate(0.2vw, -0.1vw);

}

#c-menubox {
  background-color: rgba(0,0,0,0.8);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9990;
  display: none;
  align-items: center;
  justify-content: center;
  opacity: 0; /* 初期状態で透明にする */
  transform: scale(0.95); /* 初期状態で少し小さくする */
  transition: opacity 0.5s ease, transform 0.5s ease; /* ふわっと表示させるためのトランジション */
}

/* メニューが表示される時のスタイル */
#c-menubox.show {
	opacity: 1;
	transform: scale(1);
}

.headmove{
	aspect-ratio: 16 / 9;
	width: 100%;
}	
/*ハンバーガーメニューを開いた時のコンテンツとか*/
	#humberger-logo{}
	#humberger-menu{}
	#humberger-address{}
	#humberger-language{}
/*ハンバーガーメニューのスタイルここまで*/

.Berlin{
	font-family: "futura-pt", sans-serif;
	font-weight: bold;
}
.vdl{
	font-family: "vdl-megag", sans-serif;
	font-weight: bold;
}


/*以下下層ページの共通FV箇所*/
#kasou-fv-sec1{
	background-color:#f5f0e7;
	padding-top: 2.5%;
	position: relative;
}
#fv-img-region{
	width:85%;
	margin: auto auto auto 0;
	position:relative;
}
#fv-en,#fv-ja{
	position:absolute;
}
#fv-en{
	top:0;
	right: 0;
	color:#cdc3a8;
	line-height: 6vw;
}
#fv-ja{
	top:8%;
	right: 0;
	color:#1a1a1a;
	line-height: 3vw;
}
#fv-bottom{
	width:100%;
	padding-bottom: 20%;
	position:relative;
	text-align: center;
}
#kumo-hidari,#kumo-migi{
	position: absolute;
}
#kumo-hidari{
	width:15%;
	top:5%;
	left: 5%;
}
#kumo-migi{
	top:5%;
	right: 5%;
	width:15%;
}
#kasou-logo{
	width:17%;
	margin: 5% auto 3%;
}
#fv-bottom h1{
	font-weight: 500;
	letter-spacing: 0.01vw;
}
#awa-bottom{
	width:100%;
	position:absolute;
	bottom: -20%;
	left: 0;
}
#sec1,#seitai,#sec2{
	position:relative;
	z-index:1;
	text-align: center;
}
#sec1 h2,#seitai h2,#sec2 h2{
	color:#25b4cb;
}

#p1,#seitai-p1,#sec2 p1{
	text-align-last: center;
	margin: 2% auto 5%;
}

/*以下スマホ*/
@media(max-width:750px){
	
h2,h3,h4,h5,p,label{line-height: 5vw!important;}
	h1{
		line-height: 8vw!important;
		letter-spacing: -0.2vw!important;
	}
	#logo{
		width:60%;
		top:7.5vw;
		left: 5vw;
	}
	#fv-en {
		top: unset!important;
		bottom:5%;
		right: -10%;
		padding: 2.5% 2% 2% 1.5%;
		/*text-shadow:
		0 -1vw 0 #f5f0e7,
		1vw 0 0 #f5f0e7,
		1vw -1vw 0 #f5f0e7,
		-1vw -1vw 0 #f5f0e7,
		0 1vw 0 #f5f0e7,
		1vw 1vw 0 #f5f0e7,
		-1vw 1vw 0 #f5f0e7,
		-1.8vw 1vw 0 #f5f0e7,
		1.8vw 1vw 0 #f5f0e7,
		-1.8vw 1.8vw 0 #f5f0e7,
		1.8vw -1.8vw 0 #f5f0e7;*/
	}
	#fv-ja {
		top: unset!important;
		bottom:-10%;
		right: -10%;
	}
	.c-hamburger-menu {
		top:1%;
	}
	.yoyaku-button {
		top: 10%;
		right: 8%;
	}#kasou-fv-sec1 {
		padding-top: 20%;
	}
	.yoyaku-button,.c-hamburger-menu{
		min-width:50px;
	}
	#kasou-logo{
		width: 50%!important;
		margin: 10% auto 15%;
	}
	#kumo-migi {
		top: 14%!important;
		right: 5%!important;
		width: 19%!important;
	}
	#kumo-hidari {
		width: 18%!important;
		top: 14%!important;
		left: 6%!important;
	}
	#awa-bottom{bottom:-14%;}
	#sec1 h2{margin-top:10%;margin-bottom:5%;}
	#p1,#seitai-p1,#sec2 p1{line-height: 7vw!important;}
	#fv-en-sp{
		bottom: 0%;
		right: -13%;
		position: absolute;
		width: 70%;
	}
}

/*以下投稿ページ*/
.container{
	width:70%!important;
	max-width:100%!important;
	margin:auto!important;
}
@media(max-width:750px){
	.container{
		width:100%!important;
	}
	.entry-header .entry-title{white-space:unset;}
}
.byline{display:none!important;}
.posted-on a{
	pointer-events: none!important;
	color:#1a1a1a;
}
.content-area{
	width:100%!important;
	border-right: none!important;
	margin: 10% auto 5%!important;
}
.entry-meta {
	/*border-bottom: none!important;*/
}
.site-content{
	background-color:#f5f0e7;
}
@media(max-width:750px){
	.content-area{
	margin: 20% auto 5%!important;
}
}

/*以下フッター*/
#custom-footer{
	aspect-ratio:7684/2940;
	width:100%;
	background-size: 100% 100%;
	    display: flex;
    justify-content: center;
    align-items: center;
}
#footer-content-region{
	width:70%;
	margin: 21% auto auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	column-gap: 8.5%;
}
#footer-l{width:20%}
#footer-menu-region{
	width:fit-content;
	display:grid;
	grid-template-columns: 1fr 1fr;
}
#footer-r{width:40%;position:relative;margin-top: -1%;}
#custom-footer{
	width:100%;
	position:relative;
	margin-top:-0.4%;
}
.footer-menu{
	color:white;
	font-size:1.25vw;
	margin-bottom:5%;
}
#footer-sns-flex{
	width:70%;
	margin: auto;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
#footer-sns-flex a{width:30%;}
footer p,#footer-r h3{
	color:white!important;
}
#footer-l p{
	width: 100%;
	white-space: nowrap;
	line-height: 1.5vw;
	margin-top: 5%;
}
#footer-r p{
	position: absolute;
	top: 73%;
	left: 52%;
	transform: translate(-50%, -50%);
	width: fit-content;
	white-space: nowrap;
}
#footer-r h3{
	text-align: center;
}
@media(max-width:750px){
	#custom-footer{
		aspect-ratio:1656/2640;
		margin-top: -2%;
	}
	#footer-content-region {
		width: 90%;
		margin: 40% auto auto;
		display: block;
	}
	#footer-l {
		width: 60%;
		margin: 25% auto auto;
	}
	#footer-l p{line-height:7vw!important;}
	#footer-r {
		width: 100%;
		margin: 10% auto auto;
	}
	#footer-r p {
		top: 68%;
	}
	#footer-sns-flex {
		margin: 10% auto auto;
	}
}

/*以下ハンバーガーメニュースタイル*/
#c-menubox {
	background-color:#0096ca;
	/*position:relative;*/
}
#humburger-ashirai{
	position: absolute;
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	width:80%;
	z-index: 2;
	pointer-events: none;
}
/*.c-menubox-inner{z-index:9999;}*/
.c-menubox-inner a{
	color:white!important;
	text-align: center;
	line-height: 3vw;
	margin: auto;
	width: fit-content;
}

.c-menubox-inner{
	/*grid-template-columns: repeat(4, minmax(0, 1fr));
	display: grid;*/
	width: 40%;
	position: relative;
}
/*.c-menubox-inner a:nth-child(5),
.c-menubox-inner a:nth-child(6),
.c-menubox-inner a:nth-child(7) {
	margin-left: 50%;
	width: 100%;
}*/
.c-menu-flex,
.c-menu-flex2{
	display:flex;
	justify-content: space-around;
	align-items: baseline;
	margin: auto;
}
.c-menu-flex{width:80%;margin-bottom: 2.5%;}
.c-menu-flex2{width:70%;}
.c-menu-flex a,.c-menu-flex2 a{width: fit-content;
}
#c-sns-region{
	position: absolute;
	background-size: 100%;
	width: 100vw;
	background-repeat: no-repeat;
	top: 67vw;
	left: 50%;
	transform: translate(-50vw, -50vw);
	height: 50vh;
	z-index: 1;
}
#c-sns-region-bottom{
	width:100vw;
	background-color:#25b4cb;
	margin-top: 10%;
	height: 100vh;
}
#c-logo{
	position: absolute;
	width: 45%;
	top: 34vw;
	left: 50%;
	transform: translate(-50%, -50vw);
}
#c-bottom-flex{
	position: absolute;
	width: 12%;
	top: 54vw;
	left: 50%;
	transform: translate(-50%, -50vw);
	display:flex;
	justify-content: space-between;
	
}
#c-bottom-flex a{width:28%;}
/*以下スマホ*/
@media(max-width:750px){
	#c-sns-region-bottom {
		margin-top: 50%;
	}
	#c-sp-logo{
		width: 60%;
		top: 7.5vw;
		left: 5vw;
		position: fixed;
	}
	.c-hamburger-menu.active .c-bar:nth-child(2) {
		margin-top: -11px;
	}
	.c-hamburger-menu.active .c-bar:nth-child(4) {
		margin-top: 11px;
	}
	.c-hamburger-menu .fs16 {
		font-size: 11px !important;
	}
	.c-hamburger-menu {
		width: 75px;
		padding-top: 20px;
	}
	.c-hamburger-menu .c-bar {
		margin: 2px 0;
		height: 2px;
	}
	.c-hamburger-menu {
		top:10px;
	}
	.yoyaku-button{width:75px;top: 90px;}
	.c-menubox-inner a {
		line-height: 10vw;
		display: block;
	}
	.c-menu-flex, .c-menu-flex2 {
		display: block;
	}
	#c-menubox {
		align-items:flex-start;
		padding-top: 30%;
		/*overflow: scroll;*/
	}
	#c-sns-region {
		top: 130vw;
	}
	#c-bottom-flex {
		width: 40%;
		top: 85vw;
	}
	#c-bottom-flex a{width:25%;}
	#c-sns-region-bottom {
		height: 50vh;
	}
	a{color:#1a1a1a!important;}
	footer a{color:white!important;}
}