@charset "UTF-8";
/* @import "https://yui.yahooapis.com/pure/0.4.2/buttons-min.css"; */
@import "../../ajax/libs/pure/0.4.2/buttons-min.css";
/* @import "https://yui.yahooapis.com/pure/0.4.2/menus-nr-min.css"; */
@import "../../ajax/libs/pure/0.4.2/menus-nr-min.css";
/* 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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
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;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* --------------------------------------------------
link
-------------------------------------------------- */
#breadcrumbs a {
  color: #990606;
  text-decoration: none;
}
#breadcrumbs a:visited {
  color: #990606;
}
#breadcrumbs a:focus {
  color: #8e7d57;
}
#breadcrumbs a:hover {
  color: #8e7d57;
}
#breadcrumbs a:active {
  color: #8e7d57;
}

#header a, #gNav a, #footer a, .subItemList a, .btnMore {
  color: white !important;
  text-decoration: none;
}
#header a:visited, #gNav a:visited, #footer a:visited, .subItemList a:visited, .btnMore:visited {
  color: white !important;
}
#header a:focus, #gNav a:focus, #footer a:focus, .subItemList a:focus, .btnMore:focus {
  color: rgba(255, 255, 255, 0.7) !important;
}
#header a:hover, #gNav a:hover, #footer a:hover, .subItemList a:hover, .btnMore:hover {
  color: rgba(255, 255, 255, 0.7) !important;
}
#header a:active, #gNav a:active, #footer a:active, .subItemList a:active, .btnMore:active {
  color: rgba(255, 255, 255, 0.7) !important;
}

.btnNext,
.btnPrev {
  color: #999999 !important;
  text-decoration: none;
}
.btnNext:visited,
.btnPrev:visited {
  color: #999999 !important;
}
.btnNext:focus,
.btnPrev:focus {
  color: rgba(153, 153, 153, 0.7) !important;
}
.btnNext:hover,
.btnPrev:hover {
  color: rgba(153, 153, 153, 0.7) !important;
}
.btnNext:active,
.btnPrev:active {
  color: rgba(153, 153, 153, 0.7) !important;
}

/* --------------------------------------------------
font
-------------------------------------------------- */
.resultBar span {
  font-family: Arial ,Helvetica, sans-serif;
}

#gNav a, .dateBox, .dateBox dt,
.remarksBox dt, .rightthere h5, .form-head legend, .form-head .keySearch label, .seasontype legend, .areaType legend, .nearbyList dt, #galleries .areaType legend,
#galleries .categoryType legend,
#galleries .seasontype legend, .areaMap .searchTitle {
  font-family: Arial ,Helvetica Bold, sans-serif;
  font-weight: 600;
}

.categoryList .name, .photoList, .wifispotList .name, .hlv2, .hlv3, .hlv4, .read, .posts, .infoTable caption, .monthMenu h3 span, .eventTable caption, .overveiw, .summary, .related h5, .carouselBtn, .hotelList dt, .itineraryList .area, .itineraryTitle .area, .itinerarySpot .area, .itineraryItem, #myfavSpot, .myfavData .summary {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
}

#pageTitle h2, .itemList .name, .subItemList .name, .btnMore, .btnNext,
.btnPrev, .resultBar strong, .photoArea .name, .photoArea .caption, .megaPhoto .caption, .list h3, .monthMenu h3, #hlArea00,
#hlArea01,
#hlArea02,
#hlArea03,
#hlArea04,
#hlArea05,
#hlArea06,
#hlArea07,
#hlArea08, .itineraryList .name, .itineraryTitle dt, .itinerarySpot .name, .myfavData .name {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
}

/* --------------------------------------------------
shadow
-------------------------------------------------- */
/* --------------------------------------------------
clearfix
-------------------------------------------------- */
#gNav:after, #content:after, #content .wrapper:after, #pageTop:after, #fbanner:after, .grid_2:after, .grid_3:after, .grid_5:after, .intro:after, .mainPhoto:after, .detailInfo:after, .listInfo:after, .photo2Col:after, .photo3Col:after, .categoryList:after, .itemList:after, .photoList:after, .wifispotList:after, .subItemList:after, .section:after, .thumbList li:after, .monthMenu:after, .form-head:after, .form-group:after, .nearbyList:after, .areaMenu:after, .hotelList li:after, .itineraryList:after, .itineraryTitle:after, #favorites:after, .myfavSpotHead:after, .myfavData:after, .myfavUse:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}

/* --------------------------------------------------
form
-------------------------------------------------- */
button, fieldset, form, input, label, legend, select, textarea {
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

fieldset {
  border: none;
  display: block;
}

label {
  cursor: pointer;
}

textarea {
  overflow: auto;
}

textarea.textarea {
  padding: 3px;
  font-family: "MS Gothic";
  vertical-align: middle;
}

input.check {
  margin-right: .5em;
  vertical-align: -2px;
}

select.select {
  height: 1.5em;
}

input.radio {
  margin: 0 .5em;
  vertical-align: -2px;
}

label {
  margin-right: 1em;
}

input.text,
input.year,
input.month,
input.day,
input.number {
  padding: 3px;
  font-family: "MS Gothic";
  vertical-align: middle;
  height: 1.2em;
}

input.year {
  width: 4em;
  margin: 0 .5em;
}

input.month {
  width: 2em;
  margin: 0 .5em;
}

input.day {
  width: 2em;
  margin: 0 .5em;
}

input.number {
  width: 15em;
}

/* --------------------------------------------------
link
-------------------------------------------------- */
a:link {
  color: #06409A;
  text-decoration: none;
}

a:visited {
  color: #8E7D57;
  text-decoration: none;
}

a:hover {
  color: #9A203E;
  text-decoration: none;
}

a:active {
  color: #9A203E;
  text-decoration: none;
}

a:focus {
  outline-color: #fff;
  overflow: hidden;
}

/* --------------------------------------------------
html
-------------------------------------------------- */
html,
body {
  /*height:100%;*/
  font-size: 62.5%;
}

/* --------------------------------------------------
body
-------------------------------------------------- */
body {
  font-family: Arial, Helvetica, sans-serif, Meiryo;
  font-size: 13px;
  color: #000;
  line-height: 1.6;
  background: #F5F5F5;
  word-wrap: break-word;
  position: relative;
}

body img {
  vertical-align: top;
}

body > #content {
  height: auto;
}

/* --------------------------------------------------
header
-------------------------------------------------- */
#header {
  width: 100%;
  line-height: 50px;
	height:50px;
  background: #663333;
  color: #FFF;
  position: relative;
  font-size: 11px;
  min-width: 1260px;
}

#logo {
  position: absolute;
  top: 0;
	left: 90px;
  z-index:99;
}

#headerMenu{
	display:table;
	margin-left:auto;
}

#headerMenu .lang {
	display:table-cell;
	width:90px;
	text-align:center;
	position:relative;
}
#headerMenu .lang > li > a{
	display: block;
	font-size:1.2em;
	font-weight:bold;
}
#headerMenu .lang li > ul {
	position:absolute;
	left:0;
	top:100%;
	z-index:99;
	width:100%;
}
#headerMenu .lang > ul li {
	display: block;
	background:rgb(102, 51, 51);
}
#headerMenu .lang ul a{
	display: block;
	background:#582C2C;
	line-height:40px;
	border-bottom:#391C1C solid 1px;
}

