@charset "utf-8";
@font-face {
  font-family: 'rounded-mplus';
  /*  font-style: normal;
  font-weight: bold;*/
  src: url('../fonts/rounded-mplus-1c-bold.eot');
  src: url('../fonts/rounded-mplus-1c-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/rounded-mplus-1c-bold.woff') format('woff'), url('../fonts/rounded-mplus-1c-bold.ttf') format('truetype');
}


/* 基礎CSS
+=========================================================+*/
body {
  min-width: 320px;
}
@media (min-width:768px) {
  html, body {
    height: 100%;
  }
  #page {
    margin: 0;
    padding: 0;
    min-height: 100%;
    height: auto;
    position: relative;
  }
  article {
    padding-bottom: 200px;
  }
  footer {
    position: absolute;
    width: 100%;
    height: 200px;
    bottom: 0;
    overflow: hidden;
  }
}

/*CLASSES*/
@media (max-width: 767px) {
  .sp-br:after {
    content: "";
    display: block;
  }
  .for-pc {
    display: none;
  }
}
@media (min-width: 768px) {
  .pc-br:after {
    content: "";
    display: block;
  }
  .for-sp {
    display: none;
  }
}


/* BOOTSTRAP EXTENTIONS
+=========================================================+*/
.container {
  max-width: 990px;
  position: relative;
  margin-right: auto;
  margin-left: auto;
}

.img-cover {
  width: 100%;
  height: auto;
}

ul.row {
  list-style: none;
}


/* .col-xxs-xx (479px以下の指定) */

@media (max-width: 479px) {
  .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6,
  .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6,
  .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    float: left;
  }
  .col-xxs-12 {
    width: 100%;
  }
  .col-xxs-11 {
    width: 91.66666667%;
  }
  .col-xxs-10 {
    width: 83.33333333%;
  }
  .col-xxs-9 {
    width: 75%;
  }
  .col-xxs-8 {
    width: 66.66666667%;
  }
  .col-xxs-7 {
    width: 58.33333333%;
  }
  .col-xxs-6 {
    width: 50%;
  }
  .col-xxs-5 {
    width: 41.66666667%;
  }
  .col-xxs-4 {
    width: 33.33333333%;
  }
  .col-xxs-3 {
    width: 25%;
  }
  .col-xxs-2 {
    width: 16.66666667%;
  }
  .col-xxs-1 {
    width: 8.33333333%;
  }
  .col-xxs-pull-12 {
    right: 100%;
  }
  .col-xxs-pull-11 {
    right: 91.66666667%;
  }
  .col-xxs-pull-10 {
    right: 83.33333333%;
  }
  .col-xxs-pull-9 {
    right: 75%;
  }
  .col-xxs-pull-8 {
    right: 66.66666667%;
  }
  .col-xxs-pull-7 {
    right: 58.33333333%;
  }
  .col-xxs-pull-6 {
    right: 50%;
  }
  .col-xxs-pull-5 {
    right: 41.66666667%;
  }
  .col-xxs-pull-4 {
    right: 33.33333333%;
  }
  .col-xxs-pull-3 {
    right: 25%;
  }
  .col-xxs-pull-2 {
    right: 16.66666667%;
  }
  .col-xxs-pull-1 {
    right: 8.33333333%;
  }
  .col-xxs-pull-0 {
    right: auto;
  }
  .col-xxs-push-12 {
    left: 100%;
  }
  .col-xxs-push-11 {
    left: 91.66666667%;
  }
  .col-xxs-push-10 {
    left: 83.33333333%;
  }
  .col-xxs-push-9 {
    left: 75%;
  }
  .col-xxs-push-8 {
    left: 66.66666667%;
  }
  .col-xxs-push-7 {
    left: 58.33333333%;
  }
  .col-xxs-push-6 {
    left: 50%;
  }
  .col-xxs-push-5 {
    left: 41.66666667%;
  }
  .col-xxs-push-4 {
    left: 33.33333333%;
  }
  .col-xxs-push-3 {
    left: 25%;
  }
  .col-xxs-push-2 {
    left: 16.66666667%;
  }
  .col-xxs-push-1 {
    left: 8.33333333%;
  }
  .col-xxs-push-0 {
    left: auto;
  }
  .col-xxs-offset-12 {
    margin-left: 100%;
  }
  .col-xxs-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xxs-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xxs-offset-9 {
    margin-left: 75%;
  }
  .col-xxs-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xxs-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xxs-offset-6 {
    margin-left: 50%;
  }
  .col-xxs-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xxs-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xxs-offset-3 {
    margin-left: 25%;
  }
  .col-xxs-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xxs-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xxs-offset-0 {
    margin-left: 0;
  }
  .visible-xxs-block,
  .visible-xxs-inline,
  .visible-xxs-inline-block,
  .hidden-xxs {
    display: none !important;
  }
  .visible-xxs {
    display: block !important;
  }
  table.visible-xxs {
    display: table !important;
  }
  tr.visible-xxs {
    display: table-row !important;
  }
  th.visible-xxs,
  td.visible-xxs {
    display: table-cell !important;
  }
  .visible-xxs-block {
    display: block !important;
  }
  .visible-xxs-inline {
    display: inline !important;
  }
  .visible-xxs-inline-block {
    display: inline-block !important;
  }
}


