@charset "shift_jis";

@media screen and (max-width:736px){
		/*Reset
	----------*----------*--------------------*----------*----------*/
	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {
		margin:0;
		padding:0;
		border:0;
		outline:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
		list-style:none;
		line-height: 1.8;
	} 
	html{
		font-size: 62.5%;
	}
	body{
		background-color: #ffffff;
		font-size: 1.4rem;
		line-height: 1.9;
	}
	img{
		margin: 0 auto;
	}

	article,aside,details,figcaption,figure,
	footer,header,hgroup,menu,nav,section { 
		display:block;
	}
	
	#headerArea{
	width: 100%;
	border-bottom: 1px solid #888888;
	}
	#headerAreaInr{
		width: 100%;
		margin: auto;
		padding: 10px;
		box-sizing: border-box;
	}
	#headerArea h1{
		float: left;
		width: auto;
	}
	#headerArea p{
		float: right;
		width: auto;
	}
	#headerArea img{
		height: 21px;
		width: auto;
	}
	.pcNoDisp{
		display: none;
	}
	.spNoDisp{
		display: block;
	}
	#main{
		width: 100%;
		font-size: 1.4rem;
	}
	#main .section {
		
		box-sizing: border-box;
	}
	
	#main .section .sectioninr{
		width: 100%;
		margin: auto;
		padding: 20px 10px;
		box-sizing: border-box;
	}
	#main .section h2{
		margin-bottom: 10px;
		margin-left: 0;
	}
	#main .section img{
		margin: 0;
		max-width: 100%;
		height: auto;
	}
	.mgn_b{
		margin-bottom: 10px;
	}
	.mgn_b10{
		margin-bottom: 5px;
	}
	.h2_opt{
		font-size: 1.4rem;
	}
	.bgimg{
		padding: 0 0 100px 0;
		background: url("../img/img_sub.png") no-repeat bottom center;
		background-size: 80px auto;
	}
	table{
		width: 100%;
		margin: 15px 0;
		border-left: 1px solid #CCCCCC;
		border-top: 1px solid #CCCCCC;
	}
	th,td{
		border-right: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		padding: 10px;
		display: block;
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	th{
		background: #F9F9F8;
		font-weight: bold;
		width: auto;

	}
	#attention,
	#attention2{
		width: 100%;
		margin: auto;
		border-bottom: none;
		box-sizing: border-box;
	}
	#attention2{
		padding: 10px;
	}
	
	#footer{
		width: 100%;
		box-sizing: border-box;
		min-width: inherit;
	}
	#copyright{
		text-align: center;
	}
	
	
	.buttomtxt{
	text-align: left;
	}
	
	.entryBtnArea .entryBtnlist a:before,
	.entryBtnArea.gray .entryBtnlist li:first-child span:before,
	.entryBtnArea .entryBtnlist2 a:before,
	.entryBtnArea.gray .entryBtnlist2 li:first-child span:before{
	width: 0;
	height: 0;
	border-left: 9px solid #fff;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -6px;
	}
	.entryBtnArea .entryBtnlist a{
	width: 100%;
	padding: 10px 10px;
	}
}