@charset "utf-8";

/*----------------------------------------------------------------------
    IMPORT
----------------------------------------------------------------------*/

@import "../../css/common.css";
@import "../../css/contents.css";

/*----------------------------------------------------------------------
    Common
----------------------------------------------------------------------*/

#haneda .imgRight{
	float:right;
	margin-left:20px;
}
@media screen and (min-width: 641px){/* rwd */
	#haneda .imgRight{
		width: 24.0085744908896%;
		max-width: 224px;
	}
}
#haneda .imgRight img{
	border:6px solid #F0F0F0;
	padding:1px;
	background:#fff;
}
@media screen and (min-width: 641px){/* rwd */
	#haneda .imgRight img{
		width: calc(100% - 14px);
		height: auto;
	}
}

#haneda .clearfix .pagetop{
		margin-top: 15px;
		margin-bottom: 5px;
}

#haneda .imgRight img.follow{
	margin-top:10px;
}

#haneda .caption {
	text-align:center;
}

br {
	margin:0;
}

/*----------------------------------------------------------------------
    CONTENTS
----------------------------------------------------------------------*/

#haneda #section{
	padding-top:17px;
}

/*----------------------------------------------------------------------
    title
----------------------------------------------------------------------*/

/* h2 -------------------- */

#haneda #contents .categoryBox h2{
	min-height:32px;
	margin-bottom:14px;
	padding:8px 0 0 30px;
	background:url(../img/bg_subtitle.jpg) no-repeat left 0;
	color:#000;
	font-size:127%;
	font-weight:bold;
}

/*----------------------------------------------------------------------
    index.html
----------------------------------------------------------------------*/
/* Tokyo Monorail -------------------- */
#haneda .ticket-type-wrap{
	padding-top: 10px;
}
#haneda .ticket-type {
	float: left;
	width: 686px;
	margin:0 0 10px 0;
}
	
#haneda .ticket-type .link01{
	margin-top:5px;
	}
		
#haneda .ticket-type .link02{
	margin-top:12px;
	}

#haneda .ticket-type {/* rwd */
	float:left;
	width: 72.88317256162915%;
	max-width: 680px;
}
#haneda table.yamanote.left{
	/*float:left;*/
	/*width:680px;*/
	width: 100%;/* rwd */
	margin-bottom:10px;
}

#haneda table.yamanote{
	background:#F6F6F6;
	font-size:110%;
}

#haneda table.yamanote th,
#haneda table.yamanote td{
	padding:7px 10px;
	border:1px solid #FFFFFF;
}

#haneda table.yamanote th{
	background:#B2E57F;
	color:#233A0C;
	text-align:center;
	font-weight:bold;
}

#haneda table.yamanote td.title{
	background:#D1F0B2;
	color:#233A0C;
	text-align:center;
	font-weight:bold;
}

#haneda table.yamanote td{
	background:#E8F7D9;
}

#haneda table.yamanote td.nobd{
	border:none;
	font-size:90%;
	padding:5px 12px;
}

#haneda table.yamanote td.bd_right{
	border-right:1px solid #FFFFFF;
	border-left:none;
	border-top:none;
	border-bottom:none;
	font-size:90%;
	padding:5px 12px;
}

#haneda table.yamanote td.bottom{
	padding:5px 0 10px 12px;
}

#haneda table.yamanote img{
	vertical-align:middle;
}

#haneda .ticket-type + .imgRight {/* rwd */
	margin-left: 0;
}


/* Specially priced -------------------- */

#haneda .special_price{
	padding:12px;
	background:#E8F9FE;
}

#haneda .special_price dt{
	background:url(../img/icon_subtitle.gif) no-repeat left 4px;
	padding:0 0 0 18px;
	color:#1750C0;
	font-size:120%;
	font-weight:bold;
	margin:15px 0 5px 0;
}

#haneda .special_price p.location {
	margin:20px 0 15px 0;
}

/* Banner */

#haneda .special_price ul.banner {
	overflow: hidden;
	height: 65px;
	text-align:center;
	width:820px;
	margin:0 auto 15px;
}
@media screen and (min-width: 641px){/* rwd */
	#haneda .special_price ul.banner {
		height: auto;
		width: 87.88853161843516%;
	}
}

#haneda .special_price ul.banner li{
	width: 261px;
	height: 65px;
	float:left;
	margin-right:15px;
}
@media screen and (min-width: 641px){/* rwd */
	#haneda .special_price ul.banner li {
		width: 31.82926829268293%;
		height: auto;
		margin-right: 1.829268292682927%;
	}
}

#haneda .special_price ul.banner li.last{
	margin-right:0;
}

#haneda .special_price ul.banner li a {
	display: block;
	width: 261px;
	height: 65px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	outline: none;
}
@media screen and (min-width: 641px){/* rwd */
	#haneda .special_price ul.banner li a {
		padding-bottom: 24.90421455938697%;
		width: 100%;
		height: 0;
		background-size: cover;
	}
}

#haneda .special_price ul.banner li a:hover {
	background-position: 0 100%;
}

#haneda .special_price ul.banner li.suica a {
	background-image: url(../img/banner01.jpg);
}

