/* 共通
--------------------------------*/
#ttlArea {
	background: url(../images/travel_ttl_bg.jpg);
	text-align: center;
}
#ttlArea .inner {
	height: 145px;
}
.btn {
	margin-top:70px;
	text-align:center;
}
.topbtn {
	margin-top:30px;
	text-align:center;
}
/* ページ別 index
--------------------------------*/
#page_travel_top #ttlArea .inner {
	background: url(../images/travel_ttl_img.jpg) no-repeat center;
}
/* lead text */
#page_travel_top #leadArea {
	padding: 70px 0 75px;
	color: #fff;
}
#page_travel_top #leadArea p.leadHead {
	margin-bottom: 25px;
	font-size: 243%;
	font-weight: bold;
}
#page_travel_top #leadArea p.leadTxt {
	font-size: 129%;
	line-height: 1.55;
}
/* access */
#page_travel_top #contentsArea {
	padding: 100px 0 110px;
}
#page_travel_top #contentsArea .btn02{
	text-align: center;
    margin-top: 20px;
}
#page_travel_top #contentsArea h3 {
	font-size: 257%;
	font-weight: bold;
	text-align: center;
	color: #333;
	letter-spacing: 0.1em;
}
#page_travel_top #contentsArea h3 + p {
	margin-top: 20px;
	font-size: 129%;
	font-weight: bold;
	text-align: center;
	color: #333;
}
#page_travel_top #contentsArea h3 + p small {
	padding-left: 10px;
	font-size: 73%;
	font-weight: bold;
}
/**/
#page_travel_top #contentsArea .osusume ul {
	margin: 65px 30px 0;
}
#page_travel_top #contentsArea .osusume ul li {
	margin-bottom: 10px;
}
#page_travel_top #contentsArea .osusume ul li:nth-child(odd) {
	float: left;
}
#page_travel_top #contentsArea .osusume ul li:nth-child(even) {
	float: right;
}
#page_travel_top #contentsArea .osusume ul li img {
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
	width: 441px;
}
#page_travel_top #contentsArea .osusume ul li:hover img {
	-webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
}
/**/
#page_travel_top #contentsArea .other {
	margin-top: 110px;
}
#page_travel_top #contentsArea .other ul {
	margin: 80px 30px 0;
}
#page_travel_top #contentsArea .other ul li {
	margin-bottom: 30px;
}
#page_travel_top #contentsArea .other ul li:nth-child(odd) {
	float: left;
}
#page_travel_top #contentsArea .other ul li:nth-child(even) {
	float: right;
}
#page_travel_top #contentsArea .other ul li img {
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
	width: 441px;
}
#page_travel_top #contentsArea .other ul li:hover img {
	-webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
}

