@charset "utf-8";

.topBox{
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%)	
}
.box{
	width: 100%;
	margin-top: 30px;
	text-align: center;
}
.box img{
	text-align: center;
}
.box p{
	margin-top: 30px;
	text-align: center;
	line-height: 2;
}
.box span{
	font-size: 1.3em;
	letter-spacing: .5em;
}
.logo {
	width: 25%;
	float: left;
	margin-left: 1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.logo img {
	width: 100%;
	height: auto;
}
.clear {
	clear: both;
}
.wrapper {
	display: -webkit-flex;
	display: flex;
	height: auto;
	width: 100%;
}
.main {
	-webkit-flex: 1;
	flex: 1;
}
.main2 {
	-webkit-flex: 1;
	flex: 1;
	margin-top: 10px;
	background-color: #FFFFFF;
	border-radius: 5px;
}
.side {
	width: 200px;
	background-color: #000000;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 15px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
.side2 {
	width: 200px;
	background-color: #000000;
	color: #FFFFFF;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
.side_logo {
	width: 70%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}
.side_menu {
	margin-top: 25px;
	text-align: center;
}
.side_menu table {
	margin-top: 45px;
}
.side_menu ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 20px;
	margin-bottom: 15px;
	padding: 0px;
	list-style: none;
	text-align: left;
}
.side_menu ul li {
	margin: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 12px;
	list-style: none;
	font-size: 1.1em;
	letter-spacing: 0.1em;
}
.side_menu ul a li {
	color: #FFFFFF;
	text-decoration: none;
}
.side_menu ul a li:hover {
	color: #9D9D9D;
	text-decoration: none;
}


.side_logo img {
	width: 100%;
	height: auto;
}
.main-box {
	width: 100%;
}
.mT30{
	margin-top: 30px;
}
/*4jikan-purin*/
.youtube{
	width: 100%;
	padding: 10px 0 5px;
	aspect-ratio: 16 / 9;
}
.youtube iframe{
	width: 100%;
	height: 100%;
}

.purin{
	width: 100%;
	margin: 0 auto 20px;
	padding:10px;
	background-color: #F8E10E;
	display: flex;
	justify-content: space-around;
}
.purinImg{
/*	width: 69%;
*/	width: auto;
/*	height: 210px;
*/	margin: 0 auto ;
	padding-right: 2%;
}
.purinInsta{
/*	width: 30%;;
*/	width: auto;;
/*	height: 210px;*/
	height: 100%;
	margin: 0 auto ;	
}
.purinImg img, .purinInsta img{
	width: 100%;
	height: 100%;
}
.purin-4jikan{
	width: 100%;
	margin: 0 auto 20px;
}
.purin-4jikan img{
	width: 100%;
	height: auto;	
}
 @media only screen and (max-width: 768px) {
.main-box {
	margin-left: 0px;
}
.main2 {
	margin-top: 5px;
}	 
}
 @media only screen and (max-width: 480px) {
.main-box {
 margin-left: 0px;
}
.main {
 margin-top:0px;
}
	 .main2 {
	margin-top: 0px;
}
.mT30{
	margin-top: 15px;
}
}