/*! normalize.css v3.0.0 | MIT License | git.io/normalize */

html {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
table,
pre {
  margin-top: 0
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden],
template {
  display: none
}

a {
  background: transparent
}

a:active,
a:hover {
  outline: 0
}

p,
li,
dt,
dd,
th,
td,
pre {
  -ms-line-break: strict;
  line-break: strict;
  -ms-word-break: break-strict;
  word-break: break-strict
}

abbr[title] {
  border-bottom: 1px dotted
}

b,
strong {
  font-weight: bold
}

dfn {
  font-style: italic
}

h1 {
  font-size: 2em;
  margin-top: 0
}

mark {
  background: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

img {
  border: 0;
  vertical-align: middle;
  max-width: 100%
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 1em 40px
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}

pre {
  overflow: auto
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: bold
}

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

td,
th {
  padding: 0
}

@font-face {
  font-family: myfont;
  src: url('/fonts/rounded-mplus-1c-medium.eot')
}

@font-face {
  font-family: myfont;
  src: url('/fonts/rounded-mplus-1c-medium.ttf') format('truetype')
}

#areaselect {
  display: none
}

#toselect {
  display: none
}

#monthselect {
  display: none
}

HTML {
  color: #88694c
}

A {
  color: #876a4c;
  text-decoration: none
}

A:hover {
  color: #453627;
  text-decoration: underline
}

EM {
  font-style: normal;
  font-weight: bold
}

A {
  ransition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease
}

H1 {
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  margin: 0;
  background: #7cba8b;
  border-bottom: 1px solid #ccc
}

H1 SPAN {
  display: block;
  margin: auto;
  text-align: right;
  width: 1743px
}

.wrap {
  margin: auto
}
/*
.clearfix {
  overflow: hidden
}
*/
.clearfix::after{
  content:'';
  display: block;
  clear:both;
}

HEADER {
  height: 221px;
  background: url(./../images/header.gif) repeat-x 50% top
}

HEADER .wrap {
  position: relative
}

.logo {
  position: absolute;
  left: 0;
  top: 0;
  width: 218px;
  height: 213px
}

.busimage {
  position: absolute;
  top: 160px
}

.area {
  width: 234px;
  height: 90px;
  background-image: url(./../images/from.png);
  position: absolute
}

.keyword {
  width: 404px;
  height: 90px;
  background-image: url(./../images/keyword.png);
  position: absolute
}

.hdrsearch {
  width: 770px;
  height: 154px;
  background-image: url(./../images/search.png);
  position: absolute
}

.sns {
  position: absolute;
  width: 70px
}

.area {
  left: 263px
}

.keyword {
  left: 510px
}

.hdrsearch {
  left: 263px
}

.sns {
  left: 931px;
  top: 30px
}

.keyword .bdy {
  width: 380px;
  margin: 30px auto 0;
  text-align: center
}

.keyword P {
  margin-bottom: 2px
}

.keyword A {
  display: inline-block;
  padding: 3px 5px;
  border-radius: 4px;
  background-color: #fbfb83;
  font-size: 12px
}

.keyword A:hover {
  background-color: #ffbf00
}

.hdrsearch .bdy {
  width: 740px;
  margin: 110px auto 0;
  text-align: center
}

.hdrsearch FORM {
  overflow: hidden;
  float: left;
  width: 370px
}

.hdrsearch FORM * {
  float: left
}

.hdrsearch FORM INPUT[type="text"] {
  width: 196px;
  background-color: #f8f4f1;
  border-radius: 4px;
  border-width: 1px;
  font-size: 12px;
  margin: 5px 2px 0;
  color: #c1b7ad
}

.hdrsearch FORM INPUT[type="button"] {
  border-width: 0;
  width: 45px;
  height: 40px;
  background: transparent url(./../images/btn_search1_off.png);
  text-indent: -9999px
}

.hdrsearch FORM INPUT[type="button"]:hover {
  background: transparent url(./../images/btn_search1_on.png)
}

.area .bdy {
  width: 200px;
  margin: 56px auto 0
}

.area A {
  display: block;
  width: 200px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  background: #000;
  border-radius: 4px;
  filter: alpha(opacity=50);
  -ms-filter: 'alpha(opacity=50)';
  opacity: .5
}

.area A:hover {
  background-color: #f99a0c;
  color: #000;
  text-decoration: none
}

#areaselect {
  position: absolute;
  background: #fefbc6;
  border-radius: 4px;
  left: 280px;
  top: 85px;
  z-index: 500;
  width: 200px;
  padding: 5px 0
}

#areaselect UL {
  width: 190px;
  padding: 5px 0 2px 0;
  margin: auto;
  background: #ffeb42;
  border-radius: 4px
}

#areaselect LI {
  display: block;
  width: 180px;
  margin: 0 auto 3px;
  font-size: 12px
}

#areaselect LI A {
  display: block;
  border-radius: 4px;
  background: #a4c996;
  color: #fff;
  line-height: 180%;
  text-align: center
}

#areaselect LI.selected A {
  font-weight: bold;
  background: #7db169
}

#areaselect LI A:hover {
  text-decoration: none;
  background: #7db169;
  color: #fff
}

.sns A:hover {
  position: relative;
  top: -2px
}

#sidebar {
  float: left;
  width: 230px;
  padding-top: 2px
}
#sidebar .ban_a{
  margin-top: 10px;
}
#sidebar .ban_a p {
  margin-bottom: 10px
}

#sidebar .ban_a A {
  background: #fff
}

#sidebar .ban_a A IMG:hover {
  filter: alpha(opacity=70);
  -ms-filter: 'alpha(opacity=70)';
  opacity: .7
}

#sidebar NAV {
  margin-top: 12px
}

#sidebar NAV UL {
  padding: 0
}

#sidebar NAV LI {
  display: block;
  margin-top: 10px
}

#sidebar NAV {
  position: relative
}

.closebtn {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: #666;
  color: #fff;
  text-align: center;
  position: absolute;
  top: -4px;
  right: -4px;
  border-radius: 12px
}

A.closebtn:hover {
  text-decoration: none;
  background-color: #333;
  color: #eee
}

#sidebar NAV #monthselect {
  position: fixed;
  background: #fefbc6;
  border: solid 2px #ffeb42;
  border-radius: 10px;
  left: 50%;
  top: 50%;
  width: 462px;
  z-index: 500;
  margin-left: -220px;
  margin-top: -100px
}

#sidebar NAV #monthselect P {
  margin: 10px 5px;
  text-align: center
}

#sidebar NAV #monthselect UL {
  width: 100%;
  overflow: hidden;
  background: #fefbc6
}

#sidebar NAV #monthselect LI {
  display: block;
  width: 150px;
  margin: 3px 0 0 3px;
  padding: 0;
  float: left
}

#sidebar NAV #monthselect LI A {
  display: block;
  border-radius: 4px;
  background: #ffeb42;
  line-height: 300%;
  text-align: center;
  margin: 0;
  padding: 0
}

#sidebar NAV #monthselect LI A:hover {
  text-decoration: none;
  color: #333;
  background-color: #7db169;
  color: #fff
}

#sidebar NAV #monthselect P.close {
  text-align: right;
  font-weight: bold
}

#sidebar NAV #toselect {
  position: fixed;
  background: #fefbc6;
  border: solid 2px #ffeb42;
  border-radius: 4px;
  width: 860px;
  left: 0;
  top: 0;
  z-index: 500;
  left: 50%;
  margin-left: -430px;
  top: 100px
}

#sidebar NAV #toselect P {
  margin: 10px 5px;
  text-align: center
}

#sidebar NAV #toselect UL {
  width: 100%;
  overflow: hidden;
  background: #fefbc6
}

#sidebar NAV #toselect LI {
  display: block;
  width: 140px;
  margin: 3px 0 0 3px;
  padding: 0;
  float: left
}

#sidebar NAV #toselect LI A {
  display: block;
  border-radius: 4px;
  background: #ffeb42;
  line-height: 300%;
  text-align: center;
  margin: 0;
  padding: 0
}

#sidebar NAV #toselect LI A:hover {
  text-decoration: none;
  color: #333;
  background-color: #7db169;
  color: #fff
}

#sidebar NAV #toselect P.close {
  text-align: right;
  font-weight: bold
}

#sidebar ARTICLE.infobox {
  background: url(./../images/sidebox_bdy.gif) repeat-y 50% top;
  font-size: 12px;
  margin-top:10px;
  position: relative;
  left:-9px;
}

#sidebar ARTICLE.imgbox {
  margin-top: 30px;
  text-align: center;
  position: relative;
  left:-4px;
}

#sidebar ARTICLE .ftr {
  background: url(./../images/sidebox_ftr.gif) no-repeat 50% bottom;
  padding-bottom: 10px
}

#sidebar ARTICLE .bdy {
  padding-left: 20px;
  width: 190px
}

#sidebar ARTICLE H2 {
  text-indent: -9999px
}

#sidebar ARTICLE .line {
  background: url(./../images/sidebox_line.gif) no-repeat 50% bottom
}

#sidebar ARTICLE.search H2 {
  background: url(./../images/sidebox1.gif) no-repeat 50% top;
  height: 49px
}

#sidebar ARTICLE.search DL {
  overflow: hidden;
  padding: 0 0 3px;
  min-height: 33px
}

#sidebar ARTICLE.search DT {
  float: left;
  width: 50px
}

#sidebar ARTICLE.search DD {
  float: right;
  width: 140px;
  margin: 0
}

#sidebar ARTICLE.infobox #decision {
  text-align: right;
  margin-bottom: 10px;
}

#sidebar ARTICLE.search INPUT[type="text"] {
  width: 100px;
  border-width: 1px;
  height: 24px;
  background: #f5f4f2;
  color: #000;
  line-height: 24px;
  text-indent: .5em;
  border-radius: 4px
}

#sidebar ARTICLE.search INPUT:disabled {
  color: #ccc
}

#sidebar ARTICLE.search #datepickerbtn {
  border-width: 0;
  width: 19px;
  height: 19px;
  background: transparent url(./../images/btn_cal.gif) no-repeat right 50%;
  text-indent: -9999px
}

#sidebar ARTICLE.search #datepickerbtn_new {
  border-width: 0;
  width: 19px;
  height: 19px;
  background: transparent url(./../images/btn_cal.gif) no-repeat right 50%;
  text-indent: -9999px
}

#sidebar ARTICLE.search H3 {
  border-bottom: 2px solid #dad3c2;
  color: #675b3d;
  font-size: 13px;
  padding: 2px;
  margin-top: 5px
}

#sidebar ARTICLE.busstop H2 {
  background: url(./../images/sidebox2.gif) no-repeat 50% top;
  height: 49px
}

#sidebar ARTICLE.payment H2 {
  background: url(./../images/sidebox3.gif) no-repeat 50% top;
  height: 49px
}

#sidebar ARTICLE.payment P.line {
  padding-bottom: 1em
}

#sidebar ARTICLE UL {
  padding: 0;
  margin-bottom: 12px
}

#sidebar ARTICLE LI {
  display: block
}

#sidebar ARTICLE LI A {
  display: block;
  background: url(./../images/pointer_r.gif) no-repeat right 50%;
  line-height: 250%
}

#sidebar ARTICLE LI A:hover {
  background-image: url(./../images/pointer_r_over.gif)
}

#sidebar ARTICLE HR {
  background: #f6f2ef;
  border-width: 0;
  height: 1px;
  margin-bottom: 1em
}

#sidebar ARTICLE.reserve H2 {
  background: url(./../images/sidebox4.gif) no-repeat 50% top;
  height: 49px
}

#sidebar ARTICLE.reserve .line {
  padding-bottom: 1px
}

#sidebar ARTICLE.reserve .opentime {
  background: url(./../images/icon_allday.jpg) no-repeat left 50%;
  padding-left: 39px;
  min-height: 32px
}

#sidebar ARTICLE.reserve UL {
  margin-top: 16px
}

#sidebar ARTICLE.reserve LI {
  font-weight: bold;
  color: #528248;
  font-size: 12px
}

#sidebar ARTICLE.reserve EM {
  font-weight: bold;
  color: #88694c;
  font-size: 16px;
  font-style: normal
}

#sidebar ARTICLE.information H2 {
  background: url(./../images/sidebox5.gif) no-repeat 50% top;
  height: 49px
}

#sidebar ARTICLE.linkbox H2 {
  background: url(./../images/sidebox6.gif) no-repeat 50% top;
  height: 48px
}

#sidebar ARTICLE.linkbox LI {
  padding: 10px 0
}

#sidebar ARTICLE.linkbox LI A {
  padding-left: 65px;
  background: url(./../images/orionsite_1.jpg) no-repeat left top;
  line-height: 110%;
  font-size: 12px
}

#sidebar ARTICLE.linkbox LI EM {
  display: block;
  font-size: 13px
}

#sidebar ARTICLE.linkbox LI:nth-of-type(2) A {
  background-image: url(./../images/orionsite_2.jpg)
}

#sidebar ARTICLE.linkbox LI:nth-of-type(3) A {
  background-image: url(./../images/orionsite_3.jpg)
}

#sidebar ARTICLE.linkbox LI:nth-of-type(4) A {
  background-image: url(./../images/orionsite_4.jpg)
}

#sidebar ARTICLE.linkbox LI:nth-of-type(5) A {
  background-image: url(./../images/orionsite_5.jpg)
}

#sidebar ARTICLE.rankbox H2 {
  background: url(./../images/sidebox7.gif) no-repeat 50% top;
  height: 48px;
  margin-bottom: 0
}

#sidebar ARTICLE.rankbox LI {
  padding: 10px 0
}

#sidebar ARTICLE.rankbox LI A {
  line-height: 110%;
  font-size: 12px;
  display: block;
  overflow: hidden
}

#sidebar ARTICLE.rankbox LI A IMG {
  float: left;
  width: 60px
}

#sidebar ARTICLE.rankbox LI A SPAN {
  float: left;
  width: 120px;
  margin-left: 2px
}

#sidebar ARTICLE.rankbox LI EM {
  display: block;
  font-size: 12px;
  background: #ff980b;
  color: #fff;
  width: 5em;
  border-radius: 99px;
  text-align: center;
  padding: 1px 0
}

#main {
  float: left
}

#main .pankuzu {
  margin-left: 16px;
  font-size: 12px
}

#main .pankuzu STRONG {
  font-weight: normal
}

#main H3 {
  height: 55px;
  background-repeat: no-repeat;
  position: relative;
  margin-left: 16px
}

#main H3 SPAN {
  display: block;
  text-indent: -9999px;
  position: absolute
}

#main H3 A {
  position: absolute;
  top: 12px;
  right: 20px
}

#main H3 A.btn_resortlist {
  top: 0;
  right: 20px
}

#main H3.ttlB {
  text-indent: 30px;
  line-height: 58px;
  font-family: myfont;
  font-weight: normal
}

#main H3.ttlB EM {
  color: #fff;
  font-size: 28px;
  letter-spacing: 4px;
  text-shadow: 2px 2px 1px #508692, -2px 2px 1px #508692, 2px -2px 1px #508692, -2px -2px 1px #508692
}

#main H3.ttlB SMALL {
  font-size: 16px;
  color: #3d6770;
  position: relative;
  top: -3px;
  left: 12px
}

#main H3.ttlY {
  text-indent: 30px;
  line-height: 58px;
  font-family: myfont;
  font-weight: normal;
  margin: 0
}