/* 未使用(特設サイトからの引継ぎ)
--------------------------------------------------------- */
.ito-float-right {
  margin: 0 0 0 0.5em;
  float: right;
}
@media (max-width: 767px) {
  .ito-float-right {
    margin: 0.5em auto;
    float: none;
    display: block;
  }
}


/* Vertical writing styles 未使用(特設サイトからの引継ぎ)
--------------------------------------------------------- */
.text-rl {
  writing-mode: tb-rl;
  /* IE独自仕様 */
  writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  direction: ltr;
  letter-spacing: 0.2em;
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .text-sm-rl {
    writing-mode: tb-rl;
    /* IE独自仕様 */
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    direction: ltr;
    letter-spacing: 0.2em;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
  }
}

@media (max-width: 767px) {
  .text-xs-rl {
    writing-mode: tb-rl;
    /* IE独自仕様 */
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    direction: ltr;
    letter-spacing: 0.2em;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
  }
}


/* col5 未使用(特設サイトからの引継ぎ)
--------------------------------------------------------- */
.row>.col5 {
  display: block;
  float: left;
  padding: 0 15px;
  position: relative;
  width: 25%;
  z-index: 2;
  font-size: 14px;
}
@media (max-width: 767px) {
  .row>.col5 {
    display: block;
    float: none;
    padding: 0 10px;
    width: 100%;
    margin-bottom: 0.5em;
  }
}

/* OBJECT LAYOUT
+=========================================================+*/
/*#page {
  position: relative;
  min-height: 100%;
  overflow: hidden;
  background: #fbfbfb;
  z-index: 1;
}*/


/* SECTION TYPE
+=========================================================+*/
/* BASE SECTION */
.base a {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(255, 255, 255, 0.3);
}
.base a:hover,
.base a:foucs {
  text-decoration: none;
}

.icon-tri {
  padding-left: 10px;
  background: url(../img/icon_menu_off.png) left center no-repeat;
}
a:hover .icon-tri,
.active .icon-tri {
  background: url(../img/icon_menu_on.png) left center no-repeat;
}

/* .container > h2 {
  margin-top: 30px;
}
.container h2 > small {
  color: #FF6279;
}
.container .name > small {
  font-size:60%;
}
*/
@media (max-width: 767px) {
  article {
    position: relative;
    top: 45px;
  }
}


/* CONTENT SECTION */
.content {
  margin: 0;
  overflow: hidden;
  padding: 50px 0;
}
@media (max-width: 767px) {
  .content {
    padding: 30px 0;
  }
}


/* #page-header  Header
+=========================================================+*/
#page-header {
  background-color: #fff;
}

#header-logo {
  position: relative;
  margin: 0;
  text-align: center;
}


/* 電話投票番号向け */
#header-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 130px;
  text-align: center;
  background-color: #ff6d00;
  color: #fff;
  font-size: 1.8rem;
}
#header-right:before {
  content: "";
  position: absolute;
  top: 0;
  right: 130px;
  display: inline-block;
  height: 0;
  width: 0;
  border-top: 45px solid transparent;
  border-left: 45px solid transparent;
  border-right: 45px solid #ff6d00;
  border-bottom: 45px solid #ff6d00;
}


