/* スマホだけに適用するCSS */

body{
	font-size: 14px;
}

h1,
h2{
	margin: 5px 0 0 0;
}


/* Button Link */
	.btn{
	}


/* Button Link */



div#header_wrap {
	display: none;
}

div#logo {

}
div#logo a{

}


div#footer_wrap{
}

	div#footer{
	}


		div#footer div#footer_menu_wrap{
			float: none;
			width: 100%;
		}
		div#footer div#footer_menu_wrapS{
			float: none;
			width: 100%;
		}


		div#footer > div#footer_menu_wrap > div.footer_menu_box > ul > li.fTit{
			float: none;
			width: 100%;
			text-align: left;
			margin-left: 1em;
			margin-top: 0.4em;
		}
		div#footer > div#footer_menu_wrap > div.footer_menu_box > ul > li.fCont{
			float: none;
			width: 100%;
		}
		div#footer > div#footer_menu_wrap > div.footer_menu_box > ul > li > ul{
			margin: 0;
		}

div.main_wrap{
	width: auto ;
	padding: 0 10px;
}

	div.main{
		width: auto;
		padding: 0;
		border: none;
		float: none;
	}

	div.side{
		width: auto;
		float: none;
	}


#topicPath{
	width: 100%;
	padding: 1em;
}
	#topicPath ul{
	}
	#topicPath h1{
		margin-left: 0;
		display: inline-block;
		/display: inline;
		/zoom: 1;
	}


/* ############# SIDE MENU BANNER ############# */
#bnWrap{
}

	#bnWrap ul {
	}

	#bnWrap ul li {
	}


		/* テキストバナー */
		#bnWrap ul li a span.text_bn_wrap{
			padding-top: 60%;
		}
		#bnWrap ul li a span.text_bn_inner{
		}
			#bnWrap ul li a span.text_bn_inner > span.text_bn_tit{
				font-size: 90%;
			}
			#bnWrap ul li a span.text_bn_inner > span.text_bn_cont{ 
				font-size: 80%;
			}

/* ############# SIDE MENU BANNER ############# */


img{
}
p.pic{
	width: 100% !important;
	height: auto !important;
	display: block !important;
	float: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

div.box_pic {
	width: 100%;
	height: auto;
	padding-top: 50%;
	max-height: auto;
	position: relative;
	overflow: hidden;
	border: 1px solid #ddd;
}
	div.box_pic:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		box-shadow: inset 0 0 0 0.3em rgba(255,255,255,50);
	}

	div.box_pic img{
		border: 0 !important;
		padding: 0 !important;
		margin: 0 !important;

		width: 100% !important;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);

	}



/* ############# FORM ############# */
select, input, textarea{
	/*width: 100% !important;*/
	max-width: 100%;
}
/* ############# FORM ############# */

/* ############# CAPTCHA ############# */
div.captcha{
}
	div.captcha p.sTitle{
	}
	div.captcha img{
		width: 80%;
		height: auto;
	}
	div.captcha input.secucode{
		width: 80%;
		height: auto;
	}

/* ############# CAPTCHA ############# */

/* ############# SEARCH BOX ############# */
form#searchForm{
	margin-top: 30px;
	overflow: visible;
}
	form#searchForm:before{
		position: absolute;
		top: -30px;
	}
form#searchFormFt{
}
/* ############# SEARCH BOX ############# */


/* ############# LIST ############# */
dl.list > dd img,
dl.table > dd img{
	float: none !important;
	display: block;
	margin: 0.5em auto;
	width: 30%;
}


dl.table > dt,
dl.table.w46 > dt,
dl.table.w28 > dt{
	display: block;
	float: none;
	width: auto;
}
dl.table > dd,
dl.table.w46 > dd,
dl.table.w28 > dd{
	display: block;
	float: none;
	width: auto;
	padding: 0.5em;
	margin: 0;
}
/* ############# LIST ############# */

/* ############# UPDATE ############# */
div.update {
}

	dl.update dt {
		display: block;
		width: auto;
		float: none;
		margin: 5px 0;
	}

	dl.update dd {
		display: block;
		width: auto;
		float: none;
		margin: 5px 0;
	}

/* ############# UPDATE ############# */

/* ############# PAGE LINK ############# */
div.pgLink{
}

div.pgLink ul{
}
div.pgLink ul li{
}

div.pgLink li:before {
}
/* ############# PAGE LINK ############# */


/* ############# textBox ############# */
div.textBox{
}

div.box_content{
	padding-left: 0;
}

/* hiding on mobile or tablet */
span.view_mode{
	display: none;
}


	/* additional option */
	div.textBox.inline{
		display: block;
	}

