﻿/* 検索モジュール上書き調整 */
body,td,th {
  font-family: "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", helvetica, arial, sans-serif;
}
#header > *, #header_inner > * {
  margin: 0px;
  padding: 0px;
  font-family: "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", helvetica, arial, sans-serif;
}
#header div#gnavi ul#gnavi_sub li {
  background: url(https://appleworld.com/apl/imgs/common/mark_arrow_grey.gif) no-repeat left 7px!important;
}
#footer * {
  font-family: "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", helvetica, arial, sans-serif;
}
#ColumnBox_topPage #leftColumn {
	width: 380px!important;
}
#ColumnBox_topPage #leftColumn div.section {
	width: 374px!important;
}
#ColumnBox_topPage #leftColumn #topsearch_line p.LinkNormal {
    background: url(https://appleworld.com/apl/imgs/common/mark_arrow_grey.gif) no-repeat left 7px!important;
}
#ColumnBox_topPage #leftColumn #topsearch_line .topsection_bg {
    background: #fff!important;
}
#ColumnBox_topPage div.section .form200 {
    width: 300px!important;
	padding-bottom: 3px;
}
#ColumnBox_topPage #leftColumn #topsearch_line dl.topsearch_line_hotelname dt {
    width: 130px!important;
}
#ColumnBox_topPage #leftColumn #topsearch_line dl.topsearch_line_hotelname dd {
    width: 220px!important;
}
#ColumnBox_topPage div.section .form140 {
    width: 210px!important;
}
#ColumnBox_topPage #leftColumn #topsearch_line dl dt {
    width: 130px!important;
}
#ColumnBox_topPage #leftColumn #topsearch_line dl dd {
    width: 220px!important;
}
#ColumnBox_topPage div.section .form70 {
    width: 100px;
}
#ColumnBox_topPage #topsearch_box_checkout span {
	padding-left: 18px;
}
#ColumnBox_topPage #leftColumn #topsearch_line dl.search_people dd {
    width: 100%!important;
	overflow: hidden;
}
#ColumnBox_topPage .search_people br {
	display: none!important;
}
#ColumnBox_topPage .search_people .form12 {
	display: inline!important;
	float: right;
}
#ColumnBox_topPage .topsearch_box {
	overflow: hidden;
	font-size: 93%;
}
#ColumnBox_topPage .topsearch_box select {
	font-size: 100%!important;
}
#ColumnBox_topPage .topsearch_box br {
	display: none!important;
}
#ColumnBox_topPage .topsearch_box .form12 {
	display: inline!important;
	float: right;
}
#ColumnBox_topPage .long {
	margin-top: 5px!important;
}
#ColumnBox_topPage .long .form70 {
    width: 93px!important;
}
#ColumnBox_topPage #topsearch_box02 {
	width: 310px;
}
#ColumnBox_topPage #leftColumn #topsearch_line #topsearch_box02 dl dt {
    width: 70px!important;
	padding-left: 15px;
}
#ColumnBox_topPage #topsearch_box02 .form200 {
    width: 220px!important;
    padding-bottom: 3px;
}

