@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

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

body {
    color: #333;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'Lucida Sans Unicode', 'Lucida Grande', 'Verdana', 'ＭＳ Ｐゴシック', sans-serif;
    _font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', Sans-Serif
}

address {
    font-style: normal
}

a {
    color: #3CF;
    text-decoration: none
}

a:link {
    color: #3CF;
    text-decoration: underline
}

a:visited {
    color: #93C
}

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

a:active {
    color: #93C;
    text-decoration: none
}

strong {
    font-weight: bold
}

em {
    font-style: italic
}

blockquote {
    border: 4px solid #C7D527;
    padding: 1.5em 10px;
    position: relative
}

blockquote:before,
blockquote:after {
    content: '';
    position: absolute;
    width: 33px;
    height: 25px;
    background: url(../img/icon_blockquote.png) no-repeat 0 0;
    z-index: 1
}

blockquote:before {
    top: 7px;
    left: 8px
}

blockquote:after {
    right: 8px;
    bottom: 7px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

sup {
    font-size: 80%;
    line-height: 1.1;
    vertical-align: 3px
}

sub {
    font-size: 80%;
    line-height: 1.1;
    vertical-align: bottom
}

img {
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
}

a img {
    border: none
}

hr {
    display: none
}

hr.border {
    display: block;
    color: #ccc;
    border: 1px solid #ccc
}

iframe {
    width: 100%
}

button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle
}

button,
input {
    *overflow: visible
}

input[type="text"],
textarea {
    border: 1px solid #ccc
}

input[type="text"]:hover,
textarea:hover {
    border: 1px solid #f90
}

input[type="text"]:focus,
textarea:focus {
    border: 1px solid #f90
}

textarea {
    overflow: auto;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'Lucida Sans Unicode', 'Lucida Grande', 'Verdana', 'ＭＳ Ｐゴシック', sans-serif
}

html {
    overflow: auto
}

body {
    overflow: hidden
}

div#wrapper {
    width: 960px;
    margin: 0 auto;
    font-size: 13px;
    text-align: center
}

div#header,
div#body,
div#footer {
    margin: 0 auto;
    text-align: left
}

div#header ul.nav,
div#body,
div#footer {
    margin: 0 -500%;
    padding: 0 500%
}

div#header {
    position: relative;
    height: 120px!important;
    z-index: 3000;
    background: #fff
}

div#body {
    position: relative;
    background: url(../img/contents_bg1.jpg) no-repeat 50% 120px fixed;
    padding-bottom: 60px
}
.restaurant div#body,.specialty div#body{
    background-image: url(../img/contents_bg2.jpg);
}
.souvenir div#body,.shop div#body{
    background-image: url(../img/contents_bg3.jpg);
}
.accommodation div#body,.spa div#body{
    background-image: url(../img/contents_bg4.jpg);
}
.infomation div#body{
    background-image: url(../img/contents_bg5.jpg);
}


div#footer {
    border-top: 3px solid #C7D527;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    width: auto;
    clear: both;
    font-size: 12px
}

.pc {
    display: block
}

.sp {
    display: none
}

.bx-wrapper {
    position: relative;
    margin: 0;
    padding: 0;
    *zoom: 1
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../img/loading.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    position: absolute;
    top: 210px;
    width: 238px;
    text-align: center
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #CCC;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #888
}

.bx-wrapper .bx-prev {
    left: -40px;
    background: url(../img/controls.png) no-repeat 0 0;
    background-size: auto 15px
}

.bx-wrapper .bx-next {
    right: -40px;
    background: url(../img/controls.png) no-repeat -12px 0;
    background-size: auto 15px
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0
}

.bx-wrapper .bx-next:hover {
    background-position: -12px 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    outline: 0;
    width: 12px;
    height: 15px;
    text-indent: -9999px;
    z-index: 9999
}

#blockskip {
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center
}

#blockskip a {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    background: #000;
    height: 1px;
    margin: -1px 0 0;
    color: #fff;
    overflow: hidden;
    line-height: 0
}

#blockskip a.show {
    height: 2em;
    line-height: 2
}

div.ie-alert {
    margin: 0 auto 10px;
    padding: 10px;
    border: 1px solid #fbeed5;
    background: #fcf8e3;
    color: #c09853;
    font-size: 90%;
    text-align: center
}

div#header h1,
div#header p.title {
    position: absolute;
    margin: 9px 0 0 12px;
    padding: 0;
    background: none;
    border: none;
    z-index: 10
}

div#header h1 img,
div#header p.title img {
    width: 300px;
    height: 61px
}

div#header h1 a,
div#header p.title a {
    display: block;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 1
}

div#header h1 a:hover,
div#header p.title a:hover {
    opacity: 0.8
}

div#header ul {
    list-style: none;
    padding: 0;
    margin: 0
}

div#header ul.nav {
    position: absolute;
    bottom: 0;
    height: 35px;
    background: #3E3B3B
}

div#header ul.nav li {
    position: static;
    float: left;
    width: auto
}

div#header ul.nav li.nav1 a,
div#header ul.nav li.nav2 a,
div#header ul.nav li.nav2 p,
div#header ul.nav li.nav3 a,
div#header ul.nav li.nav4 p,
div#header ul.nav li.nav5 p,
div#header ul.nav li.nav6 p,
div#header ul.nav li.nav7 p {
    position: relative
}

div#header ul.nav li.nav1 a:after,
div#header ul.nav li.nav2 a:after,
div#header ul.nav li.nav2 p:after,
div#header ul.nav li.nav3 a:after,
div#header ul.nav li.nav4 p:after,
div#header ul.nav li.nav5 p:after,
div#header ul.nav li.nav6 p:after {
    content: '';
    position: absolute;
    right: 0;
    top: 11px;
    width: 1px;
    height: 13px;
    background: #fff
}

div#header ul.nav li.nav4 p,
div#header ul.nav li.nav5 p,
div#header ul.nav li.nav6 p,
div#header ul.nav li.nav7 p {
    padding-right: 20px;
}
div#header ul.nav li.nav4 p:before,
div#header ul.nav li.nav5 p:before,
div#header ul.nav li.nav6 p:before,
div#header ul.nav li.nav7 p:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    top: 50%;
    margin-top: -5px;
    right: 8px;
    border-width: 9px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
}

@media screen and (max-width: 1024px) {
    div#header ul.nav li.nav4 p,
    div#header ul.nav li.nav5 p,
    div#header ul.nav li.nav6 p,
    div#header ul.nav li.nav7 p {
        padding-right: 0;
    }

    div#header ul.nav li.nav4 p:before,
    div#header ul.nav li.nav5 p:before,
    div#header ul.nav li.nav6 p:before,
    div#header ul.nav li.nav7 p:before {
        content: none;
    }
}



div#header ul.nav li a,
div#header ul.nav li p {
    padding: 0 10px;
    color: #fff;
    display: block;
    line-height: 35px;
    text-decoration: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 1
}

div#header ul.nav li a:hover,
div#header ul.nav li p:hover {
    opacity: 0.8
}

div#header ul.nav li p {
    cursor: pointer
}

div#header ul.nav li ul {
    display: none;
    position: absolute;
    /*margin-left: -315px;*/
    margin-left: -252px;
    top: 45px;
    left: 50%;
    padding: 20px 0;
    width: 960px;
    background: #fff
}

div#header ul.nav li ul:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    top: -20px;
    border-width: 0 11.5px 20px 11.5px;
    border-color: transparent transparent #fff transparent
}

div#header ul.nav li ul li:after {
    display: none
}

div#header ul.nav li ul li a {
    line-height: auto;
    color: #333
}