#main H3.ttlY EM {
  color: #68553e;
  font-size: 28px;
  letter-spacing: 4px
}

#main H3.ttlY SMALL {
  font-size: 16px;
  color: #68553e;
  position: relative;
  top: -3px;
  left: 12px
}

#main #postdata_wrap H3 {
  margin-left: 0
}

#main #postdata_wrap H4 {
  margin-left: 0;
  padding-bottom: 10px
}

#main .upper {
  overflow: hidden;
  margin-bottom: 30px;
  margin-left: 16px
}

#prbox {
  width: 480px;
  height: 285px;
  background-image: url(./../images/pr_bg.jpg)
}

#prbox .bdy {
  padding-top: 8px;
  padding-left: 3px
}

#news H3 {
  background: url(./../images/news_ttl.gif) no-repeat 50% 35px;
  height: 34px;
  text-indent: -9999px;
  padding-top: 35px;
  text-align: center
}

#news .bdy {
  height: 162px;
  overflow: auto;
  margin: auto
}

#news DL {
  overflow: hidden;
  background: url(./../images/news_line.gif) repeat-x left bottom;
  padding-bottom: 7px;
  margin-bottom: 7px
}

#news DT {
  float: left;
  width: 65px
}

#news DD {
  float: right;
  margin: 0;
  font-size: 14px
}

#news A {
  color: #f68a04
}

#news A:hover {
  color: #453627
}

#news DD SPAN.news_cat {
  font-weight: bold
}

.wrap #main #news H3 {
  width: auto
}

#mokuteki UL {
  overflow: hidden;
  padding: 0
}

#mokuteki UL {
  background-image: url(./../images/mokuteki_bg.png)
}

#mokuteki LI.genrebox,
#mokuteki LI.prbox {
  display: block;
  float: left;
  margin-left: 16px;
  margin-bottom: 16px;
  position: relative
}

#mokuteki LI.genrebox {
  width: 232px;
  height: 368px;
  background-image: url(./../images/mokuteki_1.jpg)
}

#mokuteki LI.prbox {
  width: 480px;
  height: 368px;
  background-image: url(./../images/mokuteki_2.jpg)
}

#mokuteki LI IMG.genre {
  position: absolute
}

#mokuteki LI .ttl {
  margin: 8px 8px 0;
  font-weight: bold
}

#mokuteki LI .ttl A {
  display: table-cell;
  padding: 0 0 0 46px;
  height: 56px;
  vertical-align: middle
}

#mokuteki .genrebox .ttl A {
  width: 170px
}

#mokuteki .prbox .ttl A {
  width: 418px
}

#mokuteki .image {
  text-align: center;
  margin-bottom: 10px
}

#mokuteki .subgenres {
  margin: auto;
  margin-bottom: 0
}

#mokuteki .genrebox .subgenres {
  width: 200px;
  overflow: hidden;
  white-space: nowrap
}

#mokuteki .prbox .subgenres {
  width: 448px
}

#mokuteki .subgenres LI {
  margin-bottom: 2px
}

#mokuteki .subgenres LI A {
  display: block;
  border-radius: 4px;
  background: #f5f4f2 url(./../images/pointer_r3.gif) no-repeat 10px 50%;
  padding-left: 20px;
  line-height: 24px;
  font-size: 12px
}

#mokuteki .subgenres LI A {
  color: blue
}

#mokuteki .subgenres LI A:hover {
  background-color: #e3e0db
}

#mokuteki .image A:hover {
  filter: alpha(opacity=70);
  -ms-filter: 'alpha(opacity=70)';
  opacity: .7
}

#tokusyu UL {
  overflow: hidden;
  padding: 0
}

#tokusyu UL {
  background-image: url(./../images/tokusyu_bg.png)
}

#tokusyu LI {
  display: block;
  float: left;
  min-width: 232px;
  margin-left: 16px;
  margin-bottom: 16px;
  text-align: center
}

#tokusyu LI P {
  padding: 0;
  margin: 0;
  background-color: #fff;
  border-radius: 8px
}

#tokusyu A IMG {
  border-radius: 8px
}

#tokusyu A:hover {
  filter: alpha(opacity=70);
  -ms-filter: 'alpha(opacity=70)';
  opacity: .7
}

#tokusyu A {
  font-size: 14px
}

#tokusyu .tokusyulists {
  margin: 0 20px 20px;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #eee
}

#tokusyu .tokusyulists DT {
  float: left;
  width: 480px;
  margin: 10px
}

#tokusyu .tokusyulists DD {
  margin: 10px 10px 10px 0
}

#tokusyu .tokusyulists DD H4 {
  margin-bottom: 10px
}

#tokusyu .tokusyulists DD H4 A {
  display: block;
  background-color: #fbcecf;
  padding: 10px;
  border-radius: 8px;
  line-height: 130%;
  color: #e63d41
}

#tokusyu .tokusyulists DD H4 A:hover {
  text-decoration: none
}

#tokusyu .tokusyulists DD P {
  padding: 0 10px
}

.iconinfo {
  height: 48px;
  margin: 0 0 20px 16px
}

.iconinfo DL {
  overflow: hidden;
  margin: auto;
  padding-top: 10px
}

.iconinfo DT {
  float: left
}

.iconinfo DD {
  float: left;
  margin: 0;
  line-height: 32px
}

#main H3.ttlB EM.busstop {
  font-size: 20px;
  color: #fff;
  letter-spacing: 1px
}

#main H3 A.busstoplink {
  top: -2px
}

UL.tours {
  overflow: hidden;
  padding: 0;
  background-image: url(./../images/tour_bg.png)
}

UL.tours LI.tour {
  display: block;
  float: left;
  margin-left: 16px;
  margin-bottom: 16px;
  position: relative
}

UL.tours LI.tour {
  width: 232px;
  height: 424px;
  background-image: url(./../images/tour.jpg)
}

UL.tours LI.tour:hover {
  background-image: url(./../images/tour_over.jpg)
}

UL.tours LI IMG.rec {
  position: absolute
}

UL.tours IMG.fixed {
  position: absolute;
  top: 110px;
  left: 16px
}

UL.tours .month {
  width: 118px;
  height: 23px;
  padding: 26px 0 0 40px;
  background-image: url(./../images/tour_month.png);
  position: absolute;
  font-size: 10px;
  letter-spacing: -1px;
  top: -4px;
  left: -15px
}

UL.tours .icons {
  width: 214px;
  text-align: right;
  margin: 19px auto 0;
  overflow: hidden
}

UL.tours .icons IMG {
  margin-left: 1px
}

UL.tours .from {
  width: 180px;
  margin: 15px auto 0;
  font-size: 12px;
  line-height: 100%
}

UL.tours .to {
  width: 180px;
  margin: 8px auto 0;
  font-size: 12px;
  line-height: 100%
}

UL.tours .image {
  position: absolute;
  top: 106px;
  left: 8px;
  width: 216px;
  height: 144px !important;
  overflow: hidden !important
}

UL.tours .image img {
  width: 216px
}

UL.tours LI .ttl {
  width: 232px;
  height: 91px;
  position: absolute;
  top: 249px
}

UL.tours LI .ttl STRONG,
UL.tours LI .ttl SPAN {
  display: block;
  width: 180px;
  margin: 14px auto 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px
}

UL.tours LI .ttl STRONG IMG,
UL.tours LI .ttl SPAN IMG {
  margin-right: 2px
}

UL.tours LI .price {
  width: 180px;
  font-size: 10px;
  position: absolute;
  top: 357px;
  left: 26px;
  background: url(./../images/tour_line.gif) no-repeat left top;
  padding-top: 5px
}

UL.tours LI .price EM {
  color: #dd0101;
  font-size: 16px
}

UL.tours LI .tourlink {
  display: block;
  position: absolute;
  width: 232px;
  height: 424px;
  top: 0;
  left: 0;
  border-radius: 10px;
  z-index: 10
}

UL.tours LI .tourlink {
  background-color: #fff;
  filter: alpha(opacity=0);
  -ms-filter: 'alpha(opacity=0)';
  opacity: 0
}

UL.tours LI .tourlink:hover {
  background-color: #a5d6b2;
  filter: alpha(opacity=30);
  -ms-filter: 'alpha(opacity=30)';
  opacity: .3
}

#tourlist H4 {
  position: relative
}

#tourlist H4 img {
  position: absolute;
  top: 7px;
  right: 7px
}

#feature_content #tourlist H4 img {
  position: relative;
  top: 0;
  right: 0
}

UL.tours.resort {
  background-image: url(./../images/resort_bg.png);
}

UL.tours.resort LI.tour.resort {
  height: 320px;
  padding: 0;
  background-image: url(./../images/resort.png);
}
UL.tours.resort LI.tour.resort:nth-of-type(1){
  margin-left:0;
}
@media screen and (max-width:1279px) {
  UL.tours.resort LI.tour.resort:nth-of-type(3n+1){
    margin-left:0;
  }
}
@media screen and (min-width:1280px) {
  UL.tours.resort LI.tour.resort:nth-of-type(4n+1){
    margin-left:0;
  }
}
@media screen and (min-width:1800px) {
  UL.tours.resort LI.tour.resort:nth-of-type(4n+1){
    margin-left:16px;
  }
  UL.tours.resort LI.tour.resort:nth-of-type(6n+1){
    margin-left:0;
  }
}

UL.tours.resort LI.left {
  margin-left: 0
}


UL.tours.resort LI .thumbnail {
  margin: 8px 0 0 0;
  text-align: center
}

UL.tours.resort LI .title {
  margin: 0 8px;
  padding: 5px;
  font-size: 14px;
  background: url(./../images/resort_ttl_bg.png)
}

UL.tours.resort LI .title span {
  display: inline-block;
  background-color: #f79b9e;
  color: #fff;
  text-align: center;
  padding: 1px 15px;
  border-radius: 3px
}

UL.tours.resort LI .title strong {
  display: block;
  margin-top: 2px;
  color: #297091
}

UL.tours.resort LI .description {
  margin: 0 8px;
  padding: 3px 5px;
  line-height: 19px;
  color: #585858;
  font-size: 14px
}

UL.tours.resort LI a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

/*UL.tours.resort LI a:hover {
  background-color: #a5d6b2;
  opacity: .3
}*/

#tourlist.resortlist .postwrap H4 {
  text-indent: 24px;
  line-height: 42px;
  font-family: myfont;
  font-weight: normal;
  color: #68553e;
  font-size: 24px
}

#resortDetail .postwrap H4 {
  text-indent: 24px;
  line-height: 42px;
  font-family: myfont;
  font-weight: normal;
  color: #68553e;
  font-size: 24px
}

#resortDetail h3 a {
  top: -3px
}

#resortDetail .visual {
  overflow: hidden
}

#resortDetail .visual .left-col {
  float: left;
  width: 530px;
  padding: 15px 10px;
  border: 1px solid #dad3c2;
  background-color: #fff
}

#resortDetail .visual .main-visual {
  width: 100%;
  height: 375px;
  margin-top: 0
}

#resortDetail .visual .main-visual img {
  width: 100%;
  height: auto
}

#resortDetail .visual .left-col ul {
  overflow: hidden;
  margin-top: 10px
}

#resortDetail .visual .left-col ul li {
  float: left;
  width: 130px;
  height: 90px;
  padding: 0;
  margin-left: 3px;
  background: transparent
}

#resortDetail .visual .left-col ul li:first-child {
  margin-left: 0
}

#resortDetail .visual .left-col ul li img {
  width: 100%;
  height: 100%
}

#resortDetail .visual .left-col ul li img:hover {
  filter: alpha(opacity=30);
  -ms-filter: 'alpha(opacity=30)';
  opacity: .3
}

#resortDetail .visual .right-col {
  float: right;
  width: 905px;
  font-size: 18px;
  line-height: 30px
}

#resortDetail .visual .right-col p {
  margin-top: 0
}

#resortDetail .postwrap.detail .inner {
  overflow: hidden;
  margin-top: 30px
}

#resortDetail .postwrap.detail .inner .left-col {
  float: left;
  width: 695px
}

#resortDetail .postwrap.detail .inner .left-col table {
  margin-top: 0
}

#resortDetail .postwrap.detail .inner .left-col th {
  width: 140px;
  padding: 20px;
  text-align: left
}

#resortDetail .postwrap.detail .inner .left-col td {
  padding: 20px 10px
}

#resortDetail .postwrap.detail .inner .right-col {
  float: right;
  width: 743px;
  border: 1px solid #dad3c2
}

#resortDetail .postwrap.detail .inner .right-col iframe {
  width: 100%;
  vertical-align: middle
}

#resortDetail #tourlist {
  margin-top: 30px
}

#resortDetail #tourlist > p {
  margin-left: 20px
}

UL.fixedtours {
  padding: 0;
  margin-left: 16px
}

UL.fixedtours LI.tour {
  display: block;
  background-image: url(./../images/tour_bg.jpg);
  padding: 10px 0;
  border-radius: 8px;
  margin-bottom: 5px;
  position: relative
}

UL.fixedtours LI.tour .bdy {
  overflow: hidden;
  background: #fff url(./../images/tour_bg2.jpg) left top repeat-y;
  margin: 0 10px;
  border-radius: 4px
}

UL.fixedtours LI .ttl STRONG IMG {
  margin-right: 2px
}

UL.fixedtours P {
  margin: 0
}

UL.fixedtours .depday {
  float: left;
  font-weight: bold;
  padding: 5px;
  font-size: 14px
}

UL.fixedtours .depday EM {
  margin-bottom: 5px;
  background-color: #e63d41
}

UL.fixedtours .tourdata {
  float: right
}

UL.fixedtours .image {
  float: left;
  width: 216px;
  height: 144px
}

UL.fixedtours .detail {
  float: left
}

UL.fixedtours .detail P {
  margin-bottom: 3px;
  width: auto
}

UL.fixedtours .icons {
  padding-top: 3px
}

UL.fixedtours .icons IMG {
  margin-right: 3px
}

UL.fixedtours .ttl {
  font-size: 18px;
  line-height: 140%;
  padding: 3px 0 0
}

UL.fixedtours .subinfo {
  line-height: 150%;
  padding-bottom: 0;
  font-size: 14px;
  padding-left: 1em
}

UL.fixedtours EM.roundttl {
  display: inline-block;
  width: 7em;
  border-radius: 12px;
  margin-right: 5px;
  color: #fff;
  text-align: center
}

UL.fixedtours P.price STRONG {
  color: red;
  font-size: 20px
}

UL.fixedtours .from EM {
  background: #ffb240
}

UL.fixedtours .to EM {
  background: #95c6c2
}

UL.fixedtours .price EM {
  background: #b7b6e0
}

UL.fixedtours LI .tourlink {
  display: block;
  position: absolute;
  width: 100%;
  height: 164px;
  top: 0;
  left: 0;
  border-radius: 8px;
  z-index: 10
}

UL.fixedtours LI .tourlink {
  background-color: #fff;
  filter: alpha(opacity=0);
  -ms-filter: 'alpha(opacity=0)';
  opacity: 0
}

UL.fixedtours LI .tourlink:hover {
  background-color: #a5d6b2;
  filter: alpha(opacity=30);
  -ms-filter: 'alpha(opacity=30)';
  opacity: .3
}

UL.movies {
  overflow: hidden;
  padding: 0;
  /*background-image: url(./../images/tour_bg.png)*/
}

