@charset "utf-8";
#wrapper{
  width:100%;
}

.js #menu {
	display:block;
}

.js .slicknav_menu {
	display:none;
}

#headerArea {
  width:100%;
	height: 40px;		/*ヘッダ領域の高さはここで調整 */
/*	min-height:40px;*/
	margin: 0px;
	border: none;
	padding:0px;
  border-top: solid 5px #3366cc;
}

#headerArea:after {
	clear: both;
}

#h_navi {
  width: 980px;			/* ヘッダ領域の横幅はここで調整 */
	height: 100%;			/* ヘッダ領域の高さはここで調整 */
	margin: 0px auto;
	border: none;
	padding: 0px;
}

#h_navi #home {
	display: block;
	width: 680px;
	height: 100%;
	margin: 0px;
	float: left;
	text-indent: -9999px;
}


#mypage_area {
	text-align: left;
	width: 300px !important;
	padding: 15px 0px 0px !important;
	float: left;
}

#mypage_area #sub_menu {
	height:12px;
	margin:0;
	text-align:left;
	background: url(https://image.pia.jp/images3/sl-ticket/my_page_area/s_navi.gif) no-repeat 0px 0px;
	position:static;
}

#mypage_area #sub_menu ul {
	margin: 0;
    padding: 0;
    list-style: none;
    position:relative;
}

#mypage_area #sub_menu ul li {
	margin: 0;
	padding: 0;
	height:15px;
	text-indent: -9999px;
	position:absolute;

}

#mypage_area #sub_menu ul li a {
	display: block;
	height: 15px;
	text-decoration: none;
}

#mypage_area #sub_menu li#h01 {
	left:0px;
	top:0;
	width:70px;
}
#mypage_area #sub_menu li#h02 {
	left:86px;
	top:0;
	width: 39px;
}
#mypage_area #sub_menu li#h03 {
	left:141px;
	top:0;
	width:69px;
}


#mypage_area #sub_menu li#h01 a:hover ,#mypage_area #sub_menu li#h01 strong {
	background: url(https://image.pia.jp/images3/sl-ticket/my_page_area/s_navi.gif);
	background-position: 0px -19px;
	background-repeat: no-repeat;
}
#mypage_area #sub_menu li#h02 a:hover ,#mypage_area #sub_menu li#h01 strong {
	background: url(https://image.pia.jp/images3/sl-ticket/my_page_area/s_navi.gif);
	background-position:  -86px -19px;
	background-repeat: no-repeat;
}
#mypage_area #sub_menu li#h03 a:hover ,#mypage_area #sub_menu li#h01 strong {
	background: url(https://image.pia.jp/images3/sl-ticket/my_page_area/s_navi.gif);
	background-position: -141px -19px;
	background-repeat: no-repeat;
}



#mypage_area_sp {
   display:none;
}




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

#headerArea {
	height: 0px;
}

#mypage_area{
	display: none;
}



#mypage_area_sp {
   display:block;
   width:100%;
   float:left;
   background-color:#ffffff;
}



#mypage_area_sp .sp-top-nav {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #898989;
    box-shadow: 0 3px 0 #ccc;
    font-size: 12px;
    margin: 0 1px 0px;
    display: block;
    padding: 7px;
    box-sizing: border-box;
}

#mypage_area_sp .sp-top-nav ul {
    text-align: center;
    width: 100%;
    list-style: outside none none;
}


#mypage_area_sp .sp-top-nav ul li {
    display: inline;
    padding: 0 5px 0 3px;
    border-right: 1px solid #000;
    box-sizing: border-box;
}

#mypage_area_sp .sp-top-nav ul li:last-child {
	border-right: none;
}


#mypage_area_sp #header_menu a:link ,
#mypage_area_sp #header_menu a:visited ,
#mypage_area_sp #header_menu a:active ,
#mypage_area_sp #header_menu a:hover {
	text-decoration: none;
	color: #333;
}
}