#headerMenu .keySearch {
	display:table-cell;
	width:230px;
  padding-right: 0;
}
.keySearch {
  padding-right: 10px;
}
.keySearch .text {
  width: 168px;
  border: none;
  background: #381D1D;
  color: #FFF;
  padding: 5px;
}
.keySearch img {
  vertical-align: middle;
}

#headerMenu .social {
  background: #582C2C;
  padding: 0 10px;
	display:table;
	box-sizing:border-box;
	line-height:52px;
}
#headerMenu .socialList{
	display:table;
	padding:0 10px;
}
#headerMenu .socialList li{
	display:table-cell;
}
#headerMenu .socialList li a{
	display:block;
}
#headerMenu .socialList li a img{
	vertical-align:middle;
}


/* --------------------------------------------------
gNav
-------------------------------------------------- */
#gNav {
  clear: both;
  background: #4C3333;
  text-align: center;
  min-width: 1260px;
}

#gNav li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: relative;
}

#gNav a {
  height: 90px;
  line-height: 90px;
  background: #4C3333;
  display: block;
  padding: 0 30px;
  min-width: 100px;
}

#gNav a:hover {
  background: #412C2C;
}

#gNav li ul {
  position: absolute;
  left: 0;
  top: 90px;
  text-align: left;
  padding-top: 2px;
  width: 100%;
}

#gNav li ul li {
  display: block;
  padding-bottom: 2px;
}

#gNav li ul li a {
  height: auto;
  padding: 15px 30px;
  line-height: 1;
  display: block;
  background: #4c3333 url(../../img/new/arrow_wh.png) no-repeat 15px center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

#gNav li ul li a:hover {
  background: #412c2c url(../../img/new/arrow_wh_a50.png) no-repeat 15px center;
}

#gNav .btnMyfeb a img {
  vertical-align: middle;
}

#gNav .btnMyfeb a:hover {
  vertical-align: middle;
  background: #4C3333;
}

/*スクロールで付加されるclass*/
#gNav.follow {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  background: rgba(51, 25, 25, 0.6);
  width: 100%;
}

#gNav.follow a {
  height: 54px;
  line-height: 54px;
  background: none;
}

#gNav.follow a:hover {
  background: rgba(51, 25, 25, 0.7);
}

#gNav.follow li ul {
  top: 54px;
}

#gNav.follow li ul li a {
  height: auto;
  padding: 15px 30px;
  line-height: 1;
  display: block;
  background: #4c3333 url(../../img/new/arrow_wh.png) no-repeat 15px center;
}

#gNav.follow li ul li a:hover {
  background: #412c2c url(../../img/new/arrow_wh_a50.png) no-repeat 15px center;
}

#gNav .btnMyfeb a img {
  margin-top: -2px;
}

#gNav.follow .btnMyfeb a:hover {
  background: none;
}

/* --------------------------------------------------
socialMenu
-------------------------------------------------- */
#socialMenu {
  clear: both;
  position: relative;
  width: 1020px;
  margin: 0 auto;
}

#socialMenu .wrapper {
  position: absolute;
  top: 5px;
  right: 0;
  height: 30px;
  line-height: 30px;
}

/* --------------------------------------------------
pageTitle
-------------------------------------------------- */
#pageTitle {
  background: url(../../img/new/bg_pagetitle.png) no-repeat top center;
  padding: 0 0 35px 0;
}

#pageTitle h2 {
  width: 1020px;
  margin: 0 auto;
  font-size: 35px;
  color: #4C3333;
  letter-spacing: 2px;
}

#pageTitle h2 span {
  padding: 38px 0 0 0;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.2;
}

#pageTitle p.uTxt {
	width: 1020px;
	margin: 4px auto;
	font-size: 14px;
	font-weight: bold;
	color: #4C3333;
}

/* --------------------------------------------------
breadcrumbs
-------------------------------------------------- */
#breadcrumbs {
  width: 1020px;
  margin: 0 auto;
  padding: 5px 0 7px 0;
  font-size: 10px;
  border-bottom: #E4E4E4 solid 1px;
  margin-bottom: 35px;
}

#breadcrumbs span {
  margin-right: .3em;
}

#breadcrumbs a {
  margin: 0 .3em;
}

/* --------------------------------------------------
content
-------------------------------------------------- */
#content {
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: relative;
}

#content .wrapper {
  width: 1020px;
  margin: 0 auto;
  position: relative;
}

/* --------------------------------------------------
pageMenu
-------------------------------------------------- */
#pageMenu {
  text-align: right;
  position: absolute;
  right: 0;
  top: -83px;
}

#pageMenu img {
  vertical-align: middle;
  margin-left: 5px;
}

/* --------------------------------------------------
pageTop
-------------------------------------------------- */
#pageTop {
  clear: both;
  margin: 0 auto;
  width: 1020px;
  text-align: right;
  position: relative;
}

#pageTop a {
  text-align: center;
  background: #331919;
  display: block;
  width: 80px;
  height: 15px;
  float: right;
  padding: 10px;
  color: #FFF;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}

/* --------------------------------------------------
footer
-------------------------------------------------- */
#footer {
  background: #331919;
  padding: 30px 0 10px 0;
  color: #FFF;
  text-align: center;
}

#fbanner {
  width: 950px;
  margin: 0 auto;
  margin-bottom: 20px;
}

#fbanner li {
  float: left;
  margin: 3px 3px;
}

#fMenu {
  width: 1020px;
  margin: 0 auto;
  font-size: 20px;
}

#fMenu li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border-right: #FFF solid 1px;
  line-height: 1;
  padding: 0 40px;
  text-align: center;
  margin: 30px 0;
}

#fMenu li:last-of-type {
  border-right: none;
}

#fLink {
  width: 198px;
  margin: 0 auto;
  height: 198px;
  background: url(../../img/new/bg_flink.png) no-repeat left top;
  margin-bottom: 30px;
}

#fLink ul {
  padding-top: 45px;
}

#fLink li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  margin: 0 3px;
  margin-bottom: 30px;
}

#copyright {
  font-size: .8em;
}

#error404 {
  width: 1020px;
  height: 500px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

#error404 p {
  font-size: 50px;
}

#error404 a {
  font-size: 20px;
}

/* --------------------------------------------------
grid
-------------------------------------------------- */
.grid_2 {
  margin-bottom: 30px;
}

.grid_2 .colL {
  float: left;
  width: 730px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 5px;
}