div#header ul.nav li ul li span {
    display: block;
    line-height: 1.2
}

div#header ul.nav li ul li span.en {
    font-size: 16px
}

div#header ul.nav li ul li span.ja {
    font-size: 13px
}

div#header ul.nav li.nav2 ul li,
div#header ul.nav li.nav5 ul li,
div#header ul.nav li.nav6 ul li {
    width: 50%
}

div#header ul.nav li.nav2 ul li img,
div#header ul.nav li.nav5 ul li img,
div#header ul.nav li.nav6 ul li img {
    margin-left: 10px;
    float: left
}

div#header ul.nav li.nav2 ul li span,
div#header ul.nav li.nav5 ul li span,
div#header ul.nav li.nav6 ul li span {
    margin-left: 290px;
    padding-left: 10px
}

div#header ul.nav li.nav2 ul li span.en,
div#header ul.nav li.nav5 ul li span.en,
div#header ul.nav li.nav6 ul li span.en {
    padding-top: 70px;
    padding-bottom: 5px
}

div#header ul.nav li.nav2 ul li span.ja,
div#header ul.nav li.nav5 ul li span.ja,
div#header ul.nav li.nav6 ul li span.ja {
    padding-bottom: 13px;
    border-bottom: 1px solid #251E1C
}

div#header ul.nav li.nav4 ul li,
div#header ul.nav li.nav7 ul li {
    margin-right: -1px;
    width: 33.33%;
    text-align: center;
    border-right: 1px solid #BBB
}

div#header ul.nav li.nav4 ul li.last,
div#header ul.nav li.nav7 ul li.last {
    border: none
}

div#header ul.nav li.nav4 ul li img,
div#header ul.nav li.nav7 ul li img {
    margin-bottom: 15px
}

div#header ul.nav li.nav4 ul li span.ja,
div#header ul.nav li.nav7 ul li span.ja {
    margin-bottom: -10px
}

div#header ul.nav li.nav2 ul:before {
    /*left: 205px*/
    left: 85px;
}

div#header ul.nav li.nav4 ul:before {
    /*left: 368px*/
    left: 282px;
}

div#header ul.nav li.nav4 ul li.last ul {
    display: block;
    position: static;
    width: auto;
    background: transparent;
    width: auto;
    margin: 0 0 0 25px;
    padding: 0
}

div#header ul.nav li.nav4 ul li.last ul li {
    border: none;
    width: 50%;
    text-align: left
}

div#header ul.nav li.nav4 ul li.last ul li a {
    padding: 5px 0 13px 42px;
    background-repeat: no-repeat;
    background-position: 0 12px
}

div#header ul.nav li.nav4 ul li.last ul li.taste1 a {
    background-image: url(../img/icon_taste1.png)
}

div#header ul.nav li.nav4 ul li.last ul li.taste2 a {
    background-image: url(../img/icon_taste5.png)
}

div#header ul.nav li.nav4 ul li.last ul li.taste3 a {
    background-image: url(../img/icon_taste2.png)
}

div#header ul.nav li.nav4 ul li.last ul li.taste4 a {
    background-image: url(../img/icon_taste6.png)
}

div#header ul.nav li.nav4 ul li.last ul li.taste5 a {
    background-image: url(../img/icon_taste3.png)
}

div#header ul.nav li.nav4 ul li.last ul li.taste6 a {
    background-image: url(../img/icon_taste7.png)
}

div#header ul.nav li.nav4 ul li.last ul li.taste7 a {
    background-image: url(../img/icon_taste4.png)
}

div#header ul.nav li.nav5 ul:before {
    /*left: 433px*/
    left: 356px;
}

div#header ul.nav li.nav6 ul:before {
    /*left: 503px*/
    left: 431px;
}

div#header ul.nav li.nav7 ul:before {
    /*left: 573px*/
    left: 515px;
}

div#header div.lang {
    position: absolute;
    top: 90px;
    left: 843px;
    width: 110px;
    overflow: hidden;
    font-size: 12px
}

div#header div.lang select {
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 2px;
    border: 0;
    margin: 0;
    padding: 0 5px;
    width: 100px;
    height: 26px;
    line-height: 26px;
    background: #E4E4E4 url(../img/lang_btn.png) no-repeat 92px 50%;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    box-sizing: content-box;
    box-shadow: rgba(0, 0, 0, 0.16) 2px 2px 2px 0 inset;
    cursor: pointer
}

div#header div.search {
    position: absolute;
    top: 30px;
    right: 0;
    font-size: 12px;
    /*border-radius: 2px;*/
    width: 187px;
    /*height: 26px;*/
    height: 35px;
    /*line-height: 26px;*/
    /*box-shadow: rgba(0, 0, 0, 0.16) 2px 2px 2px 0 inset;*/
    /*background: #E4E4E4;*/
}

div#header div.search input {
    border: none;
    background: none;
}
input.gsc-search-button-v2{
    background-color: #A9A9A9 !important;
    background-image: none !important;
}

div#header div.search #search {
    padding: 0 12px;
    height: 24px;
    line-height: 24px;
    width: 132px
}

div#header div.search #searchButton {
    padding: 6px 8px;
    position: absolute;
    right: 0;
    top: 0
}

div#header div.search #searchButtonSp {
    display: none
}

div#header div.lang:after/*,div#header div.search:after*/ {
    content: '';
    position: absolute;
    top: 2px;
    width: 1px;
    height: 24px;
    border-left: 1px solid #D2D2D2
}

div#header div.lang:after,
div#header div.search:after {
    background: #EBEBEB;
    right: 30px
}

div#header div.lang:after {
    right: 25px
}

div#header p.description {
    font-size:85%;
    line-height: 1.3;
    margin: 15px 0 0 330px;
    width: 430px
}

div.section {
    padding: 0 20px 50px;
    line-height: 2;
    clear: both;
    font-size: 16px
}

div.section div.section {
    padding: 0
}

body.interest div.section h1 span {
    background-image: url(../img/bg_h1_interest.png)
}

body.festival div.section h1 span {
    background-image: url(../img/bg_h1_festival.png)
}

body.souvenir div.section h1 span {
    background-image: url(../img/bg_h1_souvenir.png)
}

body.hotels div.section h1 span {
    background-image: url(../img/bg_h1_hotels.png)
}

div.section p.btn {
    text-align: center
}

div.section p.btn a {
    padding: 7px 30px 7px 13px;
    text-align: center;
    background-color: #C7D527;
    border: 1px solid #C7D527;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-weight: bold;
    font-size: 14px;
    position: relative;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 1;
    color: #333;
    text-decoration: none
}

div.section p.btn a:after {
    content: '';
    position: absolute;
    margin-top: -8px;
    top: 50%;
    right: 10px;
    width: 11px;
    height: 16px;
    background: url(../img/icon_btn_arrow.png) no-repeat 0 50%
}

div.section p.btn a:hover {
    opacity: 0.8
}

div.section .list_box .item {
    width: 24%;
    /*height: 310px;*/
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-bottom: 40px;
    float: left;
    text-align: center;
    border-bottom: 1px solid #CBD65A;
}
div.section .list_box .item img{
    max-height: 154px;
    width: auto;
}
.item_link{
    display: block;
    color: #333333 !important;
    text-decoration: none !important;
}
.item_link:hover{
    opacity: 0.8;
}
.more{
    color: #33CCFF;
    text-decoration: underline;
}

div.section .list_box h2 {
    margin: 10px 0px;
    padding: 7px 0 0;
    font-size: 18px;
    text-align: left;
    border: none;
    line-height: 1.4;
    border-top: 1px solid #CBD65A
}

div.section .list_box h2 span.ja {
    display: block;
    font-size: 16px
}