/* 991px以下指定 */
@media (max-width: 991px) {
  #page-header img {
    max-width: 100%;
  }
  #header-logo {
    float: left;
    width: 100%;
  }
  #header-right {
    position: relative;
    /*position: static;*/
    float: right;
    padding-left: 5px;
    padding-right: 5px;
  }
  #header-right:before {
    display: none;
  }
}

/* 991px～768指定 */
@media (min-width: 768px) and (max-width: 991px) {
  #header-logo {
    margin-right: -130px;
  }
}

/* 767px以下指定 */
@media (max-width: 767px) {
  #page-header {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
  }
  #page-header img {
    max-width: none;
    height: 45px;
  }
  #header-logo {
    overflow: hidden;
    height: 45px;
    margin-top: -2px;
    margin-right: -60px;
  }
  #header-right {
    width: 60px;
  }
}

/* 339px以下でのロゴの長さの調整 ※市制70周年が終わりましたら、この削除してください。 */
@media (max-width: 339px) {
  #header-logo img {
    height: 40px;
  }
}


/* #page-navigation  Gloval Navigation
+=========================================================+*/
/* PC向け指定 */
#page-navigation {
  border: 0;
  margin: 0;
  color: #000;
  background-color: #558b2f;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
  width: 100%;
}
#page-navigation.navbar-fixed-top {
  margin-top: 0;
}
#page-navigation>* {
  vertical-align: middle;
  height: auto;
  z-index: 1000;
  /*for IE10*/
}
#page-navigation .navbar-nav {
  width: 100%;
  margin: 0;
  padding: 0;
}
#page-navigation .navbar-nav>li {
  display: inline-block;
  letter-spacing: 0.05em;
  width: 20%;
  padding-right: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  font-size: 1.8rem;
}
#page-navigation .navbar-nav>li:last-child {
  padding-right: 0;
}
#page-navigation .navbar-nav>li>a {
  display: block;
  min-height: 60px;
  padding: 0 5px;
  line-height: 60px;
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
  color: #000;
  overflow: hidden;
  background: #8bc34a;
  /* Old browsers */
  background: -webkit-linear-gradient(top, rgba(139, 195, 74, 1) 0%, rgba(104, 159, 56, 1) 100%);
  background: linear-gradient(to bottom, rgba(139, 195, 74, 1) 0%, rgba(104, 159, 56, 1) 100%);
}
#page-navigation .navbar-nav>li>a:hover {
  background: #8bc34a;
  /* Old browsers */
  background: -webkit-linear-gradient(top, rgba(104, 159, 56, 1) 0%, rgba(139, 195, 74, 1) 100%);
  background: linear-gradient(to bottom, rgba(104, 159, 56, 1) 0%, rgba(139, 195, 74, 1) 100%);
  text-decoration: none;
}
#page-navigation .navbar-nav>li>a:before {
  content: "";
  display: block;
  float: left;
  width: 46px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center center;
}
#page-navigation .navbar-nav>li.nav-home>a:before {
  background-image: url(../img/icon_nav_home.png)
}
#page-navigation .navbar-nav>li.nav-nittei>a:before {
  background-image: url(../img/icon_nav_nittei.png)
}
#page-navigation .navbar-nav>li.nav-access>a:before {
  background-image: url(../img/icon_nav_access.png)
}
#page-navigation .navbar-nav>li.nav-guide>a:before {
  background-image: url(../img/icon_nav_guide.png)
}
#page-navigation .navbar-nav>li.nav-news>a:before {
  background-image: url(../img/icon_nav_news.png)
}


/* navbar */
.navbar {
  border-radius: 0;
  min-height: 60px;
}
.navbar-toggle {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 45px;
  margin: 0;
  padding: 0;
  z-index: 9999;
  border-radius: 0;
  background: #8bc34a;
  /* Old browsers */
  background: -webkit-linear-gradient(top, rgba(139, 195, 74, 1) 0%, rgba(104, 159, 56, 1) 100%);
  background: linear-gradient(to bottom, rgba(139, 195, 74, 1) 0%, rgba(104, 159, 56, 1) 100%);
}
.navbar-toggle .icon-bar {
  background-color: #fbfbfb;
  -webkit-transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.opened .navbar-toggle .icon-bar {
  -webkit-transform: translateY(6px) rotate(45deg);
  transform: translateY(6px) rotate(45deg);
}
.opened .navbar-toggle .icon-bar::after {
  background-color: #fbfbfb;
  content: "";
  display: block;
  height: 2px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 22px;
}
.opened .navbar-toggle .icon-bar+.icon-bar {
  opacity: 0;
}
.nav>li>a:hover,
.nav>li>a:focus {
  background-color: transparent;
}
.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
  padding: 0!important;
}