.grid_2 .colR {
  float: left;
  width: 285px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.col {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 5px;
}

.grid_3 {
  margin-right: -10px;
}

.grid_3 .col {
  width: 337px;
}

.grid_3 .col:first-of-type {
  width: 336px;
}

.grid_5 {
  margin-right: -25px;
}

.grid_5 .col {
  width: 200px;
}

/* --------------------------------------------------
grid mixin
-------------------------------------------------- */
/* --------------------------------------------------
intro
-------------------------------------------------- */
.intro {
  margin-bottom: 30px;
}

.intro .read {
  float: left;
  width: 730px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 5px;
}

.intro .btnArea {
  float: left;
  width: 285px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* --------------------------------------------------
mainPhoto
-------------------------------------------------- */
.mainPhoto {
  margin-bottom: 2px;
}

.mainPhoto .photoArea {
  float: left;
  width: 730px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 5px;
}

.mainPhoto .side {
  float: left;
  width: 285px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* --------------------------------------------------
detailInfo
-------------------------------------------------- */
.detailInfo {
  margin-bottom: 30px;
}

.detailInfo .article {
  float: left;
  width: 730px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 5px;
  border: #E4E4E4 solid 1px;
  background: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 29px;
}

.detailInfo .aside {
  float: left;
  width: 285px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* --------------------------------------------------
listInfo
-------------------------------------------------- */
.listInfo {
  margin-bottom: 30px;
}

.listInfo .article {
  float: left;
  width: 730px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 5px;
}

.listInfo .aside {
  float: left;
  width: 285px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

/* --------------------------------------------------
photo1Col
-------------------------------------------------- */
.photo1Col {
  text-align: center;
  margin-bottom: 2em;
}

.photo1Col .photo span {
  text-align: center !important;
}

/* --------------------------------------------------
photo2Col
-------------------------------------------------- */
.photo2Col {
  margin-bottom: 2em;
  margin-right: -1em;
}

.photo2Col .photo {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-right: 1em;
}

.photo2Col .photo img {
  width: 100%;
  margin-right: 5px;
}

/* --------------------------------------------------
photo3Col
-------------------------------------------------- */
.photo3Col {
  margin-bottom: 2em;
  margin-right: -1em;
}

.photo3Col .photo {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.33%;
  float: left;
  padding-right: 1em;
}

.photo3Col .photo img {
  width: 100%;
}

/* --------------------------------------------------
categoryList
-------------------------------------------------- */
.categoryList {
  margin-right: -10px;
  margin-bottom: 29px;
}

.categoryList li {
  padding: 0 29px;
  margin: 29px 0;
  width: 337px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 5px;
  margin-bottom: 5px;
}
.categoryList li:first-of-type {
  width: 336px;
}

.categoryList a {
  display: block;
  padding-bottom: 25px;
  background: url(../../img/new/boder_da_gr.png) repeat-x left bottom;
  color: #9B0808;
}

.categoryList .name {
  padding-left: 20px;
  font-size: 20px;
  background: url(../../img/new/arrow_red.png) no-repeat left 0.5em;
  line-height: 1.3;
  margin-bottom: 13px;
}

.categoryList .photo {
  display: block;
  margin-bottom: 20px;
  height: 120px;
  width: 276px;
  overflow: hidden;
}

.categoryList .photo img {
  margin-top: -20px;
}

.categoryList .caption {
  color: #918F58;
}

/* --------------------------------------------------
itemList
-------------------------------------------------- */
.itemList {
  margin-right: -10px;
}

.itemList li {
  width: 337px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 5px;
  margin-bottom: 5px;
  border: #E4E4E4 solid 1px;
  background: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 29px;
  position: relative;
}
.itemList li:first-of-type {
  width: 336px;
}

.itemList .name {
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 13px;
}

.itemList .photo {
  display: block;
  margin-bottom: 10px;
  height: 150px;
  width: 276px;
  overflow: hidden;
}

.itemList .photo img {
  margin-top: -5px;
}

.itemList .caption {
  color: #333;
}

.itemList .icon {
  position: absolute;
  left: 20px;
  top: 20px;
}

.itemList .ribbon {
  position: absolute;
  right: -2px;
  top: -2px;
}

.itemList .mapNum {
  position: absolute;
  right: 25px;
  top: 135px;
}

/* --------------------------------------------------
photoList
-------------------------------------------------- */
.photoList {
  margin-right: -10px;
}

.photoList li {
  width: 337px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 5px;
  margin-bottom: 5px;
  border: #E4E4E4 solid 1px;
  background: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 29px;
  position: relative;
}
.photoList li:first-of-type {
  width: 336px;
}

.photoList .name {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 13px;
  color: #DF6C4F;
}

.photoList .photo {
  display: table-cell;
  vertical-align: middle;
  width: 276px;
  text-align: center;
  background: #f3f3f3;
}

.photoList .photo img {
  max-height: 170px;
  max-width: 276px;
}

.photoList .summary {
  padding-left: 0;
  margin-bottom: 0;
}

.photoList .pin {
  position: absolute;
  right: 35px;
  top: 35px;
  text-align: right;
}

.photoList .DownloadBlock{
margin-top:15px;
position: relative;
}
.photoList .DownloadBlock input{
position: absolute;
top: 15px;
left:20px;
}
.photoList .DownloadBlock .loadBtn {
text-align:center;
margin-top:15px;
}

/* --------------------------------------------------
wifispotList
-------------------------------------------------- */
.wifispotList {
  margin-right: -10px;
}

.wifispotList li {
  width: 337px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 5px;
  margin-bottom: 5px;
  border: #E4E4E4 solid 1px;
  background: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 29px;
  position: relative;
}
.wifispotList li:first-of-type {
  width: 336px;
}

.wifispotList .name {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 13px;
  color: #DF6C4F;
}

.wifispotList .photo {
  display: table-cell;
  vertical-align: middle;
  width: 276px;
  text-align: center;
  background: #f3f3f3;
}

.wifispotList .photo img {
  max-height: 170px;
  max-width: 276px;
}

.wifispotList .summary {
  padding-left: 0;
  margin-bottom: 0;
}

.wifispotList .pin {
  position: absolute;
  right: 35px;
  top: 35px;
  text-align: right;
}

.wifispotList .DownloadBlock{
margin-top:15px;
position: relative;
}
.wifispotList .DownloadBlock input{
position: absolute;
top: 15px;
left:20px;
}
.wifispotList .DownloadBlock .loadBtn {
text-align:center;
margin-top:15px;
}

/* --------------------------------------------------
subItemList
-------------------------------------------------- */
.subItemList {
  margin-right: -25px;
}

.subItemList li {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 5px;
  margin-bottom: 5px;
  width: 200px;
  position: relative;
  height: 170px;
  width: 200px;
  overflow: hidden;
}

.subItemList .name {
  font-size: 14px;
  padding: 10px;
  line-height: 1.3;
  background: url(../../img/new/bg_subitem.png) repeat-x left bottom;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200px;
  height: 70px;
  z-index: 100;
}

.subItemList .name span {
  vertical-align: bottom;
  display: table-cell;
  line-height: 1.2;
  height: 70px;
  width: 180px;
}

.subItemList .photo img {
  min-height: 170px;
  margin-left: -35px;
}

.subItemList .icon {
  position: absolute;
  left: 10px;
  top: 10px;
}

/* --------------------------------------------------
general
-------------------------------------------------- */
/* section */
.section {
  position: relative;
}

/* table */
/* hlv2 */
.hlv2 {
  font-size: 23px;
  color: #666;
  border-bottom: #CCC solid 1px;
  margin-bottom: 10px;
  margin-top: 30px;
}

/* hlv3 */
.hlv3 {
  font-size: 29px;
  color: #333;
  border-bottom: #CCC solid 1px;
  margin-bottom: 30px;
  position: relative;
}

.hlv3:after {
  content: '';
  height: 5px;
  width: 30%;
  background: #9a203e;
  position: absolute;
  left: 0;
  bottom: -5px;
}

/* hlv4 */
.hlv4 {
  font-size: 25px;
  color: #333;
  border-bottom: #CCC solid 1px;
  margin-bottom: 30px;
  position: relative;
}

.hlv4:after {
  content: '';
  height: 1px;
  width: 30%;
  background: #9a203e;
  position: absolute;
  left: 0;
  bottom: -1px;
}

/* hl-icon */
.hl-icon{
	display:table;
	table-layout:fixed;
	width:100%;
	padding:20px;
	background:#9A203E;
	vertical-align: middle;
	box-sizing:border-box;
	border-left:8px solid #70182F;
}
.hl-icon span{
	display:table-cell;
	font-size:4rem;
	color:#FFF;
	vertical-align: middle;
	line-height:1.2;
}
.hl-icon .icon{
	vertical-align: middle;
	display:table-cell;
	width:8%;
}
.hl-icon .icon img{
	display:table-cell;
	vertical-align: middle;
	padding-right:20px;
}

/* read */
.readHead {
  font-size: 29px;
}

/* btnArea */
.btnArea {
  text-align: center;
  display: table;
  height: 100%;
}

.btnArea a {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}

/* btn */
.btn {
  text-align: center;
  margin-bottom: 5px;
  display: block;
}

/* paginationBlock */
.paginationBlock {
	display: table;
	width: 100%;
	margin: 20px 0;
}
.paginationBlock p {
	display: table-cell;
}

.paginationBlock p img{
	margin-left: 10px;}

.paginationBlock span {
	display: inline-block;
	padding-left: 20px;
	line-height:46px;
	vertical-align: middle;
}

.pure-paginator {
	clear: both;
	text-align:right;
	margin: 10px 0;
}
.pure-paginator a {
color: #333;
}

/* caption */
.caption {
  display: block;
  line-height: 1.3;
}

/* attention */
.attention {
  display: block;
  color: #FF6666;
  line-height: 1.3;
}

/* icon ribbon */
.icon,
.ribbon {
  z-index: 100;
}

/* mapArea */
.mapArea {
  clear: both;
}

/* movieArea */
.movieArea {
  clear: both;
  padding: 2em;
  background: #F5F5F5;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  -ms-border-radius: 1em;
  -o-border-radius: 1em;
  border-radius: 1em;
  text-align: center;
}

/* mapNum */
.mapNum {
  text-align: center;
  padding-top: 31px;
  line-height: 1;
  height: 26px;
  width: 30px;
  color: #333;
  font-weight: bold;
  z-index: 100;
}

.mapNum.even {
  background: url(../../img/new/mappin/pin_even.png) no-repeat left top;
}

.mapNum.sigh {
  background: url(../../img/new/mappin/pin_sigh.png) no-repeat left top;
}

.mapNum.hotel {
  background: url(../../img/new/mappin/pin_hotel.png) no-repeat left top;
}

.mapNum.wifi {
  background: url(../../img/new/mappin/pin_wifi.png) no-repeat left top;
}

/* btnMore */
.btnMore {
  display: block;
  background: rgba(255, 255, 255, 0.5);
  text-align: center;
  color: #FFF;
  height: 36px;
  line-height: 36px;
}

.btnMore:hover {
  background: rgba(255, 255, 255, 0.3);
}

/* btnNext btnPrev */
.btnNext,
.btnPrev {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background: rgba(255, 255, 255, 0.5);
  text-align: center;
  height: 36px;
  line-height: 36px;
  font-size: 15px;
  width: 160px;
  padding: 0 10px;
  border: #999 solid 4px;
  margin: 0 2px;
}

.btnNext {
  background: url(../../img/new/arrow_gr_l.png) no-repeat 5% center;
}

.btnPrev {
  background: url(../../img/new/arrow_gr_r.png) no-repeat 95% center;
}

/* linkList */
.linkList:not(:last-of-type) {
  margin-bottom: 20px;
}

.linkList .hp {
  background: url(../../img/new/mark_hp.png) no-repeat left 0.5em;
  padding-left: 17px;
}

.linkList .file {
  background: url(../../img/new/mark_file.png) no-repeat left 0.5em;
  padding-left: 17px;
}

/* resultBar */
.resultBar {
  border: #89C52E solid 1px;
  background: #ECF7DB;
  padding: .3em 1em;
  margin: 10px 0;
}

.resultBar strong {
  margin-right: 1em;
  color: #68991E;
}

.resultBar span {
  color: #FFF;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding: 0 5px;
  border-radius: 3px;
  border: #548903 solid 1px;
  background: #89C52E;
}

.resultBar em {
  font-weight: bold;
  color: #68991E;
}

/* dateBox  remarksBox*/
.dateBox {
  color: #D6BC0C;
  border: #D6BC0C 1px solid;
  background: #FBF8E6;
  margin: 10px 0;
  padding: 10px;
}

.remarksBox {
  color: #E99B01;
  border: #E99B01 1px solid;
  background: #FFF4DF;
  margin: 10px 0;
  padding: 10px;
}

.dateBox dt,
.remarksBox dt {
  width: 200px;
  vertical-align: middle;
  display: table-cell;
}

.dateBox dd,
.remarksBox dd {
  display: table-cell;
}

/* --------------------------------------------------
photoArea
-------------------------------------------------- */
.photoArea {
  position: relative;
  width: 730px;
  height: 450px;
}

.photoArea .photo {
  display: block;
  margin-bottom: 10px;
  width: 730px;
  height: 450px;
  overflow: hidden;
}

.photoArea .photo img {
  min-width: 730px;
  margin-top: -5px;
}

.photoArea .name {
  font-size: 28px;
  color: #fff;
  line-height: 1.3;
  background: #FFCC00;
  padding: 5px 10px;
  position: absolute;
  left: 30px;
  top: 35px;
}

.photoArea .caption {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  font-size: 20px;
  line-height: 1.2;
  padding: 20px;
  text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px;
}

.photoArea .gradlayer {
  display: block;
  width: 100%;
  height: 200px;
  position: absolute;
  bottom: 0px;
  background: url(../../img/new/top/slide/bg_gradlayer.png) repeat-x bottom left;
}

.photoArea .icon {
  position: absolute;
  left: 20px;
  top: 20px;
}

.photoArea .ribbon {
  position: absolute;
  right: -2px;
  top: -2px;
}

/* --------------------------------------------------
megaPhoto
-------------------------------------------------- */
.megaPhoto {
  position: relative;
  width: 1020px;
  height: 450px;
  margin-bottom: 5px;
}

.megaPhoto .photo {
  display: block;
  margin-bottom: 10px;
  width: 1020px;
  height: 450px;
  overflow: hidden;
}

.megaPhoto .photo img {
  width: 1020px;
}

.megaPhoto .ribbon {
  position: absolute;
  right: -2px;
  top: -2px;
}

.megaPhoto .caption {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  font-size: 37px;
  line-height: 1.2;
  padding: 20px;
  text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px;
}

.megaPhoto .gradlayer {
  display: block;
  width: 100%;
  height: 200px;
  position: absolute;
  bottom: 0px;
  background: url(../../img/new/top/slide/bg_gradlayer.png) repeat-x bottom left;
}

/* --------------------------------------------------
list
-------------------------------------------------- */
.list {
  border-top: #E4E4E4 solid 1px;
  margin-bottom: 30px;
}

.list li {
  padding: 10px;
  background: url(../../img/new/boder_da_gr.png) repeat-x left bottom;
}

.list li:last-of-type {
  background: none;
  border-bottom: #E4E4E4 solid 1px;
}

.list h3 {
  font-size: 16px;
  margin: .5em 0;
}

.list p {
  color: #333;
  margin-bottom: 1em;
}

/* --------------------------------------------------
bnList
-------------------------------------------------- */
.bnList {
  text-align: center;
}

.bnList li:not(:last-of-type) {
  margin-bottom: 5px;
}

/* --------------------------------------------------
thumbList
-------------------------------------------------- */
.thumbList {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px;
}

.thumbList li {
  line-height: 1.2;
  font-size: 11px;
  margin-bottom: .7em;
  border-bottom: #E4E4E4 solid 1px;
  padding-bottom: 5px;
}

.thumbList li:last-of-type {
  border-bottom: none;
}

.thumbList li img {
  float: left;
  margin-right: 10px;
}

.thumbList p {
  float: left;
  width: 140px;
}

.thumbList .name {
  font-size: 13px;
  margin-bottom: .3em;
  display: block;
}

.thumbList .caption {
  margin-bottom: .3em;
  line-height: 1.2;
  color: #333;
}

.thumbList .date {
  color: #D6BC0C;
  display: block;
  padding-top: .3em;
}


/* --------------------------------------------------
pagenav
-------------------------------------------------- */
.pagenav{
	margin:3% 0;
}
.nav-iconlist{
	display:table;
	width:100%;
	border-left:#CFCAC5 solid 1px;
	table-layout:fixed;
}
.nav-iconlist li{
	display:table-cell;
	text-align:center;
	border-right:#CFCAC5 solid 1px;
	vertical-align:top;
}
.nav-iconlist li a{
	padding:10px;
	box-sizing:border-box;
	color:#9A203E;
	line-height:1.2;
	font-size:1.6rem;
	display:block;
	background:url(../../img/new/arrow_down_gr.png) no-repeat 50% 100% ;
}
.nav-iconlist li span{
	display:block;
	margin-bottom:5px;
}

/* --------------------------------------------------
posts
-------------------------------------------------- */
.posts {
  font-size: 14px;
  line-height: 1.8;
  border: #E4E4E4 solid 1px;
  background: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 29px;
}

.posts p {
  margin-bottom: 2em;
}

.posts em {
  font-style: italic;
}

.posts strong {
  font-weight: bold;
}

.posts .photoL .photo,
.posts .photoR .photo {
  display: table;
  width: 160px;
  line-height: 1.2;
}

.posts .photoL .photo {
  margin-right: 2em;
  float: left;
}

.posts .photoR .photo {
  margin-left: 2em;
  float: right;
}

.posts .photo span {
  display: block;
  font-size: 10px;
  line-height: 1.6;
  text-align: right;
  padding-top: .5em;
  color: #9A203E;
}

.posts .linkList {
  clear: both;
  padding: 1em;
  margin-bottom: 0;
  border-top: #CCC dashed 1px;
}

.posts .movieArea,
.posts .mapArea {
  margin-bottom: 2em;
}

/* --------------------------------------------------
sightseeing
-------------------------------------------------- */
.seasonList {
  background: white url(../../img/new/bg_seasonlist.png) no-repeat left bottom;
  padding-bottom: 30px;
  min-height: 415px;
}

.seasonList .photo {
  display: block;
  float: left;
  width: 106px;
  height: 70px;
  overflow: hidden;
  margin-right: 10px;
}

.seasonList .photo img {
  min-width: 106px;
}

/* infoTable */
.infoTable {
  width: 100%;
  color: #666;
}

.infoTable caption {
  font-size: 20px;
  border-bottom: #CCC solid 1px;
}

.infoTable tr {
  background: url(../../img/new/boder_da_gr.png) repeat-x left bottom;
}

.infoTable tr:last-of-type {
  background: none;
  border-bottom: #CCC solid 1px;
}

.infoTable th {
  width: 210px;
}

.infoTable td,
.infoTable th {
  font-size: 13px;
  padding: 10px 0;
}

/* --------------------------------------------------
event
-------------------------------------------------- */
/* pickupList */
.pickupList {
  padding-bottom: 30px;
  min-height: 415px;
  background: #E5E1D5;
}

.pickupList .thumbList li {
  border-bottom: #FFF solid 1px;
}

.pickupList .photo {
  display: block;
  float: left;
  width: 106px;
  height: 70px;
  overflow: hidden;
  margin-right: 10px;
}

.pickupList .photo img {
  min-width: 106px;
}

/* monthMenu */
.monthMenu {
  border-top: #CCC solid 1px;
  border-bottom: #CCC solid 1px;
  margin-bottom: 5px;
  padding: 10px 0;
}

.monthMenu h3 {
  background: url(../../img/new/bg_title_monthmenu.png) no-repeat left center;
  padding-left: 50px;
  color: #E99B00;
  font-size: 17px;
  float: left;
  line-height: 40px;
  height: 40px;
}

.monthMenu h3 span {
  font-size: 37px;
  margin-left: .2em;
  color: #333;
}

.monthMenu .monthBtn {
  float: right;
}

/* infoTable */
.eventTable {
  width: 100%;
  color: #666;
  margin: 30px 0;
}

.eventTable caption {
  font-size: 20px;
  border-bottom: #CCC solid 1px;
}

.eventTable th,
.eventTable td {
  font-size: 14px;
  padding: 10px 1em;
}

.eventTable tr:nth-child(even) {
  background: #f0eeea url(../../img/new/boder_da_gr.png) repeat-x left bottom;
}

.eventTable tr {
  background: url(../../img/new/boder_da_gr.png) repeat-x left bottom;
}

.eventTable tr:last-of-type {
  background: none;
  border-bottom: #CCC solid 1px;
}

.eventTable .name {
  color: #063F99;
  width: 180px;
}

.eventTable .date {
  color: #D6BC0C;
  width: 180px;
}

/* --------------------------------------------------
detailInfo
-------------------------------------------------- */
/* overveiw */
.overveiw {
  margin-bottom: 1em;
  margin-top: 2em;
}

.overveiw h4 {
  width: 210px;
  vertical-align: middle;
  display: table-cell;
  font-size: 29px;
}

.overveiw p {
  display: table-cell;
}

.overveiw p:first-letter {
  font-size: 3em;
  line-height: 1;
  float: left;
  margin: 0 .2em 0 0;
  padding: .1em 0;
}

/* summary */
.summary {
  color: #21BA8C;
  padding-left: 210px;
  margin-bottom: 1em;
}

.summary dt,
.summary dd {
  display: inline;
}

.summary dt:after {
  content: " / ";
}

/* related */
.related {
  border: #E4E4E4 solid 1px;
  background: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 29px;
  margin-bottom: 5px;
}

.related h5 {
  font-size: 20px;
  margin-bottom: .5em;
}

/* pictoList */
.pictoList {
  margin: 20px;
}

.pictoList li {
  font-size: 15px;
  line-height: 51px;
}

.pictoList li:not(:last-of-type) {
  margin-bottom: 10px;
}

.pictoList li img {
  margin-right: 1em;
}

.pictoList .attention {
  font-size: 11px;
  padding-left: 65px;
}

/* rightthere */
.rightthere .thumbList {
  border-bottom: #e4e4e4 solid 1px;
}

.rightthere h5 {
  color: #9A203E;
  font-size: 20px;
  background: url(../../img/new/bg_title_rightthere.png) no-repeat 10px 0.5em;
  padding-left: 70px;
  line-height: 55px;
  border-bottom: #e4e4e4 solid 1px;
}

.rightthere .btnMore {
  background: #9A203E;
  margin: 10px;
}

.rightthere .btnMore:hover {
  background: rgba(154, 32, 62, 0.7);
}

/* list_carousel */
.list_carousel {
  width: 100%;
}

.list_carousel ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}

.list_carousel li {
  text-align: center;
  padding: 0;
  display: block;
  float: left;
  width: 130px;
  height: 100px;
  overflow: hidden;
  margin: 2px;
}

.list_carousel li img {
  height: 100%;
}

.list_carousel.responsive {
  width: auto;
  margin-left: 0;
}

.list_carousel .clearfix {
  float: none;
  clear: both;
}

.list_carousel .prev {
  float: left;
  margin-left: 10px;
}

.list_carousel .next {
  float: right;
  margin-right: 10px;
}

.carouselBtn {
  overflow: hidden;
  position: relative;
  clear: both;
  font-size: 25px;
  line-height: 1;
}

.carouselBtn a {
  color: #2DAC7B;
}

/* --------------------------------------------------
searchMenu
-------------------------------------------------- */
.searchMenu {
  border-top: #CCC solid 1px;
  border-left: #CCC solid 1px;
  border-right: #CCC solid 1px;
  background: #fff;
}

.form-head {
  border-bottom: #CCC solid 1px;
  display: block;
  padding: 10px;
  text-align: right;
  height: 36px;
}

.form-head legend {
  font-size: 14px;
  display: block;
  line-height: 36px;
  float: left;
  color: #999;
}

.form-head .searchTitle {
  background: url(../../img/new/icon_search_gr.png) no-repeat left center;
  font-size: 17px;
  color: #68991E;
  padding-left: 45px;
}

.form-head .keySearch {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  line-height: 33px;
  height: 33px;
}

.form-head .rangetype {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  line-height: 33px;
  height: 33px;
  color: #999;
}

.form-head .keySearch label {
  color: #68991E;
}

.form-head .keySearch input {
  padding: 7px;
  width: 200px;
  height: 18px;
}

.form-head .searchBtn img {
  vertical-align: middle;
}

.form-group {
  border-bottom: #CCC solid 1px;
  display: block;
}

.form-group label {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

.type {
  float: left;
  padding: 10px;
}

.type a {
  border-radius: 5px;
  padding: 2px 5px;
  color: #fff;
  background: #ccc;
  border: #CCC solid 1px;
}

.type a.on {
  border-radius: 5px;
  padding: 2px 5px;
  color: #ccc;
  background: #fff;
}

.type label {
  height: 25px;
  line-height: 25px;
  padding-left: 30px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

.sighttype {
  background: url(../../img/new/icon_sigh.png) no-repeat left center;
  color: #9C0909;
}

.eventtype {
  background: url(../../img/new/icon_even.png) no-repeat left center;
  color: #C38E26;
}

.hoteltype {
  background: url(../../img/new/icon_hotel.png) no-repeat left center;
  color: #44799F;
}

.wifitype {
  background: url(../../img/new/icon_wifi.png) no-repeat left center;
  color: #999999;
}

.seasontype {
  float: right;
  background: #F7F7F7;
  padding: 10px;
}

.seasontype legend {
  height: 25px;
  line-height: 25px;
  color: #68991E;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  float: left;
  margin-right: 28px;
}

.sightsubtype {
  color: #9C0909;
  padding: 7px 10px;
}

.eventsubtype {
  color: #C38E26;
  padding: 7px 10px;
}

.areaType {
  padding: 10px;
  float: none;
  background: none;
}

.areaType legend {
  height: 25px;
  line-height: 25px;
  color: #68991E;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  float: left;
  margin-right: 28px;
}

.searchBtnArea {
  text-align: center;
  background: #efefef;
  border-bottom: #CCC solid 1px;
  padding: 10px;
}

/* nearbyList */
.nearbyList {
  background: #F7F7F7;
  border: #CCC solid 1px;
  padding: 10px;
}

.nearbyList dt {
  font-size: 14px;
  display: block;
  line-height: 36px;
  color: #999;
  margin-bottom: 1em;
}

.nearbyList dd {
  line-height: 30px;
  height: 30px;
  margin-bottom: 5px;
  width: 50%;
  float: left;
}

.nearbyList span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  text-align: center;
  height: 30px;
  width: 30px;
  color: #333;
  font-weight: bold;
  margin-right: 5px;
}

.nearbyList .even {
  background: url(../../img/new/bg_near_even.png) no-repeat left center;
}

.nearbyList .sigh {
  background: url(../../img/new/bg_near_sigh.png) no-repeat left center;
}

.nearbyList .hotel {
  background: url(../../img/new/bg_near_hotel.png) no-repeat left center;
}

.nearbyList .wifi {
  background: url(../../img/new/bg_near_wifi.png) no-repeat left center;
}

/* --------------------------------------------------
galleries
-------------------------------------------------- */
#galleries .form-head legend {
  color: #DF6C4F;
}

#galleries .form-head .rangetype {
  color: #DF6C4F;
}

#galleries .form-head .keySearch label {
  color: #DF6C4F;
}

#galleries .form-head .searchTitle {
  background: url(../../img/new/icon_search_pk.png) no-repeat left center;
  color: #DF6C4F;
}

#galleries .areaType,
#galleries .categoryType,
#galleries .seasontype {
  padding: 10px;
  float: none;
  background: none;
}

