@charset "shift-jis";

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden] {
    display: none;
}
html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
a:focus {
    outline: thin dotted;
}
a:active,
a:hover {
    outline: 0;
}
h1 {
    font-size: 2em;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.17em;
}
h4 {
    font-size: 1em;
}
h5 {
    font-size: 0.83em;
}
h6 {
    font-size: 0.67em;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
blockquote {
    margin: 1em 40px;
}
dfn {
    font-style: italic;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
mark {
    color: #000;
}
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;

}
q {
    quotes: none;
}
q:before,
q:after {
    content: '';
    content: none;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
form {
    margin: 0;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
    white-space: normal;
}
button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}
button,
input {
    line-height: normal;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*------------------------------------------------------------
	ベースルール
------------------------------------------------------------*/
body {
	border-top: 22px solid #eff1f2;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #2b333c;
}
h1 a {
	text-decoration: none;
}
h1 a:hover {
	text-decoration: underline;
}
h2,h3,h4,h5,h6 {
	margin: 0;
}
ol,ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
p {
	margin: 0;
}
a:link,
a:visited,
a:active,
a:hover,
select,
textarea,
button {
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	outline: none;
}
select,option {
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 12px;
}
input {
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	outline: none;
}
/*------------------------------------------------------------
	clearfix
------------------------------------------------------------*/
.clr:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
/*--------------------------------------------------------------------------------------------------------------
	レイアウトルール
--------------------------------------------------------------------------------------------------------------*/
#container {
	margin: 0 auto;
	width: 1100px;
}
.l-content {
	line-height: 1.4;
	font-size: 12px;
}
.l-column {
	margin-bottom: 55px;
	width: 1100px; /* IE7 */
}
.l-main {
	float: left !important;
	width: 760px;
}
.l-sub {
	float: right;
	margin-left: 40px;
	width: 300px;
}
.l-sub--right {
	margin: 0 0 0 40px;
}
/*--------------------------------------------------------------------------------------------------------------
	モジュールルール
--------------------------------------------------------------------------------------------------------------*/
.ico-guide {
	background: url(/images/common/ico_guide.png) no-repeat;
}
.ico-guide-before,
.ico-guide-after {
	position: relative;
}
.ico-guide-before:before,
.ico-guide-after:after {
	position: absolute;
	content: "";
	background: url(/images/common/ico_guide.png) no-repeat;
}
/*---------- radio共通 ----------*/
.ui-radio-label {
	position: relative;
	cursor: pointer;
}
.ui-radio {
	position: absolute;
	z-index: -1;
	top: 2px;
	left: 1px;
}
.ui-radio-disp {
	float: left;
	padding: 2px 4px 3px 0;
	width: 14px;
	height: 14px;
	background: url(/images/common/ico_common.png) no-repeat -36px -611px #FFF;
}
.ui-radio-label--checked .ui-radio-disp {
	background-position:  -36px -547px;
}
/*---------- スクロールバー(タブレットなど一部端末での表示調整) ----------*/
@media (min-width: 768px) and (max-width: 1199px) {
::-webkit-scrollbar {
    width: 15px;
}
::-webkit-scrollbar-thumb {
    background-color: #c3c3c3;
    border: 2px solid #f1f1f1;
}
::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}
}
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
/*-----------------------------------------------
	最上部
-----------------------------------------------*/
.g-header {
	margin: -22px auto 0;
	padding-bottom: 9px;
	min-width: 1100px; /* タブレットなど */
	box-shadow: 0 1px 5px rgba(8,1,3,0.1);
}
.g-header_cont {
	position: relative;
	z-index: 1100;
	margin: 0 auto;
	width: 1100px;
}
.g-header_head {
	padding: 0 0 0 5px;
	line-height: 22px;
	background-color: #eff1f2;
	font-size: 11px;
}
.g-header_head_txt {
	display: inline;
}
.g-header_head_txt a {
	text-decoration: none;
}
.g-header_head_txt a:hover {
	text-decoration: underline;
}
h1 {
	display: inline;
	font-size: 11px;
	font-weight: normal;
}
/*-----------------------------------------------
	g-header_body
-----------------------------------------------*/
.g-header_body {
	padding: 2px 0;
	width: 1100px; /* IE7 */
}
.g-header_logo {
	float: left;
	margin-top: 5px;
}
.g-header_logo:hover {
	opacity: 0.75;
}
.g-header_tabino {
	float: left;
	margin-left: 9px;
}
.g-header_list {
	float: left;
	margin: 16px 0 0 12px;
}
.g-header_item {
	float: left;
}
.g-header_item--how {
	background: url(http://img.travel.co.jp/images/common/header_btnbox_line.gif) repeat-y left top;
}
.g-header_item a {
	display: block;
	padding: 18px 10px 0 10px;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	color: #2b333c;
}
.g-header_item a:hover {
	opacity: 0.75;
}
.g-header_item--how a {
	background: url(http://img.travel.co.jp/images/common/header_btnbox_icon04.png) no-repeat 27px 2px;
}
.g-header_item--mailmag a {
	background: url(http://img.travel.co.jp/images/common/ico_gheader.png) no-repeat 20px -146px;
}
.g-header_bnr {
	float: right;
}
/*------------------------------------------------------------
	グローバルナビ
------------------------------------------------------------*/
.gnav-content {
	width: 1100px; /* IE7 */
}
.gnav_list {
	float: left;
	border-right: 1px solid #cecece;
	font-size: 14px;
}
.gnav_list--dom {
	margin-right: 2px;
	border-radius: 4px 0 0 4px;
}
.gnav_list--int {
	margin-right: 2px;
}
.gnav_list--tabiness {
	border-right: none;
}
.gnav_item {
	float: left;
	background: url(http://img.travel.co.jp/images/common/bg_gnav.png) repeat-x;
}
.gnav_item:first-child {
	background: url(http://img.travel.co.jp/images/common/bg_gnav_blue.png) repeat-x;
}
.gnav_item:first-child:hover {
	background: url(http://img.travel.co.jp/images/common/bg_gnav_blue_hover.png) repeat-x;
}
.gnav_list--dom .gnav_item:first-child {
	border-radius: 3px 0 0 3px;
}
.gnav_list--tabiness .gnav_item:first-child {
	border-radius: 0 3px 3px 0;
}
.gnav_item a {
	display: block;
	padding: 6px 0;
	width: 90px;
	background: url(http://img.travel.co.jp/images/common/globalNavi_bg02.gif) no-repeat right center;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #333;
}
.ie7 .gnav_item a,
.ie8 .gnav_item a {
	padding: 6px 0 3px;
}
.gnav_item a:hover {
	opacity: 0.75;
}
.gnav_item:first-child a {
	padding: 6px 6px 6px 0;
	width: 117px;
	background: url(http://img.travel.co.jp/images/common/ico_gheader.png) no-repeat 100% -408px;
	color: #FFF;
}
.ie7 .gnav_item:first-child a,
.ie8 .gnav_item:first-child a {
	padding: 6px 6px 3px 0;
}
.gnav_item:first-child a:hover {
	opacity: 1;
}
.gnav_item:last-child a {
	width: 96px;
	background: none;
}
.gnav_list .gnav_item--last a {/* IE7,8 */
	width: 96px;
	background: none;
}
.gnav_list--tabiness {
	border-radius: 0 4px 4px 0;
}
.gnav_list--tabiness .gnav_item a {
	padding: 6px 0;
	width: 116px;
}
.ie7 .gnav_list--tabiness .gnav_item a,
.ie8 .gnav_list--tabiness .gnav_item a {
	padding: 6px 0 3px;
}
/*------------------------------------------------------------
	グローバルナビ(ポップアップタイプ)
------------------------------------------------------------*/
.gnav-popup {
	display: none;
	position: absolute;
	top: 100%;
	left: 0; /* IE7 */
	padding-top: 8px;
	z-index: 1;
}
.gnav-popup_body {
	padding: 0 3px 5px;
	background-color: #FFF;
	width: 738px; /* IE7 */
	border: 2px solid #CCC;
	border-radius: 3px;
}
.gnav-popup_body_head {
	width: 738px; /* IE7 */
	border-bottom: 1px solid #CCC;
}
.gnav-popup_body_head .gnav-popup_head_link {
	position: relative;
	float: left;
	display: block;
	padding: 8px 20px 6px 3px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #393939;
}
.gnav-popup_head_link:hover {
	opacity: 0.75;
}
.gnav-popup_head_arrow {
	position: absolute;
	top: 50%;
	right: 5px;
	display: block;
	margin-top: -5px;
	width: 6px;
	height: 10px;
	background: url(/images/common/ico_gheader.png) no-repeat 0 -347px;
}
.gnav-popup_head_close {
	float: right;
	padding: 9px 3px 7px;
	font-size: 12px;
	color: #888;
	cursor: pointer;
}
.gnav-popup_head_close:hover {
	opacity: 0.75;
}
.gnav-popup_body_column {
	float: left;
	margin-right: 12px;
	padding-top: 4px;
	width: 238px;
}
.gnav-popup_body_ttl {
	padding: 5px 3px 4px;
	font-size: 14px;
	font-weight: bold;
	background-color: #f3f3f3;
	color: #3f83cb;
}
.gnav-popup_body_item {
	border-top: 1px dashed #DDD;
}
.gnav-popup_body_item:first-child {
	border-top: none;
}
.gnav-popup_body_item a {
	position: relative;
	display: block;
	padding: 7px 15px 7px 3px;
	text-decoration: none;
	color: #393939;
}
.gnav-popup_body_item a:hover {
	opacity: 0.75;
}
.gnav-popup_item_ttl {
	display: block;
	line-height: 1.4;
	font-size: 14px;
	font-weight: bold;
}
.gnav-popup_item_txt {
	font-size: 12px;
	color: #999;
}
.gnav-popup_item_arrow {
	position: absolute;
	top: 50%;
	right: 5px;
	display: block;
	margin-top: -5px;
	width: 6px;
	height: 10px;
	background: url(/images/common/ico_gheader.png) no-repeat 0 -347px;
}
.gnav-popup_body_column--sp {
	margin-right: 0;
}
.gnav-popup_body_column--sp .gnav-popup_body_item {
	width: 238px; /* IE7 */
	border-top: none;
}
.gnav-popup_body_column--sp .gnav-popup_body_item a {
	padding: 7px 3px;
}
.gnav-popup_item_tmb {
	float: left;
}
/*---------- 特集カラム ----------*/
.gnav-popup_body_column--sp .gnav-popup_item_ttl {
	margin-left: 45px;
	font-size: 12px;
}
.gnav-popup_body_column--sp .gnav-popup_item_txt {
	display: block;
	margin-left: 45px;
	line-height: 1.4;
}
.gnav-popup_sp-txt {
	text-align: right;
}
.gnav-popup_sp-txt a {
	position: relative;
	padding: 2px 10px 0 15px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #393939;
}
.gnav-popup_sp-txt a:hover {
	opacity: 0.75;
}
.gnav-popup_sp-txt_arrow {
	position: absolute;
	top: 50%;
	left: 2px;
	display: block;
	margin-top: -5px;
	width: 6px;
	height: 10px;
	background: url(/images/common/ico_gheader.png) no-repeat 0 -347px;
}
/*---------- 海外 ----------*/
.gnav-popup--int {
	left: auto;
	right: 118px;
}
.gnav-popup--int .gnav-popup_body {
	width: 488px;
}
.gnav-popup--int .gnav-popup_body_head {
	width: 488px; /* IE7 */
}
/*------------------------------------------------------------
	パンくず
------------------------------------------------------------*/
.breadcrumb {
	margin-bottom: 20px;
	min-width: 1100px; /* タブレットなど */
	background-color: #f7f7f7;
	box-shadow: 0 2px 2px rgba(100,100,100,0.1) inset;
	-webkit-box-shadow: 0 2px 2px rgba(100,100,100,0.1) inset;
}
.breadcrumb_list {
	margin: 0 auto;
	padding: 8px 0 7px;
	width: 1060px;
	font-size: 10px;
}
.breadcrumb_item {
	float: left;
	color: #47505a;
}
.breadcrumb_item_link {
	text-decoration: none;
	color: #47505a;
}
.breadcrumb_item_link:hover {
	opacity: 0.75;
}
/*------------------------------------------------------------
	グローバルメニュー
------------------------------------------------------------*/
.g-menu {
	margin-bottom: 5px;
}
.g-menu_head {
	position: relative;
	margin-bottom: 14px;
	padding: 12px 10px 10px;
	background-color: #f1f1f1;
	border: 1px solid #eaeaea;
	border-radius: 12px;
	font-size: 11px;
	text-align: center;
	color: #47505a;
	display: block;
	text-decoration: none;
}
.g-menu_head:hover {
	opacity: 0.75;
}
.g-menu_head:after {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -9px;
	width: 18px;
	height: 10px;
	background: url(/images/common/ico_common.png) no-repeat -32px -355px;
	content: "";
}
.g-menu_head_logo {
	margin-bottom: 4px;
}
.g-menu_head_num {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #3fbbdf;
}
.g-menu_head_back {
	position: relative;
	padding-left: 6px;
}
.g-menu_head_back:after {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
  width: 4px;
  height: 6px;
  background: url(/images/common/ico_common.png) no-repeat -46px -746px;
  content: "";
}
.g-menu_body {
	border: 2px solid #eaeaea;
	border-radius: 6px;
}
.g-menu_list {
	position: relative;
	z-index: 1000; /* IE7 */
}
.g-menu_item {
	border-top: 1px solid #f1f1f1;
	width: 296px;
}
.g-menu_item:first-child {
	border-top: none;
}
.g-menu_item_link {
	position: relative;
	display: block;
	padding: 13px 30px 12px 48px;
	background: url(/images/common/ico_common.png) no-repeat -12px 13px;
	font-size: 14px;
	text-decoration: none;
	color: #47505a;
}
.g-menu_item_link--active {
	background-color: #f1f1f1;
}
.g-menu_item_link:hover {
	background-color: #f8f8f8;
}
.g-menu_item_link:after {
	position: absolute;
	top: 50%;
	right: 13px;
	margin-top: -4px;
	width: 6px;
	height: 10px;
	background: url(/images/common/ico_common.png) no-repeat -44px -415px;
	content: "";
}
.g-menu_item_link--popup:after {
	background-position: -42px -2744px;
}
.g-menu_item_link--domhotel {
	background-position: -14px -60px;
}
.g-menu_item_link--intspot {
	background-position: -13px -128px;
}
.g-menu_item_link--inthotel {
	background-position: -12px -203px;
}
.g-menu_item_link--ranking {
	background-position: -12px -274px;
}
.g-menu_item_link--howto {
	background-position: -14px -4705px;
}
.g-menu_item_link--matome {
	background-position: -16px -4775px;
}
.g-menu_item_link--sub {
	float: left;
	position: relative;
	display: inline-block;
	padding: 11px 4px 11px 24px;
	font-size: 12px;
	text-decoration: none;
	color: #47505a;
}
.g-menu_item_link--sub:after {
	position: absolute;
  top: 50%;
  left: 17px;
  margin-top: -4px;
  width: 4px;
  height: 6px;
  background: url(/images/common/ico_common.png) no-repeat -46px -746px;
  content: "";
}
.g-menu_item_link--sub:hover {
	opacity: 0.75;
}
/*---------- .g-menu_item_cont ----------*/
.g-menu_item_cont {
	display: none;
	position: absolute;
	top: -2px;
	right: 103%;
	padding: 12px 30px 30px;
	background-color: #FFF;
	border-radius: 8px;
	box-shadow: 0 0 6px 0 rgba(10,2,4,0.35);
	-webkit-box-shadow: 0 0 6px 0 rgba(10,2,4,0.35);
}
.ie7 .g-menu_item_cont,
.ie8 .g-menu_item_cont {
	padding: 9px 34px 29px;
	border: 1px solid #dbdadb;
}
.g-menu_cont_head {
	margin-bottom: 17px;
	min-width: 310px;
	border-bottom: 1px dotted #CCC;
}
.g-menu_cont_head_link {
	position: relative;
	float: left;
	padding: 9px 18px 9px 29px;
	background: url(/images/common/ico_common.png) no-repeat -27px 9px;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #47505a;
}
.g-menu_item--domhotel .g-menu_cont_head_link {
	background-position: -29px -64px;
}
.g-menu_item--intspot .g-menu_cont_head_link {
	background-position: -28px -133px;
}
.g-menu_item--inthotel .g-menu_cont_head_link {
	background-position: -27px -205px;
}
.g-menu_cont_head_link:hover {
	opacity: 0.75;
}
.g-menu_cont_head_link:after {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -6px;
	width: 6px;
	height: 10px;
	background: url(/images/common/ico_common.png) no-repeat -44px -415px;
	content: "";
}
.g-menu_cont_head_txt {
	padding-right: 16px;
	background: url(/images/common/ico_common.png) no-repeat 100% -410px;
}
.g-menu_cont_head_close {
	float: right;
	margin-top: 2px;
	padding: 5px 0;
	width: 110px;
	background-color: #b4b8bb;
	border-radius: 2px;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
}
.g-menu_cont_head_close:hover {
	opacity: 0.75;
}
.g-menu_cont_item {
	float: left;
	margin-right: 10px;
	width: 135px;
	font-size: 13px;
}
.g-menu_cont_item_ttl {
	display: block;
	margin-bottom: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #67a026;
}
.g-menu_item--domhotel .g-menu_cont_item_ttl {
	color: #4a96a8;
}
.g-menu_item--intspot .g-menu_cont_item_ttl {
	color: #c96363;
}
.g-menu_item--inthotel .g-menu_cont_item_ttl {
	color: #b69a1c;
}
.g-menu_cont_item_ttl:hover {
	opacity: 0.75;
}
.g-menu_cont_detail_item {
	margin-bottom: 10px;
}
.g-menu_cont_detail_link {
	display: block;
	padding-left: 15px;
	line-height: 1.2;
	background: url(/images/common/ico_common.png) no-repeat -43px -742px;
	text-decoration: none;
}
.g-menu_cont_detail_link:hover {
	opacity: 0.75;
}
/*---------- .g-search ----------*/
.g-search {
	position: relative;
	margin-bottom: 20px;
	padding: 42px 13px 9px;
	border: 2px solid #eaeaea;
	border-radius: 6px;
}
.g-search_ttl {
	position: absolute;
	top: 8px;
	left: 0;
	padding: 3px 12px 0;
	height: 21px;
	background-color: #71777f;
	font-size: 13px;
	color: #FFF;
}
.g-search_ttl:after {
	position: absolute;
	top: 0;
	left: 100%;
	width: 9px;
	height: 24px;
	background: url(/images/common/ico_common.png) no-repeat -41px -475px;
	content: "";
}
.g-search_head {
	margin-bottom: 10px;
	width: 270px; /* IE7 */
}
.g-search_head_txt {
	float: left;
	margin-top: 2px;
	color: #d1711b;
}
.g-search_head .ui-radio-label {
	float: left;
	margin-left: 10px;
	font-size: 14px;
	color: #47505a;
}
.g-search_body {
	display: none;
}
.g-search form {
	position: relative;
	margin-bottom: 12px;
}
.g-search_input {
	padding: 9px 45px 8px 10px;
	width: 213px;
	background-color: #f1f1f1;
	border: 1px solid #c3c3c3;
	border-radius: 2px;
	box-shadow: 0 2px 3px rgba(201,201,201,0.75) inset;
	font-size: 13px;
}
.g-search_submit {
	position: absolute;
	top: 0;
	right: 0;
	width: 45px;
	height: 40px;
	background: url(/images/common/ico_common.png) no-repeat -20px -666px;
	border: none;
}
.g-search_body_ttl {
	margin-bottom: 8px;
	font-size: 11px;
	color: #47505a;
}
.g-search_body_list {
	width: 270px; /* IE7 */
}
.g-search_body_item {
	float: left;
	margin: 0 11px 8px 0;
	white-space: nowrap; /* IE7 */
}
.g-search_body_link {
	display: block;
	padding: 1px 6px;
	background-color: #4ebadd;
	border-radius: 2px;
	font-size: 11px;
	text-decoration: none;
	color: #FFF;
}
.g-search_body--int .g-search_body_link {
	background-color: #31c591;
}
.g-search_body_link:hover {
	opacity: 0.75;
}
/*---------- .g-social ----------*/
.g-social {
  margin-bottom: 20px;
	position: relative;
}
.g-social_fb {
	width: 300px;
}
.g-social_fb_link {
	float: left;
	width: 210px;
	border-right: 1px solid #fff;
}
.g-social_fb_link:hover {
	opacity: 0.75;
}
.g-social_fb_like {
	float: left;
	width: 69px;
	padding: 17px 10px 6px;
	background: #e6edfa;
  min-height: 51px;
}
.g-social_fb_like .fb-like {
	margin: 0 auto;
}
.g-social_subscribe {
	text-align: right;
	margin-top: 10px;
}
.g-social_subscribe_btn {
	position: relative;
	padding-left: 8px;
	cursor: pointer;
}
.g-social_subscribe_btn:hover {
	text-decoration: underline;
}
.g-social_subscribe_btn:after {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
  width: 4px;
  height: 6px;
  background: url(/images/common/ico_common.png) no-repeat -46px -746px;
  content: "";
}
.g-social_popup {
	width: 260px;
	padding: 15px 15px 18px;
	background: #f1f1f1;
	border-radius: 6px;
	position: absolute;
	z-index: 100;
	bottom: 37px;
  right: -158px;
	display: none;
	box-shadow: 0 5px 8px 0 rgba(0,0,0,0.3);
}
.g-social_popup_balloon {
	position: absolute;
	top: auto;
	bottom: -20px;
	left: 30px;
	border: 10px solid transparent;
	border-top-color: #f1f1f1;
}
.ie7 .g-social_popup_balloon {
	top: auto;
	bottom: -39px;
}
.g-social_popup_txt {
	margin-bottom: 12px;
}
.g-social_popup_close {
	position: absolute;
	top: 15px;
	right: 15px;
	text-decoration: underline;
	cursor: pointer;
}
.g-social_popup_link {
	display: inline-block;
	padding: 4px 0;
	border-radius: 3px;	
	background: #666;
	color: #fff;
	text-decoration: none;
	width: 80px;
	float: left;
	text-align: center;
}
.g-social_popup_link:hover {
	opacity: 0.75;
}
.g-social_popup_link--fb {
	background: #314e7f;
	margin-right: 10px;
}
.g-social_popup_link--tw {
	background: #35abd8;
	margin-right: 10px;
}
.g-social_popup_link--fl {
	background: #8fc31f;
}
/*------------------------------------------------------------
	フェードインページ上部スクロール
------------------------------------------------------------*/
.pageTop {
	position: fixed;
	z-index: 100;
	bottom: 30px;
	right: 2%;
	display: none;
	width: 50px;
	height: 50px;
	background: url(/images/common/ico_common.png) no-repeat 0 -2802px;
}









.site_nav_prt{
	padding: 0 20px;
	}

.site_nav_prt .icon-arrow:before{
	color:#fedc00;
}

.site_nav_prt ul{
}

.site_nav_prt ul li{
	float:left;
	list-style:none;
	padding: 3px 10px 10px;
	font-size: 13px;
	}

/* menu_area */

.menu_area{
	clear:both;
	height: 40px;
	background-color:#f7f5f3;
	box-shadow: 0 10px 6px -11px #C7C7C7 inset;
}

/* menu bar */

.menu_area_inr {
	clear: both;
	width:1160px;
	margin: 0 auto;
}

.menu_prt{
	float: left;
	width: 70%;
}

.group_site_prt{
	float:right;
	width: 30%;
	height: 40px;
}

.group_site_prt .txt_sub{
	font-size:10px;
}

.group_site_prt ul{
	padding: 10px 0 0;
}

.group_site_prt ul li{
	display: block;
	float: left;
	width: 150px;
	margin: -8px 0 0;
	text-align: center;
}
	
.group_site_prt ul li a{
	display: block;
}

.group_site_prt .logo_travel{
	overflow: hidden;
 	display: block;
 	margin: 2px 0 0 29px;
	background: url('/images/common/img_common.png') no-repeat 0 -61px;
	width: 92px;
	height: 18px;
	text-indent: 100%;
	white-space: nowrap;
}

.group_site_prt .logo_hotel{
	overflow: hidden;
 	display: block;
 	margin: 2px 0 0 27px;
	background: url('/images/common/img_common.png') no-repeat -100px -61px;
	width: 93px;
	height: 18px;
	text-indent: 100%;
	white-space: nowrap;
}
	
.home_mod,.dom_mod,.int_mod{
	width:130px;
	text-align:center;
}

.home_mod a:hover{
	background-color:#f0ff33;
	box-shadow: 0 10px 6px -11px #C7C7C7 inset;
}
	
.dom_mod a:hover{
	color:#fff;
	background-color:#3fbbdf;
	box-shadow: 0 10px 6px -11px #1b5465 inset;
}

.int_mod a:hover{
	color:#fff;
	background-color:#31c591;
	box-shadow: 0 10px 6px -11px #006a45 inset;
}

.menu_prt ul.main_menu {
	position: relative;
	*position:static;
	width: 100%;
	height: 40px;
}
	
.menu_prt ul.main_menu li {
	float: left;
	list-style: none;
	font-size: 13px;
	font-weight: bold;
}
	
.menu_prt ul.main_menu li a {
	display: block;
	padding: 10px 0;
	text-decoration: none;
}

.menu_prt ul.main_menu li .sub-container {
	position: absolute;
	padding-left: 80px;
	margin-left: -3px;
}

.menu_prt ul.main_menu li .sub-container.mega .sub {
	margin-top:10px;
	*margin:148px auto;
	padding: 20px;
	background-color:#fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow:rgba(207, 207, 207, 0.6) 0px 0px 5px 2px;
	-webkit-box-shadow:rgba(207, 207, 207, 0.6) 0px 0px 5px 2px;
	-moz-box-shadow:rgba(207, 207, 207, 0.6) 0px 0px 5px 2px;
	}
	
.menu_prt ul.main_menu li .sub .row {width: 100%; overflow: hidden; clear: both;}

.menu_prt ul.main_menu li .sub li {
	list-style: none;
	float: none;
	width: 150px;
	font-size: 1em;
	font-weight: normal;
	text-align:left;
	}
.menu_prt ul.main_menu li .sub li.mega-hdr {margin: 0 10px 10px 0; float: left;}
.menu_prt ul.main_menu li .sub li.mega-hdr.last {margin-right: 0;}

.menu_prt ul.main_menu li.dom_mod .sub li.mega-hdr a.mega-hdr-a {
	color: #4ebadd;
}

.menu_prt ul.main_menu li.int_mod .sub li.mega-hdr a.mega-hdr-a {
	color: #31c591;
}

.menu_prt ul.main_menu li .sub li.mega-hdr a.mega-hdr-a {
	padding: 5px 20px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #2b333c;
	background-color: inherit;
	box-shadow:none;
	}
	
.menu_prt ul.main_menu li .sub li.mega-hdr a.mega-hdr-a a:hover{
	padding: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #2b333c;
	}
	
.dom_mod li .sub li.mega-hdr a.mega-hdr-a a:hover{
	color:#ff3300;
	}
	
.menu_prt ul.main_menu li .sub li.mega-hdr a.mega-hdr-a .dom_mod a:hover{
	color: #000;
	background-color:none;
	box-shadow: none
	}
	
.menu_prt ul.main_menu .dom_mod .sub li.mega-hdr a.mega-hdr-a .dom_mod a:hover{
	color: #000;
	background-color:none;
	box-shadow: none
	}
.menu_prt ul.main_menu .sub li.mega-hdr li a {
	padding: 4px 5px 4px 20px;
	font-weight: normal;
	}
	
.menu_prt ul.main_menu .sub li.mega-hdr li a:hover {
	color:#2b333c;
	background-color:#f1f1f1;
	box-shadow: none;
	}

.menu_prt ul.main_menu .sub ul li {padding-right: 0;}
.menu_prt ul.main_menu li .sub-container.non-mega .sub {padding: 20px 20px 20px 0;}
.menu_prt ul.main_menu li .sub-container.non-mega li {padding: 0; width: 190px; margin: 0;}

/* パンくず */

#nav_path_area{
	width:99%;
	margin:15px auto;
	overflow:hidden;
}
#nav_path_area .home_mod{
	float:left;
	border:#DDD 3px solid;
	width: 48px;
}
#nav_path_area .level_list_prt .sub_level{
	display:inline-block;
	height:26px;
	margin:0;
	padding:0 20px 0 6px;
	background:url(/images/common/bg_path.png) no-repeat center right;
	list-style:none;
	line-height:2.0;
	font-size:83%;
}
#nav_path_area .level_list_prt .sub_level a{
	color:#000;
	text-decoration:none;
}
#nav_path_area .level_list_prt span.end{
	background:url(/images/common/bg_path_end.png) no-repeat center right;
}

/* footer */

#footer{
	clear:both;
	background-color:#dfdfdf;
	font-family:'メイリオ',Meiryo, 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	}
	
.footer_inr {
	width:1100px;
	margin: 0 auto;
	padding: 30px 0;
	background-color:#dfdfdf;
}
.footer_inr a {
	text-decoration: none;
}
.sitemap_area {
	position: relative;
}
.sitemap_area ul li {
	float: left;
	overflow: hidden;
	list-style: none;
	width: 360px;
	margin-left: 40px;
}
.sitemap_area ul li:first-child {
	margin-left: 0;
}
.sitemap_area ul li:nth-child(2) {
	width: 300px;
}
.ie7 .sitemap_area ul li,
.ie8 .sitemap_area ul li {
	width: 340px;
}
#footer .sitemap_prt{
	margin:0 0 30px 0;
	}

#footer .title{
	padding: 0 0 30px 0;
	font-size: 14px;
	font-weight: bold;
}