div.section .list_box p {
    margin: 0;
    padding: 0 0 10px;
    font-size: 13px;
    text-align: left;
    line-height: 1.4;
}

body.taste_list div.section h2 {
    margin-bottom: 30px
}

body.taste_list div.section div.tabarea ul.tab li {
    width: 120px!important;
    font-size: 13px;
    background: none
}

body.taste_list div.section div.tabarea ul.tab li a {
    padding-top: 30px;
    background-repeat: no-repeat;
    background-position: 50% 10px;
    font-weight: normal
}

body.taste_list div.section div.tabarea ul.tab li.tab1 a {
    background-image: url(../img/icon_taste1_off.png)
}

body.taste_list div.section div.tabarea ul.tab li.tab2 a {
    background-image: url(../img/icon_taste2_off.png)
}

body.taste_list div.section div.tabarea ul.tab li.tab3 a {
    background-image: url(../img/icon_taste3_off.png)
}

body.taste_list div.section div.tabarea ul.tab li.tab4 a {
    background-image: url(../img/icon_taste4_off.png)
}

body.taste_list div.section div.tabarea ul.tab li.tab5 a {
    background-image: url(../img/icon_taste5_off.png)
}

body.taste_list div.section div.tabarea ul.tab li.tab6 a {
    background-image: url(../img/icon_taste6_off.png)
}

body.taste_list div.section div.tabarea ul.tab li.tab7 a {
    background-image: url(../img/icon_taste7_off.png)
}

body.taste_list div.section div.tabarea ul.tab li.tab1.active a,
body.taste_list div.section div.tabarea ul.tab li.tab1 a:hover {
    background-image: url(../img/icon_taste1.png)
}

body.taste_list div.section div.tabarea ul.tab li.tab2.active a,
body.taste_list div.section div.tabarea ul.tab li.tab2 a:hover {
    background-image: url(../img/icon_taste2.png)
}

body.taste_list div.section div.tabarea ul.tab li.tab3.active a,
body.taste_list div.section div.tabarea ul.tab li.tab3 a:hover {
    background-image: url(../img/icon_taste3.png)
}

body.taste_list div.section div.tabarea ul.tab li.tab4.active a,
body.taste_list div.section div.tabarea ul.tab li.tab4 a:hover {
    background-image: url(../img/icon_taste4.png)
}

body.taste_list div.section div.tabarea ul.tab li.tab5.active a,
body.taste_list div.section div.tabarea ul.tab li.tab5 a:hover {
    background-image: url(../img/icon_taste5.png)
}

body.taste_list div.section div.tabarea ul.tab li.tab6.active a,
body.taste_list div.section div.tabarea ul.tab li.tab6 a:hover {
    background-image: url(../img/icon_taste6.png)
}

body.taste_list div.section div.tabarea ul.tab li.tab7.active a,
body.taste_list div.section div.tabarea ul.tab li.tab7 a:hover {
    background-image: url(../img/icon_taste7.png)
}

div.section div.tabdetail {
    padding: 40px 40px 20px!important
}

div.section div.tabdetail ul {
    margin: 0 -10px
}

div.section div.tabdetail ul li {
    float: left;
    margin-right: 30px
}

div.section div.tabdetail ul li a {
    color: #333;
    text-decoration: none
}

div.section div.tabdetail ul li a:hover {
    color: #3CF
}

div.section div.tabdetail h3 {
    margin: 30px 0 18px;
    padding: 0 10px;
    background: #C7D527 none;
    border-radius: 6px;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

div.section div.tabdetail .taste_list_box {
    overflow: hidden;
    margin-bottom: 20px
}

div.section div.tabdetail .item {
    margin-bottom: 14px;
    border: 1px solid #999;
    width: 400px;
    float: left;
}
.taste_list div.section div.tabdetail .item{
    height: 120px !important;
}


div.section div.tabdetail .item img {
    float: left;
    margin: 10px
}

div.section div.tabdetail .item h4,
div.section div.tabdetail .item p {
    margin: 0 0 0 90px
}

div.section div.tabdetail .item h4 {
    padding: 10px 10px 0 0;
    border: none;
    clear: none
}

div.section div.tabdetail .item p {
    margin-top: 0;
    padding: 0 10px 10px 0;
    line-height: 1.4
}

body.hotel_list div.section div.tabdetail h2 {
    margin: 0;
    padding: 0 10px;
    text-align: left;
    font-size: 30px
}

body.hotel_list div.section .table {
    margin-bottom: 20px;
    width: 100%;
    border: none;
    border-collapse: collapse;
    border-spacing: 1;
    display: table
}

body.hotel_list div.section .tr,
body.hotel_list div.section .tr-col {
    display: table-row
}

body.hotel_list div.section .th,
body.hotel_list div.section .td {
    display: table-cell;
    text-align: left;
    padding: 0.9em 7px;
    border: 1px solid #CCC
}

body.hotel_list div.section .th {
    background: #F8FFDB;
    font-weight: normal
}

body.hotel_list div.section .td {
    background: #fff
}

body.hotel_list div.section .tr-col .th {
    background: #E9EF9F;
    text-align: center;
    font-weight: bold
}

body.know div.section div.content,
body.search div.section div.content {
    margin-left: 490px;
    overflow: hidden;
}

body.know div.section p.pict4 img,
body.search div.section p.pict4 img {
    margin-bottom: 10px
}

body.know div.section h2 {
    padding-bottom: 0!important
}

body.know div.section h2 span.ja {
    font-size: 18px;
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%
}

body.search div.section h2 span.category {
    margin-bottom: -13px;
    display: block;
    font-size: 14px;
    position: relative
}

body.search div.section h2 span.category:before {
    content: '';
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 40px 32px
}

body.search div.section h2 span.category.taste1:before {
    background-image: url(../img/icon_taste1.png)
}

body.search div.section h2 span.category.taste2:before {
    background-image: url(../img/icon_taste5.png)
}

body.search div.section h2 span.category.taste3:before {
    background-image: url(../img/icon_taste2.png)
}

body.search div.section h2 span.category.taste4:before {
    background-image: url(../img/icon_taste6.png)
}

body.search div.section h2 span.category.taste5:before {
    background-image: url(../img/icon_taste3.png)
}

body.search div.section h2 span.category.taste6:before {
    background-image: url(../img/icon_taste7.png)
}

body.search div.section h2 span.category.taste7:before {
    background-image: url(../img/icon_taste4.png)
}

body.search div.section dl {
    padding-top: 15px;
    border-top: 1px solid #999
}

body.search div.section dt,
body.search div.section dl:after {
    clear: none!important
}

body.search div.section dd {
    border-color: #fff
}

body.search div.section div.map {
    margin-top: 30px
}

div#sub_contents {
    clear: both
}

div#sub_contents ul#banner_slide li img {
    border: 2px solid #969392
}

div#footer p.pagetop {
    position: absolute;
    top: -32px;
    margin-left: 900px
}

div#footer p.pagetop a {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 1
}

div#footer p.pagetop a:hover {
    opacity: 0.8
}

div#footer ul.nav{
    float: right;
    margin-right: 30px;
}
div#footer ul.nav li {
    /*float: right;*/
    /*padding: 0 15px*/
    line-height: 1.2em;
}

div#footer ul.nav li a {
    color: #333;
    text-decoration: none
}

div#footer ul.nav li a:hover {
    color: #3CF
}

div#footer div.address_box {
    float: left;
    /*margin-top: -1.2em;*/
    padding-right: 15px;
    margin-right: 15px;
    line-height: 1.3;
    border-right: 1px solid #333;
}

div#footer div.address_box_01 {
    /*width: 330px;*/
}

