/*
@import url(http://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister);
*/
@import url(//fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister);
/* google map bug */
.gmap img { max-width: none; }

body {
    margin: 0;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", Hiragino Kaku Gothic Pro,Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 12px;
    line-height: 1.7em;
    color: #333;
    background-color: #ffffff;
  height:0;
}
a {
    color: #0099ff;
    text-decoration: none;
}
a:hover {
    color: #30abfc;
    text-decoration: underline !important;
}
a img:hover{
  filter: alpha(opacity=80);
    -moz-opacity:0.80;
    opacity:0.80;
}
h1 {
    font-size: 32px !important;
    line-height: 1.6em;
  margin-top:0;
  text-shadow: 0px 2px 3px rgba(0,0,0,0.4),
             0px 4px 13px rgba(0,0,0,0.1),
             0px 12px 23px rgba(0,0,0,0.1);
}
h2 {
    font-size: 28px;
    line-height: 40px;
}
h1 small { font-size: 22px }
h2 small { font-size: 18px }
h3 small { font-size: 16px }
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 10px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
}
input,
button,
select,
textarea { font-family:Lucida Grande, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;}


/* +++++ header search box +++++  */
#rt-drawer .rt-container{ /*  if module position for drawer  */
  text-align:right;
}
#rt-drawer .rt-container .rt-omega{
  margin-bottom:0;
  height:45px;
}
/*  if module position for Showcase  */
#rt-showcase .rt-container .rt-alpha,
#rt-showcase .rt-container .rt-omega{ 
  float:right;
}
#rt-showcase .rt-container .search-header{ 
  float:right;
}
#rt-showcase .rt-container .rt-omega{
  margin-bottom:0;
  height:50px;
}
.search-header input.search-query { 
    background: #fff;
  padding: 6px 6px 6px 8px;
  margin:0;
  width: 150px;
  border: solid 1px #bcbbbb;
  outline: none;
  font-size:1.1em;
  color:#333;

  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
  
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}
.search-header input.search-query[type="text"]:focus {
    width: 225px;
  border: solid 1px #33ccff;
}
.search-header form.form-inline .btn-primary { /* button  */
    color: #fff;
  padding:5px 13px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #1935aa; /* hover color  */
    background-image: -moz-linear-gradient(top,#415ed7,#1935aa);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#415ed7),to(#1935aa));
    background-image: -webkit-linear-gradient(top,#415ed7,#1935aa);
    background-image: -o-linear-gradient(top,#415ed7,#1935aa);
    background-image: linear-gradient(to bottom,#415ed7,#1935aa);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#415ed7', endColorstr='#1935aa', GradientType=0);
    border-color: #6078d9;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}


.btn:hover {
    color: #333;
    text-decoration: none;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
    background-position: 0 -15px;
    -webkit-transition: background-position .5s linear;
    -moz-transition: background-position .5s linear;
    -o-transition: background-position .5s linear;
    transition: background-position .5s linear;
}
.btn-info {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #1935aa;
    background-image: -moz-linear-gradient(top,#415ed7,#1935aa);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#415ed7),to(#1935aa));
    background-image: -webkit-linear-gradient(top,#415ed7,#1935aa);
    background-image: -o-linear-gradient(top,#415ed7,#1935aa);
    background-image: linear-gradient(to bottom,#415ed7,#1935aa);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#1935aa', GradientType=0);
    border-color: #2f96b4 #2f96b4 #1935aa;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    *background-color: #1935aa;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info[disabled] {
    color: #fff;
    background-color: #1935aa;
    *background-color: #1935aa;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
    color: #fff;
    background-color: #bd362f;
    *background-color: #a9302a;
}
.navbar-search .search-query {
    margin-bottom: 0;
    padding: 4px 14px;
    font-family:Lucida Grande, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    border-radius: 15px;
}

.breadcrumb { 
  display: block; 
  list-style: none; 
  background:url(../images/bg-crumbs-repeat.png) 0 0 repeat-x;
  height: 29px;
  overflow:hidden;  
}
.breadcrumb li {  display: inline; }
.breadcrumb li.first { padding-left: 8px; }
.breadcrumb li a, .breadcrumb li a:link, .breadcrumb li a:visited, .breadcrumb li.current span{ 
  color: #666; 
  display: block; 
  float: left; 
  font-size: 12px; 
  margin-left: -13px; 
  padding: 5px 17px 10px 25px; 
  position: relative; 
  text-decoration: none; 
}
.breadcrumb li{ 
  background-image: url(../images/bg-crumbs.png);  
  background-repeat: no-repeat; 
  background-position: 100% 0; 
  position: relative; 
}
.breadcrumb li a:hover { 
  color: #333; 
  background-image: url(../images/bg-crumbs.png);  
  background-repeat: no-repeat; 
  background-position: 100% -48px; 
  cursor: pointer;
}
.breadcrumb li.current {background:none;}
.breadcrumb li.current span{ color: #000;font-weight:bold; }
.breadcrumb li.first a span { height: 29px; width: 3px; border-left: 1px solid #d9d9d9; position: absolute; top: 0px; left: 0px; }


/* responsive */
.rcrumbs {
  white-space: nowrap;
   overflow-x: hidden;
   border-left: 0px solid #ece2c6;
   border-right: 0px solid #ece2c6;
   margin-bottom:0;
}
.rcrumbs > ul {
  padding: 0;
  list-style: none;
}
.rcrumbs > ul > li {
  overflow: hidden;
  display: none;
}
.rcrumbs > ul > li.show {
  display: inline-block;
}
.rcrumbs > ul > li.ellipsis {
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}


.label,
.badge {
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    color: #ffffff;
    vertical-align: baseline;
    white-space: nowrap;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #999;
}


/*  Tags  */
#rt-mainbody .item-page .tags{
  clear:both;
  margin:25px 0;
  border-top:6px solid #aaa;
  border-bottom:6px solid #aaa;
  padding:20px 0 20px 5px;
}
.item-page .tags:before{
  content:"関連タグ";
}

/* list page */
.tags-list {
  zoom: 1;
}
.tags-list:before, .tags-list:after {
  content: '';
  display: table;
}
.tags-list:after {
  clear: both;
}
.tags-list li {
  position: relative;
  float: left;
  margin: 0 0 8px 12px;
}
.tags-list li:active {
  margin-top: 2px;
  margin-bottom: 7px;
}
.tags-list a{
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tags-list a, .tags .label{
  padding: 10px;
  font-size: 16px;
  color: #555;
  text-decoration: none;
  text-shadow: 0 1px white;
  background: #fafafa;
  border-width: 1px;
  border-style: solid;
  border-color: #dadada #d2d2d2 #c5c5c5;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
 background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
 background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
 background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
 background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
}
.tags-list a:hover, .tags .label:hover{
  background-color: #c1f0ff;
  -webkit-box-shadow: 0 1px 5px rgba(152, 229, 255, 0.9);
  box-shadow: 0 1px 5px rgba(152, 229, 255, 0.9);
  border-color: #b1d7e4;
  text-decoration:none !important;
}

.tags .label{
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    padding:7px;
}
.tags .label:hover{
  color:#333;
}


.badge-info { background-color:#cc3333;}
.label-info[href],
.badge-info[href] { background-color: #e4e4e4 }


@media (max-width: 480px) { 
    .component-content h1{
  font-size:24px !important;
  }
  .component-content h2{
  font-size:21px !important;
  }
  .component-content h3{
  font-size:18px !important;
  }
}

#rt-top-surround {
    background-color: #fffedd;
  background-image: none;
    color: #adadad;
}

#rt-top-surround a:hover { color: #ffffff }
#rt-header { /* main nav backgoround setting  */
    background-image: linear-gradient(top,#fde773 13%,#f0ce00 98%);
    background-image: -o-linear-gradient(top,#fde773 13%,#f0ce00 98%);
    background-image: -moz-linear-gradient(top,#fde773 13%,#f0ce00 98%);
    background-image: -webkit-linear-gradient(top,#fde773 13%,#f0ce00 98%);
    background-image: -ms-linear-gradient(top,#fde773 13%,#f0ce00 98%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.13,#fde773),color-stop(0.98,#f0ce00));
    border-bottom: 6px solid;
    border-color: ;
}
@media only screen and (max-width: 768px){ 
  #rt-header {
  background-image:none;
  }
  
}
#rt-showcase {
    background: transparent;
    color: #333;
  border-bottom: none;
    box-shadow: none;
}
#rt-showcase .title {
    color: #333;
    text-shadow: 1px 1px 1px #000000;
}
#rt-showcase a:hover { 
  color: #0099ff;
  text-decoration:underline; 
}
  
@media only screen and (min-width: 768px) and (max-width: 959px) { 
  .search-header input.search-query[type="text"]:focus {
    width: 150px;
  border: solid 1px #33ccff;
  }
}


html {
    margin-bottom: 1px;
  height:auto!important;
}
body {
    font-size: 13px;
    font-family:Lucida Grande, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
}

.component-content .article-info {
    display: block;
    margin-bottom: 15px;
    font-size: 12px;
}
.component-content .blog h2 { 
  margin-top: 0;
  box-shadow:none;
}
.component-content .copyright{
  text-align:right;
  font-size:0.8em;
  color:#666;
  margin:0 0 25px 0;
}
.component-content .catch{
  font-size:16px;
  font-weight:bold;
  margin:0 0 1em 0;
  padding:0;
}
.component-content .tour{
  background:transparent url(../images/reccomend-tour.png) 0 0 no-repeat;
  padding-left:100px;
  height:20px;
}


/* frame within article */
.component-content .info-frame{
  padding:15px;
  margin:3em 0;
  background:#fff;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.3);
  border: 1px solid;
  border-color: #d0d0d0 #d0d0d0 #c5c5c5;
}
.component-content .info-frame h3{
  margin-top:0 !important;
  padding-left:0 !important;
  border-left:none!important;
}
.component-content .line-frame{
  padding:15px;
  margin:3em 0;
  border: 5px solid #ccc;
  border-radius:5px;
}

.component-content .line-frame h3{
  margin-top:0 !important;
  padding-left:0 !important;
  border-left:none!important;
}
/*  article image */
.component-content .img-fulltext-none{
  margin-bottom:35px !important;
}
.component-content .photo-shadow-normal{
  margin:10px 0 15px 0;
  border:8px solid #fff;
  overflow:hidden;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.80);
}
.component-content .photo-shadow-normal img{
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
.component-content .photo-shadow-normal a img:hover{
    transform:scale(1.2,1.2);
}
.component-content .img1-3, .component-content .img1-3 img{
  width:33%;
  float:right;
  margin:0 0 15px 15px;
}
.component-content .img-half, .component-content .img-half img{
  width:50%;
  float:right;
  margin:0 0 15px 15px;
}
.component-content .img-full, .component-content .img-full img{
  width:100%;
  float:none;
  margin:0 0 15px 0;
}

/*  article List  */
.component-content .list-arrow{
  margin:25px 0 25px 1.5em;
  list-style: none;
  width:100%;
  padding: 0;  
}
.component-content .list-arrow li{
  list-style: none;
  line-height:1.8em;
}

.component-content .list-arrow li:before {
  display: block;
  content: "";
  position: relative;
  top: 16px;
  left: -10px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left: 5px solid #333;
}
.component-content .list-tick{
  margin:25px 0 25px 1.5em;
}
.component-content .list-tick li{
  padding: 0px 0px 0 20px; 
  margin:0 0 0.8em 0;
    background: url(../images/list-tick-green.png) no-repeat 0px 4px;
}
.component-content .list-batsu{
  margin:25px 0 25px 1.5em;
}
.component-content .list-batsu li{
  padding: 0px 0px 0 20px; 
  margin:0 0 0.8em 0;
    background: url(../images/list-batsu.png) no-repeat 0px 4px;
}
.component-content .list-circle{
  margin:25px 0 25px 1.5em;
  list-style: none;
  width:100%;
  padding: 0;  
}
.component-content .list-circle li{
  list-style:disc;
  margin:0 0 0.5em 0;
}
.component-content .price-strong{
  font-size:21px;
  color:#CC0000;
  font-weight:bold;
}

/* image with caption */
.component-content .img-frame{
  position:relative;
  z-index: 10;
  margin:25px 0 60px 0;
}

.component-content .img-frame img { 
  max-width: 100%; 
  height: auto; 
  vertical-align: bottom;
   border: 10px solid #fff; 
   border-bottom: 45px solid #fff;  
   border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  width: 100%; 
  margin-bottom:15px;
}
.component-content .img-frame:before, 
.component-content .img-frame:after { 
  content: ""; 
  border-radius: 2px; 
  width: 100%; 
  height: 100%; 
  position: absolute; 
  border: 10px solid #fff; 
  left: 0;
  background:#fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.component-content .img-frame:before { top: -4px; z-index: -10; } /* 1st element in stack (behind image) */
.component-content .img-frame:after { top: -4px; z-index: -20; } /* 2nd element in stack (behind image) */
.component-content .img-frame:before {
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    transform: rotate(2deg);
}  
.component-content .img-frame:after {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.component-content .img-frame .caption {
  text-align:center;
  line-height: 1em;
  paddding:0;
  margin:0;
  color:#4f442d;
  font-size: 16px;
  font-weight:bold;
  position:absolute;
  bottom:35px;
  left:50%;
  width: 100%; 
  margin-left:-50%;;
}

/*  2 col */
.component-content #col2-list{
  list-style:none;
  margin: 0;
  padding: 20px 0;
}
.component-content #col2-list li{
  width:45%;
  list-style:none;
  display: inline-block;
  padding:0;
  margin:15px 2%;
  vertical-align:top;
}
@media only screen and (max-width: 480px) { 
  .component-content #col2-list li{
  width:100%;
  margin:15px 0;
  }
}



/* hobbit */
.component-content .img-frame.hobbit img,
.component-content .img-frame.hobbit:before, 
.component-content .img-frame.hobbit:after { 
  border: 10px solid #e4d9c1;
  border-bottom: 45px solid #e4d9c1;  
  background: #e4d9c1;
}
.component-content .info-frame.hobbit{
  padding:15px;
  margin:3em 0;
  background:#f0e6d0;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  border:10px solid #d7c8a9;
  color:#333;
}


@media only screen and (max-width: 480px) { 
    .component-content .img-fulltext-none.photo-shadow-normal{
  margin:0px -30px 0px;
  border:none;
  box-shadow:none;
  overflow:visible;
  max-width:115%;
  width:115%;
  }
}
.component-content .pagination .counter {
    text-align: center;
    margin: 0;
    font-style: italic;
    margin-bottom: 5px;
}
.component-content .pagination ul li a,
.component-content .pagination ul li span {
    margin: 0 1px;
    padding: 3px 7px;
    line-height: 15px;
}

/* profile img */
.prof{
  float:right;
  width:25%;
  margin:0 0 10px 10px;
}
@media only screen and (max-width: 768px){ 
  .prof{
  width:35%;
  }
}

/* Feature Wine */
.wine-w{
  background:transparent url(../images/icon-wine-w.png) 0 0 no-repeat;
  padding-left:25px;
}
.wine-r{
  background:transparent url(../images/icon-wine-r.png) 0 0 no-repeat;
  padding-left:25px;
}
.wine-img{
  float:right;
  width:40%;
  margin:0 0 10px 10px;
}
.wine-img img{
  max-width:100%;
  border:1px solid #e0e0e0;
}
.wine-detail th, .wine-detail td{
  padding:5px;
  border:1px solid #ccc;
}

.wine-detail th{
  text-align:right;
  background:#fff;
}


/* tag-category  */
.component-content .tag-category select#limit{ 
  height:25px;
}
.tag-cat-list{

}
.tag-cat-list:nth-child(even){
  clear:both;
  background:#ccc;
}
#tag-category .tag-cat-list{
  clear:both;
  padding: 20px 0;
  margin:20px 0;
  border-top:1px solid #dedede;
  width:100%;
}
#tag-category .list-feature-conts{
  float:right;
  width:50%;
  padding-bottom:20px;
}
#tag-category .list-feature-conts h2{
  box-shadow:none;
}
#tag-category .list-feature-img{
  width:47%;
  float:left;
  margin:0 10px 20px 0;
  border:1px solid #ccc;
}
#tag-category .list-feature-img:hover{
  background-color:#000000;
}
#tag-category .list-feature-img img:hover{
  filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}
#tag-category h2{
  border:none!important;
  margin:0 !important;
  padding:0 !important;
  background:none;
  text-shadow:none;
}
#tag-category h2:after {
  border:none!important;
}

/* tags-list */
.tags-list{

}

/* header logo */
#rt-logo {
    margin: 0;
    width: 173px;
    height: 78px;
    display: block;
}
/* header logo custom */
#logo{
    margin:25px 0 0 0;
  padding:0 0;
  float:left;
}
#logo h1{
    margin:0;
  padding:0;
}
@media only screen and (max-width: 768px){ 
  #logo{
      margin:25px 0;
  }
}

