@charset "shift_jis";

/* ----------------------
mobile_***のCommon.css 
-------------------------*/ 


.hedr {
	overflow: hidden;
}

#contents section {
	margin: 2em 0 3em;
}

#contents section h2 {
	font-size: 1.231em;
	margin-top: 3em;
}

#contents section h2.title, #contents section h3.title {
	border-bottom: #000 solid 1px;
}

#contents dl.notice_gray dt {
	margin-left: 1em;
	font-weight: bold;
	font-size: 1.1em;
}


#contents ol li dl dd li {
	list-style: disc;
}


#contents p.mu {
	margin: 1em 0 0 -1em;
}

/* 内部リンクボタン */
#contents > section > div, #contents > dl, #contents > section >dl {
	margin-left: 1em;
}

#contents div.btnArea{
	margin-top: 5em;
}


#contents div.btnArea ul {
	list-style: none;
	margin-left: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

#contents div.btnArea ul.two_btn > li {
	width: 49%;
	margin: 4px 2px 4px 0;
}

#contents div.btnArea ul li a {
	display: block;
	vertical-align: middle;
	background: url(/support/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
	border: solid 1px #CCCCCC;
	border-radius: 5px;
	color: #000;
	padding: 1em;
}

#contents div.btnArea ul li a span {
	background: url(/support/share/images/arrow_underline.gif) no-repeat 0 0.5em;
	font-weight: 700;
	padding: 0 0 0 15px;
}

#contents div.btnArea ul li a.otherLink span {
	background: url(/support/share/images/arrow_black.gif) no-repeat 0 0.5em;
}

#contents div.btnArea ul li a:hover, #contents div.btnArea ul li a:active, #contents div.btnArea ul li a:focus {
	text-decoration: none;
	color: #000;
	opacity: 0.5;
}

#contents div.btnArea ul li a:focus {
	outline: thin dotted;
}



@media screen and (max-width: 640px){
	#contents h2.title {
		padding-left: 5px;
	}

	#contents div.btnArea ul.two_btn > li{
		width: 48%;
		margin: 4px 2px 4px 0;
	}

	#contents div.btnArea ul.two_btn > li {
		width: 100%;
		margin-left: 0;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}

	img.mq100 {
		width: 100%;
	}

}