@charset "UTF-8";
.text-takamatsu, .txt-takamatsu {
  color: #ed945c;
}

.text-eastern, .txt-eastern {
  color: #a4cf3a;
}

.text-central, .txt-central {
  color: #6ba6d1;
}

.text-western, .txt-western {
  color: #e6c300;
}

.text-shodoshima, .txt-shodoshima {
  color: #60c76e;
}

.mainslider {
  padding: 3px;
  height: 400px;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.mainslider .flex-direction-nav a {
  display: block;
  width: 40px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  background: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mainslider .flex-direction-nav a:before {
  color: #004ea2;
  font-size: 20px;
  margin-top: 30px;
}
.mainslider .flex-direction-nav .flex-prev {
  left: 15px;
  -moz-border-radius: 0 40px 40px 0;
  -webkit-border-radius: 0;
  border-radius: 0 40px 40px 0;
}
.mainslider .flex-direction-nav .flex-prev:before {
  padding-right: 10px;
}
.mainslider .flex-direction-nav .flex-next {
  right: 15px;
  -moz-border-radius: 40px 0 0 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px 0 0 40px;
}
.mainslider .flex-direction-nav .flex-next:before {
  padding-left: 10px;
}
.mainslider .bannerContent img {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
}

body {
  background-color: #ffffff;
}

#footerGotoTop {
  right: 10px;
  bottom: 15px;
}

/*==========================================
= Footer吸着
===========================================*/
html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 0px;
}

