/* パソコン用のCSS */
@media(min-width:751px){

	.f-item03 {
		align-self:stretch;
	}

	#slider {
		margin:0 auto;
		width:1200px;
		height:600px;
	}
	
	.f-item04 {
		margin-top:10px;
		align-self:stretch;
	}
	
	#news {
		margin:0 auto;
		margin-top:5px;
		width:1200px;
		height:auto;
		font-size:8px;
		text-indent:0em;
		line-height:2.2em;
		color:#FFFFFF;
		background-image:url(../img/base/UpdateNews1.png);
		background-repeat:no-repeat;
		background-position:left top;
	}

	p#new-arrival {
		margin:0;
		font-size:0px;
		text-indent:10em;
	}
	
	#newscopy {
		margin:0 auto;
		margin-top:0;
		line-height:2.5em;
	}

	ul#copy1 {
		font-size:16px;
		padding-top:40px;
		padding-left:30px;
	}

	li.copy2 {
		font-size:16px;
		color:#333333;
		list-style:none;
	}

	.pink {
		color:#FF0099;
	}
	
	a:link {
		color:#FF0000;
		text-decoration:none;
	}

	a:visited {
		color:#3300FF;
	}
	
	a:hover {
		color:#FFCC00;
	}
	
	a:active {
		color:#FF0000;
	}
	
	#schedule {
		width:1200px;
		margin:0 auto;
	}
	
	table.s1 {
		width:1000px;
		margin-top:10px;
		border:none;
	}
	
	th.s2 {
		width:1000px;
		text-align:center;
		font-size:20px;
		color:#FF0000;
	}
	
	td.s3 {
		width:300px;
		text-indent:3em;
	}
	
	td.s4 {
		width:700px;
	}
	
	td.s5 {
		text-align:center;
	}
	
}


/* スマホ用のCSS */
@media(max-width:750px){
	
	.f-item03 {
		align-self:stretch;
	}
	
	#slider {
		margin:0 auto;
		width:100%;
		height:auto;
		position:absolute;
		top:320px;
		z-index:-1;
		clear:both;
	}

	.text {
		margin-top:0x;
		margin:0 auto;
		width:100%;
		height:auto;
	}
	
	.f-item04 {
		align-self:stretch;
		margin-bottom:50em;
	}
	
	#news {
		margin:0 auto;
		width:100%;
		height:auto;
		font-size:0px;
		text-indent:0;
		color:#FFFFFF;
		text-indent:20em;
		background-image:url(../img/base/UpdateNews2.png);
		background-repeat:no-repeat;
		background-position:left;
		margin-top:30px;
		margin-bottom:100px;
		position:relative;
		width:98%;
	}

	#news:before {
		content:"";
		display:block;
		padding-top:100%;
	}
	
	#newscopy {
		margin:0 auto;
		font-size:13px;
		color:#333333;
		line-height:1.5em;
		text-align:left;
		position:absolute;
		top:50%;
		left:0%;
		bottom:0%;
		right:0%;
	}

	ul#copy1 {
		padding-top:20px;
		list-style:none;
		padding-bottom:60px;
	}

	li.copy2 {
		padding-left:6px;
		font-size:17px;
		line-height:1.6em;

	}

	.pink {
		color:#FF0099;
	}
	
	a:link {
		color:#FF0000;
		text-decoration:none;
	}

	a:visited {
		color:#3300FF;
	}
	
	a:hover {
		color:#FFCC00;
	}
	
	a:active {
		color:#FF0000;
	}
	
	#schedule {
		width:100%;
		margin:0 auto;
		display:block;
		padding-top:50%;
	}
	
	table.s1 {
		width:100%;
		margin-top:10px;
		border:none;
		font-size:auto;
	}
	
	th.s2 {
		width:100%;
		text-align:center;
		font-size:20px;
		color:#FF0000;
	}
	
	td.s3 {
		width:auto;
	}
	
	td.s4 {
		width:auto;
	}
	
	td.s5 {
		text-align:center;
	}

}