/******************** common */
#page-wrapper{
	width: 760px;
	margin: 0 auto;
	position: relative;
	font-size:15px;
	line-height: 20px;
	color: #000;
	font-family: 'Noto Sans JP', sans-serif;
}

#page-wrapper img{
	width: 100%;
}
#page-wrapper a {
	display: block;
}
#page-wrapper a:hover {
	opacity: .8;
}

#page-wrapper .w95{
	width: 95%;
	margin: auto;
}
#page-wrapper .w90{
	width: 90%;
	margin: auto;
}
#page-wrapper .w85{
	width: 85%;
	margin: auto;
}
#page-wrapper .w530 {
	width: 530px;
	margin: auto;
}
#page-wrapper .w630 {
	width: 630px;
	margin: auto;
}

#page-wrapper .mt5 {
	margin-top: 5px;
}
#page-wrapper .mt20 {
	margin-top: 20px;
}
#page-wrapper .mt30 {
	margin-top: 30px;
}
#page-wrapper .-mt40 {
	margin-top: -40px;
}


#page-wrapper .about {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 12%, #ed859e 12%, #ed859e 100%);
	margin-top: -1em;
	padding: .25em 0;
}
#page-wrapper .intro {
	background-color: #f8f7e6;
	padding: 3em 0;
}
#page-wrapper .intro p {
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.75;
	margin-top: 1em;
}
#page-wrapper .intro h4 {
	position: relative;
	z-index: 1;
}
#page-wrapper .intro ul {
	width: 95%;
	margin: -2.5em auto 0;
	display: flex;
	flex-wrap: wrap;
}
#page-wrapper .intro ul li {
	margin: 0 5px 0;
	width: calc(100% / 3 - 10px);
}
#page-wrapper .rice {
	background-color: #fdf4f0;
	padding: 3em 0 5em;
}
#page-wrapper .rice .rice-intro {
	width: 700px;
	margin: auto;
}
#page-wrapper .coment {
	background-color: #f8f7e6;
	padding: 2em 0;
}
#page-wrapper .coment .w95 {
	margin: -4em auto 0;
}
#page-wrapper .state {
	background-color: #fdf4f0;
	padding: 3em 0;
}
#page-wrapper .youtube {
	background-color: #ed859e;
	padding: 2em 0;
}
#page-wrapper .insta {
	background-color: #fff79f;
	padding: 3em 0 0;
}