body > .container {
  /*padding: 60px 15px 0;*/
  padding: 10px 15px;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

.footer {
  position: static;
  bottom: 0;
  width: 100%;
  height: 240px;
}

/*==========================================
= Header
===========================================*/
.header {
  padding: 10px 0 0 0;
  background-color: #fff;
  margin: 0;
}
.header .headContent {
  padding: 10px;
  height: auto;
}
.header .headContent .logo {
  width: 210px;
  width: calc(100% - 60px);
}
.header .headContent .logo img {
  width: auto;
  max-width: 100%;
}
.header .headContent .logo span {
  display: none;
  visibility: hidden;
  width: 0;
  height: 0;
  text-indent: -9999em;
}
.header .headContent .header-menu {
  display: block;
  width: 45px;
  height: 45px;
  background: url(/images/smartphone/common/btnMenu.png) no-repeat;
  background-size: 45px auto;
}
.header .header-menu-content {
  display: none;
}
.header .header-menu-content .inner {
  padding: 0;
  margin: 0;
}
.header .header-menu-content ul li {
  font-size: 16px;
  border-bottom: 1px solid #ccc4c0;
  background: url(/images/smartphone/common/menu/_.png) no-repeat 18px center;
  background-size: 20px auto;
}
.header .header-menu-content ul li a {
  display: block;
  padding: 10px 10px 10px 60px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: #666;
}
.header .header-menu-content ul li a.cls {
  padding-left: 40px;
  background: url(/images/smartphone/icon/times.png) no-repeat 10px center;
  background-size: 20px auto;
}
.header .header-menu-content ul li a span {
  display: inline-block;
}
.header .header-menu-content ul li a span.small {
  font-size: 12px;
}
.header .header-menu-content ul li a span.space-left {
  margin-left: 10px;
}
.header .header-menu-content ul li a span.green {
  color: #356629;
}
.header .header-menu-content ul li.home {
  background-image: url(/images/smartphone/common/menu/home.png);
}
.header .header-menu-content ul li.ritsurin {
  background-image: url(/images/smartphone/common/menu/ritutin.png);
}
.header .header-menu-content ul li.konpira {
  background-image: url(/images/smartphone/common/menu/konpira.png);
}
.header .header-menu-content ul li.shodoshima {
  background-image: url(/images/smartphone/common/menu/syodoshima.png);
}
.header .header-menu-content ul li.art {
  background-image: url(/images/smartphone/common/menu/art.png);
}
.header .header-menu-content ul li.shimatabi {
  background-image: url(/images/smartphone/common/menu/shimatabi.png);
}
.header .header-menu-content ul li.ohenro {
  background-image: url(/images/smartphone/common/menu/ohenro.png);
}
.header .header-menu-content ul li.udon {
  background-image: url(/images/smartphone/common/menu/udon.png);
}
.header .header-menu-content ul li.gourmet {
  background-image: url(/images/smartphone/common/menu/gourmet.png);
}
.header .header-menu-content ul li.feature {
  background-image: url(/images/smartphone/common/menu/tokusyu.png);
}
.header .header-menu-content ul li.course {
  background-image: url(/images/smartphone/common/menu/course.png);
}
.header .header-menu-content ul li.spot {
  background-image: url(/images/smartphone/common/menu/spot.png);
}
.header .header-menu-content ul li.event {
  background-image: url(/images/smartphone/common/menu/event.png);
}
.header .header-menu-content ul li.reserve {
  background-image: url(/images/smartphone/common/menu/reserve.png);
}
.header .header-menu-content ul li.reserve {
  background-color: #80ba4e;
}
.header .header-menu-content ul li.reserve a {
  color: #fff;
}
.header .header-menu-content ul li.access {
  background-image: url(/images/smartphone/common/menu/access.png);
}
.header .header-menu-content ul li.movie {
  background-image: url(/images/smartphone/common/menu/movie.png);
}
.header .header-menu-content ul li.night {
  background-image: url(/images/smartphone/common/menu/night.png);
}
.header .tools {
  clear: both;
  margin-top: 8px;
  padding: 0 8px;
}
.header .tools .language ul {
  clear: both;
  overflow: hidden;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.header .tools .language ul li {
  float: left;
  width: 25%;
  color: #333;
  font-size: 11px;
  text-align: center;
  border-right: 1px solid #ccc;
}
.header .tools .language ul li.last {
  border-right: none;
}
.header .tools .language ul li a {
  display: block;
  padding: 5px 0;
  color: inherit;
  text-decoration: none;
}
.header .tools .languageNavi {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
.header .tools .languageNavi p {
  display: inline-block;
  border: 2px solid #009946;
  padding: 6px 0;
  margin: 2px 0 0 0;
  color: #009946;
  font-size: 14px;
  line-height: 1em;
  font-weight: 700;
  background-image: url(/images/common/icon_lang_pc.png), url(/images/common/icon_lang_pc_arrow.png);
  background-position: 10px 50%, 95% 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 15px 15px, 15px 15px;
  cursor: pointer;
  border-radius: 5px 5px 5px 5px;
  width: 100%;
  text-align: center;
}
.header .tools .languageNavi ul {
  position: absolute;
  width: 100%;
  z-index: 999;
  top: 37px;
  left: 0;
  display: none;
  border: 2px solid #009946;
  border-radius: 5px 5px 5px 5px;
  background: #fff;
  margin: 0;
  padding: 0;
}
.header .tools .languageNavi ul li {
  list-style: none;
  padding: 0;
  border-bottom: 1px solid #009946;
}
.header .tools .languageNavi ul li:last-child {
  border-bottom: none;
}
.header .tools .languageNavi ul li a {
  display: block;
  padding: 8px 30px 8px 15px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2em;
  color: #009946;
  background: url(/images/icon02.png) no-repeat 95% 50%;
  background-size: 15px 15px;
  /*width: 233px;*/
}
.header .links {
  text-align: center;
  margin: 5px 0 10px;
}
.header .links a {
  width: calc(50% - 20px);
  padding: 5px;
  display: inline-block;
}
.header .links a.wifi img {
  width: 100%;
  max-width: 186px;
}
.header .links a.sns img {
  width: 100%;
  max-width: 186px;
}
.header .links a.photo img {
  width: 100%;
  max-width: 186px;
}
.header .links a.udonken img {
  width: 100%;
  max-width: 186px;
}
.header .header-menu-close {
  margin-top: 10px;
  background-color: #85C256;
}
.header .header-menu-close a {
  display: block;
  padding: 8px 20px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
}

.udon-news {
  border: #0A8B14 solid 2px;
  margin: 0 10px;
}
.udon-news a {
  display: block;
  padding: 8px 10px;
  text-align: center;
  font-size: 20px;
  color: #000;
  text-decoration: none;
}
.udon-news img.header-menu-udon-image {
  width: 25px;
}

.inq-area {
  margin: 10px auto;
  padding: 0 10px;
}
.inq-area ul li {
  display: table;
  float: left;
  width: 50%;
}
.inq-area ul li:first-of-type {
  padding-right: 5px;
}
.inq-area ul li:last-of-type {
  padding-left: 5px;
}
.inq-area ul li a {
  display: table-cell;
  padding: 5px 10px;
  width: 100%;
  height: 60px;
  color: inherit;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border: #0A8B14 solid 2px;
}

/*==========================================
= Footer
===========================================*/
.footer {
  color: #fff;
  font-size: 11px;
  text-align: center;
  background: #85C256;
  height: 180px;
}
.footer .device {
  color: #444;
  padding: 5px 10px;
  background: #cedbdd;
}
.footer .device a {
  color: #444;
  font-weight: bold;
  text-decoration: underline;
}
.footer .footerContent {
  padding: 10px 5px 0px;
}
.footer .footerContent .changeToPc {
  margin: 5px;
  border: #FFF solid 3px;
  padding: 8px 0;
}
.footer .footerContent .changeToPc a {
  display: block;
  font-weight: bold;
  text-decoration: none;
  font-size: 20px;
  color: #fff;
}
.footer .footerContent .copyright {
  padding: 10px;
}
.footer .footerContent .copyright .footerLogo {
  float: left;
  width: 145px;
}
.footer .footerContent .copyright .footerCopyright {
  float: left;
  width: 150px;
  width: calc(100% - 145px);
  word-break: break-all;
  padding: 0 0 0 10px;
}
.footer .footerContent .copyright .footerCopyright span {
  font-size: 92%;
}
.footer .footerContent .copyright .footerCopyright a {
  color: #fff;
  font-size: 92%;
  text-decoration: underline;
}
.footer .footerContent .copyright .footerCopyright a:hover {
  text-decoration: none;
}
.footer .links ul li {
  display: inline;
  line-height: 2em;
}
.footer .links ul li a {
  color: #fff;
  text-decoration: underline;
}
.footer .links ul li:after {
  content: " | ";
}
.footer .links ul li:last-child:after {
  content: "";
}
.footer .address {
  margin: 0 auto;
  padding: 10px 0 0;
  width: 292px;
  text-align: left;
}
.footer .address h5 {
  font-size: 13px;
}
.footer .copyright {
  font-size: 12px;
}

.wrap .unvisible {
  display: none;
}
.wrap section {
  margin: 0 0 1em;
}
.wrap .boxedLink, .wrap .titleL1 span, .wrap .titleL1 a, .wrap .linkList ul li a, .wrap .linkListCol2 ul li a {
  position: relative;
  display: block;
  padding: 10px 20px 10px 10px;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.wrap .boxedLink i.fa, .wrap .titleL1 span i.fa, .wrap .titleL1 a i.fa, .wrap .linkList ul li a i.fa, .wrap .linkListCol2 ul li a i.fa {
  position: absolute;
  top: 11px;
  right: 10px;
  /*&:after {@include fontIcon("\f105", 0);}*/
}
.wrap .boxedLink.toggle i.fa:after, .wrap .titleL1 span.toggle i.fa:after, .wrap .titleL1 a.toggle i.fa:after, .wrap .linkList ul li a.toggle i.fa:after, .wrap .linkListCol2 ul li a.toggle i.fa:after {
  font-family: "FontAwesome";
  margin-right: 0;
  content: "";
}
.wrap .boxedLink.open i.fa:after, .wrap .titleL1 span.open i.fa:after, .wrap .titleL1 a.open i.fa:after, .wrap .linkList ul li a.open i.fa:after, .wrap .linkListCol2 ul li a.open i.fa:after {
  font-family: "FontAwesome";
  margin-right: 0;
  content: "";
}
.wrap .boxedLink time, .wrap .titleL1 span time, .wrap .titleL1 a time, .wrap .linkList ul li a time, .wrap .linkListCol2 ul li a time {
  font-size: 75%;
}
.wrap .titleL1 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  background-color: #ff6600;
  letter-spacing: .1em;
}
.wrap .titleL1 span, .wrap .titleL1 a {
  color: #fff;
}
.wrap .titleL1 a {
  color: #fff;
}
.wrap .titleL1 a i.fa:after {
  font-family: "FontAwesome";
  margin-right: 0;
  content: "";
}
.wrap .content {
  overflow: hidden;
  background-color: #fff;
}
.wrap .content .inn {
  padding: 10px;
}
.wrap .linkList ul {
  clear: both;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #ccc;
}
.wrap .linkList ul li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
  line-height: 1.7;
}
.wrap .linkList ul li a {
  color: #444;
}
.wrap .linkList ul li a i.fa {
  top: 38%;
}
.wrap .linkList.col2 ul li {
  float: left;
  width: 50%;
  border-right: 1px solid #ccc;
}
.wrap .linkList.col2 ul li a {
  padding: 20px 10px 10px 10px;
  height: 60px;
}
.wrap .linkList.col2 ul li a i.fa {
  top: 22px;
  right: 7px;
}
.wrap .linkListCol2 ul {
  display: table;
  margin: 0 0 1em;
  padding: 0;
  width: 100%;
}
.wrap .linkListCol2 ul li {
  display: table-cell;
  margin: 0;
  padding: 0;
  width: 50%;
  border-bottom: 1px solid #ccc;
}
.wrap .linkListCol2 ul li a {
  color: #444;
}
.wrap .linkListCol2 ul li a i.fa:after {
  content: "";
}
.wrap .moreLink {
  padding: 10px 10px;
}
.wrap .moreLink a {
  color: #444;
}
.wrap .moreLink a i.fa:after {
  font-family: "FontAwesome";
  margin-right: 0;
  content: "";
}

/*
 * iseshima 192行目(.pageContainer)から
 *
 *  */
.pageContainer {
  overflow: hidden;
  padding: 0;
}

section {
  margin: 0 auto 1em;
}

.commonTitle {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
  background-color: #ff6600;
  background: #ff6600 url(/images/smartphone/icon/arrowUpW.png) no-repeat 97% center;
  background-size: 16px auto;
}
.commonTitle small {
  color: inherit;
  font-size: 70%;
}
.commonTitle span {
  display: block;
  padding: 13px 30px 10px 10px;
  background: none;
}
.commonTitle > a {
  position: relative;
  display: block;
  color: inherit;
  text-decoration: none;
}
.commonTitle.pageTitle {
  background-image: none;
  background-color: #ff6600;
}
.commonTitle.listTitle {
  color: #FFF;
  background-color: #85C256;
}
.commonTitle h1, .commonTitle h2, .commonTitle h3, .commonTitle h4, .commonTitle h5, .commonTitle h6 {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.commonTitle.green {
  background-color: #42b39a;
}
.commonTitle.red {
  background-color: #cf4b4b;
}
.commonTitle.orange {
  background-color: #ff6600 !important;
}
.commonTitle.gray {
  background-color: #999;
}
.commonTitle.pink {
  background-color: #ed8aa1;
}
.commonTitle.up {
  background-image: url(/images/smartphone/icon/arrowUpW.png);
}
.commonTitle.left {
  background-image: url(/images/smartphone/icon/arrowLeftW.png);
}
.commonTitle.right {
  background-image: url(/images/smartphone/icon/arrowRightW.png);
}
.commonTitle.down {
  background-image: url(/images/smartphone/icon/arrowDownW.png);
}
.commonTitle.noIcon {
  background-image: none;
}
.commonTitle.noIcon span {
  padding-top: 10px;
  padding-bottom: 7px;
  padding-left: 10px;
  padding-right: 10px;
}
.commonTitle.noIconLeft span {
  padding-left: 10px;
  background-image: none;
}
.commonTitle.thin span {
  padding-top: 10px;
  padding-bottom: 7px;
  paddin-left: 20px;
}

.commonTitle {
  /*
  &.genre {span {background-image: url(/images/smartphone/icon/search.png);}}
  &.course {span {background-image: url(/images/smartphone/icon/course.png);}}
  &.about {span {background-image: url(/images/smartphone/icon/10min.png);}}
  &.feature {span {background-image: url(/images/smartphone/icon/feature.png);}}
  &.access {span {background-image: url(/images/smartphone/icon/access.png);}}
  &.news {span {background-image: url(/images/smartphone/icon/news.png);}}
  &.map {span {background-image: url(/images/smartphone/icon/map.png);}}
  &.ranking {span {background-image: url(/images/smartphone/icon/ranking.png);}}

  &.spot {span {background-image: url(/images/smartphone/icon/spot.png);}}
  &.gourmet {span {background-image: url(/images/smartphone/icon/gourmet.png);}}
  &.event {span {background-image: url(/images/smartphone/icon/event.png);}}
  &.stay {span {background-image: url(/images/smartphone/icon/stay.png);}}
  */
}
.commonTitle.arround {
  color: #42b39a;
  background-color: #fff;
  border: 4px solid #42b39a;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-image: url(/images/smartphone/icon/arrowRight.png);
  background-position: right 6px center;
  background-size: 16px auto;
}
.commonTitle.arround span {
  padding-right: 20px;
  background-image: url(/images/smartphone/icon/arround.png);
  background-position: 5px center;
}

.inner {
  margin: 0 0 1em;
  background: #fff;
}
.inner .foot {
  padding: 15px 0;
  text-align: center;
  border-top: 1px solid #d6cfcc;
}
.inner .foot .inn {
  margin: 0 auto;
  width: 100%;
}

.btn-bg-up,
.btn-bg-down,
.btn-bg-right,
.btn-bg-left {
  padding-right: 45px;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px auto;
}

.btn-bg-up {
  background-image: url(/images/common/bgButtonUp.png) !important;
}

.btn-bg-left {
  background-image: url(/images/common/bgButtonLeft.png) !important;
}

.btn-bg-right {
  background-image: url(/images/common/bgButtonRight.png) !important;
}

.btn-bg-down {
  background-image: url(/images/common/bgButtonDown.png) !important;
}

.btn-white.btn-bg-up {
  background-image: url(/images/common/bgButtonUpInverse.png) !important;
}
.btn-white.btn-bg-left {
  background-image: url(/images/common/bgButtonLeftInverse.png) !important;
}
.btn-white.btn-bg-right {
  background-image: url(/images/common/bgButtonRightInverse.png) !important;
}
.btn-white.btn-bg-down {
  background-image: url(/images/common/bgButtonDownInverse.png) !important;
}

.btn-bg-premark1 {
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 20px auto;
  background-image: url(/images/smartphone/icon/button-pre1.png);
}

.btn-lg.btn-bg-up, .btn-lg.btn-bg-down, .btn-lg.btn-bg-right, .btn-lg.btn-bg-left {
  background-size: 20px auto;
}

ul.mn {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.mn li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #d6cfcc;
}
ul.mn li:last-child {
  border-bottom: 0;
}
ul.mn li.commonTitle {
  color: #333;
  font-size: 15px;
  background-color: #fff;
  background-position: right 10px center;
}
ul.mn li.commonTitle.toggleList {
  background-position: right 10px top 15px;
}
ul.mn li.commonTitle.toggleList span {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
ul.mn li.commonTitle .inner {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  border-top: 1px solid #edeae8;
}
ul.mn li.commonTitle.image {
  min-height: 82px;
  font-size: 13px !important;
}
ul.mn li.commonTitle.image .thumbs {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 80px;
}
ul.mn li.commonTitle.image span {
  padding: 3px 30px 3px 90px;
}
ul.mn li.commonTitle.image.rank .rankNo {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  color: #7a655d;
  text-align: center;
  line-height: 80px;
  font-size: 13px;
}
ul.mn li.commonTitle.image.rank .rankNo strong {
  color: #333;
  font-size: 17px;
}
ul.mn li.commonTitle.image.rank.rank1 strong {
  color: #bd9600;
}
ul.mn li.commonTitle.image.rank.rank2 strong {
  color: #87898f;
}
ul.mn li.commonTitle.image.rank.rank3 strong {
  color: #bd6f4f;
}
ul.mn li.commonTitle.image.rank .thumbs {
  position: absolute;
  top: 1px;
  left: 40px;
  width: 80px;
}
ul.mn li.commonTitle.image.rank span {
  padding: 5px 30px 5px 130px;
}
ul.mn li.commonTitle.up {
  background-image: url(/images/smartphone/icon/arrowUp.png);
}
ul.mn li.commonTitle.left {
  background-image: url(/images/smartphone/icon/arrowLeft.png);
}
ul.mn li.commonTitle.right {
  background-image: url(/images/smartphone/icon/arrowRight.png);
  background-repeat: no-repeat;
}
ul.mn li.commonTitle.down {
  background-image: url(/images/smartphone/icon/arrowDown.png);
}

.mg0 {
  margin: 0;
}

.pd0 {
  padding: 0;
}

.mgb0 {
  margin-bottom: 0;
}

.pdb0 {
  padding-bottom: 0;
}

.mgt1em {
  margin-top: 1em;
}

.mgb1em {
  margin-bottom: 1em;
}

.mgt10 {
  margin-top: 10px;
}

.mgb10 {
  margin-bottom: 10px;
}

.pd1em {
  padding: 1em;
}

.pdt1em {
  padding-top: 1em;
}

.pdb1em {
  padding-bottom: 1em;
}

.pd10 {
  padding: 10px;
}

.pdt10 {
  padding-top: 10px;
}

.pdb10 {
  padding-bottom: 10px;
}

.breadlist {
  padding: 1px 3px 2px;
  border: none;
  background: none;
}
.breadlist ul {
  width: auto;
}
.breadlist ul li {
  font-size: 10px;
  color: #986452;
}
.breadlist ul li:last-child {
  color: #555;
}

.pagenate {
  padding: 1em 0;
}
.pagenate ul li {
  line-height: 1.5;
}
.pagenate ul li a {
  padding: 0 5px;
  width: auto;
  height: auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.pagenate ul li.prev a, .pagenate ul li.next a {
  width: auto;
}
.pagenate ul li.prev i.fa, .pagenate ul li.next i.fa {
  margin: 0;
}

.tabs-default, .tabs > li > a {
  color: #a4cf3a;
  background-color: #faf7f0;
  border-bottom-color: transparent;
}

.tabs-hover, .tabs > li > a:hover, .tabs > li.active > a,
.tabs > li.active > a:hover,
.tabs > li.active > a:focus {
  color: #fff;
  background-color: #a4cf3a;
  border-bottom-color: #a4cf3a;
}

.tabs {
  margin: 0;
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px 10px 0;
  list-style: none;
  border-bottom: 3px solid #a4cf3a;
}
.tabs > li {
  float: left;
  padding-top: 4px;
}
.tabs > li > a {
  display: block;
  margin-right: 5px;
  padding: 3px 15px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  border: 3px solid #a4cf3a;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
}
.tabs > li.active {
  padding-top: 0;
}
.tabs > li.active > a,
.tabs > li.active > a:hover,
.tabs > li.active > a:focus {
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: default;
}

/* header menu */
div.header div.headContent div.logo {
  float: left;
}

div.header div.headContent div.pull-right {
  float: right;
}

div.header div.headContent div.pull-right .header-menu {
  display: block;
  width: 45px;
  height: 45px;
  background: url(/images/smartphone/common/btnMenu.png) no-repeat;
  background-size: 45px auto;
}

.flexslider {
  border: 0;
  background-color: transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.figure .figcaption p.ellipsis, .figure .figCaption p.ellipsis {
  font-size: 12px;
}

.modal-header {
  padding: 13px;
}
.modal-header .modal-title {
  font-size: 20px;
}

#modal-terms .modal-body .inn {
  padding: 0;
}
#modal-terms .modal-footer .btn .fa {
  display: none;
}

.google-marker-dialog {
  width: 230px;
}
.google-marker-dialog .dialog-photo {
  margin: 10px auto 0;
}
.google-marker-dialog .dialog-photo img {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  max-width: 100%;
}
.google-marker-dialog .dialog-title {
  margin: 5px 0 5px 5px;
  width: 150px;
  font-size: 13px;
  font-weight: bold;
}
.google-marker-dialog .dialog-copy {
  width: 200px;
}
.google-marker-dialog .dialog-copy,
.google-marker-dialog .dialog-buttons {
  clear: both;
  overflow: hidden;
  padding: 10px 0 0;
}
.google-marker-dialog .dialog-copy .dialog-button,
.google-marker-dialog .dialog-buttons .dialog-button {
  width: auto;
}

.ellipsis2 {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

li.commonTitle {
  margin: 0;
}
li.commonTitle h2.title::before {
  content: " ";
  border: none;
  background: none;
}

li.commonTitle.right.about > a {
  padding: 10px 0 10px 10px;
}

section.section.sns .snsShareBox.horizontal ul li.twitter a {
  font-size: 80%;
}

.footer .copyright {
  padding: 20px 0 0;
}

.figure {
  position: relative;
  z-index: 1;
}
.figure .figCaption {
  position: absolute;
  bottom: 0;
  z-index: 20;
  width: 100%;
  color: #fff;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.7);
}
.figure .figCaption p.ellipsis {
  font-size: 12px;
  margin: 0;
  padding: 3px;
}

div.wrap.attraction div.container {
  width: auto;
  padding: 0;
}
div.wrap.attraction div.container div.breadlist {
  padding: 1px 3px 2px;
  margin: 0 0 0;
  width: auto;
}
div.wrap.attraction div.detail.course section.section.reserve {
  margin: 0 0 10px;
}
div.wrap.attraction div.detail.course section.section.reserve .row {
  margin-left: 0px;
  margin-right: 0px;
}
div.wrap.attraction div.detail.course div.informations .row {
  margin-left: 0px;
  margin-right: 0px;
}

/*# sourceMappingURL=common.css.map */