/*991px～768指定*/
@media (min-width: 768px) and (max-width: 991px) {
  #page-navigation .container {
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 900px) {
  #page-navigation .navbar-nav>li>a {
    padding: 10px 5px;
    line-height: 1.1rem;
  }
  #page-navigation .navbar-nav>li>a:before {
    content: "";
    display: block;
    float: none;
    width: 100%;
    height: 60px;
    background-position: top center;
  }
}

@media (max-width: 767px) {
  #page-header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1030;
  }
  #page-navigation {
    left: 0;
    top: 45px;
    position: fixed;
    right: 0;
    z-index: 1030;
    margin: 0;
    padding: 0;
    box-shadow: none;
  }
  #page-navigation.closed,
  #page-navigation.over-visual {
    background: transparent;
    border: 0;
  }
  #page-navigation.over-visual .container {
    opacity: 0;
  }
  #page-navigation .navbar-toggle {
    z-index: 9999!important;
  }
  #page-navigation.closed .navbar-toggle,
  #page-navigation.over-visual .navbar-toggle {
    text-align: center;
    background: #8bc34a;
    /* Old browsers */
    background: -webkit-linear-gradient(top, rgba(139, 195, 74, 1) 0%, rgba(104, 159, 56, 1) 100%);
    background: linear-gradient(to bottom, rgba(139, 195, 74, 1) 0%, rgba(104, 159, 56, 1) 100%);
    font-size: 1.4rem;
  }
  #page-navigation .container {
    opacity: 1;
    transition: opacity 0.3s;
  }
  #page-navigation .navbar-nav {
    width: 100%;
    font-weight: 600;
  }
  #page-navigation .handy-logo {
    padding: 0;
    margin: 0 15px;
  }
  #page-navigation .navbar-nav>li {
    display: block;
    text-align: left;
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    border-top: 1px solid #ccc;
  }
  #page-navigation .navbar-nav>li:first-child {
    border: 0;
  }
  #page-navigation .navbar-nav>li>a {
    text-align: left;
    padding: 0 1em;
  }
}
#page-navigation .dropdown-menu {
  width: 100%;
  min-width: auto;
  padding: 0;
  background-color: #558b2f;
  border: 0;
  border-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#page-navigation .dropdown-menu>li>a {
  color: #fff;
  padding: 10px;
  border-bottom: solid 1px #8bc34a;
}
#page-navigation .dropdown-menu>li>a:hover,
#page-navigation .dropdown-menu>li>a:focus {
  text-decoration: none;
  color: #fff;
  background: #8bc34a;
  /* Old browsers */
  background: -webkit-linear-gradient(top, rgba(139, 195, 74, 1) 0%, rgba(104, 159, 56, 1) 100%);
  background: linear-gradient(to bottom, rgba(139, 195, 74, 1) 0%, rgba(104, 159, 56, 1) 100%);
}

@media (min-width: 768px) {
  .dropdown:hover>.dropdown-menu {
    display: block;
  }
}


/* FOOTER
+=========================================================+*/
/* フッター伊東温泉けいりん情報領域
--------------------------------------------------------- */
#page-footerinfo {
  padding-top: 15px;
  background-color: #e1e2e1;
}
#page-footerinfo a,
#page-footerinfo a:hover,
#page-footerinfo a:focus {
  color: #232323;
}
#page-footerinfo a {
  text-decoration: underline;
}
#page-footerinfo a:hover,
#page-footerinfo a:focus {
  text-decoration: none;
}
@media (max-width: 767px) {
  #page-footerinfo {
    margin-top: 50px;
  }
}


