@charset "utf-8";

@media all and (orientation:portrait){
body#mobile #MBHeadArea{
	width:100%;
	margin:0;
/*	height:40px;
	padding:5px 0 0;*/
	padding: 5px 0;
}
	body#mobile #MBHeadArea h1{
		float:left;
		width:55%;
		padding-right:2%;
	}
	body#mobile #MBHeadArea h1 img{
		width:100%;
	}
	body#mobile #MBHeadArea p{
		width:38%;
		float:left;
	}
	body#mobile #MBHeadArea p img{
		width:100%;
	}

body#mobile #MBGnaviArea{
	width:100%;
	background: url(/mobile/images/mobile_bg.gif) repeat top;
	height:120px;
}
	body#mobile #MBGnaviArea ul{
		width:294px;
		margin:auto;
		padding:0 3%;
		list-style:none;
		}
		body#mobile #MBGnaviArea ul li{
			float:left;
		}
		body#mobile #MBGnaviArea ul li img{
		height:51%;
		}
body#mobile #MBMainContArea-in iframe{
		/*width:100%!important;
		height:380px;
		margin:0;
		border:none;
		font-size:2%;
		overflow:hidden;*/
		display:none;
	}
body#mobile #smComment {
	text-align:center;
	margin:0 0 20px;
	width:100%;
	display:block!important;
}
body#mobile #MBFooterArea{
	width:100%;
	margin:30px 0 20px;
}
}
@media all and (orientation:landscape){
body#mobile #MBHeadArea{
	width:100%;
	margin:0;
/*	padding:5px 0 0;*/
	padding: 5px 0;
}
	body#mobile #MBHeadArea h1{
		float:left;
		width:55%;
		padding-right:2%;
	}
	body#mobile #MBHeadArea h1 img{
		width:100%;
	}
	body#mobile #MBHeadArea p{
		width:38%;
		float:left;
	}
	body#mobile #MBHeadArea p img{
		width:100%;
	}
body#mobile #MBGnaviArea{
	width:100%;
	background: url(/mobile/images/mobile_bg.gif) repeat top;
}
	body#mobile #MBGnaviArea ul{
		width:294px;
		margin:auto;
		list-style:none;
	}
		body#mobile #MBGnaviArea ul li{
			float:left;
		}
		body#mobile #MBGnaviArea ul li img{
		}
body#mobile #MBMainContArea-in iframe{
	width:96%!important;
	height:380px;
	margin:0 2%;
	border:none;
	font-size:2%;
	overflow:hidden;
}
body#mobile #smComment {
	display:none!important;
}
body#mobile #MBFooterArea{
	width:100%;
	margin:30px 0 20px;
}

}

/*----------------------------------------------------------
	yuuken.html
----------------------------------------------------------*/
@media all and (orientation:portrait){
body#mobile #yuuken {
	zoom:60%;
}
#sns-buttons {
	zoom: 180%;
}
}

/* 2019.06.18 add */
body#mobile #MBMainContArea {
	width: 100%;
}
body#mobile #MBMainContArea img {
	width: 100%;
}
/* 2019.06.18 add end */