UL.movies LI.movie {
  display: block;
  float: left;
  margin-left: 16px;
  margin-bottom: 16px;
  position: relative
}

UL.movies LI.movie {
  width: 232px;
  height: 424px;
}
UL.movies LI.movie.-modal {
}
UL.movies LI.movie.-modal:hover {
  filter: brightness(.9);
}
UL.movies LI.movie:not(.-modal) {
  background-image: url(./../images/tour.jpg)
}
UL.movies LI.movie button {
  padding: 0;
  border: none;
  border-radius: 10px;
  overflow: hidden;
}

UL.movies LI.movie:not(.-modal):hover {
  background-image: url(./../images/tour_over.jpg)
}

UL.movies .image {
  position: absolute;
  top: 106px;
  left: 8px;
  width: 216px;
  height: 144px !important;
  overflow: hidden !important
}

UL.movies .image img {
  width: 216px
}

UL.movies LI .ttl {
  width: 232px;
  height: 91px;
  position: absolute;
  top: 249px
}

UL.movies LI .ttl STRONG,
UL.movies LI .ttl SPAN {
  display: block;
  width: 180px;
  margin: 14px auto 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px
}

UL.movies LI .ttl STRONG IMG,
UL.movies LI .ttl SPAN IMG {
  margin-right: 2px
}

.genre_cap {
  margin: 16px 20px
}

.btm {
  overflow: hidden;
  background-image: url(./../images/btm_ume.png)
}

.btm .facebook {
  width: 728px;
  height: 416px;
  background-image: url(./../images/facebook.jpg);
  float: left;
  margin-left: 16px;
  margin-bottom: 16px
}

.btm .facebook .bdy {
  width: 712px;
  height: 400px;
  overflow: hidden;
  margin: 8px auto 0;
  background-color: #fff
}

.btm DIV.ban {
  float: left;
  margin-left: 16px;
  display: block;
  margin-bottom: 16px;
  width: 232px;
  height: 200px
}

.btm DIV.ban A {
  background: #fff
}

.btm DIV.ban A IMG {
  border-radius: 8px
}

.btm DIV.ban A IMG:hover {
  filter: alpha(opacity=80);
  -ms-filter: 'alpha(opacity=80)';
  opacity: .8
}

FOOTER {
  background: url(./../images/footer_bdy.gif);
  margin-top: 80px;
  position: relative
}

FOOTER .wrap {
  position: relative
}

FOOTER .middle {
  margin: auto;
  position: relative
}

FOOTER .linkarea {
  padding-bottom: 20px
}

FOOTER .ftr_menus {
  overflow: hidden
}

FOOTER .ftr_menu {
  float: left
}

FOOTER .ftr_menu UL {
  margin: 0;
  padding: 0;
  margin-top: 30px
}

FOOTER .ftr_menu LI {
  display: block;
  font-size: 12px;
  margin-bottom: 10px
}

FOOTER .ftr_menu LI A {
  background: url(./../images/pointer_r2.gif) no-repeat left 50%;
  padding-left: 16px
}

FOOTER .ftr_menu LI A:hover {
  background-image: url(./../images/pointer_r2_over.gif)
}

FOOTER .hdr {
  background: url(./../images/footer_upper.gif) repeat-x left top;
  padding-top: 50px
}

FOOTER .ftr {
  line-height: 50px;
  background: url(./../images/footer_ftr.gif)
}

FOOTER .ftr .footerimg {
  position: absolute;
  top: -100px;
  right: 0
}

.pagetop {
  position: absolute;
  right: -50px;
  top: -110px;
  width: 104px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease
}

.pagetop:hover {
  top: -120px
}

.fromlink {
  width: 744px;
  background-image: url(./../images/ftrlink_bdy.png);
  margin: 0
}

.fromlink .hdr {
  background: url(./../images/ftrlink_hdr.png) no-repeat left top;
  padding-top: 26px
}

.fromlink .ftr {
  background: url(./../images/ftrlink_ftr.png) no-repeat left bottom;
  padding-bottom: 10px
}

.fromlink .links {
  text-align: center
}

.fromlink A:hover {
  position: relative;
  top: 1px
}

.easy-select-box {
  background: #f5f4f2;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  text-align: left;
  font-size: 14px;
  color: #000;
  border: 1px solid #ddd
}

.easy-select-box .esb-displayer {
  background: #f5f4f2 url(./../images/btn_select.gif) right center no-repeat;
  color: #000;
  cursor: default;
  height: 24px;
  line-height: 24px;
  padding: 0 3px;
  text-indent: 1px;
  width: 125px
}

.easy-select-box .esb-displayer:hover {
  filter: alpha(opacity=80);
  -ms-filter: 'alpha(opacity=80)';
  opacity: .8
}

.easy-select-box:hover .esb-displayer {
  text-decoration: none
}

.easy-select-box.disabled .esb-displayer,
.easy-select-box:hover.disabled .esb-displayer {
  background-position: 0 -36px
}

.easy-select-box .esb-dropdown {
  background: #fff;
  border: 1px solid #ccc;
  display: none;
  max-height: 200px;
  overflow: auto;
  position: absolute;
  z-index: 999;
  width: 125px
}

.easy-select-box .esb-item {
  padding: 3px;
  background: #fffdf4;
  color: #0c2245;
  cursor: default
}

.easy-select-box .esb-item:hover {
  background: #d2ba85;
  color: #fff;
  text-decoration: none
}

div#modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2000px;
  z-index: 1000;
  display: none
}

div#modal div.background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)"
}

div#modal div.container {
  position: relative;
  width: 958px;
  height: 650px;
  background-image: url(./../images/map_bg_min.jpg);
  border-radius: 10px;
  position: relative
}

div#modal IMG {
  position: absolute
}

div#modal IMG.map_ttl {
  top: 0;
  left: 15px
}

div#modal IMG.map_cap {
  top: 0;
  left: 240px
}

div#modal IMG.map_kanto {
  left: 734px;
  top: 371px
}

div#modal IMG.map_kansai {
  left: 325px;
  top: 224px
}

div#modal IMG.map_nagoya {
  left: 475px;
  top: 462px
}

div#modal IMG.map_fukuoka {
  left: 129px;
  top: 365px
}

#areabg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background-color: #000;
  opacity: .5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
  z-index: 400
}

.postwrap H3,
.postwrap H4,
.postwrap H5,
.postwrap H6 {
  margin: 0;
  margin-top: 32px;
  padding: 0
}

.postwrap DL,
.postwrap TABLE,
.postwrap P,
.postwrap UL,
.postwrap OL {
  margin: 0;
  margin-top: 16px;
  padding: 0
}

.postwrap LI {
  margin-top: 8px
}

.postwrap P EM {
  color: #564230
}

.postwrap .section {
  margin-top: 40px
}

.postwrap A {
  color: #f68a05
}

.postwrap A.blank {
  padding-left: 1.5em;
  background: url(./../images/post_blank.png) no-repeat left 50%;
  background-size: auto 70%
}

.postwrap H3 {
  text-indent: 24px;
  line-height: 42px;
  font-family: myfont;
  font-weight: normal;
  color: #68553e;
  font-size: 24px
}

.postwrap H4 .postwrap H5,
.postwrap H6 {
  font-size: 1em;
  line-height: 200%;
  padding-left: 8px
}

.postwrap H5 {
  background: url(./../images/postH5.png) repeat-x left bottom
}

.postwrap H6 {
  background: url(./../images/postH6.png) no-repeat left 50%;
  padding-left: 30px;
  min-height: 24px;
  line-height: 200%
}

.postwrap H6 + P {
  margin-top: 0
}

.postwrap UL {
  list-style: none;
  margin-left: 0;
  padding-left: 0
}

.postwrap LI {
  background: url(./../images/post_li.png) no-repeat left top;
  padding-top: 2px;
  padding-left: 30px;
  min-height: 24px
}

.postwrap UL.linklist {
  margin: 16px 8px;
  padding: 1em;
  background-color: #fff;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
  border-radius: 16px
}

.postwrap UL.linklist LI {
  display: block;
  background: url(./../images/table_border.png) repeat-x left bottom;
  padding: 0 0 2px 0;
  margin: 0
}

.postwrap UL.linklist LI A {
  display: block;
  padding: 12px 24px 10px 8px;
  background: url(./../images/pointer_link.png) no-repeat right 50%;
  color: #6e5a42
}

.postwrap UL.linklist LI A:hover {
  background-color: #f8f3ef;
  text-decoration: none
}

.postwrap DT {
  font-weight: bold
}

.postwrap DD {
  margin: .5em;
  padding: 1em;
  background-color: #fff;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1)
}

.postwrap DL.faq DT {
  background: url(./../images/faq_ttlbg.png);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px
}

.postwrap DL.faq DT EM {
  display: block;
  font-size: 18px;
  background: url(./../images/faq_q.png) no-repeat left 50%;
  line-height: 38px;
  padding: 10px 0 10px 60px;
  min-height: 30px;
  position: relative;
  left: -8px
}

.postwrap DL.faq DD {
  margin: 0;
  box-shadow: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px
}

.postwrap DL.faq DD:before {
  content: url(./../images/faq_a.png)
}

.postwrap TABLE {
  table-layout: fixed;
  width: 100%;
  border: 1px solid #e1d9d2
}

.postwrap TH,
.postwrap TD {
  padding: .3em;
  background: url(./../images/table_border.png) repeat-x left bottom;
  border-right: 1px solid #e1d9d2
}

.postwrap TH {
  background-color: #ede8e4
}

.postwrap TD {
  background-color: #fff
}

.postwrap TR:last-child TH,
.postwrap TR:last-child TD {
  background-image: none
}

.postwrap TABLE CAPTION {
  text-align: left;
  color: #564230
}

.postwrap TABLE CAPTION:before {
  content: "◆";
  display: inline-block;
  color: #564230
}

.postwrap TABLE.tbl1 {
  table-layout: auto
}

.postwrap TABLE.tbl1 TH {
  width: 30%
}

.postwrap TABLE.tbl1 TD {
  width: 70%
}

.postwrap TABLE.tbl2 {
  table-layout: auto
}

.postwrap TABLE.tbl2 TH {
  width: 30%
}

.postwrap TABLE.tbl2 TD {
  width: 70%
}

.postwrap TABLE.tbl4 TD {
  text-align: center
}

.postwrap TABLE.tbl5 {
  table-layout: auto
}

.postwrap TABLE.tbl5 TD.col1 {
  width: 5%;
  text-align: center;
  background-color: #ede8e4;
  font-weight: bold
}

.postwrap TABLE.tbl5 TD.col2 {
  width: 55%
}

.postwrap TABLE.tbl5 TD.col3 {
  width: 20%;
  text-align: center
}

.postwrap TABLE.tbl5 TD.col4 {
  width: 20%;
  text-align: center
}

.postwrap TABLE.tbl6 .bg_g {
  background-color: #ede8e4
}

.postwrap TABLE.tbl7 {
  table-layout: auto
}

.postwrap TABLE.tbl7 TH {
  width: 30%;
  text-align: left
}

.postwrap TABLE.tbl7 TD {
  width: 70%
}

.postwrap TABLE.tbl7 .english {
  font-weight: normal
}

.postwrap .pagenav {
  overflow: hidden;
  text-align: center
}

.postwrap .pagenav LI {
  background-image: none;
  padding: 0;
  width: 23%;
  margin-bottom: .3em;
  margin-top: 0;
  display: inline-block
}

.postwrap .pagenav LI A {
  display: block;
  background-color: transparent;
  border: 1px solid #6e5a42;
  text-align: center;
  line-height: 300%;
  color: #6e5a42
}

.postwrap .pagenav LI A:hover {
  text-decoration: none;
  background-color: #977c5b;
  color: #fff
}

.postwrap .pagenav LI A.active {
  background-color: #6e5a42;
  color: #fff
}

.postwrap .pagenav .minnav {
  overflow: hidden
}

.postwrap .pagenav .minnav LI {
  background-image: none;
  padding: 0;
  width: 33%;
  margin-bottom: 0;
  float: left;
  margin-top: 0
}

.postwrap .pagenav .minnav LI A {
  display: block;
  background-color: transparent;
  border: 1px solid #6e5a42;
  text-align: center;
  line-height: 240%;
  color: #6e5a42;
  font-size: .8em
}

.postwrap .pagenav .minnav LI A:hover {
  text-decoration: none;
  background-color: #977c5b;
  color: #fff
}

.postwrap .pagenav .minnav LI A.active {
  background-color: #6e5a42;
  color: #fff
}

.postwrap .maparea {
  margin-top: 42px
}

.postwrap .maparea H3 {
  line-height: 150%;
  padding: 0 0 16px 0;
  text-indent: 0;
  background: 0;
  background: url(./../images/map_line.png) repeat-x left bottom
}

.postwrap .map,
.postwrap .googlemap,
.postwrap .print {
  text-align: center
}

.postwrap .maparea DT {
  background: url(./../images/map_li.png) no-repeat left top;
  padding-left: 30px;
  min-height: 24px;
  line-height: 200%
}

.postwrap .maparea DD {
  margin: 0;
  padding: 0 0 0 1em;
  background-color: #fff;
  box-shadow: none
}

.postwrap .telnums DD {
  border-radius: 8px;
  background: url(./../images/map_tel.png);
  padding: .2em 1em .2em
}

.postwrap .telnums DD BR {
  display: none
}

.postwrap .telnum {
  display: inline-block;
  padding: .5em;
  border-radius: 4px;
  margin: 0 20px 0 0;
  color: #333;
  font-weight: bold;
  font-size: 18px
}

.postwrap .telnum:hover {
  text-decoration: none;
  cursor: default
}

.postwrap .telnum:before {
  content: "／　"
}

.postwrap .telnums P BR + A:before {
  content: ""
}

.postwrap .telnums DD > P {
  margin-top: 0
}

.postwrap .telnums DD P + P {
  margin-top: 16px
}

.postwrap .sponly {
  display: none
}

.postwrap .attention {
  font-size: 14px
}

.txt_center {
  text-align: center
}

.txt_right {
  text-align: right
}

.txt_left {
  text-align: left
}

.myfont {
  font-family: myfont
}

.shadowbox {
  margin: .5em;
  padding: 1em !important;
  background-color: #fff;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1)
}

.huge_font {
  font-size: 150%
}

.large_font {
  font-size: 125%
}

.round_box {
  border-radius: 8px
}

.f_left {
  float: left
}

.f_right {
  float: right
}

.width50 {
  width: 50%
}

.bgY {
  background: yellow
}

.star {
  background: url(./../images/postH6.png) no-repeat left 50%;
  padding-left: 30px;
  min-height: 24px
}

A.linkbtn {
  display: inline-block;
  text-align: center;
  border-radius: 8px;
  background-color: #ff8c00;
  color: #fff;
  padding: 1em 0;
  width: 90%;
  margin: 1em auto 1em;
  font-weight: bold;
  box-shadow: 2px 2px 0 2px rgba(0, 0, 0, 0.5);
  transition: all 0 0;
  -webkit-transition: all 0 0;
  -moz-transition: all 0 0;
  -o-transition: all 0 0
}

A.linkbtn:hover {
  box-shadow: -1px -1px 0 1px rgba(0, 0, 0, 0.5);
  text-decoration: none;
  background-color: orange
}

A.halfbtn {
  width: 40%;
  margin: 5px
}