/* コピーライト掲載領域
--------------------------------------------------------- */
#page-footer {
  color: #fff;
  background-color: #000;
  border-top: 1px solid #FFF;
}
#page-footer .copyright {
  position: relative;
  margin-top: 1.5em;
  margin-bottom: 2.5em;
  z-index: 9999;
  text-align: center;
  font-size: 0.8em;
  color: #FFF;
}

/* ページのトップへボタン
--------------------------------------------------------- */
#page-footer .gotop {
  padding: 0;
  margin: 0;
}

/* トップへ戻る(スクロールボタン)
--------------------------------------------------------- */
#float-gotop {
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 100;
}
#float-gotop .gotop {
  background: transparent url("../img/btn_gotop.png") no-repeat scroll 0 0;
  background-size: 100% auto;
  display: block;
  position: absolute;
  right: 25px;
  bottom: 15px;
  text-align: left;
  width: 80px;
  height: 0;
  padding-top: 65px;
  overflow: hidden;
  outline: none;
}

@media (min-width: 768px) {
  #page-footer .gotop {
    background-color: #000;
    color: #FFF;
    font-size: 0.95em;
    line-height: 2.5em;
    padding: 0 1em;
    position: absolute;
    right: -1px;
    top: -2.5em;
    border-radius: 8px 8px 0 0;
    border-color: #fff #fff #000 #fff;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    height: 2.5em;
    min-width: 0;
  }
}

@media (max-width: 767px) {
  #page-footerinfo {
    text-align: center;
  }
  #page-footer .gotop {
    display: none;
  }
  #page-footer .gotop:focus,
  #page-footer .gotop:hover {
    top: -35px;
  }
  #float-gotop .gotop {
    right: 15px;
    bottom: 15px;
  }
}


/* Article
+=========================================================+*/
/*mikarin 未使用(特設サイトからの引継ぎ)
--------------------------------------------------------- */
.mikarin_sec1 {
  margin-bottom: -110px;
}
.mikarin_sec1 img {
  width: 190px;
  height: auto;
}
@media (max-width: 767px) {
  .mikarin_sec1 {
    margin-bottom: -60px;
  }
  .mikarin_sec1 img {
    width: 120px;
    height: auto;
  }
}


/* CONTENTS
+=========================================================+*/
.content .container>.body {
  background: #fff none repeat scroll 0 0;
  color: #000;
  padding: 50px;
  margin: 30px auto;
  text-align: left;
}
.content .container>.body a {
  color: #08f;
}

@media (max-width: 767px) {
  .content .container>.body {
    padding: 15px;
    margin: 30px -15px;
  }
}


/* Other Style
+=========================================================+*/
/* slick
--------------------------------------------------------- */
.slick-slide>a {
  display: block;
}
.slick-slide:focus {
  outline: none;
}
.slick-slider img {
  max-width: 100%;
  height: auto;
}
.slick-arrow {
  background: transparent none no-repeat scroll center center;
  border: 0;
  display: block;
  height: 100%;
  position: absolute;
  width: 56px;
  z-index: 100;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
}
.slick-prev {
  background-image: url(../img/btn_prev.png);
  left: 0;
}
.slick-next {
  background-image: url(../img/btn_next.png);
  right: 0;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  opacity: .8;
}
.slick-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
}
.slick-dots li {
  display: inline-block;
  list-style: outside none;
  margin: 3px 5px;
}
.slick-dots li button {
  display: block;
  background-color: #dedede;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  padding: 0;
}
.slick-dots li.slick-active button {
  background-color: #ff8a65;
}
.slick-dotted.slick-slider {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .slick-arrow {
    -webkit-background-size: 28px 28px;
    background-size: 28px 28px;
    width: 28px;
  }
  .slick-dots {
    display: none!important;
  }
}


/* ニュースタブ 未使用(特設サイトからの引継ぎ)
--------------------------------------------------------- */
.tab-box .btn-more {
  color: #fff;
  background-color: #000;
  display: block;
  font-weight: normal;
  letter-spacing: 0.2em;
  line-height: 100%;
  margin: 20px 30%;
  padding: 0.5em;
  text-decoration: none;
  font-size: 100%;
  border: none;
}
.tab-box .btn-more::after {
  background: transparent url("../img/mk1b.png") no-repeat scroll center center;
  background-size: contain;
  content: "";
  display: block;
  float: right;
  height: 1em;
  width: 1em;
}
.tab-box .btn-more:hover {
  color: #fff;
  background-color: #999;
  text-decoration: none;
}
.tab-content input[type="radio"] {
  display: none;
}
.tab-content label {
  float: left;
  display: block;
  padding: 5px 10px;
  color: #fff;
  background-color: #666;
  cursor: pointer;
  border-radius: 10px 10px 0 0;
  box-sizing: border-box;
  margin-bottom: 0;
  width: 20%;
}