.moduletable-ad-top{
  margin:-85px 0 0 0;
}


ul.menu li .separator {
    display: block;
    font-size: 1.1em;
    padding-right: 15px;
    font-family:Lucida Grande, "'Hiragino Kaku Gothic ProN'", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
}
.button,
.readon,
.readmore,
button.validate,
#member-profile a,
#member-registration a,
.formelm-buttons button {
    display: inline-block;
    padding: 3px 10px;
    line-height: 1.7em;
    font-size: 1em;
    border-radius: 4px;
    border: 0px solid;
}
body {
    background-color:#fff;
  /* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #fff 0%, #f0f0f0 100%)!important;

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%)!important;

/* Opera */ 
background-image: -o-linear-gradient(top, #fff 0%, #f0f0f0 100%)!important;

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #f0f0f0))!important;

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%)!important;

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%)!important;
    color: #333;
}
.gf-menu li {
    background: none;
    margin-right: -2px;
}
.gf-menu li a {
    text-transform: uppercase;
    font-weight: normal;
    padding: 10px 20px !important;
  font-size:12px !important;
   font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", Hiragino Kaku Gothic Pro,Verdana, Arial, Helvetica, sans-serif !important;
}


#rt-main .rt-container .rt-block,
#rt-footer-surround,
[id*="rt-sidebar"] .rt-block,
[id*="rt-sidebar"] aside,
#rt-content-top .rt-block,
[id*="rt-sidebar"] nav,
#rt-mainbottom .rt-block { margin-top: 20px }

.inline-block {
    width: 60px;
    height: 0px; /* article area frame color border */
    position: absolute;
    top: -5px;
    left: 0px;
}
#rt-sidebar-a .rt-block .inline-block {
    height: 0px;
}

