@charset "UTF-8";
/*--------------------------------------------------------
Topページ
--------------------------------------------------------*/
.pc_oy{
	display:block !important;
}
.sp_oy{
	display:none !important;
}
.mb-oy{
	 display:none !important;
}




/*--------------------------------------------------------
モバイル用レイアウト640px以下
--------------------------------------------------------*/

@media only screen and (max-width : 640px) {
.pc_oy{
	display:none !important;
}
.sp_oy{
	display:block !important;
}
.mb-oy{
	 display:block !important;
}
.sp_oy h2{
	text-align:center;
	width:90%;
	margin:0 auto 5px auto;
	padding:5px 0;
}
.sp_oy .spleft{
	text-align:right;
	padding-left:1%;
	border-bottom: 3px solid #bf1920;
}
.spnavarea{
}
.spnavarea img{
	vertical-align:middle;
}
.spnavarea .howto02box-1{
	margin-bottom:10px;
}
#target {
    display: none;
}
#target ul{
	border-top:solid 1px #999;
}
#target ul li{
	padding:10px;
	border-bottom:solid 1px #999;
	background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); 
}
#target ul li a{
	display:block;
	background:url(images/header/nav-icon-04.png) no-repeat right center;
}
.icon50 img{
	display:inline-block;
	width:49%;
}
}

/*--------------------------------------------------------
モバイル用レイアウトそのほか
--------------------------------------------------------*/
@media (max-width: 860px) {
#example1 .hide-medium-screen {
	display: none;
}
}

@media (max-width: 500px) {
#example1 .sp-thumbnail {
	text-align: center;
}
#example1 .sp-thumbnail-title {
	font-size: 12px;
	text-transform: uppercase;
}
#example1 .sp-thumbnail-description {
	display: none;
}
}