@charset "UTF-8";
/*++++++++++++++++++++++++++++++++++++++++++
HTML Setting
+++++++++++++++++++++++++++++++++++++++++++*/

/* インデックス */


ul { list-style-type:none;}
li img ,dt img,dd img { vertical-align:bottom;}

.ttl_idx {
	position:relative;
	width:960px;
	height:450px;
	background:#0048b4;
}

/*.ttl_idx p.seo {
	color: #FFF;
    font-size: 14px;font-size: 1.4rem;
	font-weight:bold;
    height: auto;
    left: 80px;
    line-height: 2rem;
    position: absolute;
    text-align: center;
    top: 390px;
    width: 800px;
}*/
.ttl_idx p.seo {
	color: #FFF;
    font-size: 14px;
	padding-left: 110px;
/*	font-weight:bold;*/
    height: auto;
/*    left: 80px;*/
    line-height: 1.5;
/*    position: absolute;*/
    text-align: left;
/*    top: 390px;*/
    width: 700px;
    margin: 30px auto;
}
.ContTourBox{
	width:960px;
	height:auto;
	background:url(../images/bg2.gif);
	margin-bottom: 20px;
	}
	
.TourBox{
	width:960px;
	height:auto;
	background:url(../images/bg2.gif);
	overflow:hidden;
	padding-bottom:20px;
	margin-bottom: 20px;
	}
	
.ContTourBox .ttl{ padding-bottom:30px;}

.TempTourPhoto{ 
	width:858px;
	height:auto;
	margin:15px 0 15px 50px;
    _margin:0 7px;  
	background:#e8f4ff;
	border:1px solid #e8f4ff;
	position:relative;
	padding-bottom: 15px;
}
.TempTourPhoto01{ 
	width:858px;
	height:auto;
	margin-left:50px;
    _margin:0 7px;  
	background:#FFF;
	border:1px solid #FFF;
	position:relative;
	padding-bottom: 15px;
	margin-bottom:15px;
}
.TempTourPhoto .TempCountry {
	background-color: #5a8ee1; 
	color: #fff; 
	font-size: 14px; 
	font-weight: bold; 
	width: 848px; 
	height: auto; 
	line-height:20px; line-height:2.0rem;
	padding: 3px 5px;
	margin-bottom:5px;
	}
.TempTourPhoto01 .TempCountry {
	background-color: #cc9178; 
	color: #fff; 
	font-size: 14px; 
	font-weight: bold; 
	width: 848px; 
	height: auto; 
	line-height:20px; line-height:2.0rem;
	padding: 3px 5px;
	margin-bottom:5px;
	}
.tourDtl {
    float: left;
    height: auto;
    margin: 10px 0 0 15px;
    overflow: hidden;
    width: 200px;	
}
.IchioshiDL{
	width:640px;
	height:auto;
	float: right;
	margin-top: 10px;
	}