.tab-content label:hover,
.tab-content input[type="radio"]:checked+label {
  color: #FFF;
  background-color: #000;
}
.tab-content .tab-box {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.tab-content>.tab-box>div {
  display: none;
}
#tab1:checked~.tab-box>#tabView1 {
  display: block;
  background-color: #333;
}
#tab2:checked~.tab-box>#tabView2 {
  display: block;
  background-color: #333;
}


/* 100. .row-xx カラム間マージン調整
+=========================================================+*/
.row-0 {
  margin-left: 0;
  margin-right: 0;
}
.row-0>div {
  padding-right: 0;
  padding-left: 0;
}

.row-4 {
  margin-left: -2px;
  margin-right: -2px;
}
.row-4>div {
  padding-right: 2px;
  padding-left: 2px;
}

.row-10 {
  margin-left: -5px;
  margin-right: -5px;
}
.row-10>div {
  padding-right: 5px;
  padding-left: 5px;
}

.row-20 {
  margin-left: -10px;
  margin-right: -10px;
}
.row-20>div {
  padding-right: 10px;
  padding-left: 10px;
}


/* 101. テキスト・フォント指定
+=========================================================+*/
.bold {
  font-weight: bold;
}


/* 102. margin set
+=========================================================+*/
.m50 {
  margin: 50px;
}
.m30 {
  margin: 30px;
}
.m20 {
  margin: 20px;
}
.m15 {
  margin: 15px;
}
.m10 {
  margin: 10px;
}
.m5 {
  margin: 5px;
}
.m0 {
  margin: 0;
}
.mT50 {
  margin-top: 50px;
}
.mT30 {
  margin-top: 30px;
}
.mT20 {
  margin-top: 20px;
}
.mT15 {
  margin-top: 15px;
}
.mT10 {
  margin-top: 10px;
}
.mT5 {
  margin-top: 5px;
}
.mR50 {
  margin-right: 50px;
}
.mR30 {
  margin-right: 30px;
}
.mR20 {
  margin-right: 20px;
}
.mR15 {
  margin-right: 15px;
}
.mR10 {
  margin-right: 10px;
}

.mR5 {
  margin-right: 5px;
}

.mB50 {
  margin-bottom: 50px;
}

.mB30 {
  margin-bottom: 30px;
}

.mB20 {
  margin-bottom: 20px;
}

.mB15 {
  margin-bottom: 15px;
}

.mB10 {
  margin-bottom: 10px;
}

.mB5 {
  margin-bottom: 5px;
}

.mL50 {
  margin-left: 50px;
}

.mL30 {
  margin-left: 30px;
}

.mL20 {
  margin-left: 20px;
}

.mL15 {
  margin-left: 15px;
}

.mL10 {
  margin-left: 10px;
}

.mL5 {
  margin-left: 5px;
}

.m-auto {
  margin: 0 auto;
}


/* 103. Width
+=========================================================+*/
.w10per {
  width: 10%;
}
.w20per {
  width: 20%;
}
.w30per {
  width: 30%;
}
.w40per {
  width: 40%;
}
.w45per {
  width: 45%;
}
.w50per {
  width: 50%;
}
.w60per {
  width: 60%;
}
.w70per {
  width: 70%;
}
.w80per {
  width: 80%;
}
.w90per {
  width: 90%;
}
.w100per {
  width: 100%;
}