/* ページ別 スポット common
--------------------------------*/
#page_travel_sub #ttlArea .inner {
	background: url(../images/travel_subpage_ttl_img.jpg) no-repeat center;
}
/* spot text */
#page_travel_sub #spotArea {
	overflow: hidden;
	padding: 0 0 50px;
}
#page_travel_sub #spotArea p.spotHead {
	font-size: 229%;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 2.6;
}
#page_travel_sub #spotArea p.spotHead strong {
	font-size: 143%;
	letter-spacing: 0.04em;
}
#page_travel_sub #spotArea dl {
	display: table;
	float: left;
	overflow: hidden;
	border: 2px solid #fff;
	width: 500px;
	background: #fff;
}
#page_travel_sub #spotArea dl.spotInfo_access {
	width: 100%;
}
#page_travel_sub #spotArea dl + dl {
	margin-top: 20px;
}
#page_travel_sub #spotArea dl > * {
	display: table-cell;
	width: 50%;
	text-align: center;
    vertical-align: middle;
}
#page_travel_sub #spotArea dl dt {
	padding: 14px 0 12px;
	background: #82689a;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.66;
    height: 78px;
}
#page_travel_sub #spotArea dl dt span {
	font-size: 129%;
}
#page_travel_sub #spotArea dl dd {
	background: #fff;
	color: #553d6b;
	font-weight: bold;
	letter-spacing: 0;
	font-size: 129%;
	letter-spacing: 0.1em;
}
#page_travel_sub #spotArea dl dd strong {
	font-size: 156%;
}
#page_travel_sub #spotArea dl dd .ic_txt{
	font-size: 56%;
}
/* access step */
#page_travel_sub #contentsArea {
	padding-top: 80px;
	padding-bottom: 100px;
}
#page_travel_sub #contentsArea h3 {
	margin-bottom: 50px;
	padding-bottom: 20px;
	background: url(../images/line.png) center bottom no-repeat;
	font-size: 214%;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.1em;
	color: #333;
}
#page_travel_sub ol {
	margin: 0 auto;
	width: 880px;
}
#page_travel_sub ol li {
	position: relative;
}
#page_travel_sub ol li + li {
	padding-top: 117px;
}
#page_travel_sub ol li + li:before {
	content: "";
	position: absolute;
	top: 19px;
	left: 283px;
	width: 22px;
	height: 79px;
	background: url(../images/travel_subpage_step_arrow.png) no-repeat;
	background-size: 100% auto;
}
#page_travel_sub ol .walk + li:before {
    content: "";
    position: absolute;
    top: 19px;
    left: 283px;
    width: 22px;
    height: 79px;
    background: url(../images/travel_subpage_step_walk.png) no-repeat;
    background-size: 100% auto;
}
#page_travel_sub ol li p.access_time {
	position: absolute;
	top: 50px;
	width: 100%;
	text-align: center;
	font-size: 115%;
	font-weight: bold;
	letter-spacing: 0.04em;
	color: #333;
}
#page_travel_sub ol li .access_detail {
	overflow: hidden;
	background: #f3f3f3;
}
#page_travel_sub ol li .access_detail .access_img {
	float: left;
	position: relative;
}
#page_travel_sub ol li .access_detail .access_img img {
	width: 440px;
}
#page_travel_sub ol li .access_detail .access_img span {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	padding: 12px 15px;
	background: #dc462d;
	font-size: 122%;
	font-weight: bold;
	letter-spacing: 0.04em;
	color: #fff;
}
#page_travel_sub ol li .access_detail .access_txt {
	float: left;
	box-sizing: border-box;
	padding: 24px 30px;
	width: 440px;
	font-size: 115%;
	line-height: 1.75;
	letter-spacing: 0.04em;
	color: #333;
}
/* ページ別 スポット 清水寺
--------------------------------*/
.kiyomizu .spotHead {
	margin-top: 74px;
	margin-bottom: 52px;
	margin-left: 189px;
	padding-left: 200px;
	min-height: 135px;
	background: url(../images/kiyomizu/travel_subpage_kiyomizu_img.png) no-repeat left center;
}
.kiyomizu .spotInfo .spotInfo_fee .ic_txt{
	font-size: 60%;
}
/* ページ別 スポット 金閣寺
--------------------------------*/
.kinkaku .spotHead {
	margin-top: 74px;
	margin-bottom: 52px;
	margin-left: 189px;
	padding-left: 200px;
	min-height: 135px;
	background: url(../images/kinkaku/travel_subpage_kinkaku_img.png) no-repeat left center;
}
/* ページ別 スポット 二条城
--------------------------------*/
.nijou .spotHead {
	margin-top: 74px;
	margin-bottom: 52px;
	margin-left: 189px;
	padding-left: 200px;
	min-height: 135px;
	background: url(../images/nijoujou/travel_subpage_nijoujou_img.png) no-repeat left center;
}
/* ページ別 スポット 八坂神社
--------------------------------*/
.yasaka .spotHead {
	margin-top: 74px;
	margin-bottom: 52px;
	margin-left: 189px;
	padding-left: 200px;
	min-height: 135px;
	background: url(../images/yasaka/travel_subpage_yasakashrine_img.png) no-repeat left center;
}
/* ページ別 スポット 伏見稲荷
--------------------------------*/
.hushimiinari .spotHead {
	margin-top: 74px;
	margin-bottom: 52px;
	margin-left: 189px;
	padding-left: 200px;
	min-height: 135px;
	background: url(../images/hushimiinari/travel_subpage_fushimiinari_img.png) no-repeat left center;
}
.hushimiinari .access_step01 .access_txt span,
.access_txt span{
	color: #f93939;
}
/* ページ別 スポット 渡月橋
--------------------------------*/
.togetsukyo .spotHead {
	text-align: center;
	margin-top: 74px;
	margin-bottom: 52px;
	margin-left: auto;
	padding-left: auto;
	min-height: 135px;
}