.voidbtn {
  display: block;
  text-align: center;
  border-radius: 8px;
  background-color: #ccc;
  color: #000;
  padding: 1em 0;
  width: 90%;
  margin: 1em auto 1em;
  font-weight: bold;
  box-shadow: 2px 2px 0 2px rgba(0, 0, 0, 0.5);
  transition: all 0 0;
  -webkit-transition: all 0 0;
  -moz-transition: all 0 0;
  -o-transition: all 0 0
}

DL.tableface {
  overflow: hidden;
  width: 100%;
  display: table;
  border: 1px solid #bdb76b
}

FORM DL.tableface {
  border-bottom-width: 0
}

FORM DL.btmborder {
  border-bottom-width: 1px
}

DL.tableface DT {
  display: table-cell;
  width: 20%;
  background-color: #f0e68c;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  padding-left: 10px
}

DL.tableface DT EM {
  font-weight: bold;
  font-size: 14px
}

DL.tableface DD {
  display: table-cell;
  width: 80%;
  margin: 0;
  padding: 0;
  background-color: #fff;
  box-shadow: none;
  vertical-align: middle;
  padding: 1em
}

DL.tableface DD P {
  margin: 0;
  padding: 0
}

DL.tableface INPUT[type="text"] {
  width: 70%;
  margin: 0 10px 0 0
}

DL.tableface INPUT[type="text"].mininput {
  width: 3em
}

DL.tableface INPUT[type="text"].mininput2 {
  width: 6em
}

DL.tableface INPUT[type="text"].dateinput {
  width: 15em
}

DL.tableface TEXTAREA {
  width: 80%;
  height: 200px
}

DL.tableface LABEL {
  padding: 0 20px 0 5px;
  white-space: nowrap
}

DL.tableface LABEL.nomargin {
  margin-right: 0;
  padding-right: 5px
}

DL.collapse {
  margin: 0
}

DIV.col4 DL.collapse DT {
  width: 20%
}

DIV.col4 DL.collapse DD {
  width: 30%
}

.ordata {
  font-size: 80%
}

.icon_must {
  display: inline-block;
  color: #fff;
  background: red;
  font-size: 10px;
  padding: 0 5px;
  margin-left: 5px;
  line-height: 160%
}

.icon_nini {
  display: inline-block;
  color: #fff;
  background: #666;
  font-size: 10px;
  padding: 0 5px;
  margin-left: 5px;
  line-height: 160%
}

.must {
  background-color: #ffe0e0
}

#frm_plan {
  margin-top: 10px
}

#frmerror {
  display: none;
  color: red;
  margin-bottom: 20px
}

/* photo search top */
.wrap #main #photo_search h3 {
  height: 56px;
  background: url(./../images/photo_search_ttl_top.png) no-repeat left center / cover;
}

.wrap #main #photo_search .ph_sch_list {
  width: 976px;
  padding: 0 16px;
}

.wrap #main #photo_search .ph_sch_list li {
  background: none;
  margin: 0 0 0 20px;
  padding: 0;
  overflow: hidden;
  width: 146px;
  height: 146px;
  position: relative;
  border-radius: 50%;
  transition: ease .2s;
}

.wrap #main #photo_search .ph_sch_list li:first-child {
  margin: 0;
}

.wrap #main #photo_search .ph_sch_list li:hover {
  opacity: .8;
}

/* photo search under */
.wrap #main .ph_sch_ttl {
  width: 976px;
  height: 57px;
  background: url(./../images/photo_search_ttl_under.png) no-repeat left center / 976px auto;
}

.wrap #main .ph_sch_ttl span {
  display: block;
  text-indent: -9999em;
}

.wrap #main .ph_sch_desc {
  margin: 20px 0 20px 40px;
  font-size: 14px;
}

.wrap #main .ph_sch_list {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  list-style: none !important;
}

.wrap #main .ph_sch_list li {
  background: none;
  margin: 0 0 10px 10px;
  padding: 0;
  overflow: hidden;
  width: 236px;
  height: 236px;
  position: relative;
  transition: ease .2s;
}

.wrap #main .ph_sch_list li:hover {
  opacity: .8;
}

.wrap #main .ph_sch_list li:nth-child(4n+1) {
  margin: 0 0 10px;
}

.wrap #main .ph_sch_list li img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}


