.mein-area{
    margin-top: 80px;
	padding-bottom: 80px;
}
.mein-area h1{
    display: block;
}

/*--カバーイメージ画像の高さ設定---*/ 
.cover-img img{
    height: 320px;
    object-fit: cover;
}
/*--TOPのエリア設定---*/
.main-image {
	background-image: url('https://www.mutabor.jp/contents/fathersday2025/fday2025-00.jpg');
	background-size: cover; /* 背景画像を容器いっぱいに表示 */
	background-position: center center; /* 背景画像を中央に配置 */
	height: 100vh; /* 高さを調整 */
	position: relative; /* 子要素に対して相対位置を指定できるようにする */
  }
  .top-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 30%;
  }
  @media only screen and (max-width: 999px) {
	.top-logo {
		min-width: 50%;
	  }
  }
  /*--黒いマニュアルのロゴの設定---*/
.m-logo{
    display: block;
    width: 66%;
    margin: 0 auto;
    padding-top: 120px;
}
@media only screen and (max-width: 769px) {
	.m-logo{
		display: block;
		width: 86%;
		margin: 0 auto;
		padding-top: 80px;
	}
  }
	/*---------------------------------------
	 * Layout
	---------------------------------------*/ 
	
	.main{
		display: block;
		width: 100%;
	}
	.split-left{
		display: none;
	}
	.split-right{
		display: block;
		width: 100%;
	}

	
	/*---------------------------------------
	 * Right
	---------------------------------------*/ 
	
	.split-right .inner{
		margin: 0 25px;
	}
	
	
	/* History
	---------------------------------------*/ 
	.inner{
		max-width: 1000px;
		
	}
	.catch{
		font-size: 24px;
		font-weight: bold;
		line-height: 1.8;
		margin-bottom: 5px;
	}
	.catch span{
		
	}
	.catch-en{
		font-size: 13px;
		line-height: 1.8;
		letter-spacing: 1px;
		margin-bottom: 35px;
		color: #898989;
	}
	.catch-en span{
		display: block;
	}
	.read{
		font-size: 15px;
		font-family: 'Noto Sans JP', sans-serif;
		line-height: 2;
		letter-spacing: 1px;
		margin-bottom: 35px;
	}
	.read p{
		margin-bottom: 1.5em;
	}
	.read-en {
		color: #898989;
		font-size: 10px;
		line-height: 2;
		letter-spacing: 1px;
	}
	.read-en p{
		margin-bottom: 1em;
	}
	
	
	
	
	/* cover-img
	---------------------------------------*/ 

	.cover-img{
		width: 100%;
		position: relative;
  		margin: 0 auto;
  		display: flex;
	}
	@media only screen and (max-width: 999px) {
		.cover-img {
			width: auto;
			font-size: 13px;
			text-align: left;
			margin: 0 16px;
			margin-top: 6%;
			margin-bottom: 10%;
		}
	}
	.cover-img.inview{
		opacity: 1;
	}
	.cover-img .copy{
		margin: auto;
		position: absolute;
		top: 54%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #FFFFFF;
		letter-spacing: 1px;
		text-align: center;
		text-shadow: 0px 0px 16px #000, 0px 0px 24px #000;
	}
	.cover-img .copy .section-title{
		font-weight: 300;
		margin-bottom: 5%;
   		line-height: 1.1;
   		font-size: 2.5em;
	}
	 .cover-img .copy .section-title-en{
		font-size: 1.5rem;
		line-height: 1;
		letter-spacing: 1px;
		display: inline;
	}
	 .cover-img .copy .for-sp{
		margin-top: 25px;
	}
	 .cover-img .copy .for-sp .midashi{
		font-size: 24px;
		line-height: 1;
		letter-spacing: 3px;
		margin-bottom: 30px;
	}
	 .cover-img .copy .for-sp .midashi-en{
		font-size: 10px;
		line-height: 1;
	}
	
	/* 内容 */
	
	.inner .read p{
		font-size: 18px;
		line-height: 2;
		margin-bottom: 1.5em;
	}
	 .inner .read-en p {
		color: #898989;
		font-size: 18px;
		line-height: 2;
		letter-spacing: 1px;
		margin-bottom: 1.5em;
	}
	 .inner .read-en{
		margin-bottom: 30px;
	}
	 .inner .imgs{
		font-size: 0;
		width: 100%;
        display: flex;
	}
	 .inner .imgs li{
		display: inline-block;
		width: 48%;
		margin-right: 4%;
	}
	 .inner .imgs li.last{
		margin-right: 0;
	}
	
	

	
	
		
	
	
	/* Footer
	---------------------------------------*/ 
	
	footer{
		/*
		position: fixed;
		width: 100%;
		bottom:0;
		z-index: 10;
		*/
		
	}