/* 横スクロール */
div.scroll{
	display: block;
	overflow-x: auto;
	width: 100%;

	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
	div.scroll > table{
		table-layout: auto;
		white-space: nowrap;
	}



	div.textBox.b_icon{
		padding-left: 1em;
		padding-top: 5em;
		position: relative;
	}
	div.textBox.b_icon:before{
		top: 0.2em;
		font-size: 4rem;
		right: 0;
		left: 0;
		margin-top: 0;
		text-align: center;

	}

/* ############# textBox ############# */

/* ############# TABLE ############# */

table.reg{
}
table.reg > thead{
	display: none;
}
table.reg > tbody > tr{
	display: block;
}
	table.reg > tbody > tr:first-child{
		border-top: #d3d3d3 1px solid;
	}

table.reg > tbody > tr > th{
	display: block;
	text-align: center;
	border-top: none;
}
table.reg > tbody > tr > td{
	border-top: none;
}


/* table.th_top */
table.th_top caption{
	display: block;
}
table.th_top {
	display: block;
	width: 100%; 
}
table.th_top > thead{
	width: auto;
	display: block;
	float: left;
}
table.th_top > tbody{
	display: block;
	width: auto; 
	overflow-x: auto;
	white-space: nowrap;

	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	letter-spacing: -.4em;
}

/* 横スクロール */
table.th_top > thead > tr > th{
	display: block;
	width: auto;
	border-bottom: #d3d3d3 0px solid;
	white-space: nowrap;
}
	table.th_top > thead > tr > th:last-child{
		border-bottom: #d3d3d3 1px solid;
	}
table.th_top > tbody > tr{
	letter-spacing: normal;
	display: inline-block;
	margin: 0;
}
table.th_top > tbody > tr > td{
	display: block;
	border-bottom: #d3d3d3 0px solid;
	padding-left: ;
}
	table.th_top  > tbody > tr > td:last-child{
		border-bottom: #d3d3d3 1px solid;
	}




/* ボックス */
table.th_top_box > thead {
	display: none;
}

table.th_top_box > tbody > tr {
	display: block;
	border-top: #d3d3d3 1px solid;
	margin-bottom: 0.3em;
}
table.th_top_box > tbody > tr > th {
	display: block;
	border-top: none;
}
table.th_top_box > tbody > tr > td {
	display: block;
	border-top: none;
	position: relative;
	overflow: hidden;
	height: auto;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}
table.th_top_box > tbody > tr > td:before {
	content: attr(label);
	background-color: #e6e6e6;
	width: 100%;
	margin-right: 1em;
	margin-bottom: 1em;
	text-align: center;
	padding: 0.2em 0.5em;
	font-size: 88%;

	display: inline-block;
	/display: inline;
	/zoom: 1;

	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

	table.th_top_box.label20 > tbody > tr > td:before {
		width: 20%;
	}
	table.th_top_box.label25 > tbody > tr > td:before {
		width: 25%;
	}
	table.th_top_box.label30 > tbody > tr > td:before {
		width: 30%;
	}
	table.th_top_box.label50 > tbody > tr > td:before {
		width: 50%;
	}
/*
table.th_top_box > tbody > tr > td:after {
	padding-top: 100%;
	display: block;
	content:'';
}
*/
	table.th_top_box > tbody > tr > td.stitle {
		padding: 10px;
	}
	table.th_top_box > tbody > tr > td.stitle:before {
		margin: 0;
		padding: 0;
		background-color: none;

		display: inline;
	}


/* 各テーブル共通 */
table > caption{
}

table.reg th,
table.th_top th,
table.reg td,
table.th_top td{
	display: block !important;
	width: auto !important;
}
/* ############# TABLE ############# */

/* ############# PAGER ############# */

#pagerLink{
}

	#pagerLink ul{
	}
	#pagerLink ul li{
		font-size: 70%;
	}
		#pagerLink ul li.off,
		#pagerLink ul li.on,
		#pagerLink ul li a{
		}
		#pagerLink ul li.off{
		}
		#pagerLink ul li.on{
		}
		#pagerLink ul li a{
		}
		#pagerLink ul li a:hover{
		}



/* ############# PAGER ############# */

/* ############# STEP BAR ############# */
/*
#steps ul li {
	display: block;
	width: 90%;
}
*/
div.steps ul li {
	font-size: 75%;
}

/* ############# STEP BAR ############# */

/* ############# SIDE MENU ############# */
div.subMenu{
}
	/* Prevent IOS Dobble tap problem */
	div.subMenu ul.menu li:not(.title) a:hover:before {
		display: none;
	}

	/* Link用*/
	div.subMenu ul.link li a:hover:after{
		display: none;
	}

/* ############# SIDE MENU ############# */




/* ############# page contents index menu ############# */
div.index_menu_wrap{
}
div.index_menu_box{
	width: 100%;
	display: block;
	margin-left: 0;
	margin-right: 0;
}
	div.index_menu_wrap dl dt{

	}
	div.top_cont_wrap dl dt{
		float: none;
	}
	div.top_cont_wrap dl dd{
		display: block;
		float: none;
		width: auto;
		padding-left: 0;
	}

/* ############# page contents index menu ############# */

/* ############# page contents list menu ############# */
div.index_list_wrap{
}
	div.index_list_wrap dl.index_list dt{
		width: auto;
		font-size: 80%;
		float: none;
		margin-bottom: 0.3em;
	}
		div.index_list_wrap dl.index_list dt a{
			width: 35%;
		}
	div.index_list_wrap dl.index_list dd{
		padding-left: 0;
		margin-left: 0;
		margin-right: 0;
	}
		div.index_list_wrap dl.index_list dd a{
			/*padding-right: 0;*/
			margin-right: 0;
		}
	div.index_list_wrap dl.index_list dd div.post_date_wrap {
		top: -1.5em;
	}


	div.index_list_wrap dl.index_list dt button{
/*
		position: absolute;
		left: 38%;
		top: 0;
		margin: 0;
*/
	}

/* ############# page contents list menu ############# */