.TempPhoto {width: 180px; height:150px;}
.TempPhoto img {width: 180px; height:135px;}
.TempLink {margin-bottom: 10px;font-size: 14px; font-weight: normal; line-height:20px; height:auto; width:620px; clear:both; }
.TempLink a {font-size: 16px; font-weight: normal; line-height:20px; color: #1d3994;}
.TempPrice {width: 620px; color: #db0000; font-size: 16px; font-weight: normal; height:auto; margin-bottom:10px;}
.TempCap {font-size: 14px;font-size: 1.4rem; line-height: 18px; height:auto; width: 620px; margin-bottom:3px;}
.TempLinkBtn {margin: 15px 20px 0 0; text-align: right; height:30px; clear:both;}
html > body p.linkarea a {
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: left;
    text-indent: -9999px;
    top: 0;
    width: 100%;
}
* html p.linkarea a {text-indent:-9999px;}
.tour_more_btn{ width:480px; margin:15px auto 0; clear:both; background:#FFF;} 

.AbBox{
	width:960px;
	height:auto;
	background:url(../images/bg1.gif);
	padding-bottom:50px;
	}
.AbBox .clm01,.AbBox .clm02{ overflow:hidden;}
.AbBox .clm01 dl{ margin:20px 0 0 50px;}
.AbBox .clm01 dt{ 
	width:380px; 
	height:32px; 
	background:url(../images/ab_cap_ttl.gif);
	font-size:14px; font-size:1.4rem;
	font-weight:bold;
	padding:8px 0 0 10px;
	}

.AbBox .clm01 dd.txtcts{
	width:310px;
	height:140px;
	background-color:#FFFFFF;
	padding:20px;
	}
.AbBox .clm01 dd.txtcts_tyo{
	width:350px !important;
	padding:10px 20px 0 20px;
	}

.AbBox .clm01 dd.txtcts ul{
	width:310px;
	height:auto;
	}

.AbBox .clm01 dd.txtcts_tyo ul{
	width:285px !important;
	}

.AbBox .clm01 dd.txtcts ul li{
	font-size:14px;
	width:310px;
	height:auto;
	line-height:160%;
	}
.AbBox .clm01 dd.txtcts_tyo li{
	width:285px !important;
	}

.AbBox .clm01 dd.txtcts ul li.txttrain{
	margin:5px 0 0 0;
	padding:5px 0 0 0;
	border-top:solid 1px #CCCCCC;
	}
	
.AbBox .clm01 dd.txtcts ul li.txttrain span{
	font-size:16px;
	font-weight:normal;
	color:#084eb6;
	}
.AbBox .clm01 dd.txtcts ul li.txtshinakansen{
	font-size:16px;
	}
.AbBox .clm01 dd.txtcts ul li.txtshinakansen span{
	font-size:18px;
	font-weight:normal;
	color:#c1272d;
	}
span.arrow{	width:310px; text-align:center; display:block; clear:both;}

p.ab_ttl01{ margin-top: -2px;}
p.ab_ttl01A{ margin-top: -2px;}

.AbBox .clm01 p.map{ margin-right:10px; margin-top: -208px;}
.AbBox .clm01 p.mapA{ margin-right:10px; margin-top: -115px;}
.AbBox .clm02 { margin-left:50px;}
.AbBox .clm02 div{ width:260px; height:auto; margin:20px 40px 0 0; float:left;}
.AbBox .clm02 h4{ width:260px; height:auto; padding:5px 0;}
.AbBox .clm02 h4 span{
	display:block;
	font-size:16px; font-size:1.6rem;
	font-weight:normal;
	padding-bottom:3px;
	margin-bottom:3px;
	background:url(../images/ab_txt_line.gif) repeat-x bottom;
	}
.AbBox .clm02 div p{
	font-size:14px; font-size:1.4rem;
	 line-height:20px; line-height:2rem;
	}

.LinkBox{
	width:960px;
	height:auto;
	}
.LinkBox .bn dl{ width:160px; height:auto; margin:20px 45px 0 0; float:left;}
.LinkBox .bn dt{ width:160px; height:auto; line-height:20px; line-height:2rem; padding:5px 0;}
.LinkBox .bn dt a{ line-height:18px; line-height:1.8rem; font-size:14px; font-size:1.4rem;text-decoration: underline;}
.LinkBox .bn dd{
	font-size:14px; font-size:1.4rem;
	 line-height:20px; line-height:2rem;
	}
	
.Patch{
	position:absolute;
	top:231px; left:80px;
}
.TourBtn {
	padding-left:50px;
}
.TourBtn li{
	float:left;
	width:420px; height:45px;
	padding-right:20px;
	margin-bottom:30px;
}
.ttlTC, .ttlFree{
	font-size:16px;
	color:#FFFFFF;
	line-height:30px;
	background-color:#00257a;
	width:850px; height:30px;
	margin-left:50px;
	padding-left:10px;
	margin-bottom:15px;
}
.noLink{
	font-size:20px;
	color:#FF0000;
	line-height:100px;
	background-color:#FFFFFF;
	width:860px; height:100px;
	margin-top:10px;
	margin-left:50px;
	text-align:center;
}

/* 20160908 */
.bnBlk { background:url(../images/bg1.gif) repeat; width: 960px; height: auto; border-left: none; box-sizing: border-box;}
.bnBlk ul { overflow: hidden; margin: 10px 0px 10px 20px;}
.bnBlk ul li { float: left; margin-right: 10px;}
.bnBlk ul li img { width:300px;}


/*menu*/
.kyotenMenu{width:924px; height:120px; padding-left:36px;}
.kyotenMenuLi1{float:left; /*padding-right:10px; width:129px; height:42px;*/}
.kyotenMenuLi2{float:left; /*padding-right:9px; width:129px; height:42px;*/}
.kyotenMenuLi{float:left; height:80px; padding-right:8px; padding-top:18px;}
.kyotenMenuLi img{ cursor:pointer;}
.kyotenMenuLi img.NoPoint{ cursor:default;}
.Nocursor{ cursor:auto;}
.Nocursor img{ cursor:auto;}
.Js_kyoten_menu_sub{position:relative;}
.Js_kyoten_menu_sub ul {
position:absolute;
top:99px;
left:0px;
background:url(/attending/kinki/hyogo/himejijo/images/bgFukidashi.png) left top no-repeat;
border-bottom:solid 1px #1a1148;
width:130px;
padding-top:9px;
white-space:nowrap;
z-index:10;
}
.Js_kyoten_menu2_sub{position:relative;}
.Js_kyoten_menu2_sub ul {
position:absolute;
top:38px;
left:0px;
background:url(/attending/kinki/hyogo/himejijo/images/bgFukidashi.png) left top no-repeat;
border-bottom:solid 1px #1a1148;
/*width:129px;*/
padding-top:9px;
white-space:nowrap;
z-index:10;
}
.kyotenMenu ul li{
background:#fff url(/attending/kinki/hyogo/himejijo/images/arrow01.gif) 101px center no-repeat;
border-bottom:1px dotted #CCCCCC;
padding:6px 10px 3px 10px;
border-left:solid 1px #1a1148;
border-right:solid 1px #1a1148;
font-size:14px;
font-size:1.4rem;
line-height:21px;
line-height:2.1rem;
font-weight:bold;
color:#999999;
cursor:auto;
}
.kyotenMenu ul li a {
/*border-bottom:dotted 1px #cccccc;*/
/*padding:6px 0 3px;*/
text-align: left;
font-size: 14px;
font-size: 1.4rem;
line-height: 21px;
line-height: 2.1rem;
font-weight: 600;
color: #1a1148;
line-height: 20px;
display: block;
}

.kyotenMenu ul li a:hover {
	text-decoration: underline;
}

div.Bottombox {
	width:960px;
	height:auto;
	background:url(../images/bg2.gif);
	overflow:hidden;
	margin:0 auto;
}

/* 観光特集ボタン */
.block_btn_ss {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 960px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
	margin-top: 10px;
	padding-bottom: 10px;
}
.btn_ss-link {
    width: 48%;
    height: auto;
    margin: 0 auto;
}
.btn_ss-link a {
    position: relative;
    display: block;
    border-radius: 3px;
    background-color: #d0b36b;
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    transition: 0.5s;
    text-decoration: none;
}
.btn_ss-link a::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.btn_ss-link a:hover {
    background-color: #c9a75c;
}
.btn_ss-link_2col {
    width: calc(99%/2);
    height: auto;
}
.btn_ss-link_2col a {
    position: relative;
    display: block;
    border-radius: 3px;
    background-color: #d0b36b;
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    transition: 0.5s;
    text-decoration: none;
}
.btn_ss-link_2col a::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.btn_ss-link_2col a:hover {
    background-color: #c9a75c;
}
.btn_ss-link_2col:nth-child(n+3) {
    margin-top: 10px;
}
.btn_ss-link_3col {
    width: calc(98%/3);
    height: auto;
}
.btn_ss-link_3col a {
    position: relative;
    display: block;
    border-radius: 3px;
    background-color: #d0b36b;
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    padding: 12px 0;
    transition: 0.5s;
    text-decoration: none;
}
.btn_ss-link_3col a::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -5px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.btn_ss-link_3col a:hover {
    background-color: #c9a75c;
}

/*おすすめ特集*/
/*
.swiper-container-horizontal > .swiper-scrollbar {
	left: 0 !important;
	width: 100% !important;
	height: 8px !important;
}

#SlideBanner {
	width: 910px;
}

.swiper-wrapper {
	margin-bottom: 25px;
}

.bannerCassette_content {
	width: 194px;
}

.bannerCassette_content p {
	padding-top: 10px;
	font-size: 16px;
	line-height: 1.3;
	word-wrap: break-word;
}

.bannerCassette_content p.bannerImg {
	width: 194px;
	height: auto;
}

.bannerCassette_content img {
	width: 100%;
	height: auto;
	max-width:100%;
	max-height:100%; 
}

.swiper-banner-container {
	position: relative;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.swiper-banner-container .swiper-slide a{
	display:block;
}

.swiper-banner-container .swiper-slide a:hover{
	opacity:0.7;
	transition-duration: 0.3s;
	text-decoration: underline;
	color:#4c4c4c;
}

.swiper-button-prev, .swiper-button-next {
    width: 44px !important;
    height: 44px !important;
    background-size: 44px 44px !important;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	display: none;
}
*/

/* 次ページボタンのスタイル */
/*
.swiper-button-next {
	background-image: url(/attending/kokunai/hokuriku_shinkansen/images/arrow.png) !important;
}
*/
/* 前ページボタンのスタイル */
/*
.swiper-button-prev {
	background-image: url(/attending/kokunai/hokuriku_shinkansen/images/arrow.png) !important;
	transform: scale(-1, 1);  左右反転 
}
.common_recommend_wapper{
	background: url(../images/bg1.gif);
	padding-bottom: 10px;
}*/
/*-----------------おすすめ特集-----------------*/
.swiper-container-horizontal > .swiper-scrollbar {
	left: 0 !important;
	width: 100% !important;
	height: 8px !important;
}

.common_recommend_wapper {
/*	margin-top: 50px;*/
}

#SlideBanner {
	width: 910px;
}

.swiper-wrapper {
	margin-bottom: 25px;
}

.bannerCassette_content {
	width: 194px;
}

.bannerCassette_content p {
	padding-top: 10px;
	font-size: 16px;
	line-height: 1.3;
}

.bannerCassette_content p.bannerImg {
/*	width: 219px;*/
    width: 194px;
	height: auto;
}

.bannerCassette_content img {
	width: 100%;
	height: auto;
	max-width:100%;
	max-height:100%; 
}

.swiper-banner-container {
	position: relative;
	width: 960px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.swiper-banner-container .swiper-slide a{
	display:block;
}

.swiper-banner-container .swiper-slide a:hover{
	opacity:0.7;
	transition-duration: 0.3s;
	text-decoration: underline;
	color:#4c4c4c;
}

.swiper-button-prev, .swiper-button-next {
    width: 44px !important;
    height: 44px !important;
    background-size: 44px 44px !important;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	display: none;
}

/* 次ページボタンのスタイル */
.swiper-button-next {
	background-image: url(/attending/kokunai/hokuriku_shinkansen/images/arrow.png) !important;
}
/* 前ページボタンのスタイル */
.swiper-button-prev {
	background-image: url(/attending/kokunai/hokuriku_shinkansen/images/arrow.png) !important;
	transform: scale(-1, 1); /* 左右反転 */
}
.swiper-banner-container .swiper-slide{
/*    width: 219px!important;*/
}
.common_recommend_wapper{
	background: url(../images/bg1.gif);
	padding-bottom: 10px;
}

body {
	letter-spacing: inherit;
}

.OnFL,
.OnFLeft {
	float: left;
}

.OnFR,
.OnFRight {
	float: right;
}

.OnCL {
	clear: both;
}

.contents {
	width: 960px;
    margin: 0 auto;
}
.ab_mapA{
	position: relative;
}
.ab_mapA h3{
	    position: absolute;
    top: 110px;
    left: 50px;
}

/*start_リニューアル2021対応*/
:where(.contents) *,
:where(.contents)::after,
:where(.contents)::before {
	box-sizing: content-box;
}

:where(.contents) img {
	width: auto;
}
/*end_リニューアル2021対応*/