@charset "UTF-8";

@import url("reset.css"); 

html{font-size:62.5%;
	box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
/* サンプル font-size:14px; を指定する場合 */
body{font-size:1.4rem;	}

*{
font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}


.spOnly{
	display: none !important;
}
.pcOnly{
	display: block
}
.bg_none{
	background: none !important;
}


.inr{
	width: 980px;
	margin: 0 auto;
}
h1,h2,h3,h4,h5,h6,p,span{
	color: #333333;
}

 *{
  --main_color: #0081d9;
  --sub_main_color:#e5f2fa;
  --link_color:#0081d9;
  --link_hover:#71b2da;
  --link_visited:#6257a2;
  --gray_color:#949392;
}

a{
	color: #0180cd;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}

/* The rest of the CSS file */


h2{
	font-size: 2.8rem;
	font-weight: 700;
}
h3{
	font-size: 2.4rem;
}
h4{
	font-size:1.8rem;
}
h5{
	font-size: 1.6rem;
}


.mb0{
	margin-bottom: 0 !important;
}

/* header */
header{
	height: 90px;
	border-bottom: solid 1px #005587;
	background: #fff;
	position:absolute;
	width: 100%;
    min-width: 980px;
	z-index: 99;
}

.h_left{
	float: left;
}
.h_left img{
	    height: 60px;
    margin-top: 10px;
}

.h_right{
	float: right;
	margin-top: 9px;
}
.h_right:after{
	content: "";
	display: block;
	clear: both;
}

.h_right .h_tel,.h_right .h_mail{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}


/* sp_menu */

/* sp_menu */

.sp_side_menu{
	border-top: solid 2px #0081d9;
}
.sp_side_menu ul li{
	border-bottom: solid 1px #e4e4e4;
	font-size: 1.6rem;
	background: url(/img/vwhen/sp/sp_menu_arrow1.png) no-repeat;
	background-position: left 15px top 18px;


}

.sp_side_menu ul .active{
	background:#fff url(/img/vwhen/sp/sp_menu_arrow3.png) no-repeat;
	background-position: left 15px top 18px;
}


.sp_side_menu ul li a{
    padding-left: 35px;
}

.sp_side_menu ul li ul li a{
    padding-left: 58px;
}

.sp_side_menu p{
	background: #fff;

	font-weight: bold;
	font-size: 1.8rem;
}
.sp_side_menu ul li ul li{
		background: url(/img/vwhen/sp/sp_menu_arrow2.png) no-repeat;
	background-position: left 38px top 18px;

}
.sp_side_menu ul li ul .active{
		background:#fff url(/img/vwhen/sp/sp_menu_arrow2.png) no-repeat;
	background-position: left 38px top 14px;
}


.sp_side_menu ul li ul li:first-child{
		border-top: solid 1px #e4e4e4;
}
.sp_side_menu ul li ul li:last-child{
	border-bottom: none;
}
.sp_side_menu a{
	text-decoration: none;
	color: inherit;
	font-weight: inherit;
	display: block;
	width: 100%;
	padding: 15px 5%;
}

.sp_menu_bototm{
	padding-top: 30px;
}





/* footer */
footer{
	background: #fff;
}
footer a{
	color: inherit;
	text-decoration: none;
}
.footer_content{
	background: #0081d9;
	padding-top: 30px;
	padding-bottom: 30px;
	min-width: 980px;
}
.footer_content:after{
	content: "";
	display: block;
	clear: both;
}
footer .inr{
	display: block;
	clear: both;
	content: "";
}
footer .p_tit{
	color: #fff;
	font-weight: 700;
	font-size: 2.0rem;
	margin-bottom: 13px;
}

.f_left,.f_right{
	width: 48.8%;
}
.f_left{
	float: left;
	
}

.f_left_ul li{
    display: inline-block;
    margin-right: 20px;
    width: 215px;
}
.f_left_ul li img{
	max-width: 100%;
}
.f_left_ul li:last-child{
	margin-right: 0;
}
.f_right{
	float: right;
}

.f_right_1{
	display: inline-block;
	width: 32%;
	vertical-align: top;
}
.f_right_1 .p_tit2{
	color: #FFF;
	font-weight: 500;
	font-size: 1.5rem;
	margin-bottom: 15px;
}
.f_right_1 li{
	color: #fff;
	background: url(/img/vwhen/footer_arrow_right.png) no-repeat left top 3px;
	padding-left: 20px;
    margin-bottom: 5px;
}

.f_right_1 ul li ul{
	margin-top: 5px;
}
.f_right_1 li ul li{

}
.f_right_1 li a{
	color: inherit;
	text-decoration: none;
}

.copyright{
	text-align: right;
	font-size: 1.6rem;
	padding: 20px 0;

}
#fixedTop {
    right: 10px;
    bottom: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    display: none;
    background: #000;
    position: fixed;
    z-index: 9999;
    border-radius: 5px;
    -webkit-transform: translateZ(0);
}
#fixedTop:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.9;
}


/* tag */

.event_tag{
	background: #5da9f3;
	color: #fff;
}
.release_tag{
	background: #f45c9f;
	color: #fff;
}
.update_tag{
	background: #8a95df;
	color: #fff;
}



/* footer add 0401 */

.topicspath {
    text-align: left;
    padding: 6px 0;
    margin: 0 auto;
    width: 980px;
}
.topicspath li {
    font-size: 84%;
    line-height: 1.2;
    display: inline-block;
    letter-spacing: normal;
    margin-right: 8px;
}

.sp_border_top{
	display: none;
}


#footer {
    text-align: left;
    background-color: #fff;
}
#footer a{
	text-decoration: inherit;
}
.topicspath {
    text-align: left;
    padding: 6px 0;
    margin: 0 auto;
    width: 980px;
}
#fNav {
    padding: 30px 0;
    background-color: #314b99;
}
.autoWrap {
    margin: 0 auto;
    max-width: 980px;
    overflow: hidden;
}
#fNav .listBoxframe {
    margin-right: -30px;
}
#fNav .listBox {
    width: 245px;
    float: left;
    line-height: 1.55;
}
body #footer .mb20 {
    margin-bottom: 20px;
}
#fNav .cate {
    color: #fff;
    font-size: 130%;
    margin-bottom: 5px;
}
#fNav .listBox a {
    font-size: 90%;
    line-height: 1.4;
    color: #fff;
    display: block;
    padding: 0 20px 2px 0;
}
#fNav .listBox {
    width: 245px;
    float: left;
    line-height: 1.55;
}
#fNav .listBox a {
    font-size: 90%;
    line-height: 1.4;
    color: #fff;
    display: block;
    padding: 0 20px 2px 0;
}
#fNav span{
	color: inherit;
	text-decoration: inherit;
}
#fUtility {
    font-size: 90%;
    padding: 10px 0;
}
#fUtility ul {
    float: left;
}
#fUtility li {
    margin-right: 20px;
    display: inline;
    float: left;
}
#fUtility a {
    color: #0081d9;
    text-decoration: underline;
}
#fUtility .copyright1 {
    width: 320px;
    float: right;
}

.link_winWhite{
	background: url(/img/vwhen/icon_win_white.png) no-repeat right center;
	padding-right: 15px;
}