@charset "UTF-8";

/* マージン設定 */
.mb00{
	margin-bottom: 0px;
}
.mb05{
	margin-bottom: 5px;
}
.mb10{
	margin-bottom: 10px;
}
.mb20{
	margin-bottom: 20px;
}
.mb30{
	margin-bottom: 30px;
}
.mb40{
	margin-bottom: 40px;
}
.mb50{
	margin-bottom: 50px;
}


/* 文字サイズ14px→16px */
.mod__brandBlockText,
.textBox p{
	font-size: 16px;
}


/* h2見出し 上マージン調整 */
.splitContent__second > h2{
	margin-top: 40px;
}

/*画像2枚並べ（画像幅470px）*/
.main__cont2colImgCap02{
	overflow:hidden;
	margin-bottom: 30px;
}
.main__cont2colImgCapBox02 img{
	display: block;
	width: 470px;
}

.main__cont2colImgCap02.mb10{
	margin-bottom: 10px;
}


/*画像・キャプション幅_70%*/
.splitContent__main__imgAndTextFull__main__img > img.w70 {
	float: none;
	margin: 0 auto;
	width: 70%;
}


/*画像幅_70%　下テキストスタイル*/
.textBox{
	width: 70%;
	max-width: 70%;
	margin-left: 15%;
}
.textBox p{
	margin: 0;
}
.textBox p.mb10{
	margin-bottom: 10px;
}
.textBox p.mb50{
	margin-bottom: 50px;
}
.textBox p.cap{
	font-size: .85714em;
}

/* 画像75％ 中央寄せ */

.mod__modulewrap_m30_40{
	width: 75%;
	margin: auto auto 40px;
}

.mod__modulewrap_m30_40.mb50{
	margin-bottom: 50px;
}

.mod__imgblock2Img img{
	width: 100%;
}

/* リンクが最重要お知らせのスタイルになるのでリセット */
.top__middle__important a{
	background: none;
	color: #343434;
	text-decoration: underline;
	padding: 0;
}

/* テキストリンクを設定 */
.top__middle__important a.singleLink {
	background: url(/common2016/img/main/commonLinkIcon.png) no-repeat;
	background-size:19px 19px;
	background-position: 0% .5em;
	padding:5px 0 5px 25px;
	clear: both;
	display: block;
}

/* ソーシャルボタン */
.socialInclude > span > a > img,
.socialInclude .fb-share-button,
.socialInclude .twitter-button {
	float: left;
	margin-right: 8px;
}



@media screen and (max-width: 640px) {

	/* 画像2枚並べ→スマホでは幅100％ */
	
	.main__cont2colImgCapBox02{
		width: 100%;
	}

	.main__cont2colImgCapBox02 img{
		display: block;
		width:100%;
	}
	.main__cont2colImgCapBox--left{
		margin-bottom: 20px;
	}

	/* 画像幅75％・470px→スマホでは幅100％ */
	.splitContent__main__imgAndTextFull__main__img > img.w75,
	.splitContent__main__imgAndTextFull__main__img > img.w70 {
		width: 100%;
		margin: 0;
	}

	/*画像幅_70%　下テキストスタイル*/
	.textBox{
		width: auto;
		max-width: 100%;
		margin-left: 0;
	}
	
	/* 画像75％・中央寄せ⇒スマホ100％ */

	.mod__modulewrap_m30_40{
		width: 100%;
	}
	.mod__imgblock2{
		margin: auto 0;
	}

	/* スマホ 文字サイズ16px→14px */
	.mod__brandBlockText,
	.textBox p{
		font-size: 14px;
	}

	/* ソーシャルボタン*/
	.socialInclude a {
		float: left;
		margin: 0 8 0 0px;
	}
	.socialInclude > span > a > img, .socialInclude .fb-share-button, .socialInclude .twitter-button{
		margin-left: 0;
	}

}