@charset "UTF-8";

/* ---------- COMMON ---------- */

article h1{display:none;}
#topics_area h2,
#link h2{font-family: sans-serif;}

/* ---------- Topics ---------- */
#topics_area{
	border-bottom:solid 1px #B8B8B8;
	margin-bottom:40px;
	display:block;
}
#topics_area h2{
	border-left:solid 8px #E25532;
	color:#E25532;
	font-family:Arial, Helvetica, sans-serif;
	font-size:200%;
	margin-bottom:15px;
	padding-left:5px;
	text-transform:uppercase;
}
#topics_area ul{margin-bottom:30px;}
#topics_area ul li{
	background: url(../images/img_common/list_orange.png) no-repeat left 2px;
	padding-left:15px;
	margin-bottom: 10px;
}

/* ---------- Main ---------- */
#main_contents img{float: left;}
#main_contents section{
	clear: both;
	margin-bottom:20px;
}
#main_contents section img{float:left;}
#main_contents section h3{
	background:#FFE69B;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    display: block;
    font-size:115%;
    font-weight:bold;
	height:35px;
	margin-bottom:10px;
	margin-left: 70px;
	padding:20px 0 0 12px;
}
#main_contents section p:after{
	content: " ";
    display: table;
    clear: both;
}
#living_advice{
	clear: both;
	margin-bottom:35px;
}
#living_advice img{position:absolute;}
#living_advice h3{ 
	font-size:115%;
	font-weight:bold;
	height:35px;
	padding:20px 0 0 10px;
}

/* ---------- Link ---------- */
#link{
	border-top:solid 1px #B8B8B8;
	display:block;
	padding-top:40px;
}

#link h2{
	border-left:solid 8px #8ABA23;
	color:#8ABA23;
	font-size:190%;
	margin-bottom:20px;
	padding-left:5px;
}
#link section h3{
	background: url(../images/img_common/list_ygreen.png) no-repeat left 2px;
	color:#8ABA23;
	font-weight:bold;
	margin-bottom:10px;
	padding-left:15px;
}
#support,
#other_guide{margin-bottom: 30px;}


/* ---------- PC ---------- */
@media(min-width:1024px){
/* ---------- Main ---------- */
#main_img img{width: 1024px;}
#main_img{margin-bottom: 40px;}

#left_side,
#right_side{width:48%;}
#left_side{float: left;}
#right_side{float:right;}

#living_advice{
	background-color:#FFE69B;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
	display:block;
	height:55px;
	padding:25px;
}
#title_area{
	width:474px;
	float:left;
}
#living_advice h3{
	background: #FFFFFF;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
	margin-left: 70px;
	width:370px;
}
#living_advice p{
	float:right;
	width:450px;
}

/* ---------- Link ---------- */
.bnnrs{
	float:left;
	width:137px;
}
.link_detail{width:300px;}
#support,
#other_guide{width: 470px;}
#support{float: left;}
#other_guide{float: right;}
#information{clear: both;}
#link section p{float:right;}
#information p{width:800px;}
}
/* ---------- iPhone landscape / iPad ---------- */
@media(max-width:1023px) and (min-width: 415px){

#main_img img{width: 100%;}
#main_img{margin-bottom: 30px;}

#left_side,
#right_side{width:48%;}
#left_side{float: left;}
#right_side{float:right;}

.ttl_t{
	padding-top:10px !important;
	height: 47px !important;
}
#living_advice{
	background-color:#FFE69B;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
	display:block;
	height:55px;
	padding:25px;
}
#title_area{
	width:240px;
	float:left;
}
#living_advice h3{
	background: #FFFFFF;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
	margin-left: 70px;
	width:240px;
}
#living_advice p{
	float:right;
	width:320px;
}

/* ---------- Link ---------- */
.bnnrs{
	float:left;
	width:137px;
}
.bnnrs img{margin-bottom: 5px;}
.link_detail{width:180px;}
#support,
#other_guide{width: 350px;}
#support{float: left;}
#other_guide{float: right;}
#information{clear: both;}
#link section p{float:right;}

}
/* ---------- iPhone 6, 6S ---------- */
@media(max-width:414px) and (min-width: 321px){

#main_img img{width: 100%;}
#main_img{margin-bottom: 30px;}

.ttl_t,
.ttl_m{
	padding-top:10px !important;
	height: 47px !important;
}

.mobile_acdn{
	cursor: pointer;
	width: 72%;
}
#main_contents p,
#living_advice p{display: none;}

#living_advice{
	clear: both;
	margin-bottom:20px;
	width: 97%;
}
#living_advice h3{
	background-color:#FFE69B;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom:20px;
    margin-left: 70px;
    width: 75%;
}
#living_advice p{clear: both;}

#link{clear: both;}
.bnnrs img{
	width:45%;
	height: 45%;
	margin-bottom: 5px;
}

}
/* ---------- iPhone 4S, 5S ---------- */
@media(max-width:320px){

#main_img{
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	text-align: center;
    width: 100%;
}
#main_img img{
	height: 100px;
	margin-left: -15px;
}

.ttl_t,
.ttl_m{
	padding-top:10px !important;
	height: 47px !important;
}
.mobile_acdn{
	cursor: pointer;
	width: 70%;
}

#main_contents p,
#living_advice p{display: none;}

#living_advice{
	clear: both;
	margin-bottom:20px;
}
#living_advice h3{
	background-color:#FFE69B;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom:20px;
    margin-left: 70px;
    width: 70%;
}
#living_advice p{clear: both;}

#link{clear: both;}
.bnnrs img{
	width:45%;
	height: 45%;
	margin-bottom: 5px;
}

}