@charset "utf-8";
/*
 * cmn_layout_sp.css
 *
 */

/* !Reseting
---------------------------------------------------------- */
body {
	/*font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;*/
	font-size: 12px; /* 10px; */
	line-height: 1.9;
	color: #202020;
}
* {
	 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
}
/* !common
---------------------------------------------------------- */
.hideSp {
	display: none;
}
.hidePc {
	display: block !important;
}

/* !header
---------------------------------------------------------- */
#wrapper {
	min-width: 320px;
	overflow: hidden;
}

#header {
	width: 100%;
	height: 45px;
	background-color: #fff;
}
	#headerIn {
		width: auto;
		height: 45px;
		padding: 0 17px;
	}
		#headerLogo {
			margin-top: 10px;
		}
			#headerLogo a {
				width: 71px;
				height: 24px;
			}
		#headerLinks {
			float: right;
			width: 125px;
			height: 14px;
			margin-top: 17px;
			background: url(/stories/yamaha-handling/common/img/txt_langnavi01_sp.gif) 0 0 no-repeat;
			background-size: 61px 14px;
		}
			#headerLinks ul {
				float: right;
				display: inline-block;
			}
				#headerLinks ul li {
					float: left;
				}
					#headerLinks ul li a {
						display: block;
						height: 17px;
					}
						#headerLinks ul li a.btnLang01 {
							width: 27px;
							background: url(/stories/yamaha-handling/common/img/btn_langnavi01_sp.gif) 0 0 no-repeat;
							background-size: 27px 14px;
						}
						#headerLinks ul li a.btnLang02 {
							width: 22px;
							background: url(/stories/yamaha-handling/common/img/btn_langnavi02_sp.gif) 0 0 no-repeat;
							background-size: 22px 14px;
						}
					#headerLinks ul li a:hover {
						background-position: 0 0;
					}
					#headerLinks ul li a.current {
						background-position: 0 0;
					}
#subHeaderWrap {
	padding: 0 17px;
}
	#subHeader {
		margin: 0 auto;
		width: 100%;
		height: 75px;
		position: relative;
	}
		#subHeader .subLogo {
			display: block;
			width: 157px;
			height: 61px;
			position: absolute;
			top: 0;
			left: 0;
		}
		#subHeader .toppage {
			float: right;
			margin-top: 40px;
			width: 117px;
			text-align: center;
			border-top: 1px solid #202020;
		}
			#subHeader .toppage a {
				display: block;
				width: 118px;
				height: 21px;
				background: url(/stories/yamaha-handling/common/img/btn_toppage01_sp.png) 0 0 no-repeat;
				background-size: auto 21px;
			}
			#subHeader .toppage a:hover {
				background-position: 0 0;
			}
		#subHeader .toppage02 {
			float: right;
			margin-top: 40px;
			width: 117px;
			text-align: center;
		}
			#subHeader .toppage02 a.top {
				display: block;
				width: 118px;
				height: 21px;
				border-top: 1px solid #202020;
				background: url(/jp/stories/yamaha-handling/common/img/btn_toppage01_sp.png) 0 0 no-repeat;
				background-size: auto 21px;
			}
			#subHeader .toppage02 a.top:hover {
				background-position: 0 0;
			}
			#subHeader .toppage02 a.list {
				display: block;
				width: 118px;
				height: 21px;
				border-top: 1px solid #202020;
				background: url(/stories/yamaha-handling/common/img/btn_listall01_sp.png) 0 0 no-repeat;
				background-size: auto 21px;
			}
			#subHeader .toppage02 a.list:hover {
				background-position: 0 0;
			}
			