/* 新規パーツ:告知枠 */
.teikei_information {
	border: 3px solid #ee0000;
	box-sizing: border-box;
	width: 100%;
	font-size: 13px;
	text-align: center;
	color: #ee0000;
	padding: 4px 0;
	margin:15px 0;
}
.teikei_information a {
	color: #ee0000;
}
.teikei_information a:hover {
	text-decoration: underline;
}
#teikei_info_open {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
}
.teikei_close_layer {
    top: 0;
    left: 0;
	right: 0;
	bottom: 0;
    width: 100%;
    height: 100%;
	margin-left: -50px;
	padding-right: 70px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    background: #000000;
    opacity: 0.8;
    z-index: 5;
}
.teikei_modal_window {
	top: 10%;
	left: 0;
    width: 700px;
	padding: 20px;
	margin: auto;
    text-align: center;
    display: block;
    background: #ffffff;
    position: relative;
    z-index: 10;
}
.teikei_modal_window h2 {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
	margin-bottom: 10px;
}
.teikei_modal_window p {
    padding: 0 15px 15px 15px;
    font-size: 14px;
    line-height: 160%;
    text-align: left;
}
div#teikei_modal div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 0s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}
/* 新規パーツ：バナー枠 */
.teikei_banner_box {
	overflow: hidden;
	clear: both;
}
.teikei_banner_box ul {
	list-style: none;
	margin-left: -10px;
}
.teikei_banner_box li {
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}
.teikei_banner_box img {
	vertical-align: bottom;
}
.teikei_banner_box a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
/* 新規パーツ：左カラム */
.teikei_right_column_frame {
	width: 555px;
	float: right;
}
.teikei_right_column_frame h3:first-child {
	margin: 0;
}
.teikei_right_column_frame h3 {
	font-size: 16px;
	background-color: #ffe7bf;
	margin: 15px 0 0;
	padding: 6px 8px 3px;
	border-top: 2px solid #fcb849;
	border-left: 2px solid #fcb849;
	border-right: 2px solid #fcb849;
}
/* 新規パーツ：人気都市 */
.teikei_bestcity_box {
	border-left: 2px solid #fcb849;
	border-right: 2px solid #fcb849;
	border-bottom: 2px solid #fcb849;
	padding: 5px 15px;
}
.teikei_bestcity_box ul:first-child {
	margin-top: 10px;
	overflow: hidden;
	clear: both;
}
.teikei_bestcity_box ul {
	margin-top: 0px;
	margin-bottom: 8px;
	overflow: hidden;
	clear: both;
}
.teikei_bestcity_box ul li:first-child {
	font-size: 13px;
	border-left: 0px solid #cccccc;
	padding-left: 0;
	padding-right: 8px;
	float: left;
}
.teikei_bestcity_box ul li {
	font-size: 13px;
	line-height: 1.2;
	border-left: 1px solid #cccccc;
	padding-left: 8px;
	padding-right: 8px;
	float: left;
}
/* 新規パーツ：ホテルランキング */
.teikei_hotelranking_box {
	border-left: 2px solid #fcb849;
	border-right: 2px solid #fcb849;
	border-bottom: 2px solid #fcb849;
	padding: 8px 10px;
}
.teikei_hotelranking_box #topranking_between {
	margin-bottom: 8px;
}
.teikei_hotelranking_box #topranking_between span {
	color: #ee0000;
}
.teikei_hotelranking_box #topranking_between img {
	margin-left: -10px;
}
.teikei_hotelranking_box #topranking_boxwrap {
	overflow: hidden;
	clear: both;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.teikei_hotelranking_box #topranking_boxwrap .topranking_box {
	display: inline-block;
	width: 32.3%;
	float: left;
	text-align: left;
	border: 1px solid #dedede;
}
.teikei_hotelranking_box #topranking_box02 {
	margin: 0 5px;
}
.teikei_hotelranking_box .topranking_box_ranking_number {
	padding: 5px 8px 3px;
}
.teikei_hotelranking_box .topranking_box_photo_item {
	background-color: #eeeeee;
	text-align: center;
}
.teikei_hotelranking_box .topranking_box dl dt {
	font-size: 12px;
	padding: 8px;
}
.teikei_hotelranking_box .topranking_box span.stars {
	color: #ffa208;
	line-height: 1.0;
	padding: 0 8px;
}
.teikei_hotelranking_box .topranking_box span.bold {
	display: block;
	font-size: 16px;
	color: #ee0000;
	padding: 0 8px 5px;
}
.teikei_ranking_linktxt {
	font-size: 13px;
	text-align: right;
	margin-top: 5px;
}
.teikei_ranking_linktxt img {
	vertical-align: middle;
	padding-right: 3px;
}
/* 新規パーツ：特集枠 */
.teikei_topics_box {
	border-left: 2px solid #fcb849;
	border-right: 2px solid #fcb849;
	border-bottom: 2px solid #fcb849;
	padding: 10px;
}
.teikei_topics_boxwrap {
	overflow: hidden;
	clear: both;
}
.teikei_topics_boxwrap ul {
	list-style: none;
	margin-left: -10px;
}
.teikei_topics_boxwrap li {
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}
.teikei_topics_boxwrap img {
	vertical-align: bottom;
}
.teikei_topics_boxwrap a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
.teikei_topics_linktxt {
	font-size: 13px;
	text-align: right;
	margin-top: -4px;
}
.teikei_topics_linktxt img {
	vertical-align: middle;
	padding-right: 3px;
}
.teikei_mypagebtn{margin-bottom:15px;}

/* ポップアップコンテンツ上書き調整 */
#P3Secondary .c_section1 .endList ol.inLine {
    padding: 10px 0 0 16px;
}
#P3Secondary .c_section1 .endList ol.inLine li.leftM {
    margin-left: 30px;
}