[id*="rt-sidebar"] .rt-block{
    background: #fff;
    border-top: 5px solid #333;
}
#rt-content-top .rt-block,
#rt-mainbottom .rt-block,
#rt-content-bottom .rt-block {/*  main body area */
    background: transparent;
    border-top: 0px solid #333;
}
[id*="rt-sidebar"] .rt-block, [id*="rt-sidebar"] aside, [id*="rt-sidebar"] nav{ margin-left: 20px }
@media (max-width: 767px) { 
[id*="rt-sidebar"] .rt-block, [id*="rt-sidebar"] aside, [id*="rt-sidebar"] nav{ margin-left: 0px }
}
[id*="rt-sidebar"] .rt-block .module-surround{  /*  sidebar area border setting */
    overflow: hidden;
    padding: 20px;
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    border-top: none;
}
[id*="rt-sidebar"] nav.moduletable, [id*="rt-sidebar"] aside{   /*  sidebar area HTML5 aside setting */
    border: 1px solid #D3D3D3;
  border-top: 5px solid #333;
  background:#fff;
  padding:10px 20px 20px 20px;
  overflow:hidden;
}
#rt-content-top .rt-block .module-surround,
#rt-mainbottom .rt-block .module-surround,
#rt-content-bottom .rt-block .module-surround { /*  main body area  border setting */
    overflow: hidden;
    padding: 0 12px;
    border: none;
}
#rt-content-top .rt-block.with-frame .module-surround, /*  main body area with border */
#rt-content-bottom .rt-block.with-frame .module-surround{
  background:#fff;
    overflow: hidden;
    padding: 20px;
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    border-top: 5px solid #333;
}
/*  sidebar area NO BORDER + NO PADDING */
[id*="rt-sidebar"] .rt-block.no-padding .module-surround, [id*="rt-sidebar"] .rt-block.no-padding, [id*="rt-sidebar"] .no-padding{
    padding: 0;
    border: none;
  background:none;
}
/*  ad */
.moduletable-ad-top{
    padding: 20px 0;
}
.moduletable-ad-side{
    margin: 26px 0 0 20px;
}
.moduletable-ad-side .banneritem, .moduletable-ad-footer .banneritem{
    margin: 0 0 20px 0;
}
@media only screen and (max-width: 480px) { 
    .moduletable-ad-side{
    margin: 26px 0 0 0;
  }
}


/* Footer */
#rt-footer-surround {
    color: #fff;
    background: #1c1c1c;
    border-top: 0px solid #c2c2c2;
  padding:35px 0 0 0;
}
@media only screen and (max-width: 768px){ 
  .moduletable-ad-footer, .footer-nav, .footer-newsletter{
  padding:2.5em;
  clear:both;
  }
}
.footer-nav .nav a{
    line-height:2em;
}
.footer-nav .nav a{
    color: #ccc !important;
}
.footer-nav .nav a:hover{
    color: #fff !important;
  text-decoration:underline;
  background:none;
}

#rt-copyright {
    border-top: 0px solid #181818;
    background: #111;
    text-align: right;
    font-family: 'PT Sans', sans-serif;
    color: #6E6E6E !important;
  clear:both;
}
#rt-mainbody {
    border: 0px solid #D3D3D3;
    border-top: none;
    position: relative;
}
#copyright {
    background: #000;
    text-align: center;
    color: #ccc;
  padding:35px 20px;
  margin-top:35px;
}
#copyright a, #copyright a:visited, #rt-footer a{
    color: #ccc;
}
#copyright a:hover, #rt-footer a:hover{
    color: #fff;
  text-decoration:underline;
  background:none;
}

.border-top {
    height: 0px;
    width: 100%;
    background: #333;
    position: absolute;
    top: 0px;
    left: 0px;
}
.border-top .inline-block { top: 0px }
#rt-mainbody .component-content { /* article area */
    background: transparent;
    overflow: hidden;
    padding: 0 12px 20px 12px;
}

#rt-footer .title,
#rt-footer .component-content h2,
#rt-footer h2,
#rt-footer h3 {
    border: none;
    padding-bottom: 0px;
    color: #ffffff;
}
#rt-footer h2{
    font-size:18px !important;
  font-weight:bold;
}
#rt-footer h3{
    font-size:16px;
  font-weight:normal;
}
.title,
.component-content h2 {
  font-size:21px;
  font-weight:bold;
  position: relative;
  color: #000;
  background: #fff8d0;
  line-height: 1;
  border-top:5px solid #f0ce00;
  margin: 30px -10px 10px -10px;
  padding: 12px 5px 12px 10px!important;
  border-radius: 3px;
  box-shadow:rgba(163, 163, 163, 0.2) 0px 0px 3px 2px;
-webkit-box-shadow:rgba(163, 163, 163, 0.2) 0px 0px 3px 2px;
-moz-box-shadow:rgba(163, 163, 163, 0.2) 0px 0px 3px 2px;
}
.component-content h3 {
  font-size:18px;
  font-weight:bold;
  margin: 2em 0 1em 0 !important;
  border-left:7px solid #f0ce00;
  padding-left: 10px;
}
.component-content h4 {
  font-size:16px;
  font-weight:bold;
  margin: 2em 0 1em 0 !important;
}
.component-content p{
  margin-bottom:2em;
}
.component-content .item-page h2{
  padding: 3px 0 0 10px;
  margin:1.5em 0 1em 0;
  clear:both;
}
.component-content h2.itemTitle{
  background:none;
  text-shadow:none;
  border:none;
  line-height:1.3em;
}
.component-content h2.itemTitle:after{
  border:none;
}
[id*="rt-sidebar"] .title{
  margin:0 0 0.5em 0!important;
  padding-left:0!important;
  line-height:1em;
}
[id*="rt-sidebar"] aside h2, [id*="rt-sidebar"] .rt-block h2{
  font-size:21px;
  font-weight:normal;
}
.formelm-buttons button:hover { color: #ffffff;text-decoration:none !important;}

/* Read more button */
.readmore{background:none !important;}
.readmore a { 
  color:#fff;
  background: #d11717;
   border: none;
  padding: 7px 10px;
  display: block;
  text-align: center;
  /*Rounded Corners*/
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 
 /*Gradient*/
 background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
 background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
 background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
 background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
 background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
 
 /*Shadow*/
 -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
 /*Transition*/
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
.readmore a:hover { 
  text-decoration:none !important;
  text-shadow: 0 1px #9d1717;
  background-color: #ff3434;
}



/* area button */
.icon-isite:before { content:url(../images/icons/icon-isite.png);vertical-align: middle;margin-right:10px; }
.icon-bus:before { content: url(../images/icons/icon-bus.png);vertical-align: middle;margin-right:10px;}



@media only screen and (min-width: 768px) and (max-width: 959px) { 
    .rt-error-rocket {
        width: 280px;
        background-size: 280px;
    }
    .rt-error-content { margin-left: 295px }
    .error-title { font-size: 1.8em }
  .search-header input.search-query[type="text"]:focus {
    width: 150px;
  border: solid 1px #33ccff;
}
}


/* ----------------- Basic Info List  ----------------------- */

.i-star-filled:after{ content: url("../images/basic-info-summary.png"); } 
.i-police:after { content: url("../images/basic-info-safty.png"); } 
.i-clock:after { content: url("../images/basic-info-time.png"); } 
.i-plug:after { content: url("../images/basic-info-life.png"); } 
.i-plane:after { content: url("../images/basic-info-boarding.png"); } 
.i-money:after { content: url("../images/basic-info-money.png"); } 
.i-bus:after{ content: url("../images/basic-info-trans.png"); } 
.i-cloud-sun:after{ content: url("../images/basic-info-weather.png"); } 

.view {
   width: 48%;
   height: 250px;
   margin: 15px 1%;
   float: left;
   border: 0px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background:#fff;
}
.view .mask,.view .content {
   width: 100%;
   height: 250px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   margin:0;
   background: rgba(0, 0, 0, 1);
   z-index:99;
}
.view h2:hover{
  background: #cc3333;
  box-shadow: 0 0 5px #000;
  padding: 10px 17px;
}
.view h2 a{
   display:block;
   color:#fff;
}
.view h2:after{
  border:none;
}
.view ul, .view p{
   font-size: 12px;
   position: relative;
   color: #000;
   padding: 15px 20px 20px;
   text-align: center;
}
.view ul{
   padding:0;
   margin:15px 0;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
   background-color: rgba(204,51,51, 1); 
}

.mask li{
   display:inline;
   float:left;
   width:50%;
   line-height:2.5em;
   padding:0;
   margin:0;
}

/* animation setting */

.view-first img {
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(255,204,0, 0.9);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(200px);
   -moz-transform: translateY(200px);
   -o-transform: translateY(200px);
   -ms-transform: translateY(200px);
   transform: translateY(200px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first ul, .view-first p, .view-first a.info {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover ul, 
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(50px);
   -moz-transform: translateY(50px);
   -o-transform: translateY(50px);
   -ms-transform: translateY(50px);
   transform: translateY(50px);
}

.view-first:hover ul, .view-first:hover p, .view-first:hover a.info  {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
/* basic info check-list */
.check-list dt, .check-list dd{
/*
  border-bottom:1px dotted #ccc;
*/
  border-top:1px dotted #ccc;   /* 2019-04-30 */
  margin:0;
  padding:5px;
}
.check-list dt{
  width:30%!important;
  padding-right:1em;
}
@media only screen and (max-width: 768px) {
  .check-list dt{
  width:90%!important;
  border:none;
  padding-bottom:.5em;
  }
  .check-list dd{
  padding-left:1.5em;
  padding-bottom:1em;
  margin-bottom:1em;
  }
}



/* spot */
.spot-map { /*  後で削除 */
  float:left;
  width: 100%;
}
/* spot detail */
.spot-info{
  float:left;
  padding-top:25px;
  width:100%;
}

dl.dl-spot {
  width: 100%;
}
dl.dl-spot dt, dl.dl-spot dd{
  padding:7px 0;
  border-top: 1px dotted #ccc;
}
dl.dl-spot dt:first-child, dl.dl-spot dt:first-child + dd{ /* 一行目の線を消す */
  border:none;
}
dl.dl-spot dt{
  float: left;
  width: 20%;
}

dl.dl-spot dd{
  _height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
  margin-left: 20%;
}

dl.dl-spot dt.map{
  float: none;
  width: 100%;
  border-bottom:none;
  border-left:none!important;
  border-right:none!important;
}
.spot-info dl.dl-spot dd.faf-text.map{
  float: none;
  width: 100%;
  border:none !important;
  margin-left: 0;
}
/* plugin Googlemap */
.map{
border:5px solid #dbd3bb;
clear:both;
margin:25px 0;
}


@media only screen and (max-width: 768px) { /* smaller PC */
dl.dl-spot dt{
  border:none;
  float:none;
  width: 100%;
  font-weight:bold;
  padding:7px 0 0 0;
}
dl.dl-spot dd{
  border:none;
  margin: 0;
  padding:0 0 7px 0;
  border-bottom: 1px dotted #ccc;
}

}
/* area top */
#gk-tab-area{
  margin-bottom:50px;
}
.region-north, .region-south{
  padding:5%;
}
.region-north{
  background:url(../images/area-north-bg.png) center 30px no-repeat;
}
.region-south{
  background:url(../images/area-south-bg.png) center 30px no-repeat;
}
.gkTabsItem{
  padding:0;
}


/* area city */
.area-info{
  float:left;
  width:50%;
  margin:25px 0;
}
.area-map{
  float:right;
  width:50%;
  margin:25px 0;
}
.area-map .map{
  border:none;
  margin:0 0 25px 0;
}

.area-info h2{
  margin-top:0 !important;
}
.area-info .link-button{
  border:none !important;
  margin:0 0 !important;
  background:none;
  box-shadow:none;  
}
.area-info .link-button:after{
  border:none;
}
.area-weather{
  clear:both;
  padding:0;
}
.area-weather h2{
  clear:both;
  padding:5px 0;
}
.isite-button, .trans-button {
  -moz-box-shadow:inset 1px 1px 1px 0px #cae3fc;
  -webkit-box-shadow:inset 1px 1px 1px 0px #cae3fc;
  box-shadow:inset 1px 1px 1px 0px #cae3fc;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
  background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
  background-color:#79bbff;
  -webkit-border-top-left-radius:3px;
  -moz-border-radius-topleft:3px;
  border-top-left-radius:3px;
  -webkit-border-top-right-radius:3px;
  -moz-border-radius-topright:3px;
  border-top-right-radius:3px;
  -webkit-border-bottom-right-radius:3px;
  -moz-border-radius-bottomright:3px;
  border-bottom-right-radius:3px;
  -webkit-border-bottom-left-radius:3px;
  -moz-border-radius-bottomleft:3px;
  border-bottom-left-radius:3px;
  text-indent:0px;
  border:1px solid #469df5;
  display:inline-block;
  color:#ffffff;
  font-size:16px;
  font-weight:normal;
  height:45px;
  line-height:45px;
  width:95%;
  text-decoration:none;
  text-align:center;
  text-shadow:-1px -1px 0px #287ace;
  margin:0;
  padding:0;
  letter-spacing:0.1em;
}
.isite-button:hover, .trans-button:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
  background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
  background-color:#4197ee;
  color:#fff;
  text-decoration:none !important;
}.isite-button:active {
  position:relative;
  top:1px;
}

@media only screen and (max-width: 959px) { /* except PC */
  .area-info{
    float:none;
    width:100%;
  }
  .area-map{
    float:none;
    width:100%;
  }  
  .isite-button, .trans-button {
  width:100%;
  }
}

/* Search Result Page Settings */

.btn-toolbar-result .btn-group-result #search-searchword{
  width:450px;
  height:25px;
  font-size:16px;
  margin-right:5px;
}
.btn-toolbar-result button.btn{
  height:35px;
  overflow:hidden;
  padding:0 15px;
  margin:0;
}
.btn-toolbar-result button.btn .icon-search{
  font-size:1.8em;
  padding:0;
  margin:0;
}
@media only screen and (min-width: 481px) and (max-width: 959px) { 
    .btn-toolbar-result .btn-group-result #search-searchword{
  width:90%;
  }
}
@media only screen and (max-width: 480px) { 
  .btn-toolbar-result .btn-group-result #search-searchword{
  width:220px;

  }
}
/*-------- event -------*/