@media screen and (max-width:1279px) {
  BODY {
    min-width: 1092px
  }

  #bustabi {
    background: url(./../images/body.jpg) 50% top repeat
  }

  H1 SPAN {
    width: 1092px
  }

  HEADER .wrap {
    width: 1092px
  }

  .wrap {
    width: 990px
  }

  .wrap #main {
    width: 760px
  }

  .wrap #main H3 {
    width: 728px
  }

  .logo {
    left: 40px
  }

  .busimage {
    left: 380px
  }

  .area {
    left: 263px
  }

  .keyword {
    left: 510px
  }

  .hdrsearch {
    left: 263px
  }

  .sns {
    left: 931px;
    top: 30px
  }

  #prbox {
    float: left
  }

  #news {
    width: 232px;
    height: 285px;
    background-image: url(./../images/news_S.jpg);
    float: left;
    margin-left: 16px
  }

  #news H3 {
    background: url(./../images/news_ttl_S.gif) no-repeat 50% top;
    width: 200px;
    height: 30px;
    text-indent: -9999px;
    margin: 10px auto 10px;
    padding: 0
  }

  #news .bdy {
    width: 200px;
    height: 215px
  }

  #news DL {
    width: 180px;
    line-height: 110%
  }

  #news DT {
    display: inline-block;
    float: none;
    width: auto;
    padding-right: 3px
  }

  #news DD {
    display: inline;
    float: none;
    font-size: 12px
  }

  #mokuteki H3 {
    background-image: url(./../images/mokuteki_ttl_S.gif)
  }

  #tokusyu H3 {
    background-image: url(./../images/tokusyu_ttl_S.gif)
  }

  #tourlist H3 {
    background-image: url(./../images/osusume_ttl_S.gif)
  }

  #movielist H3 {
    background-image: url(./../images/movie_ttl_S.gif)
  }

  #fixed H3 {
    background-image: url(./../images/fixed_ttl_S.gif)
  }

  #main H3.ttlB {
    background-image: url(./../images/ttlB_S.gif)
  }

  #main H3.ttlY {
    background-image: url(./../images/ttlY_S.gif)
  }

  #main H3.ttlY EM {
    font-size: 24px;
    letter-spacing: 0
  }

  #main H3 EM.busstop {
    display: inline-block;
    width: 100%;
    margin: 0;
    text-align: left;
    position: relative;
    left: -30px;
    font-size: 16px !important;
    overflow: hidden
  }

  #main H3 A.busstoplink {
    right: 5px
  }

  #main H3 A.busstoplink IMG {
    width: 160px;
    height: auto
  }

  #main H3 A.btn_resortlist {
    top: 50px;
    right: 0
  }

  #main H4.pref_resort {
    margin-top: 60px
  }

  #tokusyu .tokusyulists DT {
    width: 350px;
    float: left
  }

  #tokusyu .tokusyulists DT A,
  #tokusyu .tokusyulists DT IMG {
    width: 350px;
    height: auto
  }

  #tokusyu .tokusyulists DD {
    float: right;
    width: 338px
  }

  #tokusyu .tokusyulists DD H4 {
    font-size: 16px;
    margin-bottom: 5px
  }

  #tokusyu .tokusyulists DD P {
    font-size: 12px
  }

  .iconinfo {
    width: 728px;
    background-image: url(./../images/iconinfo_S.jpg)
  }

  .iconinfo DL {
    width: 720px
  }

  .iconinfo DT {
    width: 160px
  }

  .iconinfo DD {
    width: 135px;
    text-align: right
  }

  UL.fixedtours {
    width: 728px
  }

  UL.fixedtours .depday {
    width: 164px;
    font-size: 12px
  }

  UL.fixedtours .tourdata {
    width: 530px;
    background: #fff
  }

  UL.fixedtours .image {
    width: 230px
  }

  UL.fixedtours .ttl {
    font-size: 14px
  }

  UL.fixedtours .subinfo {
    font-size: 12px;
    padding-left: 0
  }

  UL.fixedtours P.price STRONG {
    font-size: 14px
  }

  UL.fixedtours .detail {
    width: 300px
  }

  FOOTER .middle {
    width: 900px
  }

  FOOTER .ftr_menu {
    width: 180px
  }

  .fromlink {
    position: relative;
    width: 744px;
    margin: 0 auto 30px
  }

  .pagetop {
    position: absolute;
    right: 0;
    top: -110px
  }

  .btm .ban_C {
    float: left;
    overflow: hidden;
    width: 100%
  }

  div#modal div.container {
    margin: 20px auto
  }

  .postwrap {
    width: 728px;
    margin-left: 16px
  }

  .postwrap H3 {
    background-image: url(./../images/post_h3_S.gif)
  }

  .postwrap H4 {
    background: url(./../images/post_h4_S.gif) no-repeat left bottom
  }

  .postwrap .maparea {
    background: url(./../images/map_bdy_S.gif) repeat-y left top
  }

  .postwrap .maparea .hdr {
    background: url(./../images/map_hdr_S.gif) no-repeat left top
  }

  .postwrap .maparea .ftr {
    background: url(./../images/map_ftr_S.gif) no-repeat left bottom;
    padding: 20px 40px 40px
  }

  #tourlist.resortlist .postwrap H4 {
    background-image: url(./../images/post_h3_S.gif)
  }

  #tourlist.resortlist .postwrap H5 {
    background: url(./../images/post_h4_S.gif) no-repeat left bottom
  }

  #resortDetail .postwrap H4 {
    background-image: url(./../images/post_h3_S.gif)
  }

  #resortDetail .postwrap H5 {
    background: url(./../images/post_h4_S.gif) no-repeat left bottom
  }

  #resortDetail .visual .left-col {
    float: none;
    width: 530px;
    padding: 10px;
    margin: 10px auto 0;
    border: 1px solid #dad3c2;
    background-color: #fff
  }

  #resortDetail .visual .right-col {
    float: none
  }

  #resortDetail .postwrap.detail .inner .left-col {
    width: 100%
  }

  #resortDetail .postwrap.detail .inner .left-col td {
    padding: 10px
  }

  #resortDetail .postwrap.detail .inner .right-col {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #dad3c2
  }

  #tourDetail {
    margin-top: -10px;
    margin-left: 20px
  }

  #tourDetail .postwrap {
    width: 100%;
    margin-left: 0
  }

  #tourDetail .icon-desc {
    overflow: hidden
  }

  #tourDetail .icon-desc ul {
    background-color: #fff;
    border-radius: 5px;
    padding: 3px 20px
  }

  #tourDetail .icon-desc li {
    display: inline-block;
    vertical-align: middle
  }

  #tourDetail .headding {
    display: table;
    width: 100%;
    box-sizing: border-box;
    background: url('/images/tour/h2_bg.png');
    border-radius: 10px
  }

  #tourDetail .headding .icon {
    display: table-cell;
    padding: 10px;
    width: 130px;
    margin: 0;
    box-sizing: border-box;
    vertical-align: top
  }

  #tourDetail .headding ul {
    background-color: #d2e7eb;
    padding: 8px 5px;
    border-radius: 5px;
    margin: 0;
    text-align: center
  }

  #tourDetail .headding .icon li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-bottom: 5px
  }

  #tourDetail .headding .icon li:nth-of-type(3n + 1) {
    margin-left: 0
  }

  #tourDetail .headding h3 {
    display: table-cell;
    width: auto;
    height: auto;
    vertical-align: top;
    margin-left: 0;
    padding: 10px;
    box-sizing: boder-box;
    background: transparent;
    line-height: 44px;
    text-indent: 0;
    margin: 0
  }

  #tourDetail .headding h3 em {
    letter-spacing: .13em
  }

  #tourDetail #section01 {
    margin-top: 30px
  }

  #tourDetail #section01 .inner {
    overflow: hidden
  }

  #tourDetail #section01 .left-col {
    width: 550px;
    margin: 0 auto;
    padding: 15px 10px;
    border: 1px solid #dad3c2;
    background-color: #fff;
    box-sizing: border-box
  }

  #tourDetail #section01 .main-visual {
    width: 100%;
    margin-top: 0
  }

  #tourDetail #section01 .main-visual img {
    width: 100%;
    height: auto
  }

  #tourDetail #section01 .left-col ul {
    overflow: hidden;
    margin-top: 5px
  }

  #tourDetail #section01 .left-col ul li {
    float: left;
    width: 24.25%;
    padding: 0;
    margin-left: 1%;
    background: transparent
  }

  #tourDetail #section01 .left-col ul li:first-child {
    margin-left: 0
  }

  #tourDetail #section01 .left-col ul li img {
    width: 100%;
    height: 90px
  }

  #tourDetail #section01 .left-col ul li img:hover {
    filter: alpha(opacity=30);
    -ms-filter: 'alpha(opacity=30)';
    opacity: .3
  }

  #tourDetail #section01 .right-col {
    width: 100%;
    margin-top: 20px
  }

  #tourDetail #section01 .right-col .title {
    background-color: #f7f750;
    font-size: 28px;
    font-weight: bold;
    color: #66533e;
    padding: 10px 20px;
    margin-top: 0
  }

  #tourDetail #section01 .right-col .point {
    background-color: #fff;
    padding: 10px 20px;
    border: 1px solid #f7f750
  }

  #tourDetail #section01 .right-col .point p {
    margin-top: 0
  }

  #tourDetail #section01 .right-col table {
    width: 100%;
    border: 1px solid #faf6ed
  }

  #tourDetail #section01 .right-col table th {
    width: 160px;
    background: transparent;
    background-color: #b9a38a;
    font-size: 18px;
    font-weight: bold;
    color: #36332e
  }

  #tourDetail #section01 .right-col table td {
    background: transparent;
    background-color: #fff
  }

  #tourDetail #section01 .right-col table td span {
    font-weight: bold;
    color: red
  }

  #tourDetail #section01 .right-col table .td {
    width: 320px
  }

  #tourDetail #section01 .right-col table th,
  #tourDetail #section01 .right-col table td {
    padding: 15px;
    border-bottom: 1px solid #faf6ed
  }

  #tourDetail #section01 .right-col .tour-cord {
    overflow: hidden
  }

  #tourDetail #section01 .right-col .tour-cord p:first-child {
    float: left;
    width: 17.7777777%;
    height: 40px;
    border-radius: 40px 0 0 40px;
    background-color: #f8f825;
    font-size: 18px;
    color: #36332e;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    box-sizing: border-box
  }

  #tourDetail #section01 .right-col .tour-cord p:first-child + p {
    float: right;
    width: 82.22222222%;
    height: 40px;
    border-radius: 0 40px 40px 0;
    font-size: 18px;
    color: #36332e;
    line-height: 40px;
    padding-left: 15px;
    background-color: #fdfdae;
    box-sizing: border-box
  }

  #tourDetail .reserve-btn {
    width: 100%;
    margin: 20px auto 0
  }

  #tourDetail .reserve-btn a {
    display: block;
    border-radius: 20px 20px 25px 25px;
    text-align: center;
    height: 82px;
    line-height: 82px;
    background: url('/images/tour/btn_bg.png') repeat-x;
    text-decoration: none
  }

  #tourDetail .reserve-btn a span {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #666;
    padding-left: 40px;
    background: url('/images/tour/arrow_right_white.png') no-repeat left center
  }

  #tourDetail #section02 .information {
    margin-top: 50px
  }

  #tourDetail h4 {
    background: url('/images/tour/h3_bg.png');
    font-size: 28px;
    font-weight: bold;
    border-radius: 10px;
    color: #fff;
    padding: 15px;
    margin: 0;
    line-height: 100%;
    text-indent: 0
  }

  #tourDetail #section02 .information .inner {
    overflow: hidden
  }

  #tourDetail #section02 .information .thumbnail {
    width: 550px;
    margin: 10px auto;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #dad3c2;
    background-color: #fff
  }

  #tourDetail #section02 .information .thumbnail img {
    width: 100%;
    height: auto
  }

  #tourDetail #section02 .information .thumbnail iframe {
    width: 100%
  }

  #tourDetail #section02 .information .sentence {
    margin-top: 20px
  }

  #tourDetail #section03,
  #tourDetail #section04 {
    margin-top: 50px
  }

  #tourDetail #section03 h4,
  #tourDetail #section04 h4 {
    text-align: center
  }

  #tourDetail #section03 .place {
    display: table;
    width: 100%;
    margin-top: 20px;
    height: 40px;
    line-height: 44px;
    border: 1px solid #90c77a;
    background-color: #90c77a
  }

  #tourDetail #section03 .place p {
    display: table-cell;
    margin: 0;
    vertical-align: middle
  }

  #tourDetail #section03 .place p:first-child {
    width: 18.3418928%;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 0 10px
  }

  #tourDetail #section03 .place p:first-child + p {
    width: 81.6581072%;
    padding-left: 10px;
    background-color: #fff;
    box-sizing: border-box;
    line-height: 190%
  }

  #tourDetail #section03 .flow {
    margin-top: 10px;
    border: 1px solid #90c77a
  }

  #tourDetail #section03 h5 {
    background: transparent;
    background-color: #90c77a;
    height: 40px;
    line-height: 44px;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 0
  }

  #tourDetail #section03 .flow-text {
    background-color: #fff;
    padding: 20px
  }

  #tourDetail #section03 .flow-text p {
    margin-top: 0
  }

  #tourDetail #section04 table {
    border: 0
  }

  #tourDetail #section04 table th {
    width: 250px;
    background: transparent;
    background-color: #90c77a;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    vertical-align: top;
    padding: 8px 0 8px 30px;
    border-right: 0;
    text-align: left
  }

  #tourDetail #section04 table td {
    background: transparent;
    background-color: #fff;
    padding: 8px 10px;
    border-right: 0
  }

  #tourDetail #section04 table th,
  #tourDetail #section04 table td {
    border-bottom: 1px solid #f6f2e9
  }

  #tourDetail #section05,
  #tourDetail #section06 {
    margin-top: 50px
  }

  #tourDetail #section05 h2,
  #tourDetail #section06 h2 {
    overflow: hidden;
    width: auto;
    padding: 10px;
    background: url('/images/tour/h2_bg.png');
    border-radius: 10px;
    box-sizing: border-box
  }

  #tourDetail #section05 h2,
  #tourDetail #section06 h2 {
    height: auto;
    margin-left: 0;
    line-height: 44px;
    text-indent: 0;
    margin: 0
  }

  #tourDetail #section05 h2 em,
  #tourDetail #section06 h2 em {
    letter-spacing: .13em
  }

  #tourDetail #section05 ul,
  #tourDetail #section06 ul {
    margin-top: 20px
  }

  #tourDetail #section07 .inner {
    margin-top: 50px;
    border: 1px solid #c9beb1
  }

  #tourDetail #section07 h4 {
    background: transparent;
    border-radius: 0;
    background-color: #c9beb1;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    padding: 15px 20px
  }

  #tourDetail #section07 .sentence {
    padding: 15px 30px;
    background-color: #fff
  }

  #tourDetail #section07 .sentence p {
    margin-top: 0
  }

  /* photo search top */
  .wrap #main #photo_search h3 {
    background: url(./../images/photo_search_ttl_top_s.png) no-repeat left center / cover;
  }

  .wrap #main #photo_search .ph_sch_list {
    width: auto;

  }

  .wrap #main #photo_search .ph_sch_list li {
    width: 113px;
    height: 113px;
    margin: 0 0 0 10px;
  }

  /* photo search under */
  .wrap #main .ph_sch_ttl {
    width: 736px;
    background: url(./../images/photo_search_ttl_under_s.png) no-repeat left center / 736px auto;
  }

  .wrap #main .ph_sch_list {
    width: auto;
  }

  .wrap #main .ph_sch_list li:nth-child(4n+1) {
    margin: 0 0 10px 10px;
  }

  .wrap #main .ph_sch_list li:nth-child(3n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width:1280px) {
  BODY {
    min-width: 1248px
  }

  #bustabi {
    background: url(./../images/body.jpg) 50% top repeat
  }

  H1 SPAN {
    width: 1248px
  }

  .busimage {
    left: 240px
  }

  .wrap {
    width: 1248px
  }

  .wrap #main {
    width: 1018px
  }

  .wrap #main H3 {
    width: 976px
  }

  #prbox {
    float: left
  }

  #news {
    width: 482px;
    height: 285px;
    background-image: url(./../images/news_M.jpg);
    float: left;
    margin-left: 16px
  }

  #news .bdy {
    width: 452px
  }

  #news DL {
    width: 424px
  }

  #news DD {
    width: 359px
  }

  #mokuteki H3 {
    background-image: url(./../images/mokuteki_ttl_M.gif)
  }

  #tokusyu H3 {
    background-image: url(./../images/tokusyu_ttl_M.gif)
  }

  #tourlist H3 {
    background-image: url(./../images/osusume_ttl_M.gif)
  }

  #movielist H3 {
    background-image: url(./../images/movie_ttl_M.gif)
  }

  #fixed H3 {
    background-image: url(./../images/fixed_ttl_M.gif)
  }

  #main H3.ttlB {
    background-image: url(./../images/ttlB_M.gif)
  }

  #main H3.ttlY {
    background-image: url(./../images/ttlY_M.gif)
  }

  #tokusyu .tokusyulists DD {
    float: right;
    width: 460px
  }

  .iconinfo {
    width: 978px;
    background-image: url(./../images/iconinfo_M.jpg)
  }

  .iconinfo DL {
    width: 948px
  }

  .iconinfo DT,
  .iconinfo DD {
    width: 185px
  }

  UL.fixedtours {
    width: 978px
  }

  UL.fixedtours .depday {
    width: 200px
  }

  UL.fixedtours .tourdata {
    width: 745px;
    background: #fff
  }

  UL.fixedtours .image {
    width: 230px
  }

  UL.fixedtours .ttl {
    font-size: 14px
  }

  UL.fixedtours .subinfo {
    font-size: 12px
  }

  UL.fixedtours .detail {
    width: 500px
  }

  FOOTER .middle {
    width: 1200px
  }

  FOOTER .ftr_menu {
    width: 240px
  }

  .fromlink {
    position: absolute;
    top: 210px;
    left: 240px
  }

  .pagetop {
    position: absolute;
    right: 0;
    top: -110px
  }

  div#modal div.container {
    margin: 100px auto
  }

  .postwrap {
    width: 976px;
    margin-left: 16px
  }

  .postwrap H3 {
    background-image: url(./../images/post_h3_M.gif)
  }

  .postwrap H4 {
    background: url(./../images/post_h4_M.gif) no-repeat left bottom
  }

  .postwrap .maparea {
    background: url(./../images/map_bdy_M.gif) repeat-y left top
  }

  .postwrap .maparea .hdr {
    background: url(./../images/map_hdr_M.gif) no-repeat left top
  }

  .postwrap .maparea .ftr {
    background: url(./../images/map_ftr_M.gif) no-repeat left bottom;
    padding: 20px 40px 40px
  }

  #tourlist.resortlist .postwrap H4 {
    background-image: url(./../images/post_h3_M.gif)
  }

  #tourlist.resortlist .postwrap H5 {
    background: url(./../images/post_h4_M.gif) no-repeat left bottom
  }

  #resortDetail .postwrap H4 {
    background-image: url(./../images/post_h3_M.gif)
  }

  #resortDetail .postwrap H5 {
    background: url(./../images/post_h4_M.gif) no-repeat left bottom
  }

  #resortDetail .visual .left-col {
    float: left;
    width: 48%;
    padding: 10px;
    border: 1px solid #dad3c2;
    background-color: #fff;
    box-sizing: border-box
  }

  #resortDetail .visual .main-visual {
    width: 100%;
    height: 315px;
    margin-top: 0
  }

  #resortDetail .visual .left-col ul {
    overflow: hidden;
    margin-top: 5px
  }

  #resortDetail .visual .left-col ul li {
    float: left;
    width: 24.25%;
    height: 90px;
    padding: 0;
    margin-left: 1%;
    background: transparent
  }

  #resortDetail .visual .right-col {
    float: right;
    width: 48%;
    font-size: 18px;
    line-height: 30px;
    margin-left: 4%
  }

  #resortDetail .postwrap.detail .inner .left-col {
    width: 100%
  }

  #resortDetail .postwrap.detail .inner .left-col td {
    padding: 10px
  }

  #resortDetail .postwrap.detail .inner .right-col {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #dad3c2
  }

  #tourDetail {
    margin-top: -10px;
    margin-left: 20px
  }

  #tourDetail .postwrap {
    width: 100%;
    margin-left: 0
  }

  #tourDetail .icon-desc {
    overflow: hidden
  }

  #tourDetail .icon-desc ul {
    background-color: #fff;
    border-radius: 5px;
    padding: 3px 20px
  }

  #tourDetail .icon-desc li {
    display: inline-block;
    vertical-align: middle
  }

  #tourDetail .headding {
    display: table;
    width: 100%;
    box-sizing: border-box;
    background: url('/images/tour/h2_bg.png');
    border-radius: 10px
  }

  #tourDetail .headding .icon {
    display: table-cell;
    padding: 10px;
    width: 130px;
    margin: 0;
    box-sizing: border-box;
    vertical-align: top
  }

  #tourDetail .headding ul {
    background-color: #d2e7eb;
    padding: 8px 5px;
    border-radius: 5px;
    margin: 0;
    text-align: center
  }

  #tourDetail .headding .icon li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-bottom: 5px
  }

  #tourDetail .headding .icon li:nth-of-type(3n + 1) {
    margin-left: 0
  }

  #tourDetail .headding h3 {
    display: table-cell;
    width: auto;
    height: auto;
    vertical-align: top;
    margin-left: 0;
    padding: 10px 10px 10px 20px;
    box-sizing: boder-box;
    background: transparent;
    line-height: 44px;
    text-indent: 0;
    margin: 0
  }

  #tourDetail .headding h3 em {
    letter-spacing: .13em
  }

  #tourDetail #section01 {
    margin-top: 30px
  }

  #tourDetail #section01 .inner {
    overflow: hidden
  }

  #tourDetail #section01 .left-col {
    width: 550px;
    margin: 0 auto;
    padding: 15px 10px;
    border: 1px solid #dad3c2;
    background-color: #fff;
    box-sizing: border-box
  }

  #tourDetail #section01 .main-visual {
    width: 100%;
    margin-top: 0
  }

  #tourDetail #section01 .main-visual img {
    width: 100%;
    height: auto
  }

  #tourDetail #section01 .left-col ul {
    overflow: hidden;
    margin-top: 5px
  }

  #tourDetail #section01 .left-col ul li {
    float: left;
    width: 24.25%;
    padding: 0;
    margin-left: 1%;
    background: transparent
  }

  #tourDetail #section01 .left-col ul li:first-child {
    margin-left: 0
  }

  #tourDetail #section01 .left-col ul li img {
    width: 100%;
    height: 90px
  }

  #tourDetail #section01 .left-col ul li img:hover {
    filter: alpha(opacity=30);
    -ms-filter: 'alpha(opacity=30)';
    opacity: .3
  }

  #tourDetail #section01 .right-col {
    width: 100%;
    margin-top: 20px
  }

  #tourDetail #section01 .right-col .title {
    background-color: #f7f750;
    font-size: 28px;
    font-weight: bold;
    color: #66533e;
    padding: 10px 20px;
    margin-top: 0
  }

  #tourDetail #section01 .right-col .point {
    background-color: #fff;
    padding: 10px 20px;
    border: 1px solid #f7f750
  }

  #tourDetail #section01 .right-col .point p {
    margin-top: 0
  }

  #tourDetail #section01 .right-col table {
    width: 100%;
    border: 1px solid #faf6ed
  }

  #tourDetail #section01 .right-col table th {
    width: 160px;
    background: transparent;
    background-color: #b9a38a;
    font-size: 18px;
    font-weight: bold;
    color: #36332e
  }

  #tourDetail #section01 .right-col table td {
    background: transparent;
    background-color: #fff
  }

  #tourDetail #section01 .right-col table td span {
    font-weight: bold;
    color: red
  }

  #tourDetail #section01 .right-col table .td {
    width: 320px
  }

  #tourDetail #section01 .right-col table th,
  #tourDetail #section01 .right-col table td {
    padding: 15px;
    border-bottom: 1px solid #faf6ed
  }

  #tourDetail #section01 .right-col .tour-cord {
    overflow: hidden
  }

  #tourDetail #section01 .right-col .tour-cord p:first-child {
    float: left;
    width: 17.7777777%;
    height: 40px;
    border-radius: 40px 0 0 40px;
    background-color: #f8f825;
    font-size: 18px;
    color: #36332e;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    box-sizing: border-box
  }

  #tourDetail #section01 .right-col .tour-cord p:first-child + p {
    float: right;
    width: 82.22222222%;
    height: 40px;
    border-radius: 0 40px 40px 0;
    font-size: 18px;
    color: #36332e;
    line-height: 40px;
    padding-left: 15px;
    background-color: #fdfdae;
    box-sizing: border-box
  }

  #tourDetail .reserve-btn {
    width: 100%;
    margin: 20px auto 0
  }

  #tourDetail .reserve-btn a {
    display: block;
    border-radius: 20px 20px 25px 25px;
    text-align: center;
    height: 82px;
    line-height: 82px;
    background: url('/images/tour/btn_bg.png') repeat-x;
    text-decoration: none
  }

  #tourDetail .reserve-btn a span {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #666;
    padding-left: 40px;
    background: url('/images/tour/arrow_right_white.png') no-repeat left center
  }

  #tourDetail #section02 .information {
    margin-top: 50px
  }

  #tourDetail h4 {
    background: url('/images/tour/h3_bg.png');
    font-size: 28px;
    font-weight: bold;
    border-radius: 10px;
    color: #fff;
    padding: 15px;
    margin: 0;
    line-height: 100%;
    text-indent: 0
  }

  #tourDetail #section02 .information .inner {
    overflow: hidden
  }

  #tourDetail #section02 .information .thumbnail {
    float: left;
    width: 36.9725385%;
    padding: 10px;
    border: 1px solid #dad3c2;
    background-color: #fff
  }

  #tourDetail #section02 .information .thumbnail img {
    width: 100%;
    height: auto
  }

  #tourDetail #section02 .information .thumbnail iframe {
    width: 100%
  }

  #tourDetail #section02 .information .sentence {
    float: right;
    width: 59.2860013%
  }

  #tourDetail #section02 .information .sentence-full {
    width: 100%
  }

  #tourDetail #section03,
  #tourDetail #section04 {
    margin-top: 50px
  }

  #tourDetail #section03 h4,
  #tourDetail #section04 h4 {
    text-align: center
  }

  #tourDetail #section03 .inner,
  #tourDetail #section04 .inner {
    width: 91.2926992%;
    margin: 0 auto
  }

  #tourDetail #section03 .place {
    display: table;
    width: 100%;
    margin-top: 20px;
    height: 40px;
    line-height: 44px;
    border: 1px solid #90c77a;
    background-color: #90c77a
  }

  #tourDetail #section03 .place p {
    display: table-cell;
    margin: 0;
    vertical-align: middle
  }

  #tourDetail #section03 .place p:first-child {
    width: 18.3418928%;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 0 10px
  }

  #tourDetail #section03 .place p:first-child + p {
    width: 81.6581072%;
    padding-left: 10px;
    background-color: #fff;
    box-sizing: border-box;
    line-height: 190%
  }

  #tourDetail #section03 .flow {
    margin-top: 10px;
    border: 1px solid #90c77a
  }

  #tourDetail #section03 h5 {
    background: transparent;
    background-color: #90c77a;
    height: 40px;
    line-height: 44px;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 0
  }

  #tourDetail #section03 .flow-text {
    background-color: #fff;
    padding: 20px 40px
  }

  #tourDetail #section03 .flow-text p {
    margin-top: 0
  }

  #tourDetail #section04 table {
    border: 0
  }

  #tourDetail #section04 table th {
    width: 250px;
    background: transparent;
    background-color: #90c77a;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    vertical-align: top;
    padding: 8px 0 8px 30px;
    border-right: 0;
    text-align: left
  }

  #tourDetail #section04 table td {
    background: transparent;
    background-color: #fff;
    padding: 8px 10px;
    border-right: 0
  }

  #tourDetail #section04 table th,
  #tourDetail #section04 table td {
    border-bottom: 1px solid #f6f2e9
  }

  #tourDetail #section05,
  #tourDetail #section06 {
    margin-top: 50px
  }

  #tourDetail #section05 h2,
  #tourDetail #section06 h2 {
    overflow: hidden;
    width: auto;
    padding: 10px;
    background: url('/images/tour/h2_bg.png');
    border-radius: 10px;
    box-sizing: border-box
  }

  #tourDetail #section05 h2,
  #tourDetail #section06 h2 {
    height: auto;
    margin-left: 0;
    line-height: 44px;
    text-indent: 0;
    margin: 0
  }

  #tourDetail #section05 h2 em,
  #tourDetail #section06 h2 em {
    letter-spacing: .13em
  }

  #tourDetail #section05 ul,
  #tourDetail #section06 ul {
    margin-top: 20px
  }

  #tourDetail #section07 .inner {
    margin-top: 50px;
    border: 1px solid #c9beb1
  }

  #tourDetail #section07 h4 {
    background: transparent;
    border-radius: 0;
    background-color: #c9beb1;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    padding: 15px 20px
  }

  #tourDetail #section07 .sentence {
    padding: 15px 30px;
    background-color: #fff
  }

  #tourDetail #section07 .sentence p {
    margin-top: 0
  }
}