#footer .sitemap_prt .desc_mod{
	margin: 0 0 20px 0;
	font-size: 12px;
	line-height:1.8;
}

#footer .sitemap_prt .site_nav_mod{
	font-size:14px;
	font-weight:bold;
	padding: 5px 0;
}
#footer .sitemap_prt .site_nav_mod a {
	padding-left: 20px;
	background: url(/images/common/ico_common.png) no-repeat -42px -2167px;
}
#footer .sitemap_prt .icon-arrow_right:before {
	font-size:12px;
	padding: 0 10px 10px 0;
	color:#afafaf;
}
.tag_dom_mod a{
	float: left;
	display: block;
	padding:10px;
	margin: 0 10px 10px 0;
	font-size:13px;
	background-color:#fff;
	border-left:3px solid #4ebadd;
	text-align: center;		
	}

.tag_int_mod a{
	float: left;
	display: block;
	padding:10px;
	margin: 0 10px 10px 0;
	font-size:13px;
	background-color:#fff;
	border-left:3px solid #31c591;
	text-align: center;		
	}

.tag_dom_mod a:hover,.tag_int_mod a:hover{
	text-decoration:none;}


/*---------- sns ----------*/
#footer .sitemap_area li:last-child .title {
	padding-bottom: 5px;
}
.g-footer_sns {
	padding: 45px 22px 0 0;
	width: 359px;
	height: 179px;
	background-position: 100% 0;
	font-size: .75rem;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.g-footer_sns_link {
	display: inline-block;
	margin: 0 2px;
	width: 58px;
	height: 46px;
	border-bottom: 3px solid;
	border-radius: 5px;
}
.g-footer_sns_link:before {
	top: 50%;
	left: 50%;
}
.g-footer_sns_link--facebook {
	background-color: #314e7f;
	border-bottom-color: #1c3663;
}
.g-footer_sns_link--facebook:before {
	margin: -13px 0 0 -7px;
	width: 14px;
	height: 26px;
	background-position: 100% -229px;
}
.g-footer_sns_link--twitter {
	background-color: #35abd8;
	border-bottom-color: #258db5;
}
.g-footer_sns_link--twitter:before {
	margin: -10px 0 0 -13px;
	width: 26px;
	height: 21px;
	background-position: 100% -305px;
}
.g-footer_sns_link--line {
	background-color: #00b900;
	border-bottom-color: #009a00;
}
.g-footer_sns_link--line:before {
	margin: -13px 0 0 -14px;
	width: 29px;
	height: 27px;
	background-position: 100% -376px;
}
.g-footer_sns_link--insta {
	background-color: #dc2d77;
	border-bottom-color: #bd1e61;
}
.g-footer_sns_link--insta:before {
	margin: -13px 0 0 -13px;
	width: 27px;
	height: 27px;
	background-position: 100% -453px;
}
.g-footer_sns_link:hover {
	opacity: .75;
}
.g-footer_sns_link:active {
	margin-top: 3px;
	border-bottom: none;
	opacity: 1;
}
.g-footer_sns_txt {
	padding-top: 2px;
}
.g-footer_line {
	display: none;
	position: absolute;
	top: -118px;
	left: 166px;
	width: 720px;
	background-color: #FFF;
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
}
.g-footer_line_head {
	position: relative;
	background-color: #00b900;
	border-radius: 10px 10px 0 0;
}
.g-footer_line_ttl {
	padding: 15px 30px 12px;
	font-size: 1.125rem;
	font-weight: bold;
	color: #FFF;
}
.g-footer_line_close {
	position: absolute;
	top: 13px;
	right: 20px;
	padding: 5px 27px 3px 44px;
	background-color: #009000;
	border-radius: 2px;
	font-size: .8125rem;
	color: #FFF;
}
.g-footer_line_close:before {
	position: absolute;
	content: "";
	top: 50%;
	left: 28px;
	width: 10px;
	height: 1px;
	background-color: #FFF;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.g-footer_line_close:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 28px;
	width: 10px;
	height: 1px;
	background-color: #FFF;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.g-footer_line_close:hover {
	opacity: .8;
}
.g-footer_line_body {
	padding: 17px 25px 27px 26px;
}
.g-footer_line_column {
	float: left;
	width: 387px;
}
.g-footer_line_column:nth-child(2) {
	margin-left: 10px;
	width: 272px;
}
.g-footer_line_txt {
	margin-bottom: 22px;
	font-size: .8125rem;
	color: #2b333c;
}
.g-footer_line_txt:last-of-type {
	margin-bottom: 12px;
}
.g-footer_line_qr {
	display: block;
	margin: 0 auto;
}
.g-footer_line_img {
	margin-bottom: 8px;
}
.g-footer_line_caption {
	font-size: .75rem;
	text-align: center;
	color: #666;
}







#footer .link_area{
	clear:both;
	padding: 0 0 20px 0;
	color:#afafaf;
}

