@charset "UTF-8";
/* CSS Document */

/* ============================================
   ヘッダー / パンくず
   ============================================ */

body {
    /* 追従ヘッダー分の余白（実高さはJSで --header-h に上書き） */
    padding-top: var(--header-h, 62px);
}

/* ヘッダー追従（SP） */
#Header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 40;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}

#BreadCrumb {
    display: block !important;
}

/* ============================================
   ノーヒット / 部分一致
   ============================================ */

.Result-notfound-txt {
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-all;
    margin-block: 1rem 0;
}

/* ============================================
   relation_word - キーワードリスト
   ============================================ */

.relation_word {
    background-color: #fff;
}

/* タイトル */
.relation_word .kw-title-top {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    padding: 24px 16px 8px;
    margin: 0;
    line-height: 1.6;
}

.relation_word .kw-title-top span {
    display: inline-block;
}

/* PC版 .kw-title-bar と同構造 */
.relation_word .kw-title-bar {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.relation_word .kw-title-bar::before,
.relation_word .kw-title-bar::after {
    content: '';
    display: block;
    height: 4px;
    width: 40px;
}

.relation_word .kw-title-bar::before {
    background-color: #0073c0;
}

.relation_word .kw-title-bar::after {
    background-color: #1b9ef7;
}

/* キーワードリスト */
.relation_word .kw-list-wrap {
    border-top: 1px solid #e0e0e0;
    margin-bottom: 30px;
}

.relation_word .kw-list-wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.relation_word .kw-list-wrap ul li {
    border-bottom: 1px solid #e0e0e0;
}

.relation_word .kw-list-wrap ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    color: #333;
    text-decoration: none;
    font-size: 15px;
    line-height: 1.5;
    background-color: #fff;
}

.relation_word .kw-list-wrap ul li a::after {
    content: '›';
    color: #1b9ef7;
    font-size: 24px;
    line-height: 1;
    flex-shrink: 0;
    margin-left: 8px;
}

/* ------------------------------
     consider
------------------------------ */

/*ヘッダー*/
/*header#top {*/
div#header {
	position:relative;
	overflow:hidden;
	padding:5px 10px 5px 5px;
	border-top:#02c4ff solid 3px;
	border-bottom: solid 1px #dddddd;
	background: #ffffff; /* W3C */
}
div#header .SmpLogo {
	float:left;
}
div#header .SmpLogo img {
	width:85px;
}
div#header div.toLogin {
	position:absolute;
	right:65px;
	bottom:6px;
	width:70px;
	font-size:1.1rem;
	line-height:1.4rem;
	text-align:left;
	color:#FFFFFF;
	background:#ffba00;
	border-radius:3px;
	background-image: url("https://www.hankyu-travel.com/sharing/common14/images/smp/user.svg");
	background-size:1rem;
	background-repeat:no-repeat;
	background-position: 10.5% 50%;
}
.toLogin a {
	padding:5px 0px 4px 22px;
	color:#FFFFFF !important;
	font-weight:normal !important;
    text-shadow:none !important;
}
.toLogin a:link {
	text-decoration:none;
	color:#FFFFFF;
}
.toLogin a:hover {
	text-decoration:none;
	color:#FFFFFF;
}
.toLogin a:visited {
	text-decoration:none;
	color:#FFFFFF;
}
div#header ul li.toMenu {
	position:absolute;
	top:0;
	right:10px;
}
div#header ul li.toMenu img {
	width:45px;
	cursor:pointer;
}

.GlMenuIcon {
    border-bottom: solid 1px #4db8ff;
    margin-bottom: 10px;
}
.GlMenuIcon {
    overflow: hidden;
    position: relative;
    padding: 10px;
}
.GlMenu em, .GlMenu a, .GlMenu em, .GlMenu input {
    font-weight: normal !important;
    text-shadow: none !important;
}
.GlMenuNavTtl {
    float: left;
    background: url(https://www.hankyu-travel.com/sharing/common14/images/smp/smp_menu_icon.png) no-repeat 10% center;
    background-size: 30px;
    font-size: 1.6rem;
    line-height: 2.2;
    padding-left: 35px;
    font-style: normal;
    color: #05c5ff;
}

.GlMenuList li span {
    background-color: #b2b2b2 !important;
    color: #fff;
    display: inline-block;
    padding: 2px 5px;
    margin-left: 10px;
    font-size: 0.8rem;
}

.btn_pc_jump a span.text{
	background: url(https://www.hankyu-travel.com/sharing/common16/images/smp/icnB05.png) no-repeat 7px center;
	background-size: 24px;
	margin-bottom: 10px;
	display: table-cell;
	padding: 0 0 0 40px;
	vertical-align: middle;
	line-height: 1.3;
    font-size: 1.3rem;
    color: #1d3994;
}
.btn_pc_jump a span.text img{
	display: inline-block;
	vertical-align: middle;
    width: 25%;
    margin-left: 10px;
}