div#footer div.address_box_01 div.logo {
    margin-right: 10px;
    float: left;
    width: 93px
}

div#footer div.address_box_01 div.logo img {
    width: 93px;
    height: 61px
}

div#footer div.address_box_01 address {
    /*line-height: 1.3*/
}

div#footer div.address_box_01 address span.tel {
    display: block;
    padding-top: 8px
}

div#footer div.address_box_02 {
    /*width: 427px;*/
    /*font-size: 10px*/
    border-right: 1px solid #333;
}

div#footer div.address_box_02 ul li {
    padding-left: 12px;
    position: relative;
    margin-bottom: 8px
}

div#footer div.address_box_02 ul li:before {
    content: '■';
    position: absolute;
    left: 0;
    top: 0
}

div#footer div.address_box_03{
    margin-right: 0;
}


div#footer div.mode {
    clear: both;
    text-align: center
}

div#footer div.mode .btnAcv {
    color: #333;
    text-decoration: none;
    font-weight: bold
}

div#footer p.copyright {
    clear: both;
    padding-top: 25px;
    text-align: center
}

div#header,
div#body,
div#footer,
ul,
div.section,
div.aside,
div.section dl,
div#navigation dl dd,
div#contents_navigation dl dd,
.clearfix {
    *zoom: 1
}

div#header:before,
div#header:after,
div#body:before,
div#body:after,
div#footer:before,
div#footer:after,
ul:before,
ul:after,
div.section:before,
div.section:after,
div.aside:before,
div.aside:after,
div.section dl:before,
div.section dl:after,
div#navigation dl dd:before,
div#navigation dl dd:after,
div#contents_navigation dl dd:before,
div#contents_navigation dl dd:after,
.clearfix:before,
.clearfix:after {
    content: "";
    display: table
}

div#header:after,
div#body:after,
div#footer:after,
ul:after,
div.section:after,
div.aside:after,
div.section dl:after,
div#navigation dl dd:after,
div#contents_navigation dl dd:after,
.clearfix:after {
    clear: both
}