#event-list article{
  clear:both;
  padding: 20px 0;
  margin:20px 0;
  border-top:1px solid #dedede;
  min-height:100px;
  width:100%;
}
.event-term{
  font-size:16px;
  padding:0.5em;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}
#event-list .list-event-img{
  width:30%;
  float:left;
  margin:0 4% 0 0;
  border:1px solid #ccc;
}
#event-list .list-event-conts{
  float:left;
  width:65%;
}
#event-list .list-event-conts h2{
  border:none;
  margin:0 !important;
  padding:0 !important;
  font-size:16px;
  line-height:1.6em;
  box-shadow:none;
}

#event-list .list-event-info{
  margin-top:0;  
}
#event-list .event-filter{ /* search mod */
  margin-top:25px;
}
#event-list .list-event-conts .desc{
  margin:0 0 0.5em 0;
  padding:0;
  line-height:1.5em!important;
}


.dl-event{
  width: 100%;
}
.dl-event dt, .dl-event dd{
  padding:7px 0;
  border-top: 1px dotted #ccc;
}
.dl-event dt:first-child, .dl-event dt:first-child + dd{ /* 一行目の線を消す */
  border:none;
}
.dl-event dt{
  float: left;
  width: 20%;
}

.dl-event dd{
  _height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
  margin-left: 20%;
}

.dl-event dd:before,
.dl-event dd:after {
  display: table;
  line-height: 0;
  content: "";
}
.dl-event dd:after {
  clear: both;
}

.dl-event dt.map{
  float: none;
  width: 100%;
  border-bottom:none;
  border-left:none!important;
  border-right:none!important;
}
.dl-event dd.map{
  float: none;
  width: 100%;
  border:none !important;
  margin-left: 0;
}


@media only screen and (max-width: 768px) { /* smaller PC */
.dl-event dt{
  border:none;
  float:none;
  width: 100%;
  font-weight:bold;
  padding:7px 0 0 0;
}
.dl-event dd{
  border:none;
  margin: 0;
  padding:0 0 7px 0;
  border-bottom: 1px dotted #ccc;
}
.dl-event dt:first-child{ /* 一行目の線を消す */
  border:none;
}

}
/* calendar mod 
components/com_jevents/views/alternative/assets/css/modstyle.css 
*/


/* Latest event */
.event-latest-wrap{
  clear:both;
}
.event-latest-wrap .event-latest-img{
  width:47%;
  float:left;
  margin:0 10px 20px 0;
  border:1px solid #ccc;
}
.event-latest-wrap .event-latest-img:hover{
  background-color:#000000;
}
.event-latest-wrap .event-latest-img img:hover{
  filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}

.event-latest-wrap .event-latest-conts{
  float:right;
  width:50%;
}
.event-latest-wrap .event-latest-conts h3{
  margin:0;
  padding:0;
  line-height:1.5em!important;
  font-weight:normal;
}
.event-latest-wrap .event-latest-conts .desc{
  margin:0 0 0.5em 0;
  padding:0;
  line-height:1.5em!important;
}

@media (max-width: 480px) { 
  .event-latest-wrap .event-latest-img{
  width:80%;
  border:1px solid #ccc;
  float:none;
  margin:0 auto;
  }
  .event-latest-wrap .event-latest-conts{
  width:80%;
  float:none;
  margin:0 auto;
  }
}




/* Shop & Restaurant setting */
/* shop list */
#shop-list article{
  clear:both;
  padding: 20px 0;
  margin:20px 0;
  border-top:1px solid #dedede;
  min-height:70px;
  width:100%;
}
#shop-list .cat-children{
  clear:both;
}
#shop-list .items-row { 
  border-bottom: none; 
}
#shop-list .list-shop-img{
  width:30%;
  float:left;
  margin:0 10px 0 0;
  border:1px solid #ccc;
}
#shop-list .list-shop-img:hover{
  background-color:#000000;
}
#shop-list .list-shop-img img:hover{
  filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}

#shop-list .list-shop-conts{
  float:left;
  width:40%;
}
#shop-list h2{
  border:none;
  margin:0 !important;
  padding:0 !important;
  font-size:16px;
}

