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

/*------------------
スタイルの初期化
--------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, img, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*font-size: 62.5%;*/
	font-size: 10px;
	line-height:20px; line-height:2.0rem;
	vertical-align: baseline;
	background: transparent;
	color:#4c4c4c;
	font-family:'ヒラギノ角ゴ ProN W3','Hiragino kaku Gothic ProN','メイリオ','Meiryo','MS Pゴシック','MS PGothic',sans-serif;
	/*box-sizing: border-box;*/
}
a {
	color: #1d3994;
	text-decoration: none;
	font-size: 1.2rem;
}
input, button, select {
	font-size:12px; font-size:1.2rem;
}
body {
	/*line-height:16px; line-height:1.6rem;*/
}
ol, ul {
	list-style: none;
}
ol img, ul img {
	vertical-align:top;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin:0;
	padding:0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}

/*------------------
共通スタイル
--------------------*/
.containner { clear:both; width:100%; height:auto; margin:0 auto;}
.contents { clear:both; width:1024px; height:auto; margin:10px auto;}
.ctsBox { float:left; width:740px; height:auto;}
.rightBox { float:right; width:200px; height:auto; margin-bottom:25px;}

.FClear:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.OnFL, .OnFLeft { float:left;}
.OnFR, .OnFRight { float:right;}
.OnCL { clear:both;}

.BottomM { margin-bottom:10px;}
.BottomL { margin-bottom:15px;}

a {
	font-size:12px; font-size:1.2rem;	
	color:#1d3994;
	text-decoration:none;
}
a:visited {
	color:#9933CC;
	text-decoration:none;
}
a:hover {
	color:#FF9933;
	text-decoration:underline;
}

.cntctBox02 li p.ShiHNote span{
	width:430px;
	background:none;
}


/* ヘッダー */