#footer .link_area .title{
	clear:both;
	color:#2b333c;
	padding: 10px 0;
}

#footer .link_area dd {
	float:left;
	white-space: nowrap;
	display: inline-flex;
	/display:inline;
    	/zoom:1;
	margin: 0;
	font-size: 11px;
}

dl.notice_area{
	clear:both;
	padding: 40px 0 0;
	width: 120px;
	margin: 0 auto 30px;
}

dl.notice_area dd{
	float:left;
	display: inline-flex;
	/display:inline;
    	/zoom:1;
	margin: 0;
	font-size: 67%;
}

#footer .notice_area .notice_mod{
	float: left;
	display: block;
	margin: 0 10px 10px 0;
	font-size:13px;
	padding:10px;
	text-align: center;		
}

#footer_link_vrgrp {
	clear:both;
	width: 500px;
	padding-right: 5px;
	margin: 0 auto;
}

#footer hr{
	clear:both;
	border-top: 1px solid #c4c4c4;
	border-bottom: 1px solid #fdfdfd;
}

/* footer VRG */

#footer_link_vrgrp li {
	float: left;
	width: 115px;
	list-style-type: none;
	padding-right: 8px;
	text-align: center;
}

#footer_link_vrgrp .group_travel, #footer_link_vrgrp .group_hotel, #footer_link_vrgrp .group_sorasai, #footer_link_vrgrp .group_thelist{
	overflow: hidden;
 	display: block;
	background: url('/images/common/img_common.png?150601') no-repeat;
	width: 115px;
	height: 40px;
	padding: 45px 0 0 0;
	margin: 0 0 30px 0;
	font-size: 10px;
	line-height: 1.2;
}