#galleries .areaType legend,
#galleries .categoryType legend,
#galleries .seasontype legend {
  float: left;
  width: 140px;
  margin: 0;
  display: table-cell;
  font-size: 14px;
  display: block;
  color: #DF6C4F;
}

#galleries .label-group {
  display: table-cell;
}

/* resultBar */
#galleries .resultBar {
  border: #DF6C4F solid 1px;
  background: #FAEBE7;
}

#galleries .resultBar strong {
  color: #DF6C4F;
}

#galleries .resultBar span {
  border: #DF6C4F solid 1px;
  background: #DF6C4F;
}

#galleries .resultBar em {
  color: #DF6C4F;
}

/* --------------------------------------------------
hotels
-------------------------------------------------- */
/* areaMenu */
.areaMenu {
  border: #E4E4E4 solid 1px;
  background: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 29px;
  margin-bottom: 30px;
}

.areaMenu .areaMap {
  float: left;
  width: 260px;
  height: 420px;
  position: relative;
}

.areaMap .searchTitle {
  background: url(../../img/new/icon_search_bl.png) no-repeat 20px center;
  padding-left: 30px;
  font-size: 17px;
  color: #44799F;
  padding-left: 65px;
  line-height: 50px;
  border-bottom: #DBDBDB solid 1px;
  margin-bottom: 50px;
}