.hd_contents{ clear:both; width:960px; height:auto; margin:0 auto 10px; position: relative;}
@media screen and (max-device-width: 1024px) {
    /*iPad対応*/
    .wrap_hd_bnr {
        width: 1280px;
        margin: 0 auto;
        clear: both;
    }
}
.tgline { background-color: #12a4fd ; width: 100%; height: 3px;}
.tglineIn { width: 960px; height: auto; margin: 0 auto;}
.tglineIn div { float: right;}

.hdWrapper { position:relative; width:960px; height:80px; margin:0 auto; clear: both;}
.hdWrapper .logo { position:absolute; top:5px; left:0; width:135px; height:60px;}

.hd_cts_list { position: absolute; top: 7px; right: 210px;}
.hd_cts_list li { display: inline-block; font-size: 11px; line-height: 1.5; margin-right: 5px; padding-left: 15px;}
.hd_cts_list li a { font-size: 13px; line-height: 1.5; color: #003698 ;}
.hd_cts_list .hd_icn01 { background: url(../img/hd_icn01.png) left center no-repeat; display:inline-block;}
.hd_cts_list .hd_icn02 { background: url(../img/hd_icn02.png) left center no-repeat;}
.hd_cts_list .hd_icn03 { background: url(../img/hd_icn03.png) left center no-repeat;}
.hd_cts_list .hd_icn04 { background: url(../img/hd_icn04.png) left center no-repeat;}

.headerSrchBox { position:absolute; top:5px; right:0; width:198px; height:23px; background: url(../img/hdSrchBg.png) no-repeat;}
.headerSrchTxt { float:left; background:none; width:152px; height:21px; line-height:16px; line-height:1.6rem; color:#999999; padding-left:10px; border:0;}
.headerSrchBtn { float:left; background:none; width:46px; height:23px; text-indent:-9999px; border:0; cursor:pointer;}

.slectAreaBox { position:absolute; top:36px; left:150px; width:243px; height:auto;}
.slectAreaBg { float:left; width:150px; height:33px; background:url(../img/slectAreaBg.png) no-repeat; margin-right:3px; font-size:18px; font-size:1.8rem; text-align:center; margin-top:0; padding-top:7px;}
.slectAreaSet { float:left; position:relative; width:90px; height:33px; background:url(../img/slectAreaSet.png) no-repeat; text-indent:-9999px;}
.slectAreaSet .HatsuSelectFukidashi { display:block; position:absolute; bottom:8px; right:5px; width:11px; height:11px; text-indent:-9999px;}

.bn_mag { position: absolute; top: 35px; left: 413px; width: 145px; height: 30px;}
.bn_mag img {width: 145px; height: 30px;}

.hdMemBlk { position:absolute; top:37px; right:0;}
.hdMemBlk ul li { float:left;}
.hdMemBlk ul li.memNm { font-size:12px; line-height:1; margin-right:10px;}
.hdMemBlk ul li.memNm span {font-size:14px; font-weight:bold;}
.hdMemBlk ul li.memNm .memGr { display:block; font-size:12px; line-height:1; text-align:right; font-weight:normal;}
.hdMemBlk ul li.memNm a { font-weight:bold;}
.hdMemBlk ul li.memIc { width:107px; height:26px;}

.hd_tabWrapper { border-bottom:solid 4px #eeeeee;}
.hd_tabWrapper .tabArea { width:960px; height:auto; margin:0 auto;}
.hd_tabWrapper .tabArea dl { float:left;}
.hd_tabWrapper .tabArea .hd_tabi,
.hd_tabWrapper .tabArea .hd_tabd { margin-right:5px;}
.hd_tabWrapper .tabArea dl dt { float:left; width:19px; height:60px;}
.hd_tabWrapper .tabArea dl dd { float:left;}
.hd_tabWrapper .tabArea dl dd ul li { float:left; width:85px; height:60px;}
.hd_tabWrapper .tabArea dl dd ul .hd_tabi_btn01 { background:url(../img/hd_tabi_btn01_hv.png) no-repeat;}
.hd_tabWrapper .tabArea dl dd ul .hd_tabi_btn02 { background:url(../img/hd_tabi_btn02_hv.png) no-repeat;}
.hd_tabWrapper .tabArea dl dd ul .hd_tabi_btn03 { background:url(../img/hd_tabi_btn03_hv.png) no-repeat;}
.hd_tabWrapper .tabArea dl dd ul .hd_tabd_btn01 { background:url(../img/hd_tabd_btn01_hv.png) no-repeat;}
.hd_tabWrapper .tabArea dl dd ul .hd_tabd_btn02 { background:url(../img/hd_tabd_btn02_hv.png) no-repeat;}
.hd_tabWrapper .tabArea dl dd ul .hd_tabd_btn03 { background:url(../img/hd_tabd_btn03_hv.png) no-repeat;}
.hd_tabWrapper .tabArea dl dd ul .hd_tabd_btn04 { background:url(../img/hd_tabd_btn04_hv.png) no-repeat;}
.hd_tabWrapper .tabArea dl dd ul .hd_tabd_btn05 { background:url(../img/hd_tabd_btn05_hv.png) no-repeat;}
.hd_tabWrapper .tabArea dl dd ul .hd_tabd_btn06 { background:url(../img/hd_tabd_btn06_hv.png) no-repeat;}
.hd_tabWrapper .tabArea .hd_tabi dd ul li:hover img,
.hd_tabWrapper .tabArea .hd_tabd dd ul li:hover img { opacity:0; transition: 0.1s;}
.hd_tabWrapper .tabArea ul li { float:left; height:60px;}
.hd_tabWrapper .tabArea ul .hd_tabc_btn01 { background:url(../img/hd_tabc_btn01_hv.png) no-repeat; width:72px;}
.hd_tabWrapper .tabArea ul .hd_tabc_btn02 { background:url(../img/hd_tabc_btn02_hv.png) no-repeat; width:71px;}
.hd_tabWrapper .tabArea .hd_tabc li:hover img { opacity:0; transition: 0.1s;}

.hd_tabWrapper .tabArea dl dd ul .hd_tabi_btn01.active { background:url(../img/hd_tabi_btn01_ac.png) no-repeat;}
.hd_tabWrapper .tabArea dl dd ul .hd_tabi_btn02.active { background:url(../img/hd_tabi_btn02_ac.png) no-repeat;}
.hd_tabWrapper .tabArea dl dd ul .hd_tabi_btn03.active { background:url(../img/hd_tabi_btn03_ac.png) no-repeat;}
.hd_tabWrapper .tabArea dl dd ul .hd_tabd_btn01.active { background:url(../img/hd_tabd_btn01_ac.png) no-repeat;}
.hd_tabWrapper .tabArea dl dd ul .hd_tabd_btn02.active { background:url(../img/hd_tabd_btn02_ac.png) no-repeat;}
.hd_tabWrapper .tabArea dl dd ul .hd_tabd_btn03.active { background:url(../img/hd_tabd_btn03_ac.png) no-repeat;}
.hd_tabWrapper .tabArea dl dd ul .hd_tabd_btn04.active { background:url(../img/hd_tabd_btn04_ac.png) no-repeat;}
.hd_tabWrapper .tabArea dl dd ul .hd_tabd_btn05.active { background:url(../img/hd_tabd_btn05_ac.png) no-repeat;}
.hd_tabWrapper .tabArea dl dd ul .hd_tabd_btn06.active { background:url(../img/hd_tabd_btn06_ac.png) no-repeat;}
.hd_tabWrapper .tabArea dl dd ul li.active img,
.hd_tabWrapper .tabArea ul li.active img {  opacity:0; transition: 0.1s;}
.hd_tabWrapper .tabArea ul .hd_tabc_btn01.active { background:url(../img/hd_tabc_btn01_ac.png) no-repeat; width:72px;}
.hd_tabWrapper .tabArea ul .hd_tabc_btn02.active { background:url(../img/hd_tabc_btn02_ac.png) no-repeat; width:71px;}

.hd_tabWrapper .tabArea .hd_tabi dd ul li,.hd_tabWrapper .tabArea .hd_tabd dd ul li  { position:relative;}

.hd_tabWrapper .tabArea .hd_tabi dd ul li ul {
	position:absolute;
	background:url(../img/hd_tabi_arrw.png) top center no-repeat;
	top:56px;
	left:-1px;
	width:200px;
	padding:8px 0 0;
	box-sizing:border-box;
}
.hd_tabWrapper .tabArea .hd_tabi dd ul li ul li {
	width:200px;
	height:auto;
	border:solid 1px #dce3e3;
	border-top:none;
	background-color:#fff;
}
.hd_tabWrapper .tabArea .hd_tabi dd ul li ul li a {
	display: block;
	font-size:15px;
	line-height:1.5;
	color: #1d3994;
	padding:10px 10px 10px 40px;
}
.hd_tabWrapper .tabArea .hd_tabi dd ul li ul li.hd_tabi_sbIcn01 a { background:url(../img/hd_tabi_sbIcn01.png) 10px center no-repeat;}
.hd_tabWrapper .tabArea .hd_tabi dd ul li ul li.hd_tabi_sbIcn02 a { background:url(../img/hd_tabi_sbIcn02.png) 10px center no-repeat;}
.hd_tabWrapper .tabArea .hd_tabi dd ul li ul li.hd_tabi_sbIcn03 a { background:url(../img/hd_tabi_sbIcn03.png) 10px center no-repeat;}
.hd_tabWrapper .tabArea .hd_tabi dd ul li ul li a:hover {
	background-color: #ccf0f0;
}


.hd_tabWrapper .tabArea .hd_tabd dd ul li ul {
	position:absolute;
	background:url(../img/hd_tabi_arrw.png) top center no-repeat;
	top:56px;
	left:0px;
	width:200px;
	padding:8px 0 0;
	box-sizing:border-box;
}
.hd_tabWrapper .tabArea .hd_tabd dd ul li ul li {
	width:200px;
	height:auto;
	border:solid 1px #dce3e3;
	border-top:none;
	background-color:#fff;
}
.hd_tabWrapper .tabArea .hd_tabd dd ul li ul li a {
	display: block;
	font-size:15px;
	line-height:1.5;
	color: #1d3994;
	padding:10px 0px 10px 43px;
}
.hd_tabd dd ul li ul li.hd_tabi_sbIcn01 a { background:url(../img/gnav_icon_dp_h.png) 7px center no-repeat;}
.hd_tabd dd ul li ul li.hd_tabi_sbIcn02 a { background:url(../img/gnav_icon_TandH_h.png) 7px center no-repeat;}
.hd_tabd dd ul li ul li a:hover {
	background-color: #ffd9d9;
}

.hd_tabWrapper .tabArea .hd_tabc li { position:relative;}
.hd_tabWrapper .tabArea .hd_tabc li ul {
	position:absolute;
	background:url(../img/hd_tabc_arrw.png) top center no-repeat;
	top:56px;
	right:0;
	width:200px;
	padding:8px 0 0;
	box-sizing:border-box;
}
.hd_tabWrapper .tabArea .hd_tabc li ul li {
	width:200px;
	height:auto;
	border:solid 1px #dce3e3;
	border-top:none;
	background-color:#fff;
}
.hd_tabWrapper .tabArea .hd_tabc li ul li a {
	background:url(../img/hd_tabc_tri.png) 10px center no-repeat;
	display: block;
	font-size:15px;
	line-height:1.5;
	color: #1d3994;
	padding:10px 10px 10px 23px;
}
.hd_tabWrapper .tabArea .hd_tabc li ul li a:hover {
	background-color: #e5f6ff;
}
.hd_tabWrapper .tabArea .hd_tabc li ul li.more a {
	background-image:none;
	text-align:right;
}
#menu2017 ul.child,#menu2017d ul.child { display:none; z-index: 9999}

/*iPad対応*/
@media screen and (min-width:768px) and ( max-width:1024px) {
/*header{width:1290px;}*/
body{display: table;}
}

.tglineIn {height: auto; margin: 0 auto; width: 960px;}
.tgline h1, .tgline p { float:left; width:auto; height:auto; font-size:10px; font-size:1.0rem; color:#fff; line-height:18px; line-height:1.8rem; font-weight:normal}

/* フッター */
.footerArea {
    border-top: solid 2px #d6e9f4;
    margin-top: 10px;
	clear: both;
}
.footerInBlk { 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #eaf6fd));
    background: -webkit-linear-gradient(#fff, #eaf6fd);
    background: -moz-linear-gradient(#fff, #eaf6fd);
    background: -o-linear-gradient(#fff, #eaf6fd);
    background: -ms-linear-gradient(#fff, #eaf6fd);
    background: linear-gradient(#fff, #eaf6fd);
}
.footerInBox { background: url(../img/ft_bg.png) center bottom no-repeat; width: 960px; height: auto; margin: 0 auto; padding-bottom: 100px; padding-top: 10px;}

.pr_area { overflow: hidden; width: 960px; height: auto; margin: 10px auto 20px;}
.pr_area dt { float: left; background-color: #0098ff; font-size: 12px; line-height: 1; color: #fff; padding: 3px 10px;}
.pr_area dd { float: left; font-size: 12px; line-height: 1.5; padding-left: 10px;}
.pr_area dd a { font-size: 12px; line-height: 1.5;}

.ftLinkBlk01 { width: 190px; height: auto;}
.ft_etc01 li:first-child,.ft_etc01 li:first-child a { line-height:1.8rem;}
.ft_etc01 li:nth-child(2){ padding-top:3px;}
.ftLinkBlk02 { width: 220px; height: auto;}
.ftLinkBlk03 { width: 170px; height: auto;}

.ftLinkMds { font-size: 14px; line-height: 1.5; font-weight: bold; color: #0098ff;}

.ft_kaigai ul,
.ft_kokunai ul,
.ft_etc02 ul,
.ft_etc03 ul { margin-left: 10px;}

.ft_kaigai a,
.ft_kokunai a,
.ft_etc02 a,
.ft_etc03 a { background: url(../img/arrw04.png) center left no-repeat; font-size: 12px; line-height: 2; color: #4d4d4d ; padding-left: 15px;}

.ft_etc01 a { font-size: 14px; line-height: 1.8; font-weight: bold; color: #0098ff; background: none;}

.ft_link { overflow: hidden; width: 960px; height: auto; margin: 0 auto; padding: 10px 0;}
.ft_link li { display: inline-block; white-space: nowrap; margin-right: 10px;}
.ft_link li a { background: url(../img/arrw04.png) center left no-repeat; font-size: 11px; line-height: 1; color: #4d4d4d ; padding-left: 15px;}

.copy { background-color: #0099ff; width: 100%; height: auto; padding: 10px 0;}
.copy ul { width: 960px; height: auto; margin: 0 auto;}
.copy ul li,
.copy ul li a,
.copy ul li h1 { font-size: 11px; line-height: 1; font-weight:normal; color: #fff;}
.copy ul li h1{display:inline;}


iframe[name="google_conversion_frame"] { position:absolute;top: 0; }
img[src="https://b97.yahoo.co.jp/pagead/conversion/1000088978/?random=1460091075893&cv=8&fst=1460091074470&num=6&fmt=3&guid=ON&disvt=false&u_h=1440&u_w=2560&u_ah=1417&u_aw=2556&u_cd=24&u_his=2&u_tz=540&u_java=true&u_nplug=9&u_nmime=70&frm=0&url=https%3A//www.hankyu-travel.com/kaigai/&ref=http%3A//www.hankyu-travel.com/&tiba=%E9%96%A2%E6%9D%B1%E7%99%BA%20%E6%B5%B7%E5%A4%96%E6%97%85%E8%A1%8C%20%E6%B5%B7%E5%A4%96%E3%83%84%E3%82%A2%E3%83%BC%EF%BD%9C"]{display:none;}
.ui-autocomplete + img { display:none !important;}

.digital_bot a:hover img {
	filter: alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
}
.digital_bot a:hover p {
	color:#ff9933;
	text-decoration:underline;
}

#cse-search-box input[type="text"] {
    float: left;
    background: none;
    width: 137px;
    height: 17px;
    line-height: 16px;
    line-height: 1.6rem;
    color: #999999;
    padding: 2px;
    border: 0;
    margin: 1px 1px 1px 10px;
}

.img_char01 {
    position: absolute;
    top: 0;
    left: -170px;
    width: 160px;
    height: 146px;
}
.img_char02 {
    position: absolute;
    top: 0;
    left: 970px;
    width: 160px;
    height: 146px;
}