/* !mainimg
---------------------------------------------------------- */
#mainimgWrap {
	position: relative;
}
	#mainimg {
	}
	#mainimgWrap .articleLink01 {
		width: 100%;
		margin: 0 auto;
		position: static;
	}
		#mainimgWrap .articleLink01 li {
			float: left;
			width: 50%;
		}
			#mainimgWrap .articleLink01 li.first a {
				border-right: 1px solid #4d4d4d;
			}
			#mainimgWrap .articleLink01 li a {
				display: block;
				height: 30px;
				font-size: 12px;
				color: #fff;
				text-align: center;
				text-decoration: none;
				background-color: #202020;
			}
			#mainimgWrap .articleLink01 li a:hover .hoverBg {
				display: inline-block;
				zoom: 1;
				height: 30px;
			}
				#mainimgWrap .articleLink01 li a span {
					display: inline-block;
					line-height: 2.5;
					padding-left: 13px;
					margin-left: -13px;
					background: url(/stories/yamaha-handling/common/img/ico_arrow01_sp.png) 0 1em no-repeat;
					background-size: 5px 5px;
					font-size: 12px;
				}
			#mainimgWrap .articleLink01 li a.disabled {
				background-color: #b2b2b2;
			}
				#mainimgWrap .articleLink01 li a.disabled span {
					background: url(/stories/yamaha-handling/common/img/ico_arrowwhite01_sp.png) 0 1em no-repeat;
					background-size: 5px 5px;
				}
			#mainimgWrap .articleLink01 li .hoverBg {}
			#mainimgWrap .articleLink01 li a:hover .hoverBg {
				display: inline-block;
				zoom: 1;
				height: 30px;
			}

			
/* !contents
---------------------------------------------------------- */
#contents {
	width: 100%;
	text-align: left;
}
	#main {
		width: auto;
		padding: 0 17px;
		margin: 0 auto;
	}
		#mainimgWrap p {
		font-size: 12px;
	}
		
	#sub {
		float: left;
		width: 320px;
	}
	.archivesWrap {
		width: auto;
		padding: 39px 19px;
	}
		.archives {
			width: 100%;
		}

/* !Home Content
---------------------------------------------------------- */
#homeContentBg {
	width: 100%;
	min-height: inherit;
	background: url(/stories/yamaha-handling/common/img/bg_home01_sp.jpg) #000 top center no-repeat;
	background-size: 320px auto;
}
	#homeContentIn {
		float: none;
		width: auto;
		padding: 24px 0 0;
		font-size: 12px;
		color: #fff;
	}
		#homeContentIn .titleHome01 {
			display: block;
			width: 215px;
			height: 77px;
			margin-bottom: 312px;
		}
			#homeContentIn .homeDetail01 {
				width: auto;
				padding: 0 0 22px 0;
				/*white-space: nowrap;*/
				/*height: 299px;
				margin-bottom: 30px;
				background: url(/stories/yamaha-handling/common/img/txt_home02_sp.png) 0 0 no-repeat;
				background-size: 277px 299px;*/
			}
				#homeContentIn .homeDetail01 p {
					font-size: 13px;
					line-height: 1.35;
					margin-bottom: 18px;
				}
				#homeContentIn .articleBlock01 {
					padding-left: 0;
				}
		#homeContentIn .listall {
			width: 100%;
		}
			#homeContentIn .listall a {
				display: block;
				width: 77px;
				height: 9px;
				margin: 18px auto 18px auto;
				background: url(/stories/yamaha-handling/common/img/btn_listall03_sp.png) 0 0 no-repeat;
				background-size: 77px 9px;
			}
			#homeContentIn .listall a:hover {
				background-position: 0 0;
			}

/* !pageTop
---------------------------------------------------------- */
.pageTop {
	height: 86px;
	padding: 0 17px;
}
	.pageTop a {
		display: block;
		width: 100%;
		height: 64px;
		padding-top: 22px;
	}
		.pageTop a span {
			display: block;
			width: 72px;
			height: 39px;
			margin: 0 auto;
			background: url(/stories/yamaha-handling/common/img/btn_pagetop01_sp.gif) 0 0 no-repeat;
			background-size: 72px 39px;
		}
		.pageTop a:hover span {
			background-position: 0 0;
		}

/* !Footer Toppage
---------------------------------------------------------- */
.footerToppageWrap01 {
	margin: 30px 0;
}
.footerToppageWrap01.narrowBottom {
	margin: 30px 0;
}
	.footerToppageWrap01 .socialList01 {
		float: none;
		margin: 0;
		display: block;
	}
	.footerToppageWrap01 .footerToppage01 {
		float: none;
		margin: 22px auto;
		width: 135px;
		text-align: center;
		border-top: 1px solid #202020;
	}
		.footerToppageWrap01 .footerToppage01 a {
			display: block;
			width: 135px;
			height: 21px;
			background: url(/stories/yamaha-handling/common/img/btn_toppage02_sp.png) 0 0 no-repeat;
			background-size: auto 21px;
		}
		.footerToppageWrap01 .footerToppage01 a:hover {
			background-position: 0 0;
		}
				