.areaMap a {
  text-align: center;
  display: block;
  position: absolute;
}

.areaMenu #btn00 {
  top: 60px;
  left: 77px;
}

.areaMenu #btn01 {
  top: 339px;
  left: 85px;
}

.areaMenu #btn02 {
  top: 266px;
  left: 151px;
}

.areaMenu #btn03 {
  top: 259px;
  left: 38px;
}

.areaMenu #btn04 {
  top: 185px;
  left: 113px;
}

.areaMenu #btn05 {
  top: 376px;
  left: 148px;
}

.areaMenu #btn06 {
  top: 124px;
  left: 128px;
}

.areaMenu #btn07 {
  top: 126px;
  left: 15px;
}

.areaMenu #btn08 {
  top: 308px;
  left: 4px;
}

.areaMenu .gmap {
  float: right;
  width: 690px;
  height: 420px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#hlArea00,
#hlArea01,
#hlArea02,
#hlArea03,
#hlArea04,
#hlArea05,
#hlArea06,
#hlArea07,
#hlArea08 {
  font-size: 25px;
  vertical-align: middle;
  line-height: 40px;
  height: 40px;
  border-bottom: #CCC solid 1px;
  margin-bottom: 10px;
  padding-left: 50px;
}

#hlArea00 {
  color: #44799F;
  padding-left: 20px;
}