/* 104. Align
+=========================================================+*/
.align-middle {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.align-middle {
  vertical-align: bottom;
}


/* 105. headline
+=========================================================+*/
/* 大見出し用 */
.title1 {
  padding: 30px 0;
  position: relative;
  z-index: 2;
  text-align: center;
  margin-bottom: 0!important;
  margin-top: 0!important;
  background: #ffeb3b url(../img/bg_oblique1.png) top left repeat;
  font-family: 'rounded-mplus';
  font-size: 4.8rem;
  font-weight: bold;
}
.title1 img {
  max-width: 100%;
  height: auto;
}
.title1 span {
  display: block;
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-size: 1.6rem;
  margin: 0.5rem 0;
  letter-spacing: 0.1rem;
}

@media (max-width: 767px) {
  .title1 {
    padding: 10px 0;
    font-size: 3.0rem;
  }
}


/* 中見出し1 */
.title2 {
  margin: 20px 0;
  padding: 10px;
  font-weight: bold;
  border-left: solid #558B2F 5px;
  background-color: #dcedc8;
}

/* 中見出し2 */
.title3 {
  margin: 20px 0;
}
.title3:before {
  content: "■";
  color: #689F38;
}

/* 中見出し3 */
.title4 {
  color: #FF6D00;
  font-weight: bold;
}

/* 大見出し用 */
.title5 {
  padding: 30px 0;
  position: relative;
  z-index: 2;
  text-align: center;
  margin-bottom: 0!important;
  margin-top: 0!important;
  background: #ffeb3b url(../img/bg_oblique1.png) top left repeat;
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-size: 4.5rem;
  font-weight: bold;
}
.title5 img {
  max-width: 100%;
  height: auto;
}
.title5 span {
  display: block;
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-size: 2.0rem;
  margin: 0.5rem 0;
  letter-spacing: 0.1rem;
}

@media (max-width: 767px) {
  .title5 {
    padding: 10px 0;
    font-size: 2.8rem;
  }
}


/* 106. Border
+=========================================================+*/
.border-left {
  border-left: solid #ccc 1px;
}
.border-right {
  border-right: solid #ccc 1px;
}

/* 枠線付ボックス */
.box-border {
  padding: 10px;
  border: solid #ccc 5px;
}


/* 107. Button
+=========================================================+*/
/* basic button ベーシックテーマ */
.btn-basic {
  display: block;
  background: -webkit-linear-gradient(top, rgba(139, 195, 74, 1) 0%, rgba(104, 159, 56, 1) 100%);
  background: linear-gradient(to bottom, rgba(139, 195, 74, 1) 0%, rgba(104, 159, 56, 1) 100%);
  font-weight: bold;
  letter-spacing: 0.2rem;
  padding: 10px;
  text-decoration: none;
  text-align: center;
  color: #000;
}
.btn-basic:hover,
.btn-basic:focus {
  background: -webkit-linear-gradient(top, rgba(104, 159, 56, 1) 0%, rgba(139, 195, 74, 1) 100%);
  background: linear-gradient(top, rgba(104, 159, 56, 1) 0%, rgba(139, 195, 74, 1) 100%);
  color: #000;
  text-decoration: none;
}


/* 108. List
+=========================================================+*/
/* 緑四角アイコン付きリスト */
.content ul.list-square {
  padding-left: 0;
  list-style-type: none;
}
.content ul.list-square li {
  padding-left: 1rem;
  text-indent: -1em;
}
.content ul.list-square li:before {
  content: "■";
  color: #8bc34a;
}


/* 横並びボタンリスト */
.list-select {
  padding-left: 0;
  list-style: none;
  margin-bottom: 30px;
  margin-left: -5px;
}
.list-select li {
  padding: 10px 5px;
}
.list-select li a {
  width: 100%;
}


/* リストグループ　ベーシックテーマ */
.list-group-basic {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}
.list-group-basic a.list-group-item {
  background: #8bc34a;
  /* Old browsers */
  background: -webkit-linear-gradient(top, rgba(139, 195, 74, 1) 0%, rgba(104, 159, 56, 1) 100%);
  background: linear-gradient(to bottom, rgba(139, 195, 74, 1) 0%, rgba(104, 159, 56, 1) 100%);
  color: #000;
}
.list-group-basic a.list-group-item:hover {
  background: #8bc34a;
  /* Old browsers */
  background: -webkit-linear-gradient(top, rgba(104, 159, 56, 1) 0%, rgba(139, 195, 74, 1) 100%);
  background: linear-gradient(to bottom, rgba(104, 159, 56, 1) 0%, rgba(139, 195, 74, 1) 100%);
  color: #000;
}
.list-group-basic a.list-group-item.active {
  border: 1px solid #dddddd;
  background: #8bc34a;
}


/* .updates お知らせ用リスト */
.content ul.updates {
  margin-bottom: 20px;
  padding: 0;
  color: #000;
  font-size: 1.8rem
}

.content ul.updates li {
  position: relative;
  margin-bottom: 10px;
  padding: 0;
  text-align: left;
  list-style: none;
}

ul.updates li a,
ul.updates li p {
  position: relative;
  display: block;
  padding: 10px 20px;
  min-height: 70px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
  background-color: #fff;
}

ul.updates li a:hover,
ul.updates li a:focus {
  top: 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
  text-decoration: none;
}
ul.updates li.mark-new a,
ul.updates li.mark-new p {
  content: "";
  background-image: url(../img/icon_new.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  padding-right: 80px;
  overflow: hidden;
}
ul.updates .date {
  font-size: 1.6rem;
  font-weight: bold;
}
ul.updates li a .date {
  color: #000;
}


/* 109. Table
+=========================================================+*/
/* bootstrap .table ボーダカラー変更指定 */
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  border-top: solid #ccc 1px;
}
.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
  border: solid #ccc 1px;
}