#footer_link_vrgrp .group_travel{ background-position:0 -100px;}
#footer_link_vrgrp .group_hotel{ background-position:-120px -100px;}
#footer_link_vrgrp .group_sorasai{ background-position:-240px -100px;}
#footer_link_vrgrp .group_thelist{	background-position:-480px -100px;}

#footer .copyright{
	clear:both;
	text-align: center;
	font-size:13px;
}

#footer .copyright a{
	display:inline;
}

/* sns */
#social_btn_area {
	display:block;
	width: 620px;
	height: 10px;
	margin:0 0 30px auto;
	border-radius: 6px;
}

#social_btn_area ul li {
	float: left;
	list-style: none;
}

#social_btn_area .title_prt {
	padding: 0px 4px;
}

#social_btn_area .btn_prt {
	padding: 2px 4px 0px;
}

#social_btn_area .facebook_mod {
	width: 148px;
}

#social_btn_area .twitter_mod {
	width: 95px;
}

#social_btn_area .google_mod {
	width: 70px;
}


/*------------------------------------------------------------
	共通
------------------------------------------------------------*/
.ico-common {
	background: url(/images/common/ico_common.png) no-repeat;
}

/*------------------------------------------------------------
	下部広告
------------------------------------------------------------*/
.ad_area{
	margin:10px auto;
	width:640px;
	text-align:center;
	overflow:hidden;
}
.ad_area .item_prt{
	float:left;
	margin:0 10px;
}