@media screen and (min-width:1800px) {
  BODY {
    min-width: 1743px
  }

  #bustabi {
    background: url(./../images/body.jpg) 50% top repeat
  }

  H1 SPAN {
    width: 1743px
  }

  .busimage {
    left: 360px
  }

  .area {
    left: 248px
  }

  .keyword {
    left: 1263px
  }

  .hdrsearch {
    left: 487px;
    top: 0;
    height: 90px;
    background-image: url(./../images/search_L.png)
  }

  .hdrsearch .bdy {
    margin: 45px auto 0
  }

  .sns {
    left: 1583px;
    top: 98px
  }

  .wrap {
    width: 1743px
  }

  .wrap #main {
    width: 1513px
  }

  .wrap #main H3 {
    width: 1473px
  }

  #areaselect {
    left: 265px
  }

  #news {
    width: 980px;
    height: 285px;
    background-image: url(./../images/news_L.jpg);
    float: left;
    margin-left: 16px
  }

  #news .bdy {
    width: 820px
  }

  #news DL {
    width: 776px
  }

  #news DD {
    width: 711px
  }

  #mokuteki H3 {
    background-image: url(./../images/mokuteki_ttl_L.gif)
  }

  #tokusyu H3 {
    background-image: url(./../images/tokusyu_ttl_L.gif)
  }

  #tourlist H3 {
    background-image: url(./../images/osusume_ttl_L.gif)
  }

  #movielist H3 {
    background-image: url(./../images/movie_ttl_L.gif)
  }

  #fixed H3 {
    background-image: url(./../images/fixed_ttl_L.gif)
  }

  #main H3.ttlB {
    background-image: url(./../images/ttlB_L.gif)
  }

  #main H3.ttlY {
    background-image: url(./../images/ttlY_L.gif)
  }

  #tokusyu .tokusyulists DD {
    float: right;
    width: 960px
  }

  .iconinfo {
    width: 1473px;
    background-image: url(./../images/iconinfo_L.jpg)
  }

  .iconinfo DL {
    width: 1433px
  }

  .iconinfo DT,
  .iconinfo DD {
    width: 280px
  }

  UL.fixedtours {
    width: 1473px
  }

  UL.fixedtours .depday {
    width: 210px
  }

  UL.fixedtours .tourdata {
    width: 1233px
  }

  UL.fixedtours .image {
    width: 230px
  }

  UL.fixedtours .ttl {
    font-size: 18px
  }

  UL.fixedtours .subinfo {
    font-size: 14px
  }

  UL.fixedtours .detail {
    width: 1000px
  }

  FOOTER .middle {
    width: 1600px
  }

  FOOTER .ftr_menus {
    width: 1200px;
    margin: auto
  }

  FOOTER .ftr_menu {
    width: 240px
  }

  .fromlink {
    position: absolute;
    top: 220px;
    left: 430px
  }

  div#modal div.container {
    margin: 100px auto
  }

  .postwrap {
    width: 1473px;
    margin-left: 16px
  }

  .postwrap H3 {
    position: relative;
    background-image: url(./../images/post_h3_L.gif)
  }

  .postwrap H3 img {
    position: absolute;
    top: 7px;
    right: 7px
  }

  .postwrap H4 {
    background: url(./../images/post_h4_L.gif) no-repeat left bottom
  }

  .postwrap .maparea {
    background: url(./../images/map_bdy_L.gif) repeat-y left top
  }

  .postwrap .maparea .hdr {
    background: url(./../images/map_hdr_L.gif) no-repeat left top
  }

  .postwrap .maparea .ftr {
    background: url(./../images/map_ftr_L.gif) no-repeat left bottom;
    padding: 20px 40px 40px
  }

  .mapwrap {
    overflow: hidden
  }

  .mapL {
    float: left;
    width: 48%
  }

  .mapL P.map IMG {
    min-width: 100%;
    max-width: 100%
  }

  .mapR {
    float: right;
    width: 48%
  }

  #resortDetail h3 a {
    top: -3px
  }

  #resortDetail .visual {
    overflow: hidden
  }

  #resortDetail .visual .left-col {
    float: left;
    width: 551px;
    padding: 15px 10px;
    border: 1px solid #dad3c2;
    background-color: #fff
  }

  #resortDetail .visual .main-visual {
    width: 100%;
    height: 375px;
    margin-top: 0
  }

  #resortDetail .visual .main-visual img {
    width: 100%;
    height: auto
  }

  #resortDetail .visual .left-col ul {
    overflow: hidden;
    margin-top: 10px
  }

  #resortDetail .visual .left-col ul li {
    float: left;
    width: 130px;
    height: 90px;
    padding: 0;
    margin-left: 3px;
    background: transparent
  }

  #resortDetail .visual .left-col ul li:first-child {
    margin-left: 0
  }

  #resortDetail .visual .left-col ul li img {
    width: 100%;
    height: 100%
  }

  #resortDetail .visual .left-col ul li img:hover {
    filter: alpha(opacity=30);
    -ms-filter: 'alpha(opacity=30)';
    opacity: .3
  }

  #resortDetail .visual .right-col {
    float: right;
    width: 905px;
    font-size: 18px;
    line-height: 30px;
    margin-left: 0
  }

  #resortDetail .visual .right-col p {
    margin-top: 0
  }

  #tourDetail {
    margin-top: -20px;
    margin-left: 20px
  }

  #tourDetail .postwrap {
    width: 100%;
    margin-left: 0
  }

  #tourDetail .icon-desc {
    overflow: hidden
  }

  #tourDetail .icon-desc ul {
    float: right;
    background-color: #fff;
    border-radius: 5px;
    padding: 3px 20px
  }

  #tourDetail .icon-desc li {
    display: inline-block;
    vertical-align: middle
  }

  #tourDetail .headding {
    display: table;
    width: 100%;
    box-sizing: border-box;
    background: url('/images/tour/h2_bg.png');
    border-radius: 10px
  }

  #tourDetail .headding .icon {
    display: table-cell;
    padding: 10px;
    width: 130px;
    margin: 0;
    box-sizing: border-box;
    vertical-align: top
  }

  #tourDetail .headding ul {
    background-color: #d2e7eb;
    padding: 8px 5px;
    border-radius: 5px;
    margin: 0;
    text-align: center
  }

  #tourDetail .headding .icon li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-bottom: 5px
  }

  #tourDetail .headding .icon li:nth-of-type(3n + 1) {
    margin-left: 0
  }

  #tourDetail .headding h3 {
    display: table-cell;
    width: auto;
    height: auto;
    vertical-align: top;
    margin-left: 0;
    padding: 10px 10px 10px 20px;
    box-sizing: boder-box;
    background: transparent;
    line-height: 44px;
    text-indent: 0;
    margin: 0
  }

  #tourDetail .headding h3 em {
    letter-spacing: .13em
  }

  #tourDetail #section01 {
    margin-top: 30px
  }

  #tourDetail #section01 .inner {
    overflow: hidden
  }

  #tourDetail #section01 .left-col {
    float: left;
    width: 36.9725385%;
    padding: 15px 10px;
    border: 1px solid #dad3c2;
    background-color: #fff
  }

  #tourDetail #section01 .main-visual {
    width: 100%;
    margin-top: 0
  }

  #tourDetail #section01 .main-visual img {
    width: 100%;
    height: auto
  }

  #tourDetail #section01 .left-col ul {
    overflow: hidden;
    margin-top: 5px
  }

  #tourDetail #section01 .left-col ul li {
    float: left;
    width: 24.25%;
    padding: 0;
    margin-left: 1%;
    background: transparent
  }

  #tourDetail #section01 .left-col ul li:first-child {
    margin-left: 0
  }

  #tourDetail #section01 .left-col ul li img {
    width: 100%;
    height: 90px
  }

  #tourDetail #section01 .left-col ul li img:hover {
    filter: alpha(opacity=30);
    -ms-filter: 'alpha(opacity=30)';
    opacity: .3
  }

  #tourDetail #section01 .right-col {
    float: right;
    width: 60.2860013%
  }

  #tourDetail #section01 .right-col .title {
    background-color: #f7f750;
    font-size: 28px;
    font-weight: bold;
    color: #66533e;
    padding: 10px 20px;
    margin-top: 0
  }

  #tourDetail #section01 .right-col .point {
    background-color: #fff;
    padding: 10px 20px;
    border: 1px solid #f7f750
  }

  #tourDetail #section01 .right-col .point p {
    margin-top: 0
  }

  #tourDetail #section01 .right-col table {
    width: 100%;
    border: 1px solid #faf6ed
  }

  #tourDetail #section01 .right-col table th {
    width: 160px;
    background: transparent;
    background-color: #b9a38a;
    font-size: 18px;
    font-weight: bold;
    color: #36332e
  }

  #tourDetail #section01 .right-col table td {
    background: transparent;
    background-color: #fff
  }

  #tourDetail #section01 .right-col table td span {
    font-weight: bold;
    color: red
  }

  #tourDetail #section01 .right-col table .td {
    width: 320px
  }

  #tourDetail #section01 .right-col table th,
  #tourDetail #section01 .right-col table td {
    padding: 15px;
    border-bottom: 1px solid #faf6ed
  }

  #tourDetail #section01 .right-col .tour-cord {
    overflow: hidden
  }

  #tourDetail #section01 .right-col .tour-cord p:first-child {
    float: left;
    width: 17.7777777%;
    height: 40px;
    border-radius: 40px 0 0 40px;
    background-color: #f8f825;
    font-size: 18px;
    color: #36332e;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    box-sizing: border-box
  }

  #tourDetail #section01 .right-col .tour-cord p:first-child + p {
    float: right;
    width: 82.22222222%;
    height: 40px;
    border-radius: 0 40px 40px 0;
    font-size: 18px;
    color: #36332e;
    line-height: 40px;
    padding-left: 15px;
    background-color: #fdfdae;
    box-sizing: border-box
  }

  #tourDetail .reserve-btn {
    width: 80%;
    margin: 20px auto 0
  }

  #tourDetail .reserve-btn a {
    display: block;
    border-radius: 20px 20px 25px 25px;
    text-align: center;
    height: 82px;
    line-height: 82px;
    background: url('/images/tour/btn_bg.png') repeat-x;
    text-decoration: none
  }

  #tourDetail .reserve-btn a span {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #666;
    padding-left: 40px;
    background: url('/images/tour/arrow_right_white.png') no-repeat left center
  }

  #tourDetail #section02 .information {
    margin-top: 50px
  }

  #tourDetail h4 {
    background: url('/images/tour/h3_bg.png');
    font-size: 28px;
    font-weight: bold;
    border-radius: 10px;
    color: #fff;
    padding: 15px;
    margin: 0;
    line-height: 100%;
    text-indent: 0
  }

  #tourDetail #section02 .information .inner {
    overflow: hidden
  }

  #tourDetail #section02 .information .thumbnail {
    float: left;
    width: 36.9725385%;
    max-width: 550px;
    padding: 10px;
    border: 1px solid #dad3c2;
    background-color: #fff;
    box-sizing: border-box
  }

  #tourDetail #section02 .information .thumbnail img {
    width: 100%;
    height: auto
  }

  #tourDetail #section02 .information .thumbnail iframe {
    width: 100%
  }

  #tourDetail #section02 .information .sentence {
    float: right;
    width: 60.2860013%
  }

  #tourDetail #section02 .information .sentence-full {
    width: 100%
  }

  #tourDetail #section03,
  #tourDetail #section04 {
    margin-top: 50px
  }

  #tourDetail #section03 h4,
  #tourDetail #section04 h4 {
    text-align: center
  }

  #tourDetail #section03 .inner,
  #tourDetail #section04 .inner {
    width: 91.2926992%;
    margin: 0 auto
  }

  #tourDetail #section03 .place {
    display: table;
    width: 100%;
    margin-top: 20px;
    height: 40px;
    line-height: 44px;
    border: 1px solid #90c77a;
    background-color: #90c77a
  }

  #tourDetail #section03 .place p {
    display: table-cell;
    margin: 0;
    vertical-align: middle
  }

  #tourDetail #section03 .place p:first-child {
    width: 18.3418928%;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 0 10px
  }

  #tourDetail #section03 .place p:first-child + p {
    width: 81.6581072%;
    padding-left: 10px;
    background-color: #fff;
    box-sizing: border-box;
    line-height: 190%
  }

  #tourDetail #section03 .flow {
    margin-top: 10px;
    border: 1px solid #90c77a
  }

  #tourDetail #section03 h5 {
    background: transparent;
    background-color: #90c77a;
    height: 40px;
    line-height: 44px;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 0
  }

  #tourDetail #section03 .flow-text {
    background-color: #fff;
    padding: 20px 40px
  }

  #tourDetail #section03 .flow-text p {
    margin-top: 0
  }

  #tourDetail #section04 table {
    border: 0
  }

  #tourDetail #section04 table th {
    width: 250px;
    background: transparent;
    background-color: #90c77a;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    vertical-align: top;
    padding: 8px 0 8px 30px;
    border-right: 0;
    text-align: left
  }

  #tourDetail #section04 table td {
    background: transparent;
    background-color: #fff;
    padding: 8px 10px;
    border-right: 0
  }

  #tourDetail #section04 table th,
  #tourDetail #section04 table td {
    border-bottom: 1px solid #f6f2e9
  }

  #tourDetail #section05,
  #tourDetail #section06 {
    margin-top: 50px
  }

  #tourDetail #section05 h2,
  #tourDetail #section06 h2 {
    overflow: hidden;
    width: auto;
    padding: 10px;
    background: url('/images/tour/h2_bg.png');
    border-radius: 10px;
    box-sizing: border-box
  }

  #tourDetail #section05 h2,
  #tourDetail #section06 h2 {
    height: auto;
    margin-left: 0;
    line-height: 44px;
    text-indent: 0;
    margin: 0
  }

  #tourDetail #section05 h2 em,
  #tourDetail #section06 h2 em {
    letter-spacing: .13em
  }

  #tourDetail #section05 ul,
  #tourDetail #section06 ul {
    margin-top: 20px
  }

  #tourDetail #section07 .inner {
    margin-top: 50px;
    border: 1px solid #c9beb1
  }

  #tourDetail #section07 h4 {
    background: transparent;
    border-radius: 0;
    background-color: #c9beb1;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    padding: 15px 20px
  }

  #tourDetail #section07 .sentence {
    padding: 15px 30px;
    background-color: #fff
  }

  #tourDetail #section07 .sentence p {
    margin-top: 0
  }

  #tourlist.resortlist .postwrap H4 {
    background-image: url(./../images/post_h3_L.gif)
  }

  #tourlist.resortlist .postwrap H5 {
    background: url(./../images/post_h4_L.gif) no-repeat left bottom
  }

  #resortDetail .postwrap H4 {
    background-image: url(./../images/post_h3_L.gif)
  }

  #resortDetail .postwrap H5 {
    background: url(./../images/post_h4_L.gif) no-repeat left bottom
  }

  /* photo search top */
  .wrap #main #photo_search h3 {
    background: url(./../images/photo_search_ttl_top_l.png) no-repeat left center / 1473px auto;
  }

  /* photo search under */
  .wrap #main .ph_sch_ttl {
    width: 1473px;
    background: url(./../images/photo_search_ttl_under_l.png) no-repeat left center / 1473px auto;
  }

  .wrap #main .ph_sch_list {
    width: auto;
  }

  .wrap #main .ph_sch_list li:nth-child(4n+1) {
    margin: 0 0 10px 10px;
  }

  .wrap #main .ph_sch_list li:nth-child(6n+1) {
    margin-left: 0;
  }
}