@media screen and (max-width: 1024px) {
    body {
        min-width: 100%
    }
    div#wrapper,
    div#header,
    div#body,
    div#contents,
    div#sub_contents,
    div#footer {
        width: 100%!important
    }
    div#header ul.nav,
    div.section h1,
    div#footer {
        margin-right: 0!important;
        margin-left: 0!important;
        padding-right: 0!important;
        padding-left: 0!important
    }
    div#header {
        height: 106px!important
    }
    .pc {
        display: none
    }
    .sp {
        display: block
    }
    div#header h1,
    div#header p.title {
        margin: 44px 0 0 11px
    }
    div#header h1 img,
    div#header p.title img {
        width: 242px;
        height: 49px
    }
    div#header p.nav_control {
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        background: #3E3B3B;
        width: 100%;
        height: 36px
    }
    div#header p.nav_control span {
        display: block;
        color: #fff;
        position: absolute;
        top: 12px;
        left: 12px;
        text-indent: -9999px;
        border-bottom: 2px solid #fff;
        width: 20px;
        height: 12px;
        z-index: 300;
        cursor: pointer
    }
    div#header p.nav_control span:before,
    div#header p.nav_control span:after {
        content: '';
        position: absolute;
        width: 20px;
        left: 0;
        background: #fff;
        height: 2px
    }
    div#header p.nav_control span:before {
        top: 0
    }
    div#header p.nav_control span:after {
        top: 6px
    }
    div#header ul.nav {
        top: 36px;
        bottom: auto;
        display: none;
        display: block;
        color: #fff;
        background: #3E3B3B;
        width: 100%;
        z-index: 3000;
        display: none
    }
    div#header ul.nav li {
        float: none;
        font-size: 15px
    }
    div#header ul.nav li a,
    div#header ul.nav li p {
        padding: 15px;
        background: #3E3B3B;
        border-top: 1px solid #D0CECE;
        -webkit-transition: 0;
        transition: 0;
        opacity: 1;
        line-height: 1.4;
        position: relative
    }
    div#header ul.nav li a:hover,
    div#header ul.nav li p:hover {
        opacity: 1
    }
    div#header ul.nav li a:after,
    div#header ul.nav li p:after {
        display: none
    }
    div#header ul.nav li.nav2 p:after,
    div#header ul.nav li.nav4 p:after,
    div#header ul.nav li.nav5 p:after,
    div#header ul.nav li.nav6 p:after,
    div#header ul.nav li.nav7 p:after {
        content: '';
        position: absolute;
        display: block;
        margin-top: -4px;
        top: 50%;
        right: 10px;
        width: 12px;
        height: 7px;
        background: url(../img/lang_btn_sp.png) no-repeat 0 0;
        background-size: 12px 7px
    }
    div#header ul.nav li ul {
        display: none;
        margin: 0;
        position: static;
        background: #1F1D1D;
        padding: 0
    }
    div#header ul.nav li ul:before {
        display: none
    }
    div#header ul.nav li ul li {
        text-align: left!important;
        width: auto!important;
        font-size: 15px
    }
    div#header ul.nav li ul li a {
        padding-left: 40px;
        color: #fff;
        background: transparent;
        border: none;
        border-top: 1px solid #D0CECE
    }
    div#header ul.nav li ul li img {
        display: none
    }
    div#header ul.nav li ul li span.ja {
        font-size: 15px;
        margin: 0!important;
        padding: 0!important;
        -webkit-text-size-adjust: 100%
    }
    div#header ul.nav li ul li span.en {
        display: none
    }
    div#header ul.nav li.nav4 ul li.last {
        display: none
    }
    div#header div.lang {
        top: 7px;
        right: 40px;
        left: auto;
        width: 100px;
        color: #fff;
        border: 1px solid #fff;
        background: #3e3b3b
    }
    div#header div.lang select {
        border-radius: 0;
        width: 140px;
        height: 20px;
        line-height: 20px;
        background: transparent url(../img/lang_btn_sp.png) no-repeat 82px 50%;
        background-size: 13px 8px
    }
    div#header p.search_control {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer
    }
    div#header p.search_control img {
        width: 17px;
        height: 17px
    }
    div#header div.search {
        display: none;
        position: relative;
        z-index: 5000;
        top: 36px;
        width: 100%;
        /*height: 30px;*/
        padding: 5px 0 10px;
        box-shadow: none;
        background: #3E3B3B
    }
    div#header div.search form {
        display: block;
        padding: 0 10px
    }
    div#header div.search input {
        /*height: 30px;*/
        /*line-height: 30px;*/
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0
    }
    div#header div.search #search {
        height: 30px;
        line-height: 30px;
        background: #fff;
        padding: 0;
        width: 75%;
        text-indent: 10px
    }
    div#header div.search #searchButtonSp {
        display: inline;
        padding: 0;
        width: 25%;
        color: #fff;
        background: #C7D527;
        font-weight: normal
    }
    div#header div.lang:after,
    div#header div.search:after {
        display: none
    }
    div.section {
        padding: 0 5px 30px
    }
    div.section h1 {
        margin-right: -20px!important;
        margin-bottom: 40px!important;
        margin-left: -20px!important;
        width: auto!important;
        background: url(../img/bg_h1.png) no-repeat 0 0!important;
        font-size: 25px!important
    }
    div.section h1 img {
        margin: 0!important;
        right: 0;
        max-width: none;
    }
    div.section h1 span {
        margin: 0!important
    }
    body.feature div.section h1,
    body.taste div.section h1,
    body.infomation div.section h1 {
        text-align: right
    }
    body.feature div.section h1 img {
        right: -70px
    }
    body.taste div.section h1 img {
        right: -35px
    }
    body.infomation div.section h1 img {
        right: 0
    }
    body.interest div.section h1 img {
        left: -150px
    }
    body.festival div.section h1 img {
        left: -150px
    }
    body.souvenir div.section h1 img {
        left: -70px
    }
    body.hotels div.section h1 img {
        left: -160px
    }
    body.interest div.section h1 span {
        background-position: right -110px top 0
    }
    body.festival div.section h1 span {
        background-position: 100% 0
    }
    body.souvenir div.section h1 span {
        background-position: 100% 0
    }
    body.hotels div.section h1 span {
        background-position: right -163px top 0
    }
    div.section h2,
    div.section h3,
    div.section h4 {
        margin-top: 40px!important
    }
    div.section h2,
    div.section h4 {
        margin-right: -5px!important;
        margin-left: -5px!important;
        padding-right: 7px!important;
        padding-left: 7px!important
    }
    div.section h2 {
        margin-bottom: 30px!important
    }
    div.section h3 {
        margin-bottom: 10px!important;
        border-bottom: 2px solid #ccc
    }
    div.section form dl dt {
        padding: 0!important;
        float: none!important;
        width: auto!important;
        text-indent: 0!important
    }
    div.section form dl dd {
        padding: 0 0 10px!important
    }
    div.section form input#address,
    div.section form textarea {
        max-width: 100%
    }
    div.section .list_box {
        text-align: center;
    }
    div.section .list_box .item {
        float: none;
        display: inline-block;
        vertical-align: top;

        /*width: auto;*/
        width: 220px;
        /*height: auto;*/
        /*margin-left: auto;*/
        /*margin-right: auto;*/
        margin-left: 10px;
        margin-right: 10px;
    }
    div.section .list_box img {
        max-width: 100%;
    }
    div.section .list_box h2 {
        margin: 10px 7px!important;
        padding: 7px 10px 0!important
    }
    div.section .list_box p {
        margin-bottom: 10px;
        padding-right: 10px;
        padding-left: 10px;
        height: auto;
    }
    body.taste_list div.section div.tabarea ul.tab li {
        margin-bottom: 10px;
        width: 25%!important
    }
    body.taste_list div.section div.tabarea ul.tab li a {
        border-bottom: 3px solid #C7D527;
        bottom: 0
    }
    body.taste_list div.section div.tabarea ul.tab li a:hover,
    body.taste_list div.section div.tabarea ul.tab li.active a,
    body.taste_list div.section div.tabarea ul.tab li.active a:hover {
        padding-bottom: 4px!important;
        border-bottom: 3px solid #000!important
    }
    body.taste_list div.section div.tabdetail {
        padding: 15px 5px 10px!important
    }
    body.taste_list div.section div.tabdetail ul {
        margin: 0
    }
    body.taste_list div.section div.tabdetail h3 {
        margin-top: 10px!important
    }
    body.taste_list div.section div.tabdetail .item {
        /*width: auto*/
        width: 45%;
        margin: 0 2% 14px !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    body.taste_list div.section div.tabdetail .item h4 {
        margin-top: 0!important
    }
    body.hotel_list div.section div.tabdetail {
        padding: 15px 5px 10px!important
    }
    body.hotel_list div.section div.tabdetail ul {
        margin: 0
    }
    body.hotel_list div.section div.tabdetail h2 {
        display: none
    }
    body.hotel_list div.section div.tabdetail h3 {
        margin-top: 10px!important
    }
    body.hotel_list div.section .table,
    body.hotel_list div.section .tr,
    body.hotel_list div.section .tr-col,
    body.hotel_list div.section .th,
    body.hotel_list div.section .th:before,
    body.hotel_list div.section .td,
    body.hotel_list div.section .td:before {
        display: block
    }
    body.hotel_list div.section .tr-col {
        position: absolute;
        top: -1000em;
        left: -1000em
    }
    body.hotel_list div.section .tr {
        margin-bottom: 10px;
        border: 1px solid #CCC;
        position: relative
    }
    body.hotel_list div.section .tr:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 6.5em;
        height: 100%;
        background: #E9EF9F;
        border-right: 1px solid #CCC;
        z-index: 1
    }
    body.hotel_list div.section .th,
    body.hotel_list div.section .td {
        position: relative;
        padding-left: 7em;
        border: none;
        border-bottom: 1px solid #CCC;
        background: transparent;
        z-index: 2
    }
    body.hotel_list div.section .td:nth-child(3) {
        border: none
    }
    body.hotel_list div.section .th:before,
    body.hotel_list div.section .td:before {
        position: absolute;
        top: 0.9em;
        left: 7px;
        width: 5.5em;
        font-weight: bold;
        content: " " attr(data-label) " "
    }
    body.know div.section p.pict4.singleThumb,
    body.search div.section p.pict4.singleThumb{
        float: none;
    }
    body.know div.section div.content,
    body.search div.section div.content {
        /*margin-left: 120px;*/
        margin-left: 0;
    }
    body.know div.section p.pict4 img,
    body.search div.section p.pict4 img {
        /*max-width: 100px*/
    }
    body.know div.section h2 span.ja {
        display: none
    }
    body.know div.section p.btn {
        margin-left: -110px;
        clear: both
    }
    body.search div.section h2 {
        font-size: 15px;
        text-align: left
    }
    body.search div.section h2 span.category {
        margin-right: 10px;
        display: inline;
        font-size: 7px
    }
    body.search div.section h2 span.category:before {
        background-size: 20px 16px;
        width: 20px;
        height: 16px;
        margin-left: -10px;
        top: -20px
    }
    body.search div.section dl{
        clear: both;
    }
    body.search div.section dl,
    body.search div.section div.map {
        /*margin-left: -110px*/
        margin-left: 10px;
    }
    div#footer {
        width: auto!important;
        margin-left: 10px!important;
        margin-right: 10px!important;
        padding-bottom: 0
    }
    div#footer p.pagetop {
        display: none
    }
    div#footer ul.nav {
        margin-bottom: 20px;
        padding-bottom: 10px;
        float: none;
        border-bottom: 3px solid #C7D527;
        text-align: center;
        margin-right: 0;
    }
    div#footer ul.nav li {
        float: none;
        display: inline;
        padding: 0 1em;
    }
    div#footer div.address_box {
        margin-bottom: 20px;
        float: none;
        margin-top: 0;
        width: auto;
        border: none;
        margin-right: 0;
        padding-right: 0;
    }
    div#footer div.address_box_01 {
    }
    div#footer div.address_box_01 div.logo img {
        width: 97px;
        height: 63px
    }
    div#footer div.address_box_01 address {
        /*margin-left: 110px*/
    }
    div#footer p.copyright {
        margin: 10px -10px 0;
        padding: 10px 0;
        color: #fff;
        background: #3E3B3B;
        font-size: 9px
    }
}

@media screen and (max-width: 480px) {
    body.taste_list div.section div.tabdetail .item {
        width: 100%;
        margin: 0 0 14px !important;
    }
}

article,
section,
div.section {}

article p,
article blockquote,
article table,
article dl,
article ul,
article ol,
article pre,
section p,
section blockquote,
section table,
section dl,
section ul,
section ol,
section pre,
div.section p,
div.section blockquote,
div.section table,
div.section dl,
div.section ul,
div.section ol,
div.section pre {
    margin: 1em 0
}

article h1,
article h2,
article h3,
article h4,
article h5,
article h6,
section h1,
section h2,
section h3,
section h4,
section h5,
section h6,
div.section h1,
div.section h2,
div.section h3,
div.section h4,
div.section h5,
div.section h6 {
    clear: both
}