#hlArea01 {
  color: #BF6025;
  background: url(../../img/new/mark_btn_areamap01.png) no-repeat left top;
}

#hlArea02 {
  color: #918E58;
  background: url(../../img/new/mark_btn_areamap02.png) no-repeat left center;
}

#hlArea03 {
  color: #734A47;
  background: url(../../img/new/mark_btn_areamap03.png) no-repeat left center;
}

#hlArea04 {
  color: #A46D6C;
  background: url(../../img/new/mark_btn_areamap04.png) no-repeat left center;
}

#hlArea05 {
  color: #C38F26;
  background: url(../../img/new/mark_btn_areamap05.png) no-repeat left center;
  line-height: 20px;
  height: 50px;
}

#hlArea06 {
  color: #77BB77;
  background: url(../../img/new/mark_btn_areamap06.png) no-repeat left center;
}

#hlArea07 {
  color: #77BB77;
  background: url(../../img/new/mark_btn_areamap07.png) no-repeat left center;
}

#hlArea08 {
  color: #77BB77;
  background: url(../../img/new/mark_btn_areamap08.png) no-repeat left center;
}

#hlArea01,
#hlArea02,
#hlArea03,
#hlArea04,
#hlArea05,
#hlArea06,
#hlArea07,
#hlArea08 {
 background-size: contain;
}