#haneda .special_price ul.banner li.eastpass_t a {
	background-image: url(../img/banner04.jpg);
}

#haneda .special_price ul.banner li.eastpass_n a {
	background-image: url(../img/banner05.jpg);
}

#haneda .special_price ul.banner li.tokyowidepass a {
	background-image: url(../img/banner06.jpg);
}

#haneda .special_price ul.banner li.railpass a {
	background-image: url(../img/banner07.jpg);
}

/* SC -------------------- */

#haneda .list08 li{
	background:url(../img/icon_list.gif) no-repeat left 8px;
	padding-left:12px;
	margin:8px;
}

#haneda .list08 li strong{
	font-size:130%;
}

/* pdf -------------------- */

#haneda .pdfBox{
	width:933px;
	padding:12px 0 10px;
	background:#E2F2CE;
	text-align:center;
	margin-bottom:30px;
}

#haneda .pdfBox p{
	display:inline;
	margin:0 18px;
}

/* Popular Buys -------------------- */

#haneda .buysBox{
	position:relative;
	width:931px;
	margin-top:11px;
	background:url(../img/bg_buys_rp.gif) repeat-y;
	margin-bottom:15px;
}

#haneda .buysBox h4{
	padding:3px 0 3px 12px;
	background:#78BAEA url(../../img/renew/common/bg_h4_blue.jpg) no-repeat right bottom;
}

#haneda .buysBox h4 a{
	font-size:120%;
	font-weight:bold;
	color:#fff;
}

#haneda .buysBox.second{
	margin-top:15px;
}

#haneda .buysBoxInner{
	width:931px;
	background:url(../img/bg_buys_tp.gif) no-repeat;
}

#haneda .buysBoxBg{
	padding:6px 8px 20px 7px;
	background:url(../img/bg_buys_bt.gif) no-repeat left bottom;
}

#haneda .buysBox .boxLeft{
	float:left;
	width:443px;
}

#haneda .buysBox .boxRight{
	float:right;
	width:443px;
}

#haneda .buysBox p{
	margin:10px 12px 0;
}

#haneda .buysBox p.high{
	margin:10px 12px 10px;
}

#haneda .buysBox img{
	float:left;
	margin-right:15px;
}

#haneda .buysBox .detail{
	text-align:right;
}

#haneda .buysBox .detail a{
	padding-left:16px;
	background:url(../../../img/multi/icon_arw02.png) no-repeat left center;
}

#haneda .buysBox .boxRight .detail{
	left:490px;
}

#haneda #contents .blueBox {
	width:448px;
}
@media screen and (min-width: 641px){/* rwd */
	#haneda #contents .blueBox {
		width: calc(100% - 10px);
	}
}


#haneda #contents .pdfleft {
	width:112px;
	float:left;
}

#haneda #contents .blueBox .right {
	float:right;
	width:304px;
}
@media screen and (min-width: 641px){/* rwd */
	#haneda #contents .blueBox .right {
		width: calc(100% - 122px);
	}
}

/* Banner Suica & Monorail -------------------- */

#haneda #contents .bnr_SuicaMonorail {
	clear:both;
	overflow: hidden;
	height: 94px;
	margin-bottom: 20px;
}

#haneda #contents .bnr_SuicaMonorail p{
	width: 932px;
	height: 94px;
}

#haneda #contents .bnr_SuicaMonorail p a {
	display: block;
	width: 932px;
	height: 94px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	outline: none;
}

#haneda #contents .bnr_SuicaMonorail p a:hover {
	background-position: 0 100%;
}

#haneda #contents .bnr_SuicaMonorail p a {
	background-image: url(../img/bnr_suicamonorail.jpg);
}

/*----------------------------------------------------------------------
   sightsBanner
----------------------------------------------------------------------*/

#contents .categoryBox .sightsBanner {
	width: 919px;
	margin-bottom: 20px;
}
@media screen and (min-width: 641px){/* rwd */
	#contents .categoryBox .sightsBanner {
		width: 98.4994640943194%;
	}
}

#contents .categoryBox .sightsBanner h3 {
    margin-bottom: 14px;
}

.sightsBanner p {
	float: left;
	margin-right: 9px;
}
@media screen and (min-width: 641px){/* rwd */
	.sightsBanner p {
		width: calc((100% - 9px) / 2);
	}
}
*::-ms-backdrop, _:-ms-lang(x), .sightsBanner p {/* ie11 */
	width: calc((100% - 10px) / 2);
}
_:-ms-lang(x)::backdrop, .sightsBanner p {/* edge */
	width: calc((100% - 10px) / 2);
}

.sightsBanner p.right {
	margin-right: 0;
}

@media screen and (min-width: 641px){/* rwd */
	.sightsBanner p img {
		width: 100%;
		height: auto;
	}
}

/*----------------------------------------------------------------------
   SCROLL
----------------------------------------------------------------------*/
.scroll_contents_text{
	display: none;
}


/*----------------------------------------------------------------------
   Plugin  2018.03 add
----------------------------------------------------------------------*/
@media screen and (min-width: 641px){/* rwd */
	#contents .boxLeft {
		width: 49.08896034297964%;
	}
}