article h1,
section h1,
div.section h1 {
    margin: 0 -500% 60px;
    padding: 0 500%;
    color: #fff;
    background: #251E1C;
    position: relative;
    height: 150px;
    font-size: 36px;
    font-family: Arial
}

article h1 img,
section h1 img,
div.section h1 img {
    position: absolute;
    margin: 0 -20px
}

article h1 span,
section h1 span,
div.section h1 span {
    margin: 0 -20px;
    display: block;
    position: relative;
    z-index: 100;
    text-shadow: 0 0 5px black;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 100% 0;
    height: 150px;
    line-height: 150px
}

article h2,
section h2,
div.section h2 {
    margin: 70px -20px;
    padding: 0 5px 10px;
    border-bottom: 3px solid #C7D527;
    position: relative;
    font-size: 35px;
    font-weight: normal;
    text-align: center
}

article h3,
section h3,
div.section h3 {
    margin: 70px 0 30px;
    padding: 3px 20px;
    font-size: 16px;
    font-weight: bold;
    background: url(../img/icon_h3.png) no-repeat 0 50%
}

article h4,
section h4,
div.section h4 {
    margin: 70px -20px 15px;
    padding: 3px 20px;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px dotted #CCC
}

article dl dt,
section dl dt,
div.section dl dt {
    float: left;
    clear: left;
    width: 9em;
    margin: 0 0.5em 1px 0;
    padding: 0.5em 0;
    font-weight: normal
}

article dl dd,
section dl dd,
div.section dl dd {
    margin: 0;
    padding: 0.5em 0 0.5em 10em;
    border-bottom: 1px dashed #999
}

article dl dd ul,
section dl dd ul,
div.section dl dd ul {
    margin: 0
}

article dl dd dl,
section dl dd dl,
div.section dl dd dl {
    margin: 0
}

article dl dd dl dt,
section dl dd dl dt,
div.section dl dd dl dt {
    margin: 0 0.5em 0 0;
    font-weight: normal
}

article dl dd dl dd,
section dl dd dl dd,
div.section dl dd dl dd {
    border: none
}

article dl.titleshort dt,
section dl.titleshort dt,
div.section dl.titleshort dt {
    width: 5em
}

article dl.titleshort dd,
section dl.titleshort dd,
div.section dl.titleshort dd {
    padding: 0.5em 0 0.5em 6em
}

article dl.th dt,
section dl.th dt,
div.section dl.th dt {
    width: 6em
}

article dl.th dd,
section dl.th dd,
div.section dl.th dd {
    padding: 0.5em 0 0.5em 7em
}

article dl.titlemedium dt,
section dl.titlemedium dt,
div.section dl.titlemedium dt {
    width: 10em
}
article dl.titlemedium dd,
section dl.titlemedium dd,
div.section dl.titlemedium dd {
    padding-left: 11em;
}

article dl.titlelong dt,
section dl.titlelong dt,
div.section dl.titlelong dt {
    width: 15em
}

article dl.titlelong dd,
section dl.titlelong dd,
div.section dl.titlelong dd {
    padding: 0.5em 0 0.5em 16em
}

article dl.titlelongest dt,
section dl.titlelongest dt,
div.section dl.titlelongest dt {
    width: 20em
}

article dl.titlelongest dd,
section dl.titlelongest dd,
div.section dl.titlelongest dd {
    padding: 0.5em 0 0.5em 21em
}

article ul,
section ul,
div.section ul {
    padding: 0 10px
}

article ul li,
section ul li,
div.section ul li {
    margin: 0 0 5px;
    padding: 2px 0 2px 20px;
    background: url(../img/icon_arrow.png) no-repeat 0 10px
}

article ul li ol li,
section ul li ol li,
div.section ul li ol li {
    background: none;
    list-style: decimal;
    padding: 2px 0
}

article ol,
section ol,
div.section ol {
    list-style: decimal;
    padding: 0 10px 0 30px
}

article ol li,
section ol li,
div.section ol li {
    padding: 2px 0
}

article ol li ul li,
section ol li ul li,
div.section ol li ul li {
    padding: 2px 0 2px 20px
}

article ul.gallery,
section ul.gallery,
div.section ul.gallery {
    clear: both;
    margin-right: -10px;
    padding: 0
}

article ul.gallery li,
section ul.gallery li,
div.section ul.gallery li {
    float: left;
    margin: 0;
    padding: 0 10px 10px 0;
    background: none
}

article ul.gallery li:before,
section ul.gallery li:before,
div.section ul.gallery li:before {
    display: none
}

article ul.social_button li,
section ul.social_button li,
div.section ul.social_button li {
    display: inline;
    margin: 0;
    padding: 0 10px 0 0;
    background: none
}

article ul.social_button li:before,
section ul.social_button li:before,
div.section ul.social_button li:before {
    display: none
}

table {
    width: 100%;
    border: none;
    border-collapse: collapse;
    border-spacing: 1
}

table caption {
    text-align: center;
    margin: 0
}

table caption.left {
    text-align: left
}

table caption.right {
    text-align: right
}

table tr th,
table tr td {
    padding: 0.9em 7px;
    border: 1px solid #CCC;
    text-align: left;
    background: #fff
}

table tr th {
    background: #F8FFDB;
    font-weight: normal
}

table thead tr th,
table tr.col th {
    border: 1px solid #CCC;
    background: #E9EF9F;
    text-align: center;
    font-weight: bold
}

p.detail,
p.author,
p.date,
p.copy {
    text-align: right
}

div.description{
    text-align:center;
    margin: 0 auto 15px;
    width:310px
}

p.pict {
    margin: 1em 0
}

p.pict2 {
    float: left;
    margin: 1em 0;
    padding: 0 10px 0 0
}

p.pict3 {
    float: right;
    margin: 1em 0;
    padding: 0 0 0 10px
}

p.pict4 {
    float: left;
    margin: 0 0 1em 0!important;
    padding: 0 10px 0 0
}

p.pict5 {
    float: right;
    margin: 0 0 1em 0!important;
    padding: 0 0 0 10px
}

p.pict6 {
    padding-bottom: 2em;
    text-align: center
}

img.alignleft {
    float: left
}

img.aligncenter,
dl.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

img.alignright {
    float: right
}

dl.pict {
    width: auto;
    background: none;
    margin: 1em 0!important
}

dl.pict dt {
    float: none!important;
    width: auto
}

dl.pict dd {
    padding: 0!important;
    font-size: 90%
}

dl.pict2 {
    float: left;
    margin: 1em 0 1em -10px!important
}

dl.pict2 dt {
    float: none!important;
    margin: 0!important
}

dl.pict2 dd {
    float: none!important;
    margin: 0!important
}

dl.pict3 {
    float: right;
    margin: 1em 0!important
}

dl.pict3 dt {
    float: none!important;
    margin: 0!important
}

dl.pict3 dd {
    float: none!important;
    margin: 0!important
}

div.section form table th,
div.section form table td {
    text-align: left;
    padding: 10px;
    border: 1px solid #ccc
}

div.section form table th {
    background: #f6f6f6;
    white-space: nowrap
}

div.section form dl dt {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 17em;
    text-indent: 4em;
    font-size: 16px
}

div.section form dl dt span.attention {
    text-indent: 0
}

div.section form dl dd {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 21em;
    border-bottom: 1px solid #ccc
}