/* hotelList */
.hotelList {
  margin-bottom: 30px;
}

.hotelList li {
  padding: 20px;
  background: url(../../img/new/boder_da_gr.png) repeat-x left bottom;
  position: relative;
}

.hotelList li:last-of-type {
  background: none;
  border-bottom: #E4E4E4 solid 1px;
}

.hotelList .mapNum {
  position: absolute;
  top: 10px;
  left: 10px;
}

.hotelList .photo {
  display: block;
  margin-bottom: 10px;
  width: 276px;
  overflow: hidden;
  float: left;
  margin-right: 20px;
}

.hotelList dl {
  display: table-cell;
}

.hotelList dt {
  font-size: 20px;
  padding: .5em 0;
}

.hotelList .caption {
  margin-bottom: .5em;
}

.hotelList a {
  display: block;
  background: url(../../img/new/mark_hp.png) no-repeat left 0.5em;
  padding-left: 17px;
  margin-bottom: 1em;
}

.hotelList .picto {
  display: table;
  float: left;
  margin-right: 10px;
}

.hotelList .picto img {
  display: table-cell;
  margin-right: 5px;
  vertical-align: middle;
}

/* hotelBnList */
.hotelBnList h3 {
  padding-bottom: 25px;
}

.hotelBnList {
  float: left;
  width: 285px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 30px;
  background: #e8e8e8 url(../../img/new/bg_hotelbnlist.png) no-repeat left top;
  padding-top: 35px;
  text-align: center;
  position: absolute;
  top: 0;
  z-index: 999;
}

.hotelBnList.follow {
  position: fixed;
  /*スクロールで付加されるclass*/
  top: 50px;
}

/* --------------------------------------------------
itinerary
-------------------------------------------------- */
/* itineraryList */
.itineraryList {
  margin-top: 30px;
  margin-bottom: 2em;
  margin-right: -20px;
}

.itineraryList li {
  width: 500px;
  float: left;
  margin-right: 20px;
  background: url(../../img/new/boder_da_gr.png) repeat-x left bottom;
  margin-bottom: 30px;
}

.itineraryList .photo {
  display: block;
  width: 200px;
  height: 200px;
  overflow: hidden;
  float: left;
  margin-right: 10px;
}

.itineraryList dl {
  float: left;
  width: 290px;
  position: relative;
}

.itineraryList .photo img {
  margin-left: -25px;
}

.itineraryList .name {
  font-size: 20px;
  line-height: 1.2;
  color: #089C9A;
  margin-bottom: 5px;
}

.itineraryList .area {
  font-size: 16px;
  color: #089C9A;
  display: block;
  margin-bottom: 5px;
}

.itineraryList .icon {
  margin-bottom: 5px;
  display: block;
}

.itineraryList .icon img {
  margin-right: 3px;
}

.itineraryList .caption {
  color: #918F58;
  margin-bottom: 10px;
}

.itineraryList .btnMore {
  display: block;
  clear: both;
  background: #4BB7B5;
}

.itineraryList .btnMore:hover {
  background: rgba(75, 183, 181, 0.3);
}

/* itineraryTitle */
.itineraryTitle {
  background: #089c9a url(../../img/new/bg_itinerarytitle.png) no-repeat right bottom;
  margin-bottom: 30px;
  position: relative;
}

.itineraryTitle .photo {
  width: 276px;
  display: table-cell;
  vertical-align: middle;
  background: #F5F5F5;
}

.itineraryTitle .photo img {
  min-height: 100%;
}

.itineraryTitle dl {
  width: 700px;
  padding: 10px 10px 10px 30px;
  display: table-cell;
  color: #FFF;
  vertical-align: middle;
}

.itineraryTitle dt {
  font-size: 25px;
  line-height: 1.1;
  width: 600px;
}

.itineraryTitle .area {
  font-size: 18px;
  display: block;
  margin-bottom: 10px;
}

.itineraryTitle .icon {
  position: absolute;
  width: 150px;
  display: block;
  right: -20px;
  top: 10px;
}

.itineraryTitle .icon img {
  margin-right: 3px;
  margin-bottom: 3px;
}

/* itinerarySpot */
.itinerarySpot {
  margin-bottom: 20px;
  background: url(../../img/new/bg_itineraryspot_btm.png) no-repeat left bottom;
}

.itinerarySpot .wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px;
  padding-top: 50px;
  position: relative;
}

.itinerarySpot.sight .wrapper {
  background: url(../../img/new/bg_itinerarysight.png) no-repeat top left;
}

