@charset "Shift_JIS";

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

.pc {display:none;}	

.mod-column1 img {
height: auto;
width: 100%;
}
.mod-column1 .ex-disableLeargeScreen{
line-height: 0 ;
}
.mod-column1 h2#que_tl{
	width: auto;
	height: auto;
}
.mod-column1 .read {
	display: block;
	background: #000;
	width: auto;
	padding: 20px 10px 20px 10px;
}
.mod-column1 .read p{
	width: 100%;
	margin-left: 0px;
	font-size: 12px;
	color:#ccc;
}
#nav {
	width: 100%;
}
#nav ul{
	width: 90%;
	margin: 0 auto;
}
#nav ul li{
	float: left;
	display: block;
	width: 25%;
}
#content_area{
	height: auto;
	width: auto;
	padding: 20px 5px;
	margin:0;
	background: #000;
}
.inner .left{
	width: 100%;
	float: none;
}
.inner .right{
	width: 100%;
	float: none;
}
.mod-column1 .inner .left .ex-disableLeargeScreen {
line-height: 1.5;
}
.mod-column1 .inner .left .ex-disableLeargeScreen {
display: table-row !important;
}
/*
.inner .left table td.title{
	width: 27%;
	table-layout: fixed;
}
.inner .left table td.rev{
	width: 62%;
	table-layout: fixed;
}
*/
.hmz_link .u1 .left {
    margin-left: 1px;
    width: auto;
}
.hmz_link .u1 .right {
    width: auto;
}
.hmz_link .u1 .right .hl {
    margin-left: 20px;
}
.hmz_link .btn {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 20px;
    padding-bottom: 10px;
    text-align: right;
}
.hmz_link .u1 .btn .b1 {
    display: inline;
    padding-right: 10px;
}
.hmz_link .u1 .btn img {
    width: 47%;
}
.hmz_link .u1 .btn img {
    vertical-align: top;
}
.hmz_link .u1 .btn .b2 {
    display: inline;
}
.foot_note {
	width: 100%;
    color: #000;
    font-size: 75%;
    line-height: 1.5 !important;
    margin: 20px 0 0;
	text-align: left;
}
#bnr_area{
	width: 100%;
	margin-top: 20px;
}
#bnr_area .left{
	width: 100%;
	max-width:470px;
	float:none;
}
#bnr_area .left a{
	width: 100%;
	max-width:470px;
	float:none;
}
#bnr_area .right{
	width: 100%;
	max-width:470px;
	margin-top: 20px;
	float:none;
}
#bnr_area .right a{
	width: 100%;
	max-width:470px;
	float:none;
}
}