form table th span.attention,
form dl dt span.attention {
    position: relative;
    top: -1px;
    margin-left: 7px;
    padding: 1px 7px;
    line-height: 1.4;
    color: #fff;
    background: #F00;
    font-weight: normal;
    font-size: 12px;
    white-space: nowrap;
    border-radius: 6px;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

form table td span.attention,
form dl dd span.attention {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 5px 0;
    color: #C00;
    background: #FFF0EC;
    font-size: 11px
}

form table td p.attention,
form dl dd p.attention {
    margin: 0;
    color: #C00;
    background: #FFF0EC;
    font-size: 11px
}

form table td p.example,
form dl dd p.example,
form table td span.example,
form dl dd span.example {
    display: block;
    margin: 3px 0 0;
    color: #666;
    font-size: 11px
}

form p.submit {
    text-align: center
}

form input[type="submit"],
form input[type="button"],
form p.submit input,
form input.submit {
    margin: 0 auto;
    padding: 7px 30px 7px 13px;
    text-align: center;
    background-color: #C7D527;
    border: 1px solid #C7D527;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-weight: bold;
    font-size: 14px;
    position: relative;
    padding: 10px 25px;
    cursor: pointer
}

form input[type="submit"]:after,
form input[type="button"]:after,
form p.submit input:after,
form input.submit:after {
    content: '';
    position: absolute;
    margin-top: -8px;
    top: 50%;
    right: 10px;
    width: 11px;
    height: 16px;
    background: url(../img/icon_btn_arrow.png) no-repeat 0 50%
}

form input[type="submit"]:hover,
form input[type="button"]:hover,
form p.submit input.hover,
form input.submit.hover {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 1
}

form input[type="submit"]:hover:hover,
form input[type="button"]:hover:hover,
form p.submit input.hover:hover,
form input.submit.hover:hover {
    opacity: 0.8
}

form img.captcha,
form dl img.captcha {
    display: block;
    margin: 0 0 5px
}

input.shorttext {
    width: 100px
}

input.longtext {
    width: 400px
}

input#familyname,
input#firstname,
input#zip,
input#zip2 {
    width: 100px
}

input#zip_a {
    width: 60px
}

input#zip_b {
    width: 80px
}

input#address,
textarea {
    width: 400px
}

input#people {
    width: 80px
}

input#item1_num,
input#item2_num,
input#item3_num,
input#item4_num {
    width: 30px
}

input.alphanumeric,
textarea.alphanumeric {
    ime-mode: disabled
}

label.radio,
label.checkbox {
    margin: 0 5px 0 0
}

select {
    margin: 0 0 5px;
    padding: 3px
}

div.form_error {
    margin: 1em 0;
    padding: 0 10px;
    border: 2px solid #c00;
    background: #FFF4F4;
    color: #f00;
    font-weight: bold;
    border-radius: 5px
}

.alert {
    margin: 10px 0;
    padding: 0.5em 15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbf5d5
}

.alert,
.alert h4 {
    color: #c09853
}

.alert h4 {
    margin: 0
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #468847
}

.alert-success h4 {
    color: #468847
}

.alert-danger,
.alert-error {
    background-color: #f2dede;
    border-color: #eed3d3;
    color: #b94a48
}

.alert-danger h4,
.alert-error h4 {
    color: #b94a48
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #3a87ad
}

.alert-info h4 {
    color: #3a87ad
}

div.section form table tr td div.form_inner {
    float: left;
    padding: 0 15px 0 0
}

div.section form div.agreement {
    margin: 30px 0;
    padding: 15px 15px;
    border: 1px solid #ccc;
    background: #f6f6f6
}

div.section form div.agreement div.article {
    overflow-y: scroll;
    height: 200px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 5px 10px
}

form div.agreement span.attention {
    color: #f30;
    font-weight: normal;
    font-size: 80%
}

.pdf {
    padding: 0 0 0 20px;
    background: url(../img/icon_pdf.gif) no-repeat 0 0
}

.doc {
    padding: 0 0 0 20px;
    background: url(../img/icon_word.gif) no-repeat 0 0
}

.xls {
    padding: 0 0 0 20px;
    background: url(../img/icon_excel.gif) no-repeat 0 0
}

.img {
    padding: 0 0 0 20px;
    background: url(../img/icon_image.gif) no-repeat 0 0
}

.sound {
    padding: 0 0 0 20px;
    background: url(../img/icon_sound.gif) no-repeat 0 0
}

ul.file {
    padding: 3px 5px 0 5px;
    border: 1px solid #ccc
}

article div.attention,
section div.attention,
div.section div.attention {
    margin: 1em 5px;
    padding: 0 5px;
    background: #f5f5f5;
    border: 1px solid #ccc
}

article div.important,
section div.important,
div.section div.important {
    background: #fff;
    padding: 0 15px!important;
    border: 4px solid #FAA
}

article p.note,
section p.note,
div.section p.note {
    font-size: 12px
}

div#contents div.section ul.navigation.pager {
    clear: both;
    padding: 0;
    text-align: center;
    line-height: 1!important
}

div#contents div.section ul.navigation.pager li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: none;
    padding: 0;
    margin: 0 5px 10px;
    white-space: normal;
    background: none;
    white-space: nowrap;
    border: 2px solid #C7D527
}
div#contents div.section ul.navigation.pager li.is_current{
    padding: 0.5em !important;
}

div#contents div.section ul.navigation.pager li:before {
    display: none
}

div#contents div.section ul.navigation.pager li.pager,
div#contents div.section ul.navigation.pager li a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #333;
    padding: 0.5em;
    *zoom: 1;
    text-decoration: none;
    font-weight: normal
}

div#contents div.section ul.navigation.pager li a:hover {
    color: #fff;
    background: #C7D527;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 1
}

div#contents div.section ul.navigation.pager li a:hover:hover {
    opacity: 0.8
}

div#contents div.section ul.navigation.pager li.pager {
    margin: 0 5px
}

div#contents div.section ul.navigation.pager li.first,
div#contents div.section ul.navigation.pager li.prev,
div#contents div.section ul.navigation.pager li.next,
div#contents div.section ul.navigation.pager li.last {
    padding: 0
}

div#contents div.section ul.navigation.pager li.first a,
div#contents div.section ul.navigation.pager li.prev a,
div#contents div.section ul.navigation.pager li.next a,
div#contents div.section ul.navigation.pager li.last a {
    /*position: relative;*/
    /*background: #C7D527;*/
    /*padding: 0.5em;*/
    /*color: #333;*/
    /*-webkit-transition: 0.2s;*/
    /*transition: 0.2s;*/
    /*opacity: 1*/
}

div#contents div.section ul.navigation.pager li.first a:hover,
div#contents div.section ul.navigation.pager li.prev a:hover,
div#contents div.section ul.navigation.pager li.next a:hover,
div#contents div.section ul.navigation.pager li.last a:hover {
    opacity: 0.8
}

div#contents div.section ul.navigation.pager li.first a:before,
div#contents div.section ul.navigation.pager li.first a:after,
div#contents div.section ul.navigation.pager li.prev a:before,
div#contents div.section ul.navigation.pager li.prev a:after,
div#contents div.section ul.navigation.pager li.next a:before,
div#contents div.section ul.navigation.pager li.next a:after,
div#contents div.section ul.navigation.pager li.last a:before,
div#contents div.section ul.navigation.pager li.last a:after {
    /*content: '';*/
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid
}

div#contents div.section ul.navigation.pager li.first a,
div#contents div.section ul.navigation.pager li.prev a {
    padding-left: 15px
}

div#contents div.section ul.navigation.pager li.first a:before,
div#contents div.section ul.navigation.pager li.first a:after,
div#contents div.section ul.navigation.pager li.prev a:before,
div#contents div.section ul.navigation.pager li.prev a:after {
    left: 5px;
    top: 50%
}

div#contents div.section ul.navigation.pager li.first a:before,
div#contents div.section ul.navigation.pager li.prev a:before {
    margin-top: -5px;
    border-width: 5.5px 8px 5.5px 0;
    border-color: transparent #333 transparent transparent
}