/*------------------------------------------------------------
	サブセクション共通タイトル
------------------------------------------------------------*/
.sub-section {
	padding-top: 7px;
	border-top: 1px dotted #71777f;
}
.sub-section_ttl {
	padding-left: 5px;
	border-left: 5px solid #47505a;
	font-size: 14px;
	color: #47505a;
}
.sub-section_txt {
	margin: 2px 0 0 13px;
	font-size: 11px;
	color: #71777f;
}

/*------------------------------------------------------------
	人気旅行ガイドランキング
------------------------------------------------------------*/
.ranking {
	margin-bottom: 40px;
}
.ranking_list {
	margin-bottom: 18px;
	padding-top: 5px;
}
.ranking_item_link {
	position: relative;
	display: block;
	padding: 14px 0 6px;
	min-height: 74px;
	border-bottom: 1px solid #CCC;
	font-size: 13px;
	text-decoration: none;
	color: #47505a;
}
.ranking_item_link:hover {
	opacity: 0.75;
}
.ranking_item_link:after {
	position: absolute;
	top: 8px;
	left: -7px;
	width: 24px;
	height: 24px;
	background-color: #a0a0a0;
	border-radius: 12px;
	font-size: 18px;
	text-align: center;
	color: #FFF;
	content: "5";
}
.ranking_item--4 .ranking_item_link:after {
	content: "4";
}
.ranking_item--3 .ranking_item_link:after {
	background-color: #8ad2d1;
	content: "3";
}
.ranking_item--2 .ranking_item_link:after {
	background-color: #c8a078;
	content: "2";
}
.ranking_item--1 .ranking_item_link:after {
	background-color: #fe8f8f;
	content: "1";
}
.ranking_item_tmb {
	float: left;
	border-radius: 2px;
}
.ranking_item_txt {
	display: block;
	margin: 0 0 4px 78px;
}
.ranking_item_name {
	display: block;
	font-size: 10px;
	text-align: right;
}
.ranking_txt {
	text-align: right;
}
.ranking_txt_link {
	padding-left: 20px;
	background-position: -34px -2300px;
	font-size: 13px;
	text-decoration: none;
	color: #47505a;
}
.ranking_txt_link:hover {
	opacity: 0.75;
}
/*------------------------------------------------------------
	Power Push! 旅行ガイド
------------------------------------------------------------*/
.power {
	margin-bottom: 28px;
}
.power_list {
	padding-top: 6px;
}
.power_item_link {
	display: block;
	padding: 8px 0;
	min-height: 66px;
	text-decoration: none;
	color: #47505a;
}
.power_item_link:hover {
	opacity: 0.75;
}
.power_item_tmb {
	float: left;
	border-radius: 2px;
}
.power_item_txt {
	display: block;
	margin: 0 0 4px 74px;
	font-size: 13px;
}
.power_item_sns {
	display: block;
	margin-left: 77px;
}
.power_item_sns_item {
	margin-right: 8px;
	padding-left: 12px;
	background-position: -40px -2363px;
}
.power_item_sns_item--twitter {
	background-position: -40px -2423px;
}
/*------------------------------------------------------------
	あわせて読みたい！関連旅行ガイド
------------------------------------------------------------*/
.related {
	margin-bottom: 30px;
  background: #f4f4f4;
}
.related .sub-section {
	border-top: none;
}
.related .sub-section_ttl {
	border-left :none;
  position: relative;
  padding: 3px 12px 0;
  height: 21px;
  background: #f0ff33;
  font-size: 13px;
  color: #2b333c;
	width: 220px;
}
.related .sub-section_ttl:after {
  position: absolute;
  top: 0;
  left: 100%;
  width: 9px;
  height: 24px;
  background: url(/images/common/ico_common.png) no-repeat -41px -958px;
  content: "";
}
.related .sub-section_txt {
	margin: 5px 0 0 10px;
}
.related_list {
	padding: 0 10px;
}
.related_item_link {
	display: block;
	padding: 13px 0;
	min-height: 105px;
	font-size: 13px;
	text-decoration: none;
	color: #47505a;
	border-bottom: 1px #CCC dotted;
}
.related_item_link:hover {
	opacity: 0.75;
}
.related_item_tmb {
	float: left;
	border-radius: 2px;
}
.related_item_txt {
	display: block;
	margin: 0 0 7px 145px;
}
.related_item_name {
	display: block;
	font-size: 10px;
	text-align: right;
	margin: 0 0 0 145px;
}
.related_txt {
	padding: 15px 10px;
	text-align: right;
}
.related_txt_link {
	padding-left: 20px;
	background-position: -34px -2300px;
	font-size: 13px;
	text-decoration: none;
	color: #47505a;
}
.related_txt_link:hover {
	opacity: 0.75;
}

/*------------------------------------------------------------
	メガスクエア
------------------------------------------------------------*/
.ad-msq {
	margin-bottom: 25px;
}
.ad-msq_ttl {
	margin-bottom: 2px;
	font-size: 13px;
	text-align: center;
}

/*------------------------------------------------------------
	採用募集
------------------------------------------------------------*/
.recruit {
	position: relative;
	display: block;
	margin-bottom: 30px;
	padding: 10px 32px 10px 12px;
	line-height: 1.5;
	border: 3px solid #f0ee00;
	font-size: 13px;
	text-decoration: none;
	color: #242424;
}
.recruit:hover {
	opacity: 0.75;
}
.recruit:after {
	position: absolute;
	top: 50%;
	right: 9px;
	margin-top: -8px;
	width: 17px;
	height: 17px;
	background: url(/images/common/ico_common.png) no-repeat -33px -2234px;
	content: "";
}