.itinerarySpot.event .wrapper {
  background: url(../../img/new/bg_itineraryevent.png) no-repeat top left;
}

.itinerarySpot .photoL,
.itinerarySpot .photoR {
  display: block;
  width: 276px;
  position: relative;
  z-index: 1;
}
.itinerarySpot .photoL:after,
.itinerarySpot .photoR:after {
  content: "";
  position: absolute;
  bottom: 6px;
  right: 18px;
  width: 50%;
  box-shadow: 0 0 4px 8px rgba(0, 0, 0, 0.6);
  z-index: -1;
  transform: rotate(3deg);
}

.itinerarySpot .photoL img,
.itinerarySpot .photoR img {
  width: 100%;
}

.itinerarySpot .photoR {
  float: right;
  margin-left: 30px;
}

.itinerarySpot .photoL {
  float: left;
  margin-right: 30px;
}

.itinerarySpot dl {
  float: left;
  width: 600px;
  padding-left: 50px;
}

.itinerarySpot.sight dl {
  background: url(../../img/new/mark_itinerarysight.png) no-repeat top left;
}

.itinerarySpot.event dl {
  background: url(../../img/new/mark_itineraryevent.png) no-repeat top left;
}

.itinerarySpot .icon {
  position: absolute;
  top: 0;
  left: -15px;
}

.itinerarySpot .name {
  display: inline;
  font-size: 25px;
  padding-bottom: .2em;
  line-height: 1.6;
}

.itinerarySpot.sight .name {
  border-bottom: #9C0909 solid 2px;
}

.itinerarySpot.event .name {
  border-bottom: #CC6633 solid 2px;
}

.itinerarySpot .area {
  font-size: 18px;
  padding-top: .5em;
  display: block;
  margin-bottom: 10px;
}

.itinerarySpot .caption {
  margin-left: -50px;
  margin-bottom: 1em;
}

.itinerarySpot .btnMore {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  float: right;
  padding: 0 30px;
  clear: both;
  background: #4BB7B5;
}

.itinerarySpot .btnMore:hover {
  background: rgba(75, 183, 181, 0.3);
}

.itinerarySpot .date {
  margin-left: -50px;
  font-size: 20px;
  width: 100px;
}

.itinerarySpot .date em {
  font-size: 35px;
}

/* itineraryPart */
.itineraryPartR {
  background: url(../../img/new/bg_itinerarypart_r.png) no-repeat left top;
  height: 157px;
  width: 962px;
  margin: 0 auto;
  display: block;
  border: none;
  margin-bottom: 20px;
}

.itineraryPartL {
  background: url(../../img/new/bg_itinerarypart_l.png) no-repeat left top;
  height: 157px;
  width: 962px;
  margin: 0 auto;
  display: block;
  border: none;
  margin-bottom: 20px;
}

/* itineraryItem */
.itineraryItem {
  font-size: 14px;
  line-height: 1.8;
}

.itineraryItem p {
  margin-bottom: 2em;
}

.itineraryItem em {
  font-style: italic;
}

.itineraryItem strong {
  font-weight: bold;
}

.itineraryItem .photoL .photo,
.itineraryItem .photoR .photo {
  display: table;
  width: 160px;
  line-height: 1.2;
  background: #F5F5F5;
}

.itineraryItem .photoL .photo {
  padding-right: 2em;
  float: left;
}

.itineraryItem .photoR .photo {
  padding-left: 2em;
  float: right;
}

.itineraryItem .photo span {
  display: block;
  font-size: 10px;
  line-height: 1.6;
  padding: .5em;
  color: #FFF;
  background: #4BB7B5;
}

.itineraryItem .photo1Col span,
.itineraryItem .photo2Col span,
.itineraryItem .photo3Col span {
  color: #4BB7B5;
  background: none;
}

.itineraryItem .movieArea,
.itineraryItem .mapArea {
  margin-bottom: 2em;
}

.itineraryhlv3 {
  font-size: 25px;
  margin-bottom: 1em;
  margin-top: 2em;
  background: url(../../img/new/bg_stripe_gr.png) repeat-x left center;
}

.itineraryhlv3 span {
  background: #F5F5F5;
  padding-right: 20px;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.2;
}

.itineraryhlv3 span:before {
  content: '';
  width: 38px;
  height: 46px;
  float: left;
  padding-right: 10px;
  background: url(../../img/new/mark_itineraryitem.png) no-repeat left top;
}

.itineraryhlv4 {
  font-size: 22px;
  margin-bottom: 1em;
}

.itineraryItem .linkList {
  clear: both;
  padding: 1em;
  margin-bottom: 0;
  border-top: #CCC dashed 1px;
}

/* --------------------------------------------------
favorites
-------------------------------------------------- */
/* myfavSpot */
#myfavSpot {
  float: left;
  width: 431px;
}

.myfavSpotHead {
  padding: 20px;
  padding-bottom: 10px;
}

.myfavSpotHead p {
  width: 280px;
  float: right;
}

/* myfavBox */
.myfavBox {
  border: #22BB8D dashed 1px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background: #FFF;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
  margin-bottom: 10px;
}

/* myfavManu */
.myfavManu {
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  background: #EBFCF7;
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
  padding: 10px;
}

.myfavManu p {
  display: inline;
}

.myfavManu p img {
  vertical-align: middle;
}

.myfavManu a {
  float: right;
}

/* myfavData */
.myfavData {
  padding: 15px 20px;
}

.myfavData .photo {
  display: block;
  float: left;
  width: 106px;
  height: 70px;
  overflow: hidden;
  margin-right: 5px;
}

.myfavData .name {
  font-size: 16px;
  display: block;
  padding-left: 50px;
  margin-bottom: .5em;
}

.myfavData .summary {
  color: #21BA8C;
  padding-left: 0;
  margin-bottom: 0;
  width: 270px;
  float: right;
}

/* sendBox */
.sendBox {
  border: #22BB8D solid 2px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background: #FFF;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
  padding: 15px;
  margin-bottom: 10px;
}

.sendBox fieldset {
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  margin-top: 10px;
}

.sendBox input {
  width: 300px;
  height: 30px;
}

.myfavUse {
  background: #E8E8E8;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  padding: 15px;
  color: #FF6666;
  height: 120px;
}

.myfavUse img {
  float: right;
  margin-left: 20px;
  display: table-cell;
}

.myfavUse p {
  display: table-cell;
  vertical-align: middle;
  height: 120px;
}

/* routeMap */
#routeMap {
  float: right;
  width: 570px;
}

#routeMap h3 {
  margin-bottom: 20px;
}

#routeMap .mapArea {
  background: url(../../img/new/bg_routeresult.png) repeat;
  padding: 4px;
  margin-bottom: 1px;
}

#routeMap .routeResult {
  background: url(../../img/new/bg_routeresult.png) repeat;
  padding: 4px;
}

#routeMap .routeResult h4 {
  background: #FFF;
  padding: 10px;
}

/* About This Site */

#AboutThisSite ul li {
	margin: 10px 0 10px 0;
}

#AboutThisSite ul li.bold {
	color: #333;
	font-weight:bold;
	font-size:16px;
}

/* �G���A�K�C�h */

.officialTxt dt {
	color: #751E1E;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;	
}