@charset "UTF-8";

/*ipad横サイズ以下はspデザイン*/

@media screen and (max-width: 767px) {
	#megadrop0{
		padding: 1.2em 0 0;
	}
	#megadrop0 article,
	#megadrop0 article.left_border{
		width: 92.6%;
		padding: 3.3%;
		height:auto;
	}
	
	#megadrop0 article .photo{
		width:46%;
		right:0;
		float: right;
		position: relative;
	}
	
	#megadrop0 article .photo .photo_img{
		width:100%;
	}
	
	#megadrop0 article .botton{
		width:28.125%;
		margin-left:0;
		margin-top:0;
		-webkit-transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
	}
	
	#megadrop0 article .info{
		width:50%;
	}
	
	#megadrop0 article .info h3{
		font-size:0.84em;
		margin-bottom:0.2em;
		line-height: 1.3;
	}
	
	#megadrop0 article .info ul, #megadrop0 article .info li{
		font-size:0.84em;
	}
	
	#megadrop0 article .info ul{
		margin-bottom:-0.4em;
	}
	
	#megadrop0 article .info ul:after{
		font-size: 0.8em;
		line-height: 1.7;
		
	
	}
	
	#main #megadrop0 article{
		
		border: 0.15em solid #BFBAB4;
		margin-bottom: 0.4em;
	}
	
	
	#top_movie{
		height: auto;
	}
	
	#top_movie iframe{
		position:relative;
	}
	
	#dot_area section>h2{
		left: -5%;
		top: -0.8em;
		box-sizing: border-box;
	}
	
	
	#picup_wrap{
		margin-bottom:9.5%;
	}
	
	
	#picup,
	#news{
		float:right;
		width:96.55%;
		position:relative;
		height: 0;
		padding-bottom: 11%;
		margin-bottom: 5%;
		border-width:0.2em;
		
	}
	
	#picup h2,
	#news h2{
		width:34.1%;
		height:150%;
		background-size:contain;
		font-size: 1.17em !important;
		line-height: 2.4em;
	}
	
	#picup .btn{
		height: 101.5%;
		margin-top:-0.1%;
		width:26.8%;
		border-width:0.2em;
	}
	
	#picup .btn a{
		font-size: 0.7em;
		display: block;
		position: absolute;
		top: 50%;
		width: 100%;
		margin-top: -0.4em;
		line-height: 1;
		background-size: 1em;
		background-position: 8% center;
		padding-left:3%
	}
	
	
	#picup_noslider article{
		box-sizing:border-box;
		width:100%;
		background-color: #FFF;
		border:0.15em solid #e7e7e7;
		padding:3.3%;
		margin-bottom:0.4em;
	}
	
	
	#picup_noslider article:after,
	#news_wrap:after,
	#message_wrap:after,
	#message:after{
		/*clear fix*/
		content:"";
		display:block;
		clear:both;
		font-size:0;
		line-height:0;
		visibility:hidden;
	}
	
	#picup_noslider article .info{
		/*float:left;*/
		width:50%;
	}
	
	#picup_noslider article .info>img{
		width: 26.2%;
		height:auto;
	}
	
	#picup_noslider article .photo{
		width:46%;
		float:right;
		position:relative;
		height:0;
		padding-bottom: 31.1%;
		overflow:hidden;
	}
	
	#picup_noslider article .photo .photo_img{
		width:100%;height:auto;
		margin-top:-2%
	}
	
	#picup_noslider article .photo .botton{
		width:28.125%;height:auto;
		margin-left:0;
		margin-top:0;
		-webkit-transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
		left:50%;top:50%;
		position:absolute;
	}
	
	#picup_noslider article .info h3{
		font-size:0.84em;
		margin-bottom:0.2em;
		line-height: 1.3;
		font-weight: bold;
	}
	
	#picup_noslider article .info h3 br{
		display:none;
	}
	
	#picup_noslider article .info ul, #megadrop0 article .info li{
		font-size:0.84em;
	}
	
	#picup_noslider article .info ul{
		margin-bottom:-0.4em;
	}
	
	#news_wrap{
		margin-bottom:5%;
	}
	
	#news{
		padding-bottom: 0.5em;
		padding-top: 0.4em;
		height: auto;
	}
	
	#news h2{
		font-size: 1em !important;
		line-height: 2.7em;
		padding-right: 1%;
	}
	
	#news .news_block{
		padding-left: 32%;
		font-size: 0.85em;
	}
	
	#news .news_block dl{
		background-image:none;
	}
	#news .news_block dt {
		width: 10em;
	}
	#message_wrap{
		margin-bottom:5%;
	}
	
	#message{
		float:right;
		width:96.55%;
		position:relative;
		/*height: 0;*/
		padding-bottom: 0.8em;
		margin-bottom: 5%;
		height:auto;
		border-width:0.2em;
		
	}
	
	#dot_area #message h2{
		width:34.1%;
		display:block;
		background-size: contain;
		padding-top:10%;
		background-image:url(../../img/top/sp_message_icon.png);
		padding-bottom:0%;
		height:88%;
		top: -1.2em;
		position: absolute;
		padding-right:1%;
		font-size: 1em !important;
	}
	#message h3{
		width:64%;
		min-height:4.5em;
		float:right;
		margin-bottom:3em;
		font-size: 0.85em;
		line-height: 1.5;
	}
	
	#message article{
		padding-left: 32%;
		padding-top:3%;
		margin-top:0;
		width: 100%;
		float:right;
	}
	
	#message article p{
		float:left;
		font-size: 0.85em;
		margin-left: 1.8em;
		width: 54%;
	}
	
	#message .btn{
		position: relative;
		float: right;
		width: 36%;
		padding-left:3%;
		top: -3em;
		margin-bottom: -3em;
		right: 0.8em;
		line-height: 2;
		background-position: 0.1em center;
		height: auto;
		border-width:0.2em;
	}
	
	
	#message .btn a{
		font-size: 0.7em;
		line-height: 3
	}
	
	#link{
		margin-bottom: 6%;
		padding: 0.7em 0 0.3em;
		border-width:0.2em;
	}
	
	#link ul{
		width: 92%;
		padding: 0 4.7% 0 2.5%
	}
	
	#link li{
		width:100%;
		height:auto;
		margin-bottom: 0.8em;
	}
	
	#link li:first-child br{
		display:none;
	}
	
	#link li h2{
		width:100%;
		position:relative;
		height:auto;
		padding: 0;
		border-width:0.25em;
		/* height: auto; */
		font-size: 0.8em;
	}

	#link li h2 a{
		padding: 0.8em 0;
		color:#ff4265;
		font-weight:bold;
		display:block;
		box-sizing:border-box;
		border:solid 4px #3885cd;
		width:100%;
		height:auto;
		z-index:12;
	}

	#link li h2 a:hover{
		background:none;
	}

	#link li .backshadow{
		position:absolute;
		width:100%;
		height:100%;
		background-color:#3885cd;
		right: -0.35em;
		bottom: -0.35em;
		z-index:10;
	}

	#dot_area{
		padding-top:9.3%;
		padding-bottom:5.5%;	
	}
	
	.footer_banner .wrapper2{
		display:none !important;
	}

	.whatsnew_more{
		width: 90%;
		margin-bottom: 3.5em;
		padding: 0;
	}

	.whatsnew_more a{
		right: 0;
	}

	#picup_wrap .whatsnew{
		display: none;
	}
}