div#contents div.section ul.navigation.pager li.first a:after,
div#contents div.section ul.navigation.pager li.prev a:after {
    left: 7px;
    margin-top: -4px;
    border-width: 4.5px 6px 4.5px 0;
    border-color: transparent #C7D527 transparent transparent
}

div#contents div.section ul.navigation.pager li.next a,
div#contents div.section ul.navigation.pager li.last a {
    /*padding-right: 15px*/
}

div#contents div.section ul.navigation.pager li.next a:before,
div#contents div.section ul.navigation.pager li.next a:after,
div#contents div.section ul.navigation.pager li.last a:before,
div#contents div.section ul.navigation.pager li.last a:after {
    right: 5px;
    top: 50%
}

div#contents div.section ul.navigation.pager li.next a:before,
div#contents div.section ul.navigation.pager li.last a:before {
    margin-top: -5px;
    border-width: 5.5px 0 5.5px 8px;
    border-color: transparent transparent transparent #333
}

div#contents div.section ul.navigation.pager li.next a:after,
div#contents div.section ul.navigation.pager li.last a:after {
    right: 7px;
    margin-top: -4px;
    border-width: 4.5px 0 4.5px 6px;
    border-color: transparent transparent transparent #C7D527
}

div#contents div.section ul.navigation.pager li.is_current {
    padding: 0.5em;
    margin: 0 5px;
    font-weight: bold;
    background: #C7D527;
    border-color: #C7D527
}

div#contents div.section ul.navigation.pager.short li.prev {
    float: left
}

div#contents div.section ul.navigation.pager.short li.next {
    float: right
}

div#contents div.section p.page {
    text-align: center;
    font-size: 84%
}

table caption span.thismonth {
    font-size: 200%;
    font-weight: bold;
    padding: 0 20px
}

table .holiday {
    background: #FFF0F0;
    color: #C00
}

table .saturday {
    background: #EEF9FF;
    color: #03C
}

table.calendar td {
    text-align: center
}

span.important {
    color: #F00;
    font-weight: bold
}

span.large {
    font-size: 120%
}

span.small {
    font-size: 84%
}

div.tabarea ul.tab {
    margin: 1em 0 0 0;
    padding: 0
}

div.tabarea ul.tab li {
    float: left;
    padding: 0;
    margin: 0;
    width: 24%;
    background: none;
    font-size: 14px
}

div.tabarea ul.tab li a {
    display: block;
    position: relative;
    bottom: -3px;
    margin: 0 10px 0 0;
    padding: 7px 0 4px;
    border: 3px solid #C7D527;
    border-bottom: none;
    color: #333;
    background: #C7D527;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    *zoom: 1
}

div.tabarea ul.tab li a:hover {
    padding-bottom: 7px;
    position: relative;
    background: #fff;
    color: #333;
    border-color: #000
}

div.tabarea ul.tab li.active a,
div.tabarea ul.tab li.active a:hover {
    padding-bottom: 7px;
    position: relative;
    color: #333;
    background: #fff;
    border-color: #000
}

div.tabarea div.tabdetail {
    border: 3px solid #000;
    padding: 0 10px
}

.acf-map {
    width: 100%;
    height: 250px;
    border: #cccccc solid 1px;
    margin: 20px 0;
}


.content_accommodation{
    margin-left: 0 !important;
    float: left;
    width: 430px;
}

.map_accommodation{
    margin-top: 0 !important;
    width: 430px;
    float: right;
}
@media screen and (max-width: 1024px) {
    .content_accommodation{
        width: auto;
        float: none;
    }
    .content_accommodation dl{
        margin-left: 0 !important;
    }
    .map_accommodation{
        width: auto;
        float: none;
        margin-left: 0 !important;
    }
    .gsib_a{
        width: 120% !important;
    }
    .gsib_b{
        text-align: right !important;

    }
}

.number{
    float: left;
    display: block;
    height: 30px;
    width: 30px;
    margin-right: 0.3em;
    border-radius: 20px;
    color: #FFF;
    text-align: center;
}
.number_01{
    background-color: #73BC30;
}
.number_02{
    background-color: #7589C5;
}
.number_03{
    background-color: #E26812;
}
.number_04{
    background-color: #1C4A9F;
}

.free{
    display: inline-block;
    line-height: 1em;
    margin-right: 0.3em;
    vertical-align: text-top;
}

.rental{
    margin-bottom: 50px;
}
.rental_contact{
    margin-top: -30px;
    width: 50%;
    float: left;
}
div.rental_contact dl.th dt {
    width: 9em
}
div.rental_contact dl.th dd {
    padding: 0.5em 0 0.5em 9.5em;
}
div.section .rental h3{
    margin-top: 0;
}
.rental_map{
    width: 45%;
    float: right;
}
@media screen and (max-width: 1024px) {
    .rental_contact{
        width: auto;
        float: none;
    }
    .rental_map{
        width: auto;
        float: none;
    }
}

.wheelchair{
    color: #DD0051;
}
.jumbo{
    color: #73BC30;
}

.taxi_company_01{
    width: 48%;
    float: left;
}
.taxi_company_02{
    width: 48%;
    float: right;
}
@media screen and (max-width: 1024px) {
    .taxi_company_01,
    .taxi_company_02{
        width: auto;
        float: none;
    }
}

div.section ul.list_atm li{
    padding-left: 0;
    background: none;
    border-bottom: 1px solid  #333;
}

.access_info{
    /*width: 500px;*/
    /*float: left;*/
    /*margin-top: -70px;*/
}
.access_img{
    /*float: right;*/
    text-align: center;
}
@media screen and (max-width: 1024px) {
    .access_info{
        width: auto;
        float: none;
        margin-top: 0;
    }
    .access_img{
        float: none;
    }
}

.gsc-above-wrapper-area,
.gsc-resultsHeader{
    display: none;
}
.gsc-input,td.gsc-search-button{
    border:none !important;
    background: none !important;
}
table.gsc-search-box td{
    border: none !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input{
    padding-right: 0px !important;
}
table.gsc-search-box td{
    padding-left: 0px !important;
}
.gsib_a{
    display: block !important;
}
.gsib_b{
    padding: 5px 0px 0px !important;
    background: none !important;
}
.gsc-input-box{
    box-shadow: none !important;
}
@media screen and (max-width: 1024px) {
    .gsc-input{
        padding: 0 !important;
    }
}
input.gsc-search-button-v2{
    margin-top: 0 !important;
    margin-left: 0 !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.singleThumb{
    max-width: 460px;
}


.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cl_b{
    clear: both;
}
.cl_l{
    clear: left;
}
.cl_r{
    clear: right;
}

/* atm : /en/information/atm */

.atm_icon_atm,
.atm_icon_yen{
    display: inline-block;
    width: 3em;
    padding-left: .25em;
    padding-right: .25em;
    background: #666;
    color: #FFF;
    border-radius: 4px;
    line-height: 1.4;
    margin-right: .8em;
    /*font-size: 80%;*/
    font-size: 18px;
}
.atm_icon_atm{
    background: #E26812;
}
.atm_icon_yen{
    background: #1C4A9F;
}

.l_atm_row{

}
.l_atm_row > .l_col_left,
.l_atm_row > .l_col_right{
    width: 40%;
    margin-left: 5%;
    margin-right: 5%;
    float: left;
    word-wrap: break-word;
}
@media screen and (max-width: 1024px) {
    .l_atm_row > .l_col_left,
    .l_atm_row > .l_col_right{
        width: auto;
        margin-left: 5%;
        margin-right: 5%;
        float: none;
    }
}