/* !footer
---------------------------------------------------------- */
#footer {
	background-color: #202020;
}
	#footerIn {
		margin: 0 auto;
		width: 100%;
		min-height: 69px;
		padding-top: 16px;
		text-align: center;
	}
		#footerLinks {
		}
			#footerLinks li {
			}
		#footerUtilities {
			float: none;
			padding-top: 0;
		}
			#footerUtilities ul li {
				display: inline-block;
				margin-top: 10px;
			}
		#copyright {
			float: none;
			font-size: 12px;
			color: #fff;
		}

/* !h(n)eading
---------------------------------------------------------- */
.ttl_type01 {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 20px;
}

/* !Section
---------------------------------------------------------- */
.section01 {
	padding-bottom: 18px;
}
	.leftContent01,
	.leftContent01.extraWidth {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.leftContent02 {
		float: none;
		width: 100%;
		margin-right: 0;
	}
    .leftContent03 {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.rightContent01 {
		float: none;
		width: 100%;
	}
	.rightContent02 {
		float: none;
		width: 100%;
	}
    .rightContent03 {
		float: none;
		width: 100%;
	}
		.leftContent02.articleBlock01,
		.rightContent02.articleBlock01 {
			float: none;
			width: 100%;
		}
		.leftContent01 p,
		.leftContent01 p.noMB,
		.rightContent01 p {
			margin-bottom: 10px;
		}

.borderBtm01 {
	border-bottom: 1px solid #999;
}
.borderBtmHalf01 {
	width: 130px;
	height: 1px;
	margin: 0 auto;
	background-color: #999;
}
		
/* !Article Block
---------------------------------------------------------- */
.articleBlock01 {
	padding-bottom: 15px;
	width: 100%;
}
	.articleBlock01 span.txtArticle01 {
		height: auto;
		background-position: 13px center;
		padding: 10px 45px 10px 80px;
		background-image: url(/stories/yamaha-handling/common/img/pic_next_vol_sp.png);
		background-size: 53px auto;
		font-size: 13px;
		line-height: 1.5;
		text-align: left;
	}
	@media all and (max-width: 639px) and (min-width: 412px){
		.articleBlock01 span.txtArticle01 {
			height: 51px;
			padding: 18px 13px 19px 80px;
		}
	}
	.articleBlock01 ul li {
		float: left;
		width: 50%;
	}
		.articleBlock01 ul li.first a {
			border-right: 1px solid #4d4d4d;
		}
		.articleBlock01 ul li a {
			display: block;
			height: 30px;
			font-size: 12px;
			color: #fff;
			text-align: center;
			text-decoration: none;
			background-color: #202020;
		}
		.articleBlock01 ul li a:hover {
			/*background-color: #202020;*/
		}
			.articleBlock01 ul li a span {
				display: inline-block;
				line-height: 2.5;
				padding-left: 13px;
				margin-left: -13px;
				margin-top: 0;
				background: url(/stories/yamaha-handling/common/img/ico_arrow01_sp.png) 0 1em no-repeat;
				background-size: 5px 5px;
			}

.articleLink02 {
}
	.articleLink02 li {
		float: left;
		width: 50%;
	}
		.articleLink02 li a {
				display: block;
				height: 30px;
				font-size: 12px;
				color: #fff;
				text-align: center;
				text-decoration: none;
				position: relative;
				background-color: #202020;
			}
				.articleLink02 li a span {
					display: inline-block;
					line-height: 2.5;
					padding-left: 11px;
					margin-left: -11px;
					background: url(/stories/yamaha-handling/common/img/ico_arrow02_sp.png) 0 1em no-repeat;
					background-size: 5px 5px;
					
				}
				.articleLink02 li a:hover {
					background-color: #202020;
				}
					.articleLink02 li .hoverBg {
						/*opacity: 0;*/
					}
					.articleLink02 li a:hover .hoverBg {
						display: inline-block;
						zoom: 1;
						height: 25px;
					}

			.articleLink02 li a.current {
				background-color: #b20d00;
			}
				.articleLink02 li a.current span {
					background: url(/stories/yamaha-handling/common/img/ico_arrowwhite02_sp.png) 0 1em no-repeat;
					background-size: 5px 5px;
				}

/* !Home Archive
---------------------------------------------------------- */
#homeArchive {
	padding-bottom: 25px;
}
#homeArchive h2 {
	display: none;
}
#homeArchive .homeArchiveList {
	margin: 0;
	padding-bottom: 0;
}
	#homeArchive .homeArchiveList li {
		float: none;
		margin: 0 0 15px;
		width: 100%;
	}
		#homeArchive .article01 ul {
			margin: 0;
		}
			#homeArchive .article01 ul li {
				margin: 0;
				float: left;
				width: 50%;
			}
				#homeArchive .article01 ul li.first a {
					border-right: 1px solid #4d4d4d;
				}
				#homeArchive .article01 ul li a {
					display: block;
					height: 30px;
					font-size: 12px;
					color: #fff;
					text-align: center;
					text-decoration: none;
					background-color: #202020;
				}
				#homeArchive .article01 ul li a:hover {
					/*background-color: #202020;*/
				}
					#homeArchive .article01 ul li a span {
						display: inline-block;
						line-height: 2.5;
						padding-left: 11px;
						margin-left: -11px;
						background: url(/stories/yamaha-handling/common/img/ico_arrow02_sp.png) 0 1em no-repeat;
						background-size: 5px 5px;
					}