/* bootstrap .table 線なし指定テーブル 未使用(特設サイトからの引継ぎ) */
.table.table-noborder th,
.table.table-noborder td {
  border-top: none;
}

/* bootstrap .table 線なし指定一部のみ適用 */
.table>thead>tr>th.border-none,
.table>tbody>tr>th.border-none,
.table>tfoot>tr>th.border-none,
.table>thead>tr>td.border-none,
.table>tbody>tr>td.border-none,
.table>tfoot>tr>td.border-none {
  border-top: none;
}

/* table 縦中央寄せ指定 */
.table>thead>tr>th.align-middle,
.table>tbody>tr>th.align-middle,
.table>tfoot>tr>th.align-middle,
.table>thead>tr>td.align-middle,
.table>tbody>tr>td.align-middle,
.table>tfoot>tr>td.align-middle {
  vertical-align: middle;
}


/* table ベーシックテーマ */
.table.table-basic {
  border: solid #ccc 1px;
}
.table-basic th {
  color: #fff;
  background-color: #8bc34a;
}
.table.table-basic th.lv2 {
  background-color: #DCEDC8;
  color: #232323;
}


/* table テキスト中央寄せ指定テーブル */
.table-centered th,
.table-centered td {
  text-align: center;
}


/* table-cover 未使用(特設サイトからの引継ぎ) */
.table-cover .table {
  width: 100%;
  table-layout: fixed;
}
.table-cover .table th {
  vertical-align: middle;
}
.table-cover .table th,
.table-cover .table td {
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-align: center;
}
.table-cover .table .no-br,
.table-cover .table th.no-br,
.table-cover .table td.no-br {
  white-space: nowrap;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .table-cover .table tbody td {
    font-size: 0.7em;
  }
  .table-cover .table th,
  .table-cover .table td {
    padding-left: 0;
    padding-right: 0;
  }
}

/* 110 イベントファンサービスポップアップ
+=========================================================+*/
.content-popup {
  position: relative;
  margin:10px auto;
  width: 98%;
  max-width: 600px;
  background: #fff;
  text-align:left;
}

.content-popup .image{
  position: relative;
}

.content-popup .image img {
  width: 100%;
  max-width: 100%;
  height:auto;
}
.content-popup h4 {
  margin-top: 0;
  text-align: center;
  /*font-family: 'rounded-mplus';*/
}
.content-popup .inner{
  position: relative;
  padding: 10px 20px;
}

.content-popup .mfp-close {
  color: #232323;
  font-size: 6rem;
  text-shadow: 0 0 0 #fff, 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff;
}
.content-popup .mfp-close:hover {
  text-shadow: 0 0 0 #fbc50a, 0 0 5px #fbc50a, 0 0 10px #fbc50a, 0 0 15px #fbc50a;
}


/* 111 スマホ解像度時の改行指定
+=========================================================+*/
.br-sp {
  display:none;
}
 
@media screen and (max-width: 990px) {
  .br-sp {
    display:block;
  }
}