@charset "utf-8";

/*-----------------------------------------
メインビジュアル
-----------------------------------------*/
#mainVisual {
    background: url("../img/main_visual.jpg") no-repeat center top;
    height: 480px;
}

/*-----------------------------------------
インフォメーション
-----------------------------------------*/
#information {
   /* padding: 35px 0;*/
    padding: 35px 0 75px; /*おすすめツアー無い時*/
}

#information .info-text {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    color: #125480;
    letter-spacing: .05em;
    line-height: 1.7em;
}

#information .info-text p {
    margin: 0 auto;
	font-weight: bold;
}

#information .info-text span {
    color: #B32A17;
}




/*-----------------------------------------
エアーズロックを楽しむ
-----------------------------------------*/
#section-wrap .section-ttl p {
    line-height: 1.4em;
}

#section-wrap .sub-ttl {
    font-size: 18px;
}

.spot-wrap .section-name {
    padding: 10px 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: .1em;
    margin-bottom: 15px;
}

#section-wrap .sub-ttl-wrap {
    margin: 15px 0 25px;
}

#section-wrap .sub-ttl::after {
    background: url(../img/under_line.png);
}

.spot-box {
    margin-bottom: 40px;
    font-size: 14px;
}

.spot-box .left {
    width: 600px;
}

.spot-box .right {
    width: 320px;
}

.spot-box01 .inner01 {
    margin-bottom: 40px;
}

.spot-box01 .inner01 .right {
    width: 47%;
}

.spot-box01 .left {
    width: 49%;
}

.spot-box01 .inner02 .box01 {
    margin-bottom: 15px;
}

.spot-box01 .inner02 .left .ttl {
    font-weight: bold;
    font-size: 18px;
}

.spot-box01 .inner02 .right {
    width: 48%;
    display: flex;
    justify-content: space-between;
}

.spot-box02 .coment {
    font-size: 20px;
    font-weight: bold;
}

.spot-box02 .left {
    width: 570px;
}

.spot-box02 .point {
    border: 1px solid #C2C2C2;
    background: white;
    margin-top: 20px;
}

.spot-box02 .point .inner {
    padding: 20px;
}

.spot-box02 .point .inner p {
    font-weight: bold;
    margin-top: 15px;
}

.spot-box02 .point .inner ul {
    font-size: 12px;
}

.spot-box02 .note {
    color: #7C7C7C;
    font-size: 12px;
    margin-top: 10px;
}

.spot-box04 .spot-text{
    margin-bottom: 20px;
}

.spot-box04 .number01 {
    float: left;
    display: inline-block;
    background: #cc0033;
    color: white;
    padding: 1px 7px;
    margin-right: 6px;
    font-size: 16px;
}

.spot-box04 .ti02 {
    color: #cc0033;
    font-weight: bold;
    font-size: 16px;
}

.spot-box04 .placeList li {
    margin-bottom: 15px;
}

.spot-box04 .placeList li p:first-child {
    display: inline-block;
}

.spot-box04 .placeList li p:last-child {
    margin-left: 60px;
    font-size: 13px;
}

.spot-box06 .bus {
    display: inline-block;
    width: 100%;
    padding: 15px;
    border: dotted 1px gray;
    margin-top: 10px;
}

.spot-box06 .bus .ttl {
    font-weight: bold;
} 

.map-box {
    font-size: 16px;
    margin-bottom: 50px;
}

.map-box .left {
    width: 320px;
}

.map-box .right {
    width: 600px;
}

/*表*/
.table-ttl {
    font-weight: bold;
    margin: 40px 0 5px;
    font-size: 18px;
}

table.table01 {
	width: 960px;
}
.table01 td, .table01 th {
	height: 20px;
}
.table01 span {
	padding: 5px 8px;
	display: inline-block;
	margin: 5px;
	color: #ffffff;
	font-weight: bold;
}
.table01 .span_sum {
	background-color: #51B74A;
}
.table01 .span_aut {
	background-color: #F8951D;
}
.table01 .span_win {
	background-color: #6A6D6F;
}
.table01 .span_spr {
	background-color: #F4858E;
}

.table_title{
	border-left: 10px solid #1b4782;
	padding-left: 4px;
	margin-bottom:4px;
}
table.table01 {
	background-color: #ffffff;
}
table.table01, .table01 td, .table01 th {
	border: 1px solid #C2C2C2;
	border-collapse: collapse;
	text-align: center;
}
.table01 td, .table01 th {
	padding: 3px;
}
.table01 th {
	background: #6E6E6E;
	color: #ffffff;
}
.table01 .textalign_left {
	text-align: left;
}
.table01 .bg_color {
	background-color: #E5E5E5;
}
.table01 .bg_color2 {
	background-color: #f4fcee;
}
.relative { position: relative; }
.notes {
  width: 960px;
  margin: 20px auto 10px;
}


/*オプショナル*/
.optional-wrap .optional-box .right {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 68%;
    font-size: 13px;
}

.optional-wrap .optional-box:nth-child(-n+2) {
    margin-bottom: 15px;
}

/*各セクション*/
#park .section-ttl, #park dt, #park .section-name {
    background: #db6320;
}
#park .section-ttl:before {
  border-top: 20px solid #db6320;
}
#park .coloring {
    color: #db6320;
}
#park .optional-wrap {
    background: rgba(219,99,32,.2);
}