#shop-list .list-shop-info{
  float:right;
  width:25%;
}
.genre span:first-child + span:before,
.genre span:first-child + span + span:before{ /* genre  */
  content: " / ";
}
#shop-list .list-shop-info .jpok{ /* Japanese icon */
  
}
/* shop search module */
.moduletable-shop-search{
  border:#ddd solid 1px;
  padding:15px;
  background:#f2f2f2;
  border-radius: 5px;
}
.moduletable-shop-search fieldset{
  margin:0 0 10px 0;
}
.moduletable-shop-search legend{
  margin:0 !important;
  padding:0;
  font-weight:bold;
  font-size:1.2em;
}
.faf-control-group{
  display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /display: inline;
  margin:10px 0 0 20px!important;
}
.faf-control-group .faf-filters-input, .faf-control-group .checkbox{
  vertical-align:middle;
}
.faf-form-submit{
  font-size:1.1em;
  padding:15px 35px;
  color:#fff;
}
.faf-form-reset{
  font-size:1.1em;
  padding:15px 35px;
  color:#000;
}
.faf-form-submit:hover{
  filter: alpha(opacity=90);
    -moz-opacity:0.90;
    opacity:0.90;  
}

.faf-control-group .badge{
  background:none;
  color:#666;
  text-shadow:none;
  font-weight:normal;
  margin:0;
  padding:0;
}
.faf-control-group .badge:before {
  content:"［";
}
.faf-control-group .badge:after {
  content:"］";
}


/* shop detail */
.component-content #shop-detail h1{
  magin:0 !important;
  font-size:28px !important;
}
#shop-detail .shop-english, #spot-detail .shop-english{
  margin:0 0 1em 0!important;
  padding:0 !important;
  border:none;
  font-size:18px;
  color:#888;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-style:italic;
  background:none;
  text-shadow:none;
  box-shadow:none;
}
#shop-detail .shop-english:after, #spot-detail .shop-english:after{
  border:none;
}
#shop-detail .shop-info-pre{
  text-align:right;
  margin-bottom:25px;
  background:url(../images/bg-stripe-gray.png) 0 0;
  width:100%;
  padding:2px 8px;
}
#shop-detail .shop-info-pre li{ 
  display:inline;
  margin-left:1em;
  padding:5px;
}
#shop-detail .shop-info-pre .genre{ /* genre */
  
}
#shop-detail .shop-info-pre .jpok{ /* Japanese icon */
  
}


#shop-detail .shop-detail-img{
  clear:both;
  margin-top:15px;
}
#shop-detail .spot-info{
  clear:both;
}

/*---------- Feature ----------*/
#feature-list article{
  clear:both;
  padding: 20px 0;
  margin:20px 0;
  border-top:1px solid #dedede;
  width:100%;
}
#feature-list .cat-children{
  clear:both;
}
#feature-list .items-row { 
  border-bottom: none; 
}
#feature-list .list-feature-img{
  width:47%;
  float:left;
  margin:0 10px 20px 0;
  border:1px solid #ccc;
}
#feature-list .list-feature-img:hover{
  background-color:#000000;
}
#feature-list .list-feature-img img:hover{
  filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}

#feature-list .list-feature-conts{
  float:right;
  width:50%;
  padding-bottom:20px;
}
#feature-list h1{
  background:transparent url(../images/title-icon-feature.png) 0 0 no-repeat;
  padding-left:65px;
  height:50px;
}
#feature-list h2{
  border:none!important;
  margin:0 !important;
  padding:0 !important;
}
#feature-list h3{
  border:none!important;
  margin:0;
  padding:0;
  font-size:1em;
}
#feature-list .category-name{
  border:none;
  display:block;
  text-align:left;
}
#feature-list .category-name a{
  background:#cc3333;
  border-radius: 3px;
  padding:5px;
  color:#fff;
  position:relative;
}
#feature-list .category-name a:after {
  border:5px solid transparent;
  border-bottom-color:#cc3333;
  border-top-width:0;
  top:-5px;
  content:"";
  display:block;
  left:15px;
  position:absolute;
  width:0;
}
#feature-list .category-name a:hover{
  background:#de4d4d;
  color:#fff !important;
  text-decoration:none;
}
.list-feature-conts p{
  margin:.5em;
}
.list-feature-conts .infor{
  float:right;
}

.list-feature-conts .infor .create{
  font-style:normal;
}

#feature-list .blog_archive_j .items-leading { 
  border:none!important;
}
@media (max-width: 480px) { 
  #feature-list .list-feature-img{
  width:90%;
  float:none;
  margin:0 auto 20px auto;
  }
  #feature-list .list-feature-conts{
  width:90%;
  float:none;
  margin:0 auto;
  }
}

.wiki{
    width: 100%;
    margin: 0 auto;
  padding:10px 0 20px;
  
}
.wiki dt{
  float:left;
  width:20%;
  margin-bottom: 0.5em;
  padding:0 0 5px 0;
  clear:both;
  font-weight:bold;
  border-bottom: 1px dotted #999;

}
.wiki dd{
  margin-left:20%;
  margin-bottom: 0.5em;
  padding:0 0 5px 10%;
  width:70%;
  border-bottom: 1px dotted #999;

}
@media only screen and (max-width: 768px) {
  .wiki dt {
  padding: 5px 10px;
  background: #ddd;
  margin-bottom: .5em;
  float:none;
  width:100%;
  border:none;
  }
  .wiki dd {
  margin: 0 0 2em 2em;
  padding:0 0 0 0;
  width:100%;
  border:none;
  }  
}


/*-------------- Tour mod  --------------------*/
.moduletable-tour-mod{
  margin:35px 0;
}

.mage-tour3{
  width:33%;
  float:left;
  text-align:center;
    box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding:5px;
  
}
.mage-tour3 h3{
  font-size:16px;
  font-weight:normal;
}
.mage-tour3 .tour-price{
  font-size:18px;
  font-weight:bold;
  text-align:center;
}

.mage-tour3 .img-wrapper{
  box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.2);
  border:5px solid #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  width:100%;
  height:130px;
  overflow:hidden;
}
@media (max-width: 480px) { 
  .mage-tour3 .img-wrapper{
  height:75px;
  overflow:hidden;
  }
}

/* News Show Pro GK5 module for Sightseeing Spot */
.nspHeader{
  font-size:16px;
  font-weight:normal;
}
/* News Show Pro GK5 module for Feature at Home */
.nspInfo1{
  z-index:99;
}
.nspImage{
  z-index:1;
}
.nspInfo1 a{ /* カテゴリーのリンク */
  display:block;
  background:#000;
  color:#fff;
  padding:3px;
  margin:0;
}
.nspInfo1 a:hover{
  text-decoration:none!important;
  background:#333;
}
.nspInfo2{
  float:none!important;
  text-align:center;
  display:block;
    
}

/* Spot List */
.spot-list h2.sprocket-mosaic-title{
  font-size:18px;
  line-height:1.6em;
}
.sprocket-readmore{
  display:none;
}
.sprocket-mosaic-filter li{
  margin-bottom: .5em!important;
}

.sprocket-mosaic-loadmore, .sprocket-mosaic-filter li{
  color: #555;
  text-decoration: none;
  text-shadow: 0 1px white;
  background: #fafafa!important;
  border-width: 1px!important;
  border-style: solid!important;
  border-color: #dadada #d2d2d2 #c5c5c5!important;
  border-radius: 3px!important;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1))!important;
 background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1))!important;
 background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1))!important;
 background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1))!important;
 background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1))!important;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.1)!important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.1)!important;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
}

.sprocket-mosaic-loadmore:hover, .sprocket-mosaic-filter li:hover{
  background-color: #c1f0ff!important;
  -webkit-box-shadow: 0 1px 5px rgba(152, 229, 255, 0.9)!important;
  box-shadow: 0 1px 5px rgba(152, 229, 255, 0.9)!important;
  border-color: #b1d7e4!important;
  text-decoration:none !important;
}
/* ----------------- Side Sub Menu ----------------------- */
#mainlevelmain-nav li{
  font-size:1.6em;
}
#mainlevelmain-nav ul li{ /* ul li ul li */
  font-size:.7em;
  line-height:1.6em;
}
#mainlevelmain-nav ul li ul{ /* ul li ul */
  margin:0;
  padding:0;
}
#mainlevelmain-nav ul li ul li{ /* ul li ul li */
  font-size:1em;
  line-height:1.6em;
  padding-left:20px;
  background: url(../images/bullet.png) 0 2px no-repeat;  
    -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
}
#mainlevelmain-nav ul li ul li:hover{ /* ul li ul li */
  background: url(../images/bullet.png) 3px 2px no-repeat;  
    -webkit-transition: All 0.2s ease;
  -moz-transition: All 0.2s ease;
  -o-transition: All 0.2s ease;
  -ms-transition: All 0.2s ease;
  transition: All 0.2s ease;
}
#active_menumain-nav{
  font-weight:bold;
}


/* most read side module */
.moduletable .mostread{
  margin:0 0 0 1em;
  list-style: none;
  width:100%;
  padding: 0;  
}
.moduletable .mostread li{
  list-style: none;
  line-height:1.8em;
}