@media print {
  * {
    background-image: none;
    background-color: #fff;
    color: #000;
    margin: 0;
    padding: 0;
    background-image: none
  }

  BODY {
    color: #000
  }

  #bustabi {
    background-image: none
  }

  HEADER {
    display: none
  }

  FOOTER {
    display: none
  }

  #sidebar {
    display: none
  }

  UL {
    display: list-item;
    list-style-type: disc
  }

  OL {
    display: list-item
  }

  LI {
    display: list-item;
    float: none
  }

  A {
    text-decoration: underline
  }

  H1,
  H2,
  H3,
  H4,
  H5,
  H6 {
    color: #000;
    padding: 0;
    text-indent: 0;
    background-image: none
  }

  TABLE,
  TH,
  TD {
    border-collapse: collapse;
    border: 1px solid #666
  }

  TH,
  TD {
    padding: 1em
  }

  TH {
    background-color: #eee
  }

  #main H3.ttlY {
    text-indent: 0
  }

  #main H3.ttlY EM {
    color: #000;
    padding: 0
  }

  .postwrap {
    width: 100%;
    margin-left: 0
  }

  .postwrap H3 {
    color: #000;
    background-image: none;
    padding: 0;
    text-indent: 0
  }

  .postwrap H4,
  .postwrap H5,
  .postwrap H6 {
    font-size: 1em;
    line-height: 200%;
    padding-left: 8px;
    text-indent: 0
  }

  .postwrap H4 {
    background-image: none
  }

  .postwrap H5 {
    background-image: none
  }

  .postwrap H6 {
    background-image: none;
    padding-left: 0
  }

  .postwrap UL {
    list-style: none;
    margin-left: 0;
    padding-left: 0
  }

  .postwrap LI {
    background-image: none;
    padding-left: 0;
    list-style-type: disc
  }

  .postwrap UL.linklist {
    margin: .5em;
    padding: 1em;
    background-color: #fff;
    box-shadow: none;
    border-radius: 0;
    list-style-type: disc
  }

  .postwrap UL.linklist LI {
    display: list-item;
    background-image: none;
    padding: 0 0 2px 0;
    margin: 0
  }

  .postwrap UL.linklist LI A {
    display: block;
    padding: 0;
    background-image: none;
    color: #000
  }

  .postwrap DT {
    font-weight: bold
  }

  .postwrap DD {
    background-color: #fff;
    box-shadow: none
  }

  .postwrap DL.faq DT {
    background-image: none
  }

  .postwrap DL.faq DT EM {
    padding: 0
  }

  .postwrap DL.faq DT EM:before {
    content: '【Ｑ】'
  }

  .postwrap DL.faq DD:before {
    content: '【Ａ】'
  }

  .postwrap DL.faq DT EM {
    background-image: none;
    left: 0
  }

  .postwrap DL.faq DD {
    margin: 0;
    box-shadow: none
  }

  .postwrap TH,
  .postwrap TD {
    padding: .3em;
    background-image: none
  }

  .postwrap TH {
    width: 30%;
    background-color: #eee
  }

  .postwrap TD {
    width: 70%;
    background-color: #fff
  }

  .postwrap TR:last-child TH,
  .postwrap TR:last-child TD {
    background-image: none
  }

  .postwrap .pagenav {
    display: none
  }

  .postwrap .maparea {
    background-image: none
  }

  .postwrap .maparea .hdr {
    background-image: none
  }

  .postwrap .maparea .ftr {
    background-image: none
  }

  .postwrap .maparea H3 {
    color: #000;
    background-image: none
  }

  .postwrap .telnums DD {
    background-image: none
  }

  .postwrap .telnums DD BR {
    display: block
  }

  .postwrap .googlemap,
  .postwrap .print {
    display: none
  }
}

iframe[name='google_conversion_frame'] {
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  margin-top: -13px;
  float: left
}

span.customSelect {
  font: 14px sans-serif;
  background: #f5f4f2 url(./../images/btn_select.gif) right center no-repeat;
  border-width: 0;
  color: #876a4c;
  padding: 0 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 4px;
  width: 125px;
  line-height: 24px
}

.customSelect.customSelectHover {
  border-color: #c7c7c7;
  background-color: #f5f5f5
}

.customSelect.customSelectFocus {
  border-color: Orange
}

.customSelect.customSelectOpen {
  border-color: OliveDrab
}

.customSelect.customSelectChanged {
  -webkit-animation: changed .5s;
  -moz-animation: changed .5s;
  -ms-animation: changed .5s;
  animation: changed .5s
}

@-webkit-keyframes changed {

  0,
  100% {
    -webkit-box-shadow: 0 0 14px 5px rgba(151, 67, 159, 0);
    box-shadow: 0 0 14px 5px rgba(151, 67, 159, 0)
  }

  50% {
    -webkit-box-shadow: 0 0 14px 5px rgba(151, 67, 159, 0.5);
    box-shadow: 0 0 14px 5px rgba(151, 67, 159, 0.5)
  }
}

@-moz-keyframes changed {

  0,
  100% {
    -moz-box-shadow: 0 0 14px 5px rgba(151, 67, 159, 0);
    box-shadow: 0 0 14px 5px rgba(151, 67, 159, 0)
  }

  50% {
    -moz-box-shadow: 0 0 14px 5px rgba(151, 67, 159, 0.5);
    box-shadow: 0 0 14px 5px rgba(151, 67, 159, 0.5)
  }
}

@keyframes changed {

  0,
  100% {
    box-shadow: 0 0 14px 5px rgba(151, 67, 159, 0)
  }

  50% {
    box-shadow: 0 0 14px 5px rgba(151, 67, 159, 0.5)
  }
}

@-ms-keyframes changed {

  0,
  100% {
    -ms-box-shadow: 0 0 14px 5px rgba(151, 67, 159, 0);
    box-shadow: 0 0 14px 5px rgba(151, 67, 159, 0)
  }

  50% {
    -ms-box-shadow: 0 0 14px 5px rgba(151, 67, 159, 0);
    box-shadow: 0 0 14px 5px rgba(151, 67, 159, 0.5)
  }
}

