@charset "UTF-8";

.strong {
  background:linear-gradient(transparent 60%, #fff878 60%) !important;
}

h1, h2, h3, h4, h5{
	font-family: 'Jost', sans-serif;
	font-weight:500;
}

p, ul li, a{
	font-family: 'Noto Sans JP', sans-serif;
}

h1{
	letter-spacing:3px;
}

.style_comment_box h1{
	font-size:23px;
	color:#9b7ed9;
	background-color:#fff;
	padding:0;
	margin:15px 0;
}
.point h2{
	font-size:18px;
	color:#352a26;
}

.mid-wrapper{
	width:800px;
	margin:50px auto;
	padding:30px 0;
}

.mid-wrapper p{
	font-size:13px;
	text-align:justify;
}

.item-small-wrapper{
	display: flex;
	height: auto;
	align-items: flex-start;
	margin:30px 0 100px;
	padding:30px 0;
}

.style_comment_box{
	width:500px;
	margin:1% 0;
	position:relative;
	right:12%;
}

.reverse .style_comment_box{
	left:8%;
}

.com_box{
	background-color:rgba(255,255,255,0.8);
	padding:3% 5%;
	z-index:15;
}

.reverse{
	flex-direction: row-reverse;
}

.reverse .style_comment_box{
	width:500px;
}

.item-small-wrapper .img-box img{
	width:100%;
}

.small-img_01 img, .small-img_02 img, .small-img_04 img{
	width:500px;
	margin:30px 0;
}

.small-img_03 img{
	width:500px;
	margin:10px 0;
}

.small-img_tate_01, .small-img_tate_02, .small-img_tate_03, .small-img_tate_04{
	width:400px;
	position:relative;
}

.small-img_tate_01{
	right:120%;
	margin-right:-120%;
	margin-top:-40%;
}

.small-img_tate_02{
	left:150%;
	margin-top:-20%;
}

.small-img_tate_03{
	right:120%;
	margin-right:-120%;
	margin-top:-102%;
}

.small-img_tate_04{
	left:150%;
	margin-top:-20%;
}

.caption{
	font-size:12px;
}


/*毎月変わるところの設定*/

.w-caption h3{
	color:#9b7ed9;
}

.w-caption h4{
	color:#DB8687;
}

.jiko_soto{
	background-color:#e9e0d6;
}

.jikoshoukai .name h5{
	color:#9b7ed9;
}


/* タブレット */
@media screen and (max-width: 768px){

	.item-big-wrapper, .item-small-wrapper, .img-box img{
		width:100%;
	}
	
	.img-box img{
		position:relative;
		z-index:1;
	}
	
	.item-small-wrapper{
		display:block;
	}
	
	.small-img_tate_01, .small-img_tate_02, .small-img_tate_03, .small-img_tate_04{
		position:static;
		z-index:30;
	}
	
	.style_comment_box{
		position:relative;
		margin-left:15%;
		z-index:20;
	}
	
	.small-img_tate_01, .small-img_tate_02, .small-img_tate_04{
		margin-top:5%;
	}
	
	.small-img_tate_03{
		margin-top:12%;
	}
		
	.reverse .style_comment_box{
		margin-left:-5%;
	}
	
	.style_comment_box h1{
		width:100%;
		margin-top:-20%;
		font-size:18px;
	}
	
	.style_comment_box .com_box{
		width:600px;
		position:static;
		z-index: 14;
	}
	
	.com_box{
	padding:3% 5%;
	}

	.small-img_01, .small-img_02, .small-img_04{
		width:500px;
		position:relative;
		left:40%;
		margin-top:-5%;
		z-index:-1;
	}
	
	.small-img_03{
		width:700px;
		display:flex;
		height: auto;
		align-items: flex-start;
		justify-content: space-between;
	}
	
	.small-img_03 img{
		width:50%;
		padding:0 1%;
	}

}

/* スマホ */
@media screen and (max-width:640px){

	.style_comment_box, .reverse .style_comment_box{
		width:350px;
		position:static;
		margin:20% auto 0;
	}
	
	.style_comment_box h1{
		background-color:#e9e0d6;
		font-size:19px;
	}
	
	.style_comment_box .com_box, .reverse .style_comment_box .com_box{
		width:350px;
	}
	
	.item-list{
		margin-bottom:10px;
	}
	
	.top-caption p{
		font-size:13px!important;
	}
	
	.point h2{
		font-size:16px;
	}
	
	.com_box p{
		font-size:13px;
	}
	
	.small-img_01, .small-img_02, .small-img_04{
		width:200px;
		left:40%;
	}
	
	.small-img_tate_01, .small-img_tate_02, .small-img_tate_04{
		width:250px;
	}
	
	.small-img_tate_03{
		width:250px;
		margin:20px auto 0;
	}
	
	.small-img_03{
		width:100%;
	}



}

/* CSS Document */