.moduletable .mostread li:before {
  display: block;
  content: "";
  position: relative;
  top: 16px;
  left: -10px;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left: 4px solid #ccc;
}
/* most read side module WITH TAB */
#gk-tab-mostread .moduletable .mostread{
  margin:0 0 0 0;
}
#gk-tab-mostread .gkTabsWrap{
  border:none;
  border-top:#eee solid 1px;
}
#gk-tab-mostread .gkTabsNav{
  color:#ccc;
  background:#f0f0f0;
  text-align: center;
  margin:0 auto;
}
#gk-tab-mostread .gkTabsNav li{
  display: inline-block;
  box-sizing: border-box!important;
  margin:0!important;
  font-weight:normal;
}
#gk-tab-mostread .gkTabsNav .active{
  color:#0099ff;
  background:#fff;
}

.moduletable-nopadding{
  padding-left:0!important;
  padding-right:0!important;
}
.moduletable-nopadding h2{
  margin-left:20px;
}
/* most read RANKING side module */
.moduletable .ranking{
    counter-reset:li; /* Initiate a counter */
    padding:0; /* Remove the default left padding */
    list-style:none; /* Disable the normal item numbering */
}
#feature-rank .gkTabsItem{ /* tab GK5 */

  margin-left:10px!important;
}
.moduletable .ranking li{
    position: relative;
    display: block;
    padding: .4em .4em .4em 1.5em;
    *padding: .4em;
    margin: .5em 0;
    text-decoration: none; 
  border-top:1px dotted #ddd;
}
.moduletable .ranking li a{
    display: block;
}
.moduletable .ranking li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -2em;
    top: 50%;
    margin-top: -1.3em;
  margin-left: 0;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}

.moduletable .ranking li:first-child:before { /*1番目のli*/
    background: #e9db8f;
}
.moduletable .ranking li:first-child{ /*1番目のli*/
  background: #f6f6f6; 
}
.moduletable .ranking li + li:before { /*2番目のli*/
    background:#c0d1e0;
}
.moduletable .ranking li + li{ /*2番目のli*/
  background: #f6f6f6; 
}
.moduletable .ranking li + li + li:before { /*3番目のli*/
    background:#e6d8bd;
}
.moduletable .ranking li + li + li{ /*3番目のli*/
  background: #f6f6f6; 
}
.moduletable .ranking li + li + li + li::before { /*4番目以降のli*/
    background: #ddd;
}
.moduletable .ranking li + li + li + li { /*4番目以降のli*/
  background: #fff; 
}

/* AddThis module */
.itp-share-mod{
  clear:both;
  margin:35px 0;
  border-top:1px dotted #ddd;
  border-bottom:1px dotted #ddd;
  padding:10px;
  min-height:50px;
}
.joomla_add_this{
  clear:both;
  
}
.addthis_toolbox{
  float:right;
  padding:35px 0;
}

/* BT google Map module */
.gm-style-iw{
  width:auto!important;
}

/*------------- Timeline -------------*/
.cbp_tmtimeline {
  margin: 30px 0 0 0;
  padding: 0;
  list-style: none;
  position: relative;
} 

/* The line */
.cbp_tmtimeline:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10px;
  background: #afdcf8;
  left: 25%;
  margin-left: -10px;
}

.cbp_tmtimeline > li {
  position: relative;
}
.cbp_tmtimeline > li:hover{
  filter: alpha(opacity=95);
    -moz-opacity:0.95;
    opacity:0.95;
  text-decoration:none;
}

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
  display: block;
  width: 30%;
  padding-right: 100px;
  position: absolute;
}

.cbp_tmtimeline li .cbp_tmtime span {
  display: block;
  text-align: left;
  font-size: 1.6em;
  font-weight:bold;
  margin-top:10px;
}
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
  color: #3594cb;
}
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
  color: #6cbfee;
}

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
  margin: 0 0 15px 30%;
  background: #3594cb;
  color: #fff;
  padding: 2em;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.4;
  position: relative;
  border-radius: 5px;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  padding:2em;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
  background: #6cbfee;
}

.cbp_tmtimeline > li .cbp_tmlabel h2 { 
  margin-top: 0px!important;
  padding: 0 0 10px 0!important;
  border:none;
  border-bottom: 1px solid rgba(255,255,255,0.4);
  background:none;
  text-shadow:none;
}
.cbp_tmtimeline > li .cbp_tmlabel h2:after { 
  display:none;
}
.cbp_tmtimeline > li .cbp_tmlabel h2 a:link, .cbp_tmtimeline > li .cbp_tmlabel h2 a:visited{ 
  text-decoration:none;
  color:#fff;
}
/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #3594cb;
  border-width: 10px;
  top: 10px;
}
.cbp_tmtimeline > li .cbp_tmlabel p{
  margin:0;
  line-height:1.6em;
}
.cbp_tmlabel p a:link{ 
  text-decoration:none;
  margin:15px 0 0 0;
}
.cbp_tmlabel p a:hover{ 
  text-decoration:none!important;
}



.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
  border-right-color: #6cbfee;
}

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
  width: 40px;
  height: 40px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.4em;
  line-height: 40px;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  color: #fff;
  background: #46a4da;
  border-radius: 50%;
  box-shadow: 0 0 0 8px #afdcf8;
  text-align: center;
  left: 25%;
  top: 0;
  margin: 0 0 0 -25px;
}


/* Example Media Queries */
@media screen and (max-width: 65.375em) {

  .cbp_tmtimeline > li .cbp_tmtime span:last-child {
    font-size: 1.5em;
  }
}

@media screen and (max-width: 47.2em) {
  .cbp_tmtimeline:before {
    display: none;
  }

  .cbp_tmtimeline > li .cbp_tmtime {
    width: 100%;
    position: relative;
    padding: 0 0 20px 0;
  }

  .cbp_tmtimeline > li .cbp_tmtime span {
    text-align: left;
  }

  .cbp_tmtimeline > li .cbp_tmlabel {
    margin: 0 0 30px 0;
    padding: 2em;
    font-weight: 400;
    font-size: 1em;
  }

  .cbp_tmtimeline > li .cbp_tmlabel:after {
    right: auto;
    left: 20px;
    border-right-color: transparent;
    border-bottom-color: #3594cb;
    top: -20px;
  }

  .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
    border-right-color: transparent;
    border-bottom-color: #6cbfee;
  }

  .cbp_tmtimeline > li .cbp_tmicon {
    display:none;
  }  
}
.col-01 {width: 48%; float: left; margin-right:2%;}
.col-02 {width: 48%; float: left;}


/* ----------------- Related Mod FJ Related Plus ----------------------- */
.relateditems-related{
  margin:0 0 25px 1.5em;
  list-style: none;
  width:100%;
  padding: 0;  
}
.relateditems-related li{
  list-style: none;
  line-height:1.8em;
}
.relateditems-related li:before {
  display: block;
  content: "";
  position: relative;
  top: 16px;
  left: -10px;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left: 4px solid #666;
}

/* with Thumbnail */

.relateditems-img li{
  display: block!important;
  width:100%;
  clear:both;
  min-height:95px;
}

.relateditems-img .related-img{
  float:left;
  width:130px;
  height:80px;
  margin:0 15px 15px 0;
  padding:3px;
  background:#fff;
  border:1px solid #cccccc;
  overflow:hidden;
}
.relateditems-img .related-img img{
  width:130px;
  height:80px;
}
.relateditems-img .disc{
  float:right;
  width:75%;
}
.relateditems-img h3{
  font-size:16px;
  font-weight:normal;
  margin:0;
  padding:0;
}




/* ----------------- SP weather Mod ----------------------- */
.weather_sp1_cleft{
  float:left;
  width:40%;
}
.weather_sp1_cright{
  float:left;
  width:55%;
}
.weather_sp1_city{
  margin:0!important;
  padding:0 0 0 12px!important;
}
.spw_current_temp{
  font-size:21px!important;
  font-weight:bold;
  margin:0 0 .5em 0!important;
  padding:0!important;
}

/* ----------------- Service 共通 ----------------------- */

#service-merit ul{
  font-size:1.2em;
  font-weight:bold;
  line-height:1.6em;
}
.service-btn{
  text-align:center;
  marginp:25px 0 0 0;
  padding:25px 0;  
  
}
.service-btn a{
background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.5);
box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  color: #ffffff;
  font-size: 20px;
  padding: 25px;
  text-decoration: none;
  display:inline-block;
  line-height:1.3em;
}