#homeArchive .pageTop {
	height: 37px;
	padding-top: 10px;
}
	#homeArchive .pageTop a {
		display: block;
		width: 71px;
		height: 37px;
		margin: 0 auto;
		padding: 0;
	}
		#homeArchive .pageTop a span {
			display: block;
			height: 37px;
			margin: 0 auto;
			background: url(/stories/yamaha-handling/common/img/btn_pagetop02_sp.png) no-repeat 0 0;
			background-size: auto 37px;
		}
		#homeArchive .pageTop a:hover span {
			background-position: 0 0;
		}

/* !Latest Articles
---------------------------------------------------------- */	
.latestArticleWrap01 {
	width: 100%;
    padding: 28px 0 25px;
	background-color: #fff;
}
	.latestArticleWrap01 .latestArticleIn {
		margin: 0 17px;
    	width: auto;
		padding-bottom: 30px;
	}
		.heading {
			display: block;
			height: 14px;
			padding-bottom: 15px;
			background: url(/jp/stories/yamaha-handling/common/img/txt_latest01_sp.png) center top no-repeat;
			background-size: 143px 14px;
		}
		.latestArticleWrap01 .latestArticleIn ul {
			margin-left: 0;
		}
			.latestArticleWrap01 .latestArticleIn ul li {
				float: none;
				margin: 15px 0 0 0;
				width: 100%;
			}
				.latestArticleWrap01 .latestArticleIn .article01 ul {
					margin: 0;
				}
					.latestArticleWrap01 .latestArticleIn .article01 ul li {
						margin: 0;
						float: left;
						width: 50%;
					}
						.latestArticleWrap01 .latestArticleIn .article01 ul li.first a {
							border-right: 1px solid #4d4d4d;
						}
						.latestArticleWrap01 .latestArticleIn .article01 ul li a {
							display: block;
							height: 30px;
							font-size: 12px;
							color: #fff;
							text-align: center;
							text-decoration: none;
							background-color: #202020;
						}
						.latestArticleWrap01 .latestArticleIn .article01 ul li a:hover {
							/*background-color: #202020;*/
						}
							.latestArticleWrap01 .latestArticleIn .article01 ul li a span {
								display: inline-block;
								line-height: 2.5;
								padding-left: 13px;
								margin-left: -13px;
								background: url(/jp/stories/yamaha-handling/common/img/ico_arrow01_sp.png) 0 1em no-repeat;
								background-size: 5px 5px;
							}		
	.latestArticleWrap01 .listall {}
		.latestArticleWrap01 .listall a {
			display: block;
			width: 130px;
			height: 22px;
			border-top: 3px solid #202020;
			background: url(/stories/yamaha-handling/common/img/btn_listall02_sp.png) 0 0 no-repeat;
			background-size: 130px 21px;
		}
		.latestArticleWrap01 .listall a:hover {
			background-position: 0 0;
		}
/* !Social List
---------------------------------------------------------- */	
.socialList01 {
	margin-top: 20px;
}
	.socialList01 ul {
		width: 100%;
		text-align: center;
	}
		.socialList01 ul li {
			display: inline-block;
			margin-right: 0;
			text-align: center;
		}
						
/* !VDO Iframe
---------------------------------------------------------- */	
.vdoWrap01 {
	float: none;
	clear: both;
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}
	.vdoWrap01 iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0 none;
	}