/*! jQuery UI - v1.9.2 - 2014-02-22
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=0.8em&cornerRadius=4px&bgColorHeader=%23f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=%23e78f08&fcHeader=%23ffffff&iconColorHeader=%23ffffff&bgColorContent=%23eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=%23dddddd&fcContent=%23333333&iconColorContent=%23222222&bgColorDefault=%23f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=%23cccccc&fcDefault=%231c94c4&iconColorDefault=%23ef8c08&bgColorHover=%23fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=%23fbcb09&fcHover=%23c77405&iconColorHover=%23ef8c08&bgColorActive=%23ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=%23fbd850&fcActive=%23eb8f00&iconColorActive=%23ef8c08&bgColorHighlight=%23ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=%23fed22f&fcHighlight=%23363636&iconColorHighlight=%23228ef1&bgColorError=%23b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=%23cd0a0a&fcError=%23ffffff&iconColorError=%23ffd27a&bgColorOverlay=%23666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=%23000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
  display: none
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table
}

.ui-helper-clearfix:after {
  clear: both
}

.ui-helper-clearfix {
  zoom: 1
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0)
}

.ui-state-disabled {
  cursor: default !important
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat
}

.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ui-resizable {
  position: relative
}

.ui-resizable-handle {
  position: absolute;
  font-size: .1px;
  display: block
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: .5em .5em .5em .7em;
  zoom: 1
}

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em
}

.ui-accordion .ui-accordion-noicons {
  padding-left: .7em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
  zoom: 1
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default
}

* html .ui-autocomplete {
  width: 1px
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none
}

.ui-button-icon-only {
  width: 2.2em
}

button.ui-button-icon-only {
  width: 2.4em
}

.ui-button-icons-only {
  width: 3.4em
}

button.ui-button-icons-only {
  width: 3.7em
}

.ui-button .ui-button-text {
  display: block;
  line-height: 1.4
}

.ui-button-text-only .ui-button-text {
  padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em
}

input.ui-button {
  padding: .4em 1em
}

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em
}

.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em
}

.ui-buttonset {
  margin-right: 7px
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em
}

button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
  z-index: 1000 !important
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px
}

.ui-datepicker .ui-datepicker-next {
  right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0
}

.ui-datepicker td {
  border: 0;
  padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left
}

.ui-datepicker.ui-datepicker-multi {
  width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0
}

.ui-datepicker-rtl {
  direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right
}

.ui-datepicker-rtl .ui-datepicker-group {
  float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px
}

.ui-datepicker-cover {
  position: absolute;
  z-index: -1;
  filter: mask();
  top: -4px;
  left: -4px;
  width: 200px;
  height: 200px
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  width: 300px;
  overflow: hidden
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 16px .1em 0
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px
}

.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: 0;
  overflow: auto;
  zoom: 1
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer
}

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move
}

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: 0
}

.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute
}

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  width: 100%
}

.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0
}

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  zoom: 1;
  font-weight: normal
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px
}

.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: .4em 0 .2em;
  line-height: 1.5
}

.ui-menu .ui-state-disabled a {
  cursor: default
}

.ui-menu-icons {
  position: relative
}

.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em
}

.ui-menu .ui-icon {
  position: absolute;
  top: .2em;
  left: .2em
}

.ui-menu .ui-menu-icon {
  position: static;
  float: right
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%
}

.ui-slider {
  position: relative;
  text-align: left
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0
}

.ui-slider-horizontal {
  height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0
}

.ui-slider-vertical {
  width: .8em;
  height: 100px
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle
}

.ui-spinner-input {
  border: 0;
  background: 0;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px
}

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0
}

.ui-spinner a.ui-spinner-button {
  border-top: 0;
  border-bottom: 0;
  border-right: 0
}

.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0
}

.ui-spinner-up {
  top: 0
}

.ui-spinner-down {
  bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
  background-position: -65px -16px
}

.ui-tabs {
  position: relative;
  padding: .2em;
  zoom: 1
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom: 0;
  padding: 0;
  white-space: nowrap
}

.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: .5em 1em;
  text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: text
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: 0
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa
}

* html .ui-tooltip {
  background-image: none
}

body .ui-tooltip {
  border-width: 2px
}

.ui-widget {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: .8em
}

.ui-widget .ui-widget {
  font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1em
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #eee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
  color: #333
}

.ui-widget-content a {
  color: #333
}

.ui-widget-header {
  border: 1px solid #e78f08;
  background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
  color: #fff;
  font-weight: bold
}

.ui-widget-header a {
  color: #fff
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #ccc;
  background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #1c94c4
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #fbcb09;
  background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #c77405
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  color: #c77405;
  text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
  color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
  color: #fff
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #fff
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #fff
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35)
}

.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-widget-content .ui-icon {
  background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_ffffff_256x240.png)
}

.ui-state-default .ui-icon {
  background-image: url(images/ui-icons_ef8c08_256x240.png)
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(images/ui-icons_ef8c08_256x240.png)
}

.ui-state-active .ui-icon {
  background-image: url(images/ui-icons_ef8c08_256x240.png)
}

.ui-state-highlight .ui-icon {
  background-image: url(images/ui-icons_228ef1_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(images/ui-icons_ffd27a_256x240.png)
}

.ui-icon-carat-1-n {
  background-position: 0 0
}

.ui-icon-carat-1-ne {
  background-position: -16px 0
}

.ui-icon-carat-1-e {
  background-position: -32px 0
}

.ui-icon-carat-1-se {
  background-position: -48px 0
}

.ui-icon-carat-1-s {
  background-position: -64px 0
}

.ui-icon-carat-1-sw {
  background-position: -80px 0
}

.ui-icon-carat-1-w {
  background-position: -96px 0
}

.ui-icon-carat-1-nw {
  background-position: -112px 0
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px
}

.ui-icon-arrow-4 {
  background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px
}

.ui-icon-extlink {
  background-position: -32px -80px
}

.ui-icon-newwin {
  background-position: -48px -80px
}

.ui-icon-refresh {
  background-position: -64px -80px
}

.ui-icon-shuffle {
  background-position: -80px -80px
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px
}

.ui-icon-folder-open {
  background-position: -16px -96px
}

.ui-icon-document {
  background-position: -32px -96px
}

.ui-icon-document-b {
  background-position: -48px -96px
}

.ui-icon-note {
  background-position: -64px -96px
}

.ui-icon-mail-closed {
  background-position: -80px -96px
}

.ui-icon-mail-open {
  background-position: -96px -96px
}

.ui-icon-suitcase {
  background-position: -112px -96px
}

.ui-icon-comment {
  background-position: -128px -96px
}

.ui-icon-person {
  background-position: -144px -96px
}

.ui-icon-print {
  background-position: -160px -96px
}

.ui-icon-trash {
  background-position: -176px -96px
}

.ui-icon-locked {
  background-position: -192px -96px
}

.ui-icon-unlocked {
  background-position: -208px -96px
}

.ui-icon-bookmark {
  background-position: -224px -96px
}

.ui-icon-tag {
  background-position: -240px -96px
}

.ui-icon-home {
  background-position: 0 -112px
}

.ui-icon-flag {
  background-position: -16px -112px
}

.ui-icon-calendar {
  background-position: -32px -112px
}

.ui-icon-cart {
  background-position: -48px -112px
}

.ui-icon-pencil {
  background-position: -64px -112px
}

.ui-icon-clock {
  background-position: -80px -112px
}

.ui-icon-disk {
  background-position: -96px -112px
}

.ui-icon-calculator {
  background-position: -112px -112px
}

.ui-icon-zoomin {
  background-position: -128px -112px
}

.ui-icon-zoomout {
  background-position: -144px -112px
}

.ui-icon-search {
  background-position: -160px -112px
}

.ui-icon-wrench {
  background-position: -176px -112px
}

.ui-icon-gear {
  background-position: -192px -112px
}

.ui-icon-heart {
  background-position: -208px -112px
}

.ui-icon-star {
  background-position: -224px -112px
}

.ui-icon-link {
  background-position: -240px -112px
}

.ui-icon-cancel {
  background-position: 0 -128px
}

.ui-icon-plus {
  background-position: -16px -128px
}

.ui-icon-plusthick {
  background-position: -32px -128px
}

.ui-icon-minus {
  background-position: -48px -128px
}

.ui-icon-minusthick {
  background-position: -64px -128px
}

.ui-icon-close {
  background-position: -80px -128px
}

.ui-icon-closethick {
  background-position: -96px -128px
}

.ui-icon-key {
  background-position: -112px -128px
}

.ui-icon-lightbulb {
  background-position: -128px -128px
}

.ui-icon-scissors {
  background-position: -144px -128px
}

.ui-icon-clipboard {
  background-position: -160px -128px
}

.ui-icon-copy {
  background-position: -176px -128px
}

.ui-icon-contact {
  background-position: -192px -128px
}

.ui-icon-image {
  background-position: -208px -128px
}

.ui-icon-video {
  background-position: -224px -128px
}

.ui-icon-script {
  background-position: -240px -128px
}

.ui-icon-alert {
  background-position: 0 -144px
}

.ui-icon-info {
  background-position: -16px -144px
}

.ui-icon-notice {
  background-position: -32px -144px
}

.ui-icon-help {
  background-position: -48px -144px
}

.ui-icon-check {
  background-position: -64px -144px
}

.ui-icon-bullet {
  background-position: -80px -144px
}

.ui-icon-radio-on {
  background-position: -96px -144px
}

.ui-icon-radio-off {
  background-position: -112px -144px
}

.ui-icon-pin-w {
  background-position: -128px -144px
}

.ui-icon-pin-s {
  background-position: -144px -144px
}

.ui-icon-play {
  background-position: 0 -160px
}

.ui-icon-pause {
  background-position: -16px -160px
}

.ui-icon-seek-next {
  background-position: -32px -160px
}

.ui-icon-seek-prev {
  background-position: -48px -160px
}

.ui-icon-seek-end {
  background-position: -64px -160px
}

.ui-icon-seek-start {
  background-position: -80px -160px
}

.ui-icon-seek-first {
  background-position: -80px -160px
}

.ui-icon-stop {
  background-position: -96px -160px
}

.ui-icon-eject {
  background-position: -112px -160px
}

.ui-icon-volume-off {
  background-position: -128px -160px
}

.ui-icon-volume-on {
  background-position: -144px -160px
}

.ui-icon-power {
  background-position: 0 -176px
}

.ui-icon-signal-diag {
  background-position: -16px -176px
}

.ui-icon-signal {
  background-position: -32px -176px
}

.ui-icon-battery-0 {
  background-position: -48px -176px
}

.ui-icon-battery-1 {
  background-position: -64px -176px
}

.ui-icon-battery-2 {
  background-position: -80px -176px
}

.ui-icon-battery-3 {
  background-position: -96px -176px
}

.ui-icon-circle-plus {
  background-position: 0 -192px
}

.ui-icon-circle-minus {
  background-position: -16px -192px
}

.ui-icon-circle-close {
  background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px
}

.ui-icon-circle-check {
  background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -khtml-border-top-left-radius: 4px;
  border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -khtml-border-top-right-radius: 4px;
  border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -khtml-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -khtml-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.ui-widget-overlay {
  background: #666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  opacity: .5;
  filter: Alpha(Opacity=50)
}

.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
  opacity: .2;
  filter: Alpha(Opacity=20);
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}

#myGallery {
  display: none
}

.gv_galleryWrap {
  position: relative;
  font-size: 10pt
}

.gv_gallery {
  overflow: hidden;
  position: relative
}

.gv_imageStore {
  visibility: hidden;
  position: absolute;
  top: -10000px;
  left: -10000px
}

.gv_panelWrap {
  filter: inherit;
  position: absolute;
  overflow: hidden
}

.gv_panel-loading {
  background: url(images/img-loader.gif) 50% 50% no-repeat #aaa
}

.gv_frame-loading {
  background: url(images/img-loader.gif) 50% 50% no-repeat #aaa
}

.gv_panel {
  filter: inherit;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 100
}

.gv_panel img {
  position: absolute
}

.gv_overlay {
  position: absolute;
  background: #222;
  color: white;
  z-index: 200
}

.gv_showOverlay {
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(themes/light/info.png) #222;
  cursor: pointer;
  z-index: 200
}

.gv_overlay h4 {
  color: white;
  margin: 1em;
  font-weight: bold
}

.gv_overlay p {
  color: white;
  margin: 1em
}

.gv_infobar {
  background: #222;
  padding: 0 .5em;
  line-height: 1.5em;
  height: 1.5em;
  font-size: 10pt;
  font-weight: bold;
  color: white;
  position: absolute;
  bottom: 0;
  right: 0;
  display: none;
  vertical-align: middle;
  z-index: 2000
}

.gv_filmstripWrap {
  overflow: hidden;
  position: absolute;
  width: 400px !important;
  left: 30px !important
}

.gv_filmstrip {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0
}

.gv_frame {
  cursor: pointer;
  float: left;
  position: relative;
  margin: 0;
  padding: 0
}

.gv_frame .gv_thumbnail {
  position: relative;
  overflow: hidden !important
}

.gv_frame img {
  border: 0;
  position: absolute
}

.gv_frame .gv_caption {
  height: 14px;
  line-height: 14px;
  font-size: 10px;
  text-align: center;
  color: white
}

.gv_pointer {
  border-color: black
}

.gv_navWrap {
  text-align: center;
  position: absolute
}

.gv_navPlay,
.gv_navPause,
.gv_navNext,
.gv_navPrev {
  opacity: .3;
  -moz-opacity: .3;
  -khtml-opacity: .3;
  filter: alpha(opacity=30);
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle
}

.gv_navPlay:hover,
.gv_navPause:hover,
.gv_navNext:hover,
.gv_navPrev:hover {
  opacity: .8;
  -moz-opacity: .8;
  -khtml-opacity: .8;
  filter: alpha(opacity=80)
}

.gv_panelNavPrev,
.gv_panelNavNext {
  position: absolute;
  display: none;
  opacity: .50;
  -moz-opacity: .70;
  -khtml-opacity: .70;
  filter: alpha(opacity=70);
  z-index: 200
}

.gv_panelNavPrev:hover,
.gv_panelNavNext:hover {
  opacity: .9;
  -moz-opacity: .9;
  -khtml-opacity: .9;
  filter: alpha(opacity=90)
}

.gv_navPlay {
  height: 0;
  width: 0;
  cursor: pointer;
  background: url(themes/light/play-big.png) top left no-repeat
}

.gv_navPause {
  height: 0;
  width: 0;
  cursor: pointer;
  background: url(themes/light/pause-big.png) top left no-repeat
}

.gv_navNext {
  height: 20px;
  width: 20px;
  cursor: pointer;
  background: url(themes/light/next.png) top left no-repeat
}

.gv_navPrev {
  height: 20px;
  width: 20px;
  cursor: pointer;
  background: url(themes/light/prev.png) top right no-repeat
}

.gv_panelNavNext {
  height: 20px;
  width: 20px;
  cursor: pointer;
  background: url(themes/light/panel-next.png) top left no-repeat
}

.gv_panelNavPrev {
  height: 20px;
  width: 20px;
  cursor: pointer;
  background: url(themes/light/panel-prev.png) top right no-repeat;
  left: 20px
}

.gv_filmstripWrap {
  z-index: 10
}

.gv_navWrap {
  width: 464px !important;
  text-align: left;
  z-index: 1;
  position: absolute;
  top: 224px
}

.gv_navNext {
  position: absolute;
  right: 0
}


/*column1*/
#main.column1 {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

#main.column1 .bustabi_aichat {
  margin-top: 40px;
  background: #fff;
}

#main.column1 .bustabi_aichat iframe {
  border-width: 0px;
  width: 100%;
  height: 700px;
  vertical-align: bottom;
  border-radius: 6px;
}

#main.column1 .postwrap {
  width: 100%;
}

#main.column1 H3.ttlY {
  width: 100%;
  background-image: url(./../images/ttlY_L.gif);
  border-radius: 0 6px 6px 0;
}

.route {
  counter-reset: number 0;
}
.route .heading__qrLink img {
  position: absolute;
  right: 25px;
  top: -30px;
  width: 128px;
}
.route .map {
  position: relative
}
.route .map__desc {
  width: 1040px;
  max-width: 96%;
  margin: 0 auto;
  padding: 40px 140px 40px 0;
  font-size: 20px;
  box-sizing: border-box;
}
.route .map__imgWrapper {
  display: block;
  width: 1600px;
  max-width: 96%;
  margin: 0 auto;
}
.route .map__img {
  width: 100%;
}

.route .flow {
  margin-top: 70px;
  margin-left: 35px
}

.route .flow__item {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  border-left: 5px solid #fcef38;
  padding-bottom: 50px
}

.route .flow__item:last-child {
  border-left: none;
  margin-left: 5px
}

.route .flow__item:before {
  counter-increment: number 1;
  content: counter(number,decimal);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: -40px;
  top: -15px;
  width: 70px;
  height: 70px;
  background: #fcef38;
  border-radius: 50%;
  font-size: 37px
}

.route .flow__imgWrapper {
  width: 520px;
  margin-left: 30px
}

.route .flow__img {
  vertical-align: bottom
}

.route .flow__txtWrapper {
  width: calc(100% - 520px - 80px)
}

.route .flow__desc {
  margin-top: 0;
  font-size: 22px;
  font-weight: bold
}

.route .flow__desc .-small {
  display: inline-block;
  margin-top: 20px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5
}

.route .flow__strongTxt {
  padding: 12px 30px 20px;
  border: 5px solid #fcef38;
  border-radius: 12px;
}
.route .flow__strongItem {
  background: none;
  padding-left: 1em;
  text-indent: -1em;
}

.route .wc {
    padding: 35px 0 0;
    border-top: 1px dashed #707070
}

.route .wc__ttl {
    padding: 8px 0 8px 110px;
    background: url(/images/route/icon_wc.png) no-repeat left 10px center/61px auto;
    font-size: 32px;
    font-weight: bold
}

.route .wc__list {
    margin-top: 20px
}

.route .wc__item {
    display: flex
}

.route .wc__imgWrapper {
    display: block;
    width: 520px;
    margin-right: 40px
}

.route .wc__img {
    width: 100%
}

.route .wc__txtWrapper {
    width: calc(100% - 520px - 40px)
}

.route .wc__desc {
    font-size: 22px;
    font-weight: bold
}

.route .wc__qrList {
    margin-top: 30px
}

.route .wc__mtItem+li {
    margin-top: 30px
}

.route .wc__qrLink {
    display: flex;
    align-items: center;
    color: #000;
    transition: 0.2s
}

.route .wc__qrLink:visited {
    color: #000
}

.route .wc__qrLink:hover {
    opacity: 0.8;
    text-decoration: none;
    color: #000
}

.route .wc__qrImg {
    width: 107px
}

@media screen and (max-width: 1060px) {
    .route .wc .map__qr {
        right:2%;
        transform: translateX(0)
    }
}

/*トップページ動画モーダル*/
.modal__item {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 200;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.8)
}
.modal__item.-active {
  display: block
}
.modal__close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  width: 50px;
  height: 50px;
  background: #434343;
  border: none;
  cursor: pointer;
  opacity: 0.8
}
.modal__close:after,
.modal__close:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 4px;
  background: #fff;
  content: ""
}
.modal__close:before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}
.modal__close:after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}
.modal__close:hover {
  opacity: 1
}
.modal__itemInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%
}
.modal__iframeWrapper {
  position: relative;
  width: 100%
}
.modal__iframeWrapper iframe {
  width: 100%;
  height: 100%
}
.modal__instagramWidgetWrapper {
  position: relative;
  width: auto;
  max-width: 350px;
  margin: 0 auto
}
.modal__instagramWidgetWrapper iframe {
  width: 100%
}
.modal__contWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 820px;
  max-height: 90%;
  margin: 0 auto;
  padding: 30px;
  background: #fff;
  overflow-y: scroll;
  z-index: 1
}
.modal__mov {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 46%
}
.modal__mov.ratio16-9 .modal__video01 {
  aspect-ratio: 16/9
}
.modal__mov.ratio16-9 .modal__iframeWrapper {
  aspect-ratio: 16/9
}
.modal__mov.ratio9-16 .modal__video01 {
  max-width: 350px;
  margin: 0 auto;
  aspect-ratio: 9/16
}
.modal__mov.ratio9-16 .modal__iframeWrapper {
  max-width: 350px;
  margin: 0 auto;
  aspect-ratio: 9/16
}
.modal__mov.ratio4-3 .modal__video01 {
  aspect-ratio: 4/3
}
.modal__mov.ratio4-3 .modal__iframeWrapper {
  aspect-ratio: 4/3
}
.modal__video01 {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.modal__related {
  width: 46%;
  margin-left: 8%
}
.modal__relatedHeading {
  font-style: 16px;
  font-weight: bold
}
.modal__relatedList {
  list-style: none;
  margin-top: 20px;
  padding-left: 0;
}
.modal__relatedItem+.modal__relatedItem {
  margin-top: 16px;
  padding-top: 18px;
  border-top: 1px solid #e4e3db
}
.modal__relatedLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  padding-right: 30px
}
.modal__relatedLink:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 11px;
  height: 11px;
  border-top: 3px solid #f7a95f;
  border-right: 3px solid #f7a95f;
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
  content: "";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  pointer-events: none;
  content: ""
}
.modal__relatedImgWrapper {
  width: 100px
}
.modal__relatedImg {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: bottom
}
.modal__relatedTtl {
  width: calc(100% - 100px - 10px);
  font-size: 14px
}