.service-btn a:hover {
  background: #52bdff;
  background-image: -webkit-linear-gradient(top, #52bdff, #4fa0d6);
  background-image: -moz-linear-gradient(top, #52bdff, #4fa0d6);
  background-image: -ms-linear-gradient(top, #52bdff, #4fa0d6);
  background-image: -o-linear-gradient(top, #52bdff, #4fa0d6);
  background-image: linear-gradient(to bottom, #52bdff, #4fa0d6);
  text-decoration: none!important;
}

.service-banner{
  text-align:center;
}
/* wifi  */
.wifi th{
  background:#f0f0f0;
}
.wifi th, .wifi td{
  border:1px solid #ccc;
}
.wifi .xmob{
  background:#fff8d0;
  font-weight:bold;
  color:#ff9900;
  border:3px solid #0099ff;
}
.wifi .header th{
  background:#b7deff;
  text-align:center;
}
.wifi .header .active{
  background:#0099ff;
  color:#fff;
}
.wifi tfoot{
  font-weight:bold;
  border-top:2px solid #333;
  border-bottom:2px solid #333;
}

.flow-wifi{
  counter-reset: li; /* Initiate a counter */
  list-style: none; /* Remove default numbering */
  *list-style: decimal; /* Keep using default numbering for IE6/7 */
  padding: 0;
  margin-bottom: 4em;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.flow-wifi li{
  position: relative;
  display: block;
  padding: .8em .8em .8em 2.5em;
  *padding: .8em;
  margin: .5em 0 1em 2em;
  background: #eee;
  color: #333;
  line-height:1.8em;
  text-decoration: none;
  border-radius: .3em;
  transition: all .3s ease-out;  
}
.flow-wifi li:before{
  content: counter(li);
  counter-increment: li;
  position: absolute;  
  left: -1.3em;
  top: 50%;
  font-size:18px;
  margin-top: -1.3em;
  background: #0099ff;
  color:#fff;
  height: 2em;
  width: 2em;
  line-height: 2em;
  border: .3em solid #fff;
  text-align: center;
  font-weight: bold;
  border-radius: 2em;
  transition: all .3s ease-out;
}
.flow-wifi h3{
  margin:0 0 .5em 0!important;
  padding:0px!important;
  line-height:1em;
  border:none;
}


/* ----------------- Home setting -----------------  */
.home-heading, .home-heading .module-surround{
  margin:0!important;
  padding:0!important;
}

#home-h1{
  margin: 20px 0!important;
  padding:0!important;
  font-size:24px!important;
  line-height:1.4em!important;
  color:#fff; /* if dark bg  */
  float:left;
  width:66%;
}
.search-home{
  float:right;
  width:33%;
  text-align:right;
  margin-top:20px;
}

@media only screen and (max-width: 768px) { 
  #home-h1{
  float:none;
  width:100%;
  }
  .search-home{
  float:none;
  width:100%;
  }
}


#rt-content-bottom .moduletable h2.home-h2, 
#rt-content-bottom .moduletable-tour-mod h2.home-h2{
  font-size:21px;
  font-weight:normal;
  position: relative;
  color: #000;
  margin:30px 0 25px 0;
  background: #fff8d0;
  line-height: 1;
  border-top:5px solid #f0ce00;
  border-radius: 3px;
  box-shadow:rgba(163, 163, 163, 0.2) 0px 0px 3px 2px;
  -webkit-box-shadow:rgba(163, 163, 163, 0.2) 0px 0px 3px 2px;
  -moz-box-shadow:rgba(163, 163, 163, 0.2) 0px 0px 3px 2px;
  text-shadow:none;
}
#rt-content-bottom .moduletable h2.home-h2:after,
#rt-content-bottom .moduletable-tour-mod h2.home-h2:after{
  border:none;
}




/* ----------------- Smooth Scroll ----------------------- */

a.scrollToTop{
  background: #666;
  text-decoration: none;
  color: #fff;
  height:35px;
  width:35px;
  padding:10px;
  font-size:1.8em;
  line-height:1.4em;
  text-align: center;
  display: block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}
a.scrollToTop:before{
  content:url(../images/arrow-top.png);
  position:relative;
  top:8px;
}
a.scrollToTop:hover {
  text-decoration: none!important;
  background: #999;
}


/* ----------------- Mod content-bottom h2 setting ----------------------- */
#rt-content-bottom .moduletable h2, 
.moduletable-tour-mod h2,
#rt-content-bottom .moduletable-related h2,
#rt-content-bottom .moduletable-img h2{
  border-bottom: 0px;
  margin-bottom:25px;
  font-size:21px;
  font-weight:normal;
  position: relative;
  color: #333;
  background: #dbe4ec;
  line-height: 1;
  padding: 12px 5px 12px 10px!important;
  border-radius: 3px!important;
}
#rt-content-bottom .moduletable h2:after, 
.moduletable-tour-mod h2:after,
#rt-content-bottom .moduletable-related h2:after,
#rt-content-bottom .moduletable-img h2:after { 
  top: 100%; 
  left: 10%; 
  border: solid transparent; 
  content: " "; 
  height: 0; 
  width: 0; 
  position: 
  absolute; 
  pointer-events: none; 
  border-color: rgba(219, 228, 236, 0);
  border-top-color: #dbe4ec; 
  border-width: 10px; 
  margin-left: -10px; 
}


/* ----------------- Mod Latest Article enhanced ----------------------- */
.latest-feature .newslist{
  padding:0 10px;
}
.latest-feature .newsitems h3{
  font-weight:normal;
  font-size:16px;
}
.latest-feature .newsitem{
  margin-bottom:15px!important;
}

.latest-feature .newsitem.active{
  background:none!important;
}

/* ----------------- Slider Bg color ----------------------- */
#rt-utility{
  background:#000 url(../images/slider-bg.jpg) 0 0;
  padding-bottom:30px;
}


/* ----------------- Footer SNS  ----------------------- */
@font-face {
  font-family: 'fontello';
  src: url('../font/fontellosns.eot?51513870');
  src: url('../font/fontellosns.eot?51513870#iefix') format('embedded-opentype'),
       url('../font/fontellosns.woff?51513870') format('woff'),
       url('../font/fontellosns.ttf?51513870') format('truetype'),
       url('../font/fontellosns.svg?51513870#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
#sns{
  font-family: "fontello";
  font-size:1.5em;
  clear:both;
}
#sns li{
  text-align:center;
  float:left;
  line-height:45px;
  margin:20px 20px 20px 0;
}
#sns li a{
  width:45px;
  height:45px;
  display:block;
  background:#666;
  border-radius:50%;
  color:#ccc;
  text-decoration:none;
  text-shadow:0 -1px 2px #454545;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#sns li a.twitter:hover{
  background:#00acee;
  color:#fff;
  text-decoration:none!important;
}
#sns li a.facebook:hover{
  background:#4862a3;
  color:#fff;
  text-decoration:none!important;
}




/*----------------- Main Navi Setting -----------------*/
#main-nav.gf-menu .item {
  color: #333;
  padding: 4px 8px;
  margin-left:3px;!important;
  text-align: left;
  text-decoration: none;
  display: block;
  outline: 0;
  cursor: pointer;
}
#main-nav.gf-menu li{
  margin-right:3px!important;
}
#main-nav.gf-menu .active .item {
  color: #fff!important;
  text-shadow: 0px 1px 3px #732323;
}
#main-nav.gf-menu .item:hover{
  text-decoration:none !important;
}
#main-nav.gf-menu .flyout {
  border-top: 1px solid #debf02;
}
#main-nav.gf-menu.gf-splitmenu li.parent:hover {
  border-radius: 0;
}
.gf-menu-toggle {
  padding: 7px 10px;
  border: 1px solid #debf02;
  border-top: 0;
  border-radius: 4px;
  background-color: #fde773;
  background-image: -moz-linear-gradient(top,#fde773,#f0ce00);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#fde773),to(#f0ce00));
  background-image: -webkit-linear-gradient(top,#fde773,#f0ce00);
  background-image: -o-linear-gradient(top,#fde773,#f0ce00);
  background-image: linear-gradient(to bottom,#fde773,#f0ce00);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fde773', endColorstr='#f0ce00', GradientType=0);
  -webkit-box-shadow: inset 0px 1px 0px #f0ce00, inset 0px 2px 0px #debf02, 0px 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0px 1px 0px #f0ce00, inset 0px 2px 0px #debf02, 0px 1px 1px rgba(0,0,0,0.2);
  box-shadow: inset 0px 1px 0px #f0ce00, inset 0px 2px 0px #debf02, 0px 1px 1px rgba(0,0,0,0.2);
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
  cursor: pointer; 
}
.gf-menu-toggle.active {
  border: 1px solid #cfb202;
  -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2), 0px 1px 0px #cfb203;
  -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2), 0px 1px 0px #cfb203;
  box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2), 0px 1px 0px #cfb203;
  background-color: #000000;
  background-image: -moz-linear-gradient(top,#f0ce00,#f0ce00);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#f0ce00),to(#f0ce00));
  background-image: -webkit-linear-gradient(top,#f0ce00,#f0ce00);
  background-image: -o-linear-gradient(top,#f0ce00,#f0ce00);
  background-image: linear-gradient(to bottom,#f0ce00,#f0ce00);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0ce00', endColorstr='#f0ce00', GradientType=0);
}

/* facebook comment */
.al_buttons_container{
  clear:both;
  padding-top:35px!important;
}
.postToProfileCheckbox,
.fb-comments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb-comments iframe[style],
.fb-social-plugin span,
.fb-comments span {
    width: 100% !important;
    display: block;
}
.fb-root{
  clear:both;
}

/*----- service form -----*/
#form-service fieldset{
  box-sizing: border-box;
  margin-bottom:2em;
  padding:2em;
  border: 1px #f0ce00 solid;
  border-top: 26px #f0ce00 solid;
}
#form-service legend{
  font-size:16px;
  margin: 0 -10px;
    padding: 0 10px;
  font-weight: bold;
  border:none;
  width:auto!important;
}
/* ▼K001▼ */
input.required:before{
  content: "";
}
/* ▲K001▲ */

.required:before{
  content: "*";
    color:#CC0000;
}
.form-col1{
/*  margin:0 0 2em 0; // ▼K001▼ */
    margin  : 0     ; /* ▲K001▲ */
    clear   : both  ;
} 

/* ▼K001▼ */
fieldset .form-col1:nth-of-type(n+2) {
    padding-top : 1em   ;
}
.noFloat dt ,
.noFloat dd {
    float   : none  !important  ;
}
/* ▲K001▲ */

.form-col1 textarea{
  clear:both;
  width:95%;
}
.form-col1 label{
  font-weight:bold;
}
.form-col1 dt{
}
#form-service input::-webkit-input-placeholder {
    color:    #999;
}
#form-service input:-moz-placeholder {
    color:    #999;
}
#form-service .note{
  color:#CC0000;
  font-size:0.9em;
}
.form-child{
  margin-left:1.5em;
}
.form-child .header{

}

#form-service .service-btn{
  text-align:center;
  padding:25px 0;  
}
#form-service .service-btn{
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  color: #ffffff;
  font-size: 20px;
  padding: 15px 25px 15px 25px;
  margin:.5em;
  text-decoration: none;
  border:none;
}

#form-service .service-btn:hover {
  background: #52bdff;
  background-image: -webkit-linear-gradient(top, #52bdff, #4fa0d6);
  background-image: -moz-linear-gradient(top, #52bdff, #4fa0d6);
  background-image: -ms-linear-gradient(top, #52bdff, #4fa0d6);
  background-image: -o-linear-gradient(top, #52bdff, #4fa0d6);
  background-image: linear-gradient(to bottom, #52bdff, #4fa0d6);
  text-decoration: none!important;
}

/*----- Hotel Booking -----*/
.hotel-booking h2{
  border:none;
  background:none;
  box-shadow:none;
}
.hotel-booking h2.airport{
  background:transparent url(../images/icon-hotel-airport.png) 0 2px no-repeat;
  padding-left:40px!important;
}
.hotel-booking h2.city{
  background:transparent url(../images/icon-hotel-city.png) 0 2px no-repeat;
  padding-left:40px!important;
}
.hotel-booking h2.ski{
  background:transparent url(../images/icon-hotel-ski.png) 0 2px no-repeat;
  padding-left:40px!important;
}
.col-left{
  float:left;
  width:48%;
}
.col-right{
  float:right;
  width:48%;
  clear:right;
}
@media only screen and (max-width: 768px){ 
  .col-left, .col-right{
  clear:both;
  width:100%;
  }
}

/* Model course */
.model-plan{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin:0;
  padding:0;
}
.model-sum{
  position: relative;
  background:#f7f6ee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width:90%;
  margin:35px auto;
    counter-reset:li; /* Initiate a counter */
    padding:75px 25px 25px 25px; 
  list-style:none; /* Disable the normal item numbering */
  border:10px solid #f7f6ee;
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.model-sum:before{
  content:url(../images/model-course-schedule.png) ;
  position: absolute;
  top:20px;
  left:25px;
}
.model-sum:after{
    z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}
.model-sum li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 2.5em; /* Give each list item a left margin to make room for the numbers */
    padding:10px 10px 10px 20px;
}
.model-sum li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-1px;
    left:-2.5em;
    width:2.5em;
    padding:10px 0px;
  margin-left:10px;
    border-top:1px solid #b2cb5d;
    color:#fff;
    background:#b2cb5d;
  font-size:21px;
    font-weight:bold;

  font-family: 'Love Ya Like A Sister', cursive;
    text-align:center;
  border-radius: 2px;
}
.model-sum .time{
  margin-right:1.5em;
}

.model-plan .spot-frame{
  position: relative;
  border:1px solid #ccc;
  padding:10px 15px;
  margin:0 0 0 5%;
  width:95%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  counter-increment: spot-frame;
  z-index:10;
  background:#fff;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.3);
  border-top:7px solid #ff881f;
}
.model-plan .spot-frame:before{  
  position: absolute;  
  z-index: -1;  
  right: 20px;  
  top: 0;  
  color: #f1e0ce;  
  font: normal 150px/1 'Love Ya Like A Sister', cursive;
  text-align: center;  
  content: counter(spot-frame);  
}  
.spot-frame h2{
  border:none;
  border-bottom:1px dotted #ccc;
  background:none;
  box-shadow:none;
  padding:.5em 0 .5em 25px!important;
  margin:0 0 1em 0!important;
  border-radius:0;
  font-size:24px;
  line-height:1.2em;

}
.spot-frame .time-arrival{
  position: absolute;
  top: -10px;
  left: -5%;
  background:#ff881f;
  height:60px;
  width:60px;
  border:3px solid #ffc38f;
  border-radius: 50%;
  text-align:center;
  line-height: 60px;
  font-family:'Averia Serif Libre', cursive;
  font-size:1.4em;
  color:#fff;
  opacity: 0.8;
}
.spot-frame .info dt{
  font-size:16px;
  font-weight:bold;
  border-left:5px solid #ff881f;
  padding-left:5px;
}
.spot-frame .info dd.img{
  margin:15px 0;
}

.model-plan .spot-trans{
  padding:28px 0 28px 45px;
  margin:0 0 0 50px;
  text-align:left;
  font-size:1em;
  line-height:3em;
  background:transparent url(../images/model-plan-trans-bg.png) 0 -7px repeat-y;
}
.spot-trans .bus{
  background:transparent url(../images/icon-bus.png) 0 0 no-repeat;
  margin:0;
  padding: 5px 5px 5px 35px;
}
.spot-trans .walk{
  background:transparent url(../images/icon-walk.png) 0 0 no-repeat;
  margin:0;
  padding: 5px 5px 5px 35px;
}
.spot-trans .train{
  background:transparent url(../images/icon-train.png) 0 0 no-repeat;
  margin:0;
  padding: 5px 5px 5px 35px;
}
.spot-trans .ferry{
  background:transparent url(../images/icon-ferry.png) 0 0 no-repeat;
  margin:0;
  padding: 5px 5px 5px 35px;
}
.spot-trans .car, .spot-trans .taxi{
  background:transparent url(  background:transparent url(../images/icon-car.png) 0 0 no-repeat;
  margin:0;
  padding: 5px 5px 5px 35px;
}
.spot-trans .mins{
  background:#ff881f;
  color:#fff;
  border-radius: 3px;
  margin:0 10px 15px 0;
  padding: 5px;
  font-size:1.2em;
}
.route-map{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin:25px 0 0 5%;
  width:95%;
  border-radius: 3px;
  border:5px solid #fff;
  padding:0 10px;
  background: -moz-linear-gradient(left top, #fdc99b, #fdc99b 25%, #ffc088 25%, #ffc088 50%,
        #fdc99b 50%, #fdc99b 75%, #ffc088 75%,#ffc088);
    background: -webkit-linear-gradient(left top, #fdc99b, #fdc99b 25%, #ffc088 25%, #ffc088 50%,
        #fdc99b 50%, #fdc99b 75%, #ffc088 75%,#ffc088);
    background: linear-gradient(left top, #fdc99b, #fdc99b 25%, #ffc088 25%, #ffc088 50%,
        #fdc99b 50%, #fdc99b 75%, #ffc088 75%,#ffc088);
    -moz-background-size: 15px 15px;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
}
.route-map h2{
  border:none;
  background:none;
  box-shadow:none;
  padding:0 !important;
  margin:1em 0 0 1em !important;
  font-size:18px;
}
@media only screen and (max-width: 768px){ 
  .model-sum{
  width:100%;
  }
  .model-sum:before{
  left:10px;
  }
}



/* ----- table setting ----- */
.left-th-2col th{
  width:25%;
}

/*▼A171 2015-12-02 ADD by KTGW▼*/
#note_top   fieldset    {
    box-sizing          : border-box;
    margin-bottom       : 2em;
    padding             : 2em;
    border              : 2px  #3835AA solid;
    border-top          : 26px #3835AA solid;
    border-radius       : 5px;
}

#note_top   legend      {
    display             : block;
    font-size           : 20px;
    margin              : 1px -10px 0 0;
    padding             : 0 10px;
    font-weight         : bold;
    border              : none;
    width               : auto!important;
}

#note_top   p           {
    color               : red;
    margin-bottom       : 0;
}
/*▲A171 2015-12-02 ADD by KTGW▲*/

/*▼A238 2016-08-30 ADD by KTGW▼*/
.fancybox-skin  {
    background  : transparent;
}

input[type=number].no_spinner::-webkit-inner-spin-button   ,
input[type=number].no_spinner::-webkit-outer-spin-button   {
    -webkit-appearance  : none;
    margin              : 0;
}

input[type=number].no_spinner   {
    -moz-appearance     : textfield;
}

button.img_btn:hover   {
    opacity : 0.8;
}
/*▲A238 2016-08-30 ADD by KTGW▲*/

/* featured article */
.home-featured-article{
background:#cc3333;
border-radius: 3px;
}
#rt-content-bottom .home-featured-article h2.home-h2{
background:none;
border:none;
color:#fff;
box-shadow:none;
margin-bottom:.5em;
padding-bottom:0;
}
.home-featured-article h3, .home-featured-article .nspHeader a:link, .home-featured-article p{
color:#fff;
}
.bannergroup-home-mid{
	margin-top:26px;
}
.bannergroup-home-mid4{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top:26px;
}
.bannergroup-home-mid4 div{
	margin:10px 10px;
	display:inline-block;
	padding:0;
	width:300px;
	height:80px;
	overflow:hidden;
}
.bannergroup-home-mid4 div a, .bannergroup-home-mid4 div img{
	margin:0;
	padding:0;
}


/*▼2019-01-30 ADD by KTGW▼*/
.gf-menu .dropdown ul li > .item {
    color: #EEE !important;
}
/*▲2019-01-30 ADD by KTGW▲*/