@charset "UTF-8";

#tegoshima {
  margin: 0px;
  padding: 0px;
  background: #fcf6f1 !important;
  color: #333333;
  font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 160%;
  background: transparent url(/images/tegoshima/bg-header-top.png) left top repeat-x;
}

@media screen and (max-width: 767px) {
  #tegoshima body {
    min-width: 100%;
  }
}

/*  ##################################
     CSS BASIC ELEMENTS
  ################################## */

#tegoshima a {
  color: #000000;
  text-decoration: underline;
}

#tegoshima a:link {
  color: #000000;
}

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

#tegoshima a:visited {
  color: #000000;
}

#tegoshima p {
  margin: 0px;
  padding: 0px;
  line-height: 180%;
}

#tegoshima img {
  border: none;
  margin: 0px;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  #tegoshima img {
    max-width: 100%;
  }
}

#tegoshima a:hover img {
  filter: alpha(opacity=70); /*For IE*/
  opacity: 0.7; /*Opera・Safari*/
  -moz-opacity: 0.7; /*For FireFox*/
}

#tegoshima hr {
  clear: both;
  height: 1px;
  margin: 10px 0;
  background: #cccccc;
  border: none;
}

#tegoshima input {
  margin: 2px 0 0 0;
}

@media screen and (max-width: 767px) {
  .sp-none {
    display: none !important;
  }
  .pc-none {
    display: block !important;
  }
}

@media screen and (min-width: 767px) {
  .sp-none {
    display: block !important;
  }
  .pc-none {
    display: none !important;
  }
}

@media print {
  .pc-none {
    display: block !important;
  }
}

/*  ##################################
     BASIC LAYOUT
  ################################## */

#teghosima-top {
  position: relative;
  margin: 0px;
  padding: 0px;
}

#tegoshima-header-wrapper {
  margin: 0 0 20px 0;
  padding: 0px;
}

#tegoshima-header {
  position: relative;
  width: 1000px;
  height: 150px;
  margin: 0 auto;
  padding: 0px;
}

#tegoshima-header-left {
  float: left;
  margin: 0px;
  padding: 0px;
}

#tegoshima-header-right {
  float: right;
  margin: 0px;
  padding: 0px;
}

#tegoshima-content {
  margin: 0px;
  padding: 0px;
}

@media screen and (max-width: 767px) {
  #tegoshima {
    min-width: 100%;
  }

  #tegoshima-header-wrapper {
    height: auto;
  }

  #tegoshima-header {
    width: 100%;
    height: 76px;
    padding: 0 10px;
    background-image: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  #tegoshima-header-left {
    float: none;
  }

  #tegoshima-header-right {
    float: none;
  }

  #tegoshima-content {
    width: 100%;
  }
}

/*  ##################################
     HEADINGS
  ################################## */

#tegoshima h1 {
  margin: 0px;
  padding: 10px;
  font-size: 150%;
  font-weight: bold;
  color: #000000;
  background: none;
  border: none;
}

#tegoshima h2:after {
  content: none;
}

h1#tegoshima-content-title {
  position: absolute;
  top: 50px;
  left: 0px;
  padding: 0px;
  background: none;
  border: none;
  line-height: 1;
}

h1#tegoshima-content-title a {
  text-decoration: none;
}

p#tegoshima-header-description {
  position: absolute;
  top: 20px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  font-size: 90%;
}

#tegoshima h2 {
  margin: 0 0 20px 0;
  padding: 0px;
  font-family: "M PLUS Rounded 1c";
  font-size: 160%;
  font-weight: bold;
  color: #df4e20;
  line-height: 130%;
  border: none;
  background: inherit;
}

#tegoshima h2:after {
  content: none;
}

#tegoshima h2 a,
#tegoshima h2 a:hover,
#tegoshima h2 a:hover {
  color: #333333;
  text-decoration: none;
}

#tegoshima h3 {
  margin: 20px 0;
  padding: 0px;
  font-family: "M PLUS Rounded 1c";
  font-size: 140%;
  font-weight: bold;
  border: none;
}

#tegoshima h3:after {
  content: none;
}

#tegoshima h3 a,
#tegoshima h3 a:hover,
#tegoshima h3 a:hover {
  color: #333333;
  text-decoration: none;
}

#tegoshima h4 {
  margin: 20px 0;
  padding: 10px;
  background: #df4e20;
  font-size: 120%;
  font-weight: bold;
  color: #ffffff;
  border-radius: 6px;
  -webkit-border-radius: 6px;  /* Safari,Google Chrome */
  -moz-border-radius: 6px;  /* Firefox */
  -o-border-radius: 6px;    /* opera */
}

#tegoshima h4:after {
  content: none;
}

#tegoshima h5 {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 110%;
  font-weight: bold;
  border: none;
}
#tegoshima h5:before,
#tegoshima h5:after {
  border: none;
  content: none;
}

@media screen and (max-width: 767px) {
  h1#tegoshima-content-title {
    position: absolute;
    top: 38px;
    left: 10px;
  }

  h1#tegoshima-content-title a img {
    width: 234px;
  }

  #tegoshima h2 {
    font-size: 150%;
  }

  #tegoshima p#header-description {
    margin: 0 10px;
    font-size: 60%;
  }
}

/*  ##################################
     HEADER
  ################################## */

header {
  margin: 0px;
  padding: 0px;
}

#tegoshima-hmenu {
  position: absolute;
  top: 40px;
  right: 0px;
  margin: 0px;
  padding: 0px;
  font-size: 90%;
}

#tegoshima-hmenu ul {
  margin: 0 -10px 0 0;
  padding: 0px;
  overflow: hidden;
  zoom: 1;
  _zoom: 1;
}

#tegoshima-hmenu ul li {
  float: left;
  margin: 0 10px 0 0;
  padding: 0px;
  display: inline;
  list-style: none;
}

/*  ##################################
     MENU
  ################################## */

#tegoshima-menu-wrapper {
  margin: 0px;
  padding: 0px;
}

#tegoshima nav {
  width: 1000px;
  margin: 0 auto;
  padding: 0px;
}

#tegoshima nav ul {
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  display: inline-block;
}

#tegoshima nav ul a {
  margin: 0px;
  padding: 0px;
}

#tegoshima nav ul li:hover {
  margin: 0px;
  padding: 0px;
}

#tegoshima nav ul li {
 float: left;
}

#tegoshima nav ul li.selected {
  background: #f9ede3;
}

#tegoshima nav ul li a {
  text-align: center;
  display: block;
}

#tegoshima nav ul li ul {
  width: 260px;
}

#tegoshima nav ul li ul li a {
  padding: 10px 20px;
  border-bottom: 1px solid #ea8a6c;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
}

#tegoshima nav ul li ul li a:link {
  color: #ffffff;
}

#tegoshima nav ul li ul li a:hover {
  padding: 10px 20px;
  background: #c4441b;
  color: #ffffff;
}

#tegoshima nav ul li ul li {
  float: none;
  position: relative;
  width: 260px;
  margin: 0px;
  background: #e04f21;
  font-weight: normal;
  border-left: none;
  border-right: none;
  border-bottom: none;
}

/* OFF */
#tegoshima nav ul li ul {
  display: none !important;
}

/* ON */
#tegoshima nav ul li:hover ul {
  display: block !important;
  position: absolute;
  z-index: 100;
}

@media screen and (max-width: 767px) {
  #tegoshima nav {
    width: 100%;
    margin: 0px;
    padding: 20px 0;
  }
  #tegoshima nav ul li {
    float: none;
  }
  #tegoshima nav ul li a {
    margin: 0px;
    text-align: left;
    display: inline-block;
  }
  #tegoshima nav ul li.selected {
    background: none;
  }
}

@media screen and (max-width: 767px) {
  #contact-btn {
      position: absolute;
      top: 20px;
      right: 70px;
      margin: 0px;
      padding: 0px;
  }
  #contact-btn .mailicon {
    font-size: 180%;
    color: #e04f21;
  }
}

#tegoshima .btn-sp {
  display: block;
  width: 60px;
  height: 60px;
  background: transparent;
  border: none;
  user-select: none;
  -webkit-touch-callout: none;
}

#tegoshima .btn-sp .bar {
  display: block;
  height: 1px;
  border: 1px solid #e04f21;
  background-color: #e04f21;
}

#tegoshima .btn-sp.open .bar {
  border: 1px solid #ffffff;
  background-color: #ffffff;
}
#tegoshima .btn-sp .bar:first-child {
  margin-top: 0;
}

#tegoshima .btn-sp .txt {
  position: absolute;
  top: 30px;
  left: 26px;
  display: block;
  line-height: 16px;
  font-weight: bold;
  font-size: 10px;
  color: #333;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  body.openbody .overlay {
    z-index: 4;
    display: block;
    width: 100%;
    background: rgba(51, 51, 51, 0.3);
  }

  #tegoshima .overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    width: 0;
    height: 100%;
    margin: auto;
    background: transparent;
    -webkit-transition: 180ms ease-in-out;
            transition: 180ms ease-in-out;
  }

  #tegoshima .sp-navi-wrap {
    position: fixed;
    top: 0;
    left: 100%;
    z-index: 101;
    width: 300px;
    height: 100%;
    background: #006b45;
    -webkit-transition: 380ms ease-in-out;
            transition: 380ms ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  #tegoshima .sp-navi-wrap.openbody {
    box-shadow: -3px 0 3px 1px rgba(51, 51, 51, 0.3);
    -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  }
  #tegoshima .sp-navi-wrap .btn-sp {
    position: absolute;
    top: 5px;
    right: 102%;
    z-index: 999;
    cursor: pointer;
    outline: 0;
    -webkit-transition: 280ms ease-in-out;
            transition: 280ms ease-in-out;
  }
  #tegoshima .sp-navi-wrap .btn-sp.open {
    top: 9px;
    right: 10px;
  }
  #tegoshima .sp-navi-wrap .btn-sp .bar {
    position: absolute;
    width: 55%;
    left: 0;
    top: 26px;
    right: 0;
    margin: auto;
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(1800deg) translateX(0) translateY(0);
        -ms-transform: rotate(1800deg) translateX(0) translateY(0);
            transform: rotate(1800deg) translateX(0) translateY(0);
    -webkit-transition: 280ms ease-in-out;
            transition: 280ms ease-in-out;
  }
  #tegoshima .sp-navi-wrap .btn-sp.open .bar {
    top: 23px;
  }
  #tegoshima .sp-navi-wrap .btn-sp .bar:nth-child(1) {
    -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  #tegoshima .sp-navi-wrap .btn-sp .bar:nth-child(3) {
    -webkit-transform: translateY(8px);
        -ms-transform: translateY(8px);
            transform: translateY(8px);
  }
  #tegoshima .sp-navi-wrap .btn-sp .bar:nth-child(3):before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #ffffff;
    border-radius: 80%/30px;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: 280ms ease-in-out;
            transition: 280ms ease-in-out;
  }
  #tegoshima .sp-navi-wrap .btn-sp .txt:before {
    -webkit-transition: 280ms ease-in-out;
            transition: 280ms ease-in-out;
  }
  #tegoshima .sp-navi-wrap .btn-sp.open .bar {
    background-color: #ffffff;
  }
  #tegoshima .sp-navi-wrap .btn-sp.open .bar:nth-child(1) {
    -webkit-transform: rotate(-45deg) translateX(0) translateY(0);
        -ms-transform: rotate(-45deg) translateX(0) translateY(0);
            transform: rotate(-45deg) translateX(0) translateY(0);
  }
  #tegoshima .sp-navi-wrap .btn-sp.open .bar:nth-child(2) {
    opacity: 0;
  }
  #tegoshima .sp-navi-wrap .btn-sp.open .bar:nth-child(3) {
    -webkit-transform: rotate(45deg) translateX(0) translateY(0);
        -ms-transform: rotate(45deg) translateX(0) translateY(0);
            transform: rotate(45deg) translateX(0) translateY(0);
  }
  #tegoshima .sp-navi-wrap .btn-sp.open .bar:nth-child(3):before {
    opacity: 1;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  #tegoshima .sp-navi-wrap .btn-sp.open .txt {
    display: none;
  }
  #tegoshima .sp-navi-wrap .btn-sp.open .txt:before {
    content: "";
    color: #ffffff;
  }
  #tegoshima .sp-navi-wrap .sp-navi {
    height: 100%;
    background-color: #e04f21;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  #tegoshima .sp-navi-wrap #sp_gnavi {
    margin-top: 70px;
    margin-left: 0;
    background-color: #e04f21;
    color: #ffffff;
  }
  #tegoshima #sp_gnavi li a span {
    display: inline-block;
    margin-right: 10px;
  }
  #tegoshima #sp_gnavi > li {
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #ea8a6c;
    font-weight: bold;
    list-style: none;
  }
  #tegoshima #sp_gnavi > li:first-child {
    border-top: none;
  }
  #tegoshima #sp_gnavi > li > a {
    display: block;
    padding: 16px 20px;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
  }
  #tegoshima #sp_gnavi > li.snavi1 a {
    display: block;
    padding: 8px 6px;
    font-size: 14px;
    color: #ffffff;
  }
  #tegoshima #sp_gnavi > li:before {
    content: "";
    padding-right: 0;
  }
  #tegoshima #sp_gnavi > li > a {
    position: relative;
    padding: 15px 0 15px 15px;
    text-decoration: none;
  }
  #tegoshima #sp_gnavi > li > a:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    display: block;
    margin-top: -24px;
    width: 45px;
    height: 45px;
  }
}

@media screen and (max-width: 767px) {
  body.openbody .overlay {
    z-index: 4;
    display: block;
    width: 100%;
    background: rgba(51, 51, 51, 0.3);
  }

  #tegoshima .overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    width: 0;
    height: 100%;
    margin: auto;
    background: transparent;
    -webkit-transition: 180ms ease-in-out;
            transition: 180ms ease-in-out;
  }

  #tegoshima .sp-navi-wrap {
    position: fixed;
    top: 0;
    left: 100%;
    z-index: 101;
    width: 300px;
    height: 100%;
    background: #006b45;
    -webkit-transition: 380ms ease-in-out;
            transition: 380ms ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  #tegoshima .sp-navi-wrap.openbody {
    box-shadow: -3px 0 3px 1px rgba(51, 51, 51, 0.3);
    -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  }

  #tegoshima .sp-navi-wrap .btn-sp {
    position: absolute;
    top: 5px;
    right: 102%;
    z-index: 999;
    cursor: pointer;
    outline: 0;
    -webkit-transition: 280ms ease-in-out;
            transition: 280ms ease-in-out;
  }

  #tegoshima .sp-navi-wrap .btn-sp.open {
    top: 9px;
    right: 10px;
  }

  #tegoshima .sp-navi-wrap .btn-sp .bar {
    position: absolute;
    width: 55%;
    left: 0;
    top: 26px;
    right: 0;
    margin: auto;
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(1800deg) translateX(0) translateY(0);
        -ms-transform: rotate(1800deg) translateX(0) translateY(0);
            transform: rotate(1800deg) translateX(0) translateY(0);
    -webkit-transition: 280ms ease-in-out;
            transition: 280ms ease-in-out;
  }
  #tegoshima .sp-navi-wrap .btn-sp.open .bar {
    top: 23px;
  }

  #tegoshima .sp-navi-wrap .btn-sp .bar:nth-child(1) {
    -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
            transform: translateY(-8px);
  }

  #tegoshima .sp-navi-wrap .btn-sp .bar:nth-child(3) {
    -webkit-transform: translateY(8px);
        -ms-transform: translateY(8px);
            transform: translateY(8px);
  }

  #tegoshima .sp-navi-wrap .btn-sp .bar:nth-child(3):before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #ffffff;
    border-radius: 80%/30px;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: 280ms ease-in-out;
            transition: 280ms ease-in-out;
  }
  #tegoshima .sp-navi-wrap .btn-sp .txt:before {
    -webkit-transition: 280ms ease-in-out;
            transition: 280ms ease-in-out;
  }
  #tegoshima .sp-navi-wrap .btn-sp.open .bar {
    background-color: #ffffff;
  }
  #tegoshima .sp-navi-wrap .btn-sp.open .bar:nth-child(1) {
    -webkit-transform: rotate(-45deg) translateX(0) translateY(0);
        -ms-transform: rotate(-45deg) translateX(0) translateY(0);
            transform: rotate(-45deg) translateX(0) translateY(0);
  }
  #tegoshima .sp-navi-wrap .btn-sp.open .bar:nth-child(2) {
    opacity: 0;
  }
  #tegoshima .sp-navi-wrap .btn-sp.open .bar:nth-child(3) {
    -webkit-transform: rotate(45deg) translateX(0) translateY(0);
        -ms-transform: rotate(45deg) translateX(0) translateY(0);
            transform: rotate(45deg) translateX(0) translateY(0);
  }
  #tegoshima .sp-navi-wrap .btn-sp.open .bar:nth-child(3):before {
    opacity: 1;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  #tegoshima .sp-navi-wrap .btn-sp.open .txt {
    display: none;
  }
  #tegoshima .sp-navi-wrap .btn-sp.open .txt:before {
    content: "";
    color: #ffffff;
  }
  #tegoshima .sp-navi-wrap .sp-navi {
    height: 100%;
    background-color: #e04f21;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  #tegoshima .sp-navi-wrap #sp_gnavi {
    margin-top: 70px;
    margin-left: 0;
    background-color: #e04f21;
    color: #ffffff;
  }
  #tegoshima #sp_gnavi li a span {
    display: inline-block;
    margin-right: 10px;
  }
  #tegoshima #sp_gnavi > li {
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #ea8a6c;
    font-weight: bold;
    list-style: none;
  }
  #tegoshima #sp_gnavi > li:first-child {
    border-top: none;
  }
  #tegoshima #sp_gnavi > li > a {
    display: block;
    padding: 16px 20px;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
  }
  #tegoshima #sp_gnavi > li.snavi1 a {
    display: block;
    padding: 8px 6px;
    font-size: 14px;
    color: #ffffff;
  }
  #tegoshima #sp_gnavi > li:before {
    content: "";
    padding-right: 0;
  }
  #tegoshima #sp_gnavi > li > a {
    position: relative;
    padding: 15px 0 15px 15px;
    text-decoration: none;
  }

  #tegoshima #sp_gnavi > li > a:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    display: block;
    margin-top: -24px;
    width: 45px;
    height: 45px;
  }
  #tegoshima #sp_gnavi > li > ul {
    padding-left: 0;
  }

  #tegoshima #sp_gnavi > li > ul > li {
    border-top: 1px solid #ffffff;
    line-height: 1.4em;
    font-weight: bold;
    font-size: 16px;
  }

  #tegoshima #sp_gnavi > li > ul > li:first-child {
    border-top: none;
  }

  #tegoshima #sp_gnavi > li > ul > li a {
    position: relative;
    background-color: #78c2d2;
    color: #ffffff;
  }

  #tegoshima #sp_gnavi > li > ul > li > a i {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 30px;
    color: #ffffff;
  }

  #tegoshima #sp_gnavi > li > ul > li:before {
    content: "";
    margin-top: 0;
    padding-right: 0;
  }
}

/*  ##################################
     TOPIMG
  ################################## */

#topimg-wrapper-top {
  position: relative;
  height: 600px;
  margin: 0 0 40px 0;
  padding: 0px;
}

.topimg-top {
  width: 1000px;
  height: 560px;
  margin: 0 auto;
  z-index: 1;
}

.topimg-frame-top {
  background: url(/images/tegoshima/topimg-frame.png) no-repeat center top;
  z-index: 2;
}

#topimg-wrapper-sub {
  position: relative;
  height: 400px;
  margin: 0 0 40px 0;
  padding: 0px;
}

.topimg-sub {
  width: 1000px;
  height: 360px;
  margin: 0 auto;
  z-index: 1;
}

.topimg-frame-sub {
  background: url(/images/tegoshima/subimg-frame.png) no-repeat center top;
  z-index: 2;
}

p#catchcopy {
  margin: 0px;
  padding: 0px;
  background: none;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  #topimg-wrapper-top {
    height: 100%;
    margin: 0 0 20px 0;
  }

  .topimg-top {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: 1;
  }

  #topimg-wrapper-sub {
    height: 100%;
    margin: 0 0 20px 0;
  }

  .topimg-sub {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: 1;
  }

  .topimg-frame-top,
  .topimg-frame-sub {
    background: none;
  }
}

/*  ##################################
     LOWERPAGE TOPBAR
  ################################## */

#lowerpage-topbar-wrapper {
  margin: 0px;
  padding: 0px;
  background: #df4e20;
}

#tegoshima .lowerpage-topbarb {
  width: 1000px;
  margin: 0 auto;
  padding: 30px 0;
}

#tegoshima .lowerpage-topbarb h2 {
  margin: 0px;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  #tegoshima .lowerpage-topbarb {
    width: 100%;
    padding: 20px 0;
  }
  #tegoshima .lowerpage-topbarb h2 {
    padding: 0 2.5%;
  }
}

/*  ##################################
     CONTENT
  ################################## */

#tegoshima section {
  width: 100%;
  margin: 0px;
  padding: 0px;
/*  text-align: center; */
}

#tegoshima  section.col-01 {
  background: #fbedd8;
}

#tegoshima  section.col-02 {
  background: none;
}

#tegoshima  section.col-03 {
  background: #ffffff;
}

.tegoshima-content-box,
.tegoshima-content-box-public {
  width: 1000px;
  margin: 0 auto;
  padding: 3% 0;
  background: inherit;
  border: none;
  font-weight: normal;
  color: inherit;
}

.tegoshima-content-box p{
  color: #333;
  font-weight: normal;
}

.tegoshima-content-box-public table {
  width: 100%;
  margin: 20px 0;
  padding: 0px;
  background: #ffffff;
  border-collapse: collapse;
  border-spacing: 0px;
  text-align: left;
}

.tegoshima-content-box-public table p {
  color: #333333;
}

.tegoshima-content-box-public caption {
  width: 0px;
  height: 0px;
  line-height: 0px;
  overflow: hidden;
}

.tegoshima-content-box-public th {
  margin: 0px;
  padding: 20px;
  background: #fdf3f0;
  border: 1px solid #f4c4b5;
  font-weight: bold;
  color: #333333;
}

.tegoshima-content-box-public td {
  margin: 0px;
  padding: 20px;
  border: 1px solid #f4c4b5;
  color: #333333;
}

.tegoshima-content-box-public ul {
  margin: 0px;
  padding: 0 0 0 30px;
  list-style-type: square;
}

.tegoshima-content-box-public ol {
  margin: 0px;
  padding: 0 0 0 30px;
  list-style-type: decimal;
}

.tegoshima-content-box-public ul li {
  margin: 0 0 10px 0;
  padding: 0px;
  list-style-type: square;
  color: #333333;
}

.tegoshima-content-box-public ol li {
  margin: 0 0 10px 0;
  padding: 0px;
  list-style-type: decimal;
  color: #333333;
}

@media only screen and (max-width: 767px) {
  .tegoshima-content-box,
  .tegoshima-content-box-public {
    width: 90%;
    margin: 0 auto;
    padding: 40px 0;
  }
}

/* box-01 */
#tegoshima .smenu-01 {
  width: 1000px;
  margin: 20px 0 0 0;
  padding: 0px;
}

#tegoshima .smenu-01 ul {
  width: 1020px;
  margin: 0 -20px -20px 0;
  padding: 0px;
  overflow: hidden;
  zoom: 1;
  _zoom: 1;
}

#tegoshima  .smenu-01 ul li {
  float: left;
  margin: 0 20px 20px 0;
  padding: 20px;
  background: #ffffff;
  display: inline;
  list-style: none;
  border-radius: 10px;
  -webkit-border-radius: 10px;  /* Safari,Google Chrome */
  -moz-border-radius: 10px;  /* Firefox */
  -o-border-radius: 10px;    /* opera */
}

#tegoshima .smenu-01 ul li a{
  text-decoration: none;
}

#tegoshima .smenu-01 ul li .smenu-box {
  width: 280px;
  margin: 0px;
  padding: 0px;
}

#tegoshima .smenu-01 ul li .smenu-box h3 {
  margin: 0 0 10px 0;
  padding: 0px;
}

#tegoshima .smenu-01 ul li .smenu-box p {
  margin: 0px;
  padding: 0px;
}

#tegoshima .smenu-01 ul li .smenu-box .thumb {
  width: 280px;
  margin: 0 0 20px 0;
  padding: 0px;
}
@media only screen and (max-width: 767px) {
  #tegoshima .smenu-01 {
    width: 100%;
  }

  #tegoshima .smenu-01 ul {
    width: 102.5%;
    margin: 0 -2.5% -2.5% 0;
  }

  #tegoshima .smenu-01 ul li {
    float: left;
    width: 42.5%;
    margin: 0 2.5% 2.5% 0;
    padding: 2.5%;
    border-radius: 6px;
    -webkit-border-radius: 6px;  /* Safari,Google Chrome */
    -moz-border-radius: 6px;  /* Firefox */
    -o-border-radius: 6px;    /* opera */
  }

  #tegoshima .smenu-01 ul li .smenu-box {
    width: 100%;
  }

  #tegoshima .smenu-01 ul li .smenu-box p {
    font-size: 90%;
    line-height: 150%;
  }

  #tegoshima .smenu-01 ul li .smenu-box .thumb {
    width: 100%;
  }
}

/* box-02 */
#tegoshima .info {
  margin: 0px;
  padding: 0px;
}

#tegoshima .info h3 {
  height: 32px;
  padding: 0 0 0 40px;
  text-align: left;
  background: url(/images/tegoshima/bg-h3-info.png) no-repeat left center;
  line-height: 32px;
}

#tegoshima .info .info-box {
  margin: 0px;
  padding: 20px;
  background: #ffffff;
  text-align: left;
  border-radius: 10px;
  -webkit-border-radius: 10px;  /* Safari,Google Chrome */
  -moz-border-radius: 10px;  /* Firefox */
  -o-border-radius: 10px;    /* opera */
}

#tegoshima .info .info-box div {
/*  width: 280px; */
  width: 100%;
  margin: 0px;
  padding: 0px;
}

#tegoshima .info .info-box div dl {
  width: 100%;
  margin: 0px;
  padding: 0px;
}

#tegoshima .info .info-box div dt {
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
}

#tegoshima .info .info-box div dt span {
  margin: 0 10px;
  padding: 5px 10px;
}

#tegoshima .info .info-box div dt span.date {
  margin: 0px;
  padding: 0px;
}

#tegoshima .info .info-box div dd {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: dotted 1px #cccccc;
}

#tegoshima .info .info-box div p.more {
  float: right;
  margin: 10px 0 0 0;
  padding: 0px;
}

.info .info-box div p.more .ick {
  margin: 0 5px 0 0;
  color: #df4e20;
}

.event {
  margin: 0px;
  padding: 0px;
}

.event h3 {
  height: 32px;
  padding: 0 0 0 40px;
  text-align: left;
  background: url(/images/tegoshima/bg-h3-event.png) no-repeat left center;
  line-height: 32px;
}

.event .event-box {
  margin: 0px;
  padding: 20px;
  background: #ffffff;
  text-align: left;
  border-radius: 10px;
  -webkit-border-radius: 10px;  /* Safari,Google Chrome */
  -moz-border-radius: 10px;  /* Firefox */
  -o-border-radius: 10px;    /* opera */
}

.event .event-box p.more {
  float: right;
  margin: 10px 0 0 0;
  padding: 0px;
}

.event .event-box p.more .eck {
  margin: 0 5px 0 0;
  color: #df4e20;
}

.event .event-box div {
/*  width: 620px; */
  margin: 0px;
  padding: 0px;
}

.event .event-box div .event-left {
  float: left;
  width: 60%;
  margin: 0px;
  padding: 0px;
}

.event .event-box div .event-left dl {
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.event .event-box div .event-left dt {
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
}

.event .event-box div .event-left dt span {
  margin: 0 10px;
  padding: 5px 10px;
}

.event .event-box div .event-left dt span.date {
  margin: 0px;
  padding: 0px;
}

.event .event-box div .event-left dd {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: dotted 1px #cccccc;
}

.event .event-box div .event-right {
  float: right;
  width: 330px;
  margin: 0px;
  padding: 0px;;
}

.event .event-box div .event-right div {
  width: 100%;
  margin: 0px;
  padding: 0px;
}
@media only screen and (max-width: 767px) {
  #tegoshima .info {
    float: none;
    margin: 0 0 40px 0;
    padding: 0px;
  }

  #tegoshima .info .info-box {
    padding: 5%;
    border-radius: 6px;
    -webkit-border-radius: 6px;  /* Safari,Google Chrome */
    -moz-border-radius: 6px;  /* Firefox */
    -o-border-radius: 6px;    /* opera */
  }

  #tegoshima .info .info-box div {
    width: 100%;
  }

  #tegoshima .event {
    float: none;
  }

  #tegoshima .event .event-box {
    padding: 5%;
    border-radius: 6px;
    -webkit-border-radius: 6px;  /* Safari,Google Chrome */
    -moz-border-radius: 6px;  /* Firefox */
    -o-border-radius: 6px;    /* opera */
  }

  #tegoshima .event .event-box div {
    width: 100%;
  }

  #tegoshima .event .event-box div .event-left {
    float: none;
    width: 100%;
  }

  #tegoshima .event .event-box div .event-right {
    float: none;
    display: none;
  }

  #tegoshima .event .event-box div p.more {
    float: right;
    margin: 10px 0 0 0;
    padding: 0 0 0 25px;
    background: url(/images/tegoshima/bg-arrow-01.png) no-repeat left center;
  }
}

/* box-03 */
#tegoshima .insta {
  margin: 20px 0 0 0;
  padding: 0px;
}

#tegoshima .insta ul {
  width: 1000px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  zoom: 1;
  _zoom: 1;
}

#tegoshima .insta ul li {
  float: left;
  margin: 0px;
  padding: 0px;
  display: inline;
  list-style: none;
}

#tegoshima .insta ul li img {
  width: 200px;
  height: 200px;
  margin: 0px;
  padding: 0px;
}

#tegoshima a.more-btn {
  box-sizing: border-box;
  min-width: 200px;
  height: 50px;
  margin: 20px 0 0 0;
  padding: 0 15px;
  background: #e04f21;
  line-height: 50px;
  text-align: center;
  color: #ffffff;
  display: inline-block;
  text-decoration: none;
  border-radius: 6px;
  -webkit-border-radius: 6px;  /* Safari,Google Chrome */
  -moz-border-radius: 6px;  /* Firefox */
  -o-border-radius: 6px;    /* opera */
}

#tegoshima a.more-btn:hover {
  background: #c4441b;
}
@media only screen and (max-width: 767px) {
  #tegoshima .insta {
    margin: 20px 0 0 0;
    padding: 0px;
  }

  #tegoshima .insta ul {
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    zoom: 1;
    _zoom: 1;
  }

  #tegoshima .insta ul li {
    float: left;
    width: 50%;
    margin: 0px;
    padding: 0px;
    display: inline;
    list-style: none;
  }

  #tegoshima .insta ul li img {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
}

/* box-04 */
#tegoshima .sns {
  margin: 0px;
  padding: 0px;
}

#tegoshima .sns-left {
  float: left;
  width: 480px;
  margin: 0px;
  padding: 0px;
}

#tegoshima .sns-center {
  width: 50%;
  margin: auto;
}

#tegoshima .sns-right {
  float: right;
  margin: 0px;
  padding: 0px;
}

#tegoshima .sns-left h3,
#tegoshima .sns-right h3 {
  font-size: 120%;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  #tegoshima .sns-left {
    float: none;
    width: 100%;
    margin: 0 0 40px 0;
  }

  #tegoshima .sns-right {
    float: none;
    width: 100%;
  }

  #tegoshima .sns-center {
    width: 100%;
    margin: auto;
  }

  #tegoshima .sns-left h3,
  #tegoshima .sns-right h3 {
    margin: 0 0 10px 0;
  }
}

/* box-05 */
#tegoshima .mrg-info {
  float: left;
  margin: 0px;
  padding: 0px;
}

#tegoshima .mrg-info h3 {
  height: 32px;
  padding: 0 0 0 40px;
  text-align: left;
  background: url(/images/tegoshima/bg-h3-info.png) no-repeat left center;
  line-height: 32px;
}

#tegoshima .mrg-info .info-box {
  margin: 0px;
  padding: 20px;
  background: #ffffff;
  text-align: left;
  border-radius: 10px;
  -webkit-border-radius: 10px;  /* Safari,Google Chrome */
  -moz-border-radius: 10px;  /* Firefox */
  -o-border-radius: 10px;    /* opera */
}

#tegoshima .mrg-info .info-box div {
  width: 440px;
  margin: 0px;
  padding: 0px;
}

#tegoshima .mrg-info .info-box div dl {
  width: 100%;
  margin: 0px;
  padding: 0px;
}

#tegoshima .mrg-info .info-box div dt {
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
}

#tegoshima .mrg-info .info-box div dt span.date {
  margin: 0px;
  padding: 0px;
}

#tegoshima .mrg-info .info-box div dd {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: dotted 1px #cccccc;
}

#tegoshima .mrg-info .info-box div p.more {
  float: right;
  margin: 10px 0 0 0;
  padding: 0px;
}

#tegoshima .mrg-info .info-box div p.more .mck {
  margin: 0 5px 0 0;
  color: #df4e20;
}

#tegoshima .mrg-fb {
  float: right;
  width: 480px;
  margin: 0px;
  padding: 0 0 40px 0;
}

#tegoshima .mrg-fb h3 {
  height: 32px;
  padding: 0 0 0 40px;
  text-align: left;
  background: url(/images/tegoshima/bg-h3-fb.png) no-repeat left center;
  line-height: 32px;
}

@media only screen and (max-width: 767px) {
  #tegoshima .mrg-info {
    float: none;
    margin: 0 0 40px 0;
  }

  #tegoshima .mrg-info .info-box {
    padding: 5%;
    border-radius: 6px;
    -webkit-border-radius: 6px;  /* Safari,Google Chrome */
    -moz-border-radius: 6px;  /* Firefox */
    -o-border-radius: 6px;    /* opera */
  }

  #tegoshima .mrg-info .info-box div {
    width: 100%;
  }

  #tegoshima .mrg-fb {
    float: none;
    width: 100%;
  }
}

/* box-06 */
#tegoshima .prg-trouble {
  margin: 20px 0 0 0;
  padding: 0px;
}

#tegoshima .prg-trouble-left {
  float: left;
  margin: 0px;
  padding: 0px;
}

#tegoshima .prg-trouble-right {
  float: right;
  margin: 0px;
  padding: 0px;
}

#tegoshima .prg-trouble-left h3,
#tegoshima .prg-trouble-right h3 {
  height: 32px;
  padding: 0 0 0 40px;
  text-align: left;
  background: url(/images/tegoshima/bg-h3-prg.png) no-repeat left center;
  line-height: 32px;
}

#tegoshima .prg-trouble-left .trouble-box,
#tegoshima .prg-trouble-right .trouble-box {
  margin: 0px;
  padding: 20px;
  background: #ffffff;
  text-align: left;
  border-radius: 10px;
  -webkit-border-radius: 10px;  /* Safari,Google Chrome */
  -moz-border-radius: 10px;  /* Firefox */
  -o-border-radius: 10px;    /* opera */
}

#tegoshima .prg-trouble-left .trouble-box div,
#tegoshima .prg-trouble-right .trouble-box div {
  width: 440px;
  margin: 0px;
  padding: 0px;
}

#tegoshima .prg-trouble-left .trouble-box div ul,
#tegoshima .prg-trouble-right .trouble-box div ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#tegoshima .prg-trouble-left .trouble-box div ul li,
#tegoshima .prg-trouble-right .trouble-box div ul li {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: dotted 1px #cccccc;
  list-style: none;
}

#tegoshima .prg-trouble-left .trouble-box div ul li .ck,
#tegoshima .prg-trouble-right .trouble-box div ul li .ck {
  margin: 0 5px 0 0;
  font-size: 80%;
  color: #df4e20;
}

#tegoshima .prg-info {
  margin: 0px;
  padding: 0px;
}

#tegoshima .prg-info h3 {
  height: 32px;
  padding: 0 0 0 40px;
  text-align: left;
  background: url(/images/tegoshima/bg-h3-info.png) no-repeat left center;
  line-height: 32px;
}

#tegoshima .prg-info .info-box {
  margin: 0px;
  padding: 20px;
  background: #ffffff;
  text-align: left;
  border-radius: 10px;
  -webkit-border-radius: 10px;  /* Safari,Google Chrome */
  -moz-border-radius: 10px;  /* Firefox */
  -o-border-radius: 10px;    /* opera */
}

#tegoshima .prg-info .info-box div {
  width: 960px;
  margin: 0px;
  padding: 0px;
}

#tegoshima .prg-info .info-box div dl {
  width: 100%;
  margin: 0px;
  padding: 0px;
}

#tegoshima .prg-info .info-box div dt {
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
}

#tegoshima .prg-info .info-box div dt span.date {
  margin: 0px;
  padding: 0px;
}

#tegoshima .prg-info .info-box div dd {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: dotted 1px #cccccc;
}

#tegoshima .prg-info .info-box div p.more {
  float: right;
  margin: 10px 0 0 0;
  padding: 0px;
}

#tegoshima .prg-info .info-box div p.more .cck {
  margin: 0 5px 0 0;
  color: #df4e20;
}
@media only screen and (max-width: 767px) {
  #tegoshima .prg-trouble-left {
    float: none;
    margin: 0 0 40px 0;
  }

  #tegoshima .prg-trouble-right {
    float: none;
  }

  #tegoshima .prg-trouble-left .trouble-box,
  #tegoshima .prg-trouble-right .trouble-box {
    padding: 5%;
    border-radius: 6px;
    -webkit-border-radius: 6px;  /* Safari,Google Chrome */
    -moz-border-radius: 6px;  /* Firefox */
    -o-border-radius: 6px;    /* opera */
  }

  #tegoshima .prg-trouble-left .trouble-box div,
  #tegoshima .prg-trouble-right .trouble-box div {
    width: 100%;
  }

  #tegoshima .prg-info {
    float: none;
  }

  #tegoshima .prg-info .info-box {
    padding: 5%;
    border-radius: 6px;
    -webkit-border-radius: 6px;  /* Safari,Google Chrome */
    -moz-border-radius: 6px;  /* Firefox */
    -o-border-radius: 6px;    /* opera */
  }

  #tegoshima .prg-info .info-box div {
    width: 100%;
  }
}

/* box-07 */
#tegoshima .smenu-02 {
  width: 1000px;
  margin: 20px 0 0 0;
  padding: 0px;
}

#tegoshima .smenu-02 ul {
  width: 1020px;
  margin: 0 -20px -20px 0;
  padding: 0px;
  overflow: hidden;
  zoom: 1;
  _zoom: 1;
}

#tegoshima .smenu-02 ul li {
  float: left;
  margin: 0 20px 20px 0;
  padding: 0px;
  background: #e04f21;
  display: inline;
  list-style: none;
  border-radius: 10px;
  -webkit-border-radius: 10px;  /* Safari,Google Chrome */
  -moz-border-radius: 10px;  /* Firefox */
  -o-border-radius: 10px;    /* opera */

}

#tegoshima .smenu-02 ul li a.smenu-btn {
  box-sizing: border-box;
  width: 320px;
  margin: 0px;
  padding: 40px 0;
  font-family: "M PLUS Rounded 1c";
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  display: inline-block;
  text-decoration: none;
}

#tegoshima .smenu-02 ul li a.smenu-btn:hover {
  background: #c4441b;
  border-radius: 6px;
  -webkit-border-radius: 6px;  /* Safari,Google Chrome */
  -moz-border-radius: 6px;  /* Firefox */
  -o-border-radius: 6px;    /* opera */
}

#tegoshima h3.smenu-title {
  font-size: 120%;
}

@media only screen and (max-width: 767px) {
  #tegoshima .smenu-02 {
    width: 100%;
  }

  #tegoshima .smenu-02 ul {
    width: 102.5%;
    margin: 0 -2.5% -2.5% 0;
  }

  #tegoshima .smenu-02 ul li {
    width: 42.5%;
    margin: 0 2.5% 2.5% 0;
    padding: 2.5%;
    border-radius: 6px;
    -webkit-border-radius: 6px;  /* Safari,Google Chrome */
    -moz-border-radius: 6px;  /* Firefox */
    -o-border-radius: 6px;    /* opera */
  }

  #tegoshima .smenu-02 ul li a.smenu-btn {
    width: 100%;
    padding: 20% 0;
  }
}

/* box-08 */
#tegoshima .prt-info {
  float: left;
  margin: 0px;
  padding: 0px;
}

#tegoshima .prt-info h3 {
  height: 32px;
  padding: 0 0 0 40px;
  text-align: left;
  background: url(/images/tegoshima/bg-h3-info.png) no-repeat left center;
  line-height: 32px;
}

#tegoshima .prt-info .info-box {
  margin: 0px;
  padding: 20px;
  background: #ffffff;
  text-align: left;
  border-radius: 10px;
  -webkit-border-radius: 10px;  /* Safari,Google Chrome */
  -moz-border-radius: 10px;  /* Firefox */
  -o-border-radius: 10px;    /* opera */
}

#tegoshima .prt-info .info-box div {
  width: 440px;
  margin: 0px;
  padding: 0px;
}

#tegoshima .prt-info .info-box div dl {
  width: 100%;
  margin: 0px;
  padding: 0px;
}

#tegoshima .prt-info .info-box div dt {
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
}

#tegoshima .prt-info .info-box div dt span.date {
  margin: 0px;
  padding: 0px;
}

#tegoshima .prt-info .info-box div dd {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: dotted 1px #cccccc;
}

#tegoshima .prt-info .info-box div p.more {
  float: right;
  margin: 10px 0 0 0;
  padding: 0px;
}

#tegoshima .prt-info .info-box div p.more .mck {
  margin: 0 5px 0 0;
  color: #df4e20;
}

#tegoshima .prt-fb {
  float: right;
  width: 480px;
  margin: 0px;
  padding: 0px;
}

#tegoshima .prt-fb h3 {
  height: 32px;
  padding: 0 0 0 40px;
  text-align: left;
  background: url(/images/tegoshima/bg-h3-fb.png) no-repeat left center;
  line-height: 32px;
}

@media only screen and (max-width: 767px) {
  #tegoshima .prt-info {
    float: none;
    margin: 0 0 40px 0;
  }

  #tegoshima .prt-info .info-box {
    padding: 5%;
    border-radius: 6px;
    -webkit-border-radius: 6px;  /* Safari,Google Chrome */
    -moz-border-radius: 6px;  /* Firefox */
    -o-border-radius: 6px;    /* opera */
  }

  #tegoshima .prt-info .info-box div {
    width: 100%;
  }

  #tegoshima .prt-fb {
    float: none;
    width: 100%;
  }
}

/* box-09 */
#tegoshima .areamap-box {
  margin: 20px 0 0 0;
  padding: 80px;
  background: #ffffff;
  text-align: left;
  border-radius: 10px;
  -webkit-border-radius: 10px;  /* Safari,Google Chrome */
  -moz-border-radius: 10px;  /* Firefox */
  -o-border-radius: 10px;    /* opera */
}

#tegoshima .areamap-box .ccmap {
  position: relative;
  margin: 0px;
  padding: 0px;
}

#tegoshima .areamap-box .ccmap .ccmap-txt {
  position: absolute;
  bottom: 0px;
  right: 0px;
  margin: 0px;
  padding: 0px;
}
@media only screen and (max-width: 767px) {
  #tegoshima .areamap-box {
      padding: 5%;
      border-radius: 6px;
      -webkit-border-radius: 6px;  /* Safari,Google Chrome */
      -moz-border-radius: 6px;  /* Firefox */
      -o-border-radius: 6px;    /* opera */
  }

  #tegoshima .areamap-box .ccmap .ccmap-txt {
    width: 50%;
  }

  #tegoshima .areamap-box .areamap-list {
    width: 100%;
    margin: 40px 0 0 0;
    padding: 0px;
  }

  #tegoshima .areamap-box .areamap-list ul {
    width: 102.5%;
    margin: 0 -2.5% -2.5% 0;
    padding: 0px;
    overflow: hidden;
    zoom: 1;
    _zoom: 1;
  }

  #tegoshima .areamap-box .areamap-list ul li {
    float: left;
    width: 42.5%;
    margin: 0 2.5% 2.5% 0;
    padding: 2.5%;
    display: inline;
    list-style: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;  /* Safari,Google Chrome */
    -moz-border-radius: 6px;  /* Firefox */
    -o-border-radius: 6px;    /* opera */
  }

  #tegoshima .areamap-box .areamap-list ul li a.amenu-btn {
    box-sizing: border-box;
    width: 100%;
    margin: 0px;
    padding: 20% 0;
    font-family: "M PLUS Rounded 1c";
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    color: #000000;
    display: inline-block;
    text-decoration: none;
  }

  #tegoshima .areamap-box .areamap-list ul li a.amenu-btn-01:hover {
    background: #f44;
    border-radius: 6px;
    -webkit-border-radius: 6px;  /* Safari,Google Chrome */
    -moz-border-radius: 6px;  /* Firefox */
    -o-border-radius: 6px;    /* opera */
  }

  #tegoshima .areamap-box .areamap-list ul li a.amenu-btn-02:hover {
    background: #829019;
    border-radius: 6px;
    -webkit-border-radius: 6px;  /* Safari,Google Chrome */
    -moz-border-radius: 6px;  /* Firefox */
    -o-border-radius: 6px;    /* opera */
  }

  #tegoshima .areamap-box .areamap-list ul li a.amenu-btn-03:hover {
    background: #55d4ff;
    border-radius: 6px;
    -webkit-border-radius: 6px;  /* Safari,Google Chrome */
    -moz-border-radius: 6px;  /* Firefox */
    -o-border-radius: 6px;    /* opera */
  }

  #tegoshima .areamap-box .areamap-list .aremap-color-01 {
    background: #ff9999;
  }

  #tegoshima .areamap-box .areamap-list .aremap-color-02 {
    background: #C3D825;
  }

  #tegoshima .areamap-box .areamap-list .aremap-color-03 {
    background: #99E5FF;
  }
}

/*  ##################################
     FOOTER
  ################################## */

#tegoshima-footer {
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  background: #ffffff;
}

#tegoshima-fmenu {
  margin: 0px;
  padding: 0px;
  background: #f3eee3;
}

#tegoshima-fmenu a {
  text-decoration: none;
}

#tegoshima-fmenu .fmenu-content {
  width: 1000px;
  margin: 0 auto;
  padding: 40px 0 300px 0;
  background: transparent url(/images/tegoshima/bg-footer.png) no-repeat bottom center;
}

#tegoshima-fmenu .fmenu-content .fmenu-list {
  float: left;
  width: 20%;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
}

#tegoshima-fmenu .fmenu-content .fmenu-list p.ft-01 {
  margin: 0 0 20px 0;
  padding: 0 0 0 10px;
  font-size: 120%;
  font-weight: bold;
  border-left: 3px solid #333333;
}

#tegoshima-fmenu .fmenu-content .fmenu-list p.ft-02 {
  margin: 0 0 10px 0;
  padding: 0 0 0 10px;
  font-size: 120%;
  font-weight: bold;
  border-left: 3px solid #fd434b;
}

#tegoshima-fmenu .fmenu-content .fmenu-list p.ft-03 {
  margin: 0 0 10px 0;
  padding: 0 0 0 10px;
  font-size: 120%;
  font-weight: bold;
  border-left: 3px solid #118ce2;
}

#tegoshima-fmenu .fmenu-content .fmenu-list p.ft-04 {
  margin: 0 0 10px 0;
  padding: 0 0 0 10px;
  font-size: 120%;
  font-weight: bold;
  border-left: 3px solid #ff8000;
}

#tegoshima-fmenu .fmenu-content .fmenu-list p.ft-05 {
  margin: 0 0 10px 0;
  padding: 0 0 0 10px;
  font-size: 120%;
  font-weight: bold;
  border-left: 3px solid #2e8f20;
}

#tegoshima-fmenu .fmenu-content .fmenu-list ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#tegoshima-fmenu .fmenu-content .fmenu-list ul li {
  margin: 0;
  padding: 0px;
  font-size: 80%;
}

#tegoshima-fmenu .fmenu-content .fmenu-list ul li .fars {
  margin: 0 5px 0 0;
  font-size: 80%;
  color: #666666;
}

#tegoshima-footer {
  margin: 0px;
  padding: 0px;
  background: #237319;
  color: #ffffff;
}

#tegoshima-footer .fcontent {
  width: 1000px;
  margin: 0 auto;
  padding: 20px 0;
}

#tegoshima-footer .fcontent .faddress {
  margin: 0px;
  padding: 0px;
}

#tegoshima-footer .fcontent .faddress p {
  line-height: 150%;
}

#tegoshima-footer .fcontent .faddress p.footer-description {
  margin: 0 0 10px 0;
  padding: 0px;
}

#tegoshima-footer .fcontent .faddress p.flogo {
  margin: 0 0 20px 0;
  padding: 0px;
}

#tegoshima-footer .fcontent .faddress p.charge {
  margin: 0 0 10px 0;
  padding: 0px;
  font-size: 120%;
  font-weight: bold;
}

#tegoshima-footer .fcontent .faddress p.address {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
}

#tegoshima-footer .fcontent .faddress p.license {
  margin: 10px 0 0 0;
  padding: 0px;
  font-size: 80%;
}

#tegoshima-footer .fcontent .contact p{
  font-size: 80%;
  line-height: 180%;
}

#tegoshima-footer .fcontent .contact .contact-section {
  margin-left: 1.5rem;
}

#tegoshima-footer .fcontent .contact .section-tel {
  margin-left: 0.5rem;
}

#tegoshima-footer-cp {
  width: 1000px;
  margin: 0 auto;
  padding: 10px 0;
  font-size: 80%;
  color: #333333;
}
@media only screen and (max-width: 767px) {
  #tegoshima-footer {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    background: #ffffff;
  }

  #tegoshima-fmenu {
    background: #ffffff;
  }

  #tegoshima-fmenu .fmenu-content {
    width: 100%;
    height: 100px;
    margin: 0 auto;
    padding: 0px;
    background: transparent url(/images/tegoshima/bg-footer.png) no-repeat bottom center;
    background-size: 90%;
  }

  #tegoshima-fmenu .fmenu-content .fmenu-list {
    display: none;
  }

  #tegoshima-footer-content {
    margin: 0px;
    padding: 0px;
    background: #237319;
    color: #ffffff;
  }

  #tegoshima-footer-content .fcontent {
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
  }

  #tegoshima-footer-content .fcontent .faddress {
    margin: 0px;
    padding: 0px;
  }

  #tegoshima-footer-content .fcontent .faddress p {
    line-height: 150%;
  }

  #tegoshima-footer-content .fcontent .faddress p.footer-description {
    font-size: 80%;
  }

  #tegoshima-footer-content .fcontent .faddress p.flogo {
    margin: 0 0 20px 0;
    padding: 0px;
  }

  #tegoshima-footer-content .fcontent .faddress p.charge {
    margin: 0 0 10px 0;
    padding: 0px;
    font-size: 120%;
    font-weight: bold;
  }

  #tegoshima-footer-content .fcontent .contact p{
    font-size: 80%;
    line-height: 180%;
  }

  #tegoshima-footer-content .fcontent .contact .contact-section {
    margin-left: 1.5rem;
  }
  #tegoshima-footer-content .fcontent .contact .section-tel {
    display: block;
    margin-left: 1rem;
  }

  #tegoshima-footer-cp {
    width: 90%;
    margin: 0 auto;
    padding: 10px 0;
    font-size: 80%;
    color: #333333;
  }
}

/*  ##################################
     AREA CATEGORY
  ################################## */

.matsue,
.izumo,
.unnan,
.yasuki,
.iinan,
.okuizumo
 {
  margin: 0px;
  padding: 5px 10px;
  background: #bcce5b;
  font-size: 80%;
  font-weight: normal;
  color: #ffffff;
}

.ohda,
.goutsu,
.kawamoot,
.misato,
.oonan,
.hamada,
.masuda,
.tsuwano,
.yoshika
 {
  margin: 0px;
  padding: 5px 10px;
  background: #f3b5cf;
  font-size: 80%;
  font-weight: normal;
  color: #ffffff;
}

.oki,
.nishinoshima,
.ama,
.chibu
 {
  margin: 0px;
  padding: 5px 10px;
  background: #a3daf5;
  font-size: 80%;
  font-weight: normal;
  color: #ffffff;
}

.sonota
 {
  margin: 0px;
  padding: 5px 10px;
  background: #a0a0a0;
  font-size: 80%;
  font-weight: normal;
  color: #ffffff;
}

/*  ##################################
     CATEGORY BACKGROUND COLOR
  ################################## */

.cat {
  margin: 0px;
  padding: 5px 10px;
  font-size: 80%;
  font-weight: normal;
  color: #ffffff;
  border-radius: 4px;
  -webkit-border-radius: 4px;  /* Safari,Google Chrome */
  -moz-border-radius: 4px;  /* Firefox */
  -o-border-radius: 4px;    /* opera */
}

.cat-bk-col-01 {
  background: #fd434b !important;
}

.cat-bk-col-02 {
  background: #118ce1 !important;
}

.cat-bk-col-03 {
  background: #ff8000 !important;
}

.cat-bk-col-04 {
  background: #2e8f20 !important;
}

.marriage h4 {
  background: #fd434b !important;
}

.birth h4 {
  background: #118ce1 !important;
}

.kosodate h4 {
  background: #ff8000 !important;
}

.soudan h4 {
  background: #2e8f20 !important;
}

/*  ##################################
     CATEGORY TEXT COLOR
  ################################## */

.cat-txt-col-01, .cat-txt-col-01 a  {
  color: #fe434b !important;
}

.cat-txt-col-02, .cat-txt-col-02 a  {
  color: #118ce1 !important;
}

.cat-txt-col-03, .cat-txt-col-03 a {
  color: #ff8000 !important;
}

.cat-txt-col-04, .cat-txt-col-04 a{
  color: #2e8f20 !important;
}

/*  ##################################
     MARRIAGE TEXT COLOR
  ################################## */

.mrg-txt-col-01 {
  color: #c9006c !important;
}

.mrg-txt-col-02 {
  color: #fa080d !important;
}

.mrg-txt-col-03 {
  color: #ea4e66 !important;
}

/*  ##################################
     SKIP LINK
  ################################## */

#skip {
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 0px;
  padding: 0px;
  line-height: normal;
}

p.skiplink a {
  position: absolute;
  width: 120px;
  margin: 0px;
  padding: 5px;
  left: -9999px;
  top: 0px;
  text-align: center;
  z-index: 50;
}

p.skiplink a:focus, p.skiplink a:active {
  left: 0px;
  top: 0px;
  background: #000000;
  color: #ffffff;
}

/*  ##################################
     SLIDE SHOW NOTIFICATION
  ################################## */

#slidecontent {
  position: absolute;
  left: auto;
  top: auto;
  line-height: normal;
}

p.slidescrr {
  position: absolute;
  z-index: 3;
  left: -9999px;
}

/*  ##################################
     PAGE TOP
  ################################## */

#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

#page-top a {
  width: 270px;
  padding: 0px;
  display: block;
}

#page-top a:hover {
  filter: alpha(opacity=70); /* For IE */
  opacity: 0.7; /* Opera・Safari */
  -moz-opacity: 0.7; /* For FireFox */
}
@media screen and (max-width: 767px) {
  #page-top a {
    width: 120px;
  }
  #page-top img {
    width: 120px;
    height: auto;
  }
}

/*  ##################################
     CLEARFIX
  ################################## */

/* For modern browsers */
.clearfix:before,
.clearfix:after {
  content: "";
  display: block;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
  zoom: 1;
}

.text-center {
  text-align: center;
}

ul.ad {
  margin: 0px;
  padding: 0px;
  list-style: none;
  overflow: hidden;
}

ul.ad li {
  float: left;
  width: 33%;
  margin: 0 0 10px 0;
  padding: 0px;
  display: inline;
}

@media screen and (max-width: 767px) {
  ul.ad li {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0px;
    display: inline;
  }
}

/* お役立ちサイト用のデザイン */
.purpose h4 a {
  color: #fff;
  text-decoration: none;
}

.purpose h4 a:visited {
  color: #fff;
}

.resultbox div {
  padding: 0px;
}
.resultbox .resultbox-header {
  margin: 0px 0px 15px;
}

.resultbox .site-resultbox{
  padding: 5px;
  border: 1px solid #FCC0C6;
  background: #FFF none repeat scroll 0% 0%;
}
.resultbox .site-resultbox:before,
.resultbox .site-resultbox:after {
  display: block;
  content: "";
  line-height: 0;
}
.resultbox .site-resultbox:after {
  clear: both;
}
.resultbox .site-resultbox + .site-resultbox {
  margin-top: 20px;
}
.resultbox .site-resultbox-thumbnail {
  float: left;
  margin: 10px 20px 10px 10px;
  width: 120px;
  min-height: 160px;
}
.resultbox .site-resultbox-content {
  margin: 10px 10px 0px;
}
.resultbox .site-resultbox-header {
  font-weight: bold;
}
.resultbox .site-resultbox-body {
  padding: 15px 0px 15px 10px;
  min-height: 45px;
}
.resultbox .site-resultbox-footer {
  text-align: right;
}
.resultbox .site-resultbox-footer:before,
.resultbox .site-resultbox-footer:after {
  display: block;
  content: "";
  line-height: 0;
}
.resultbox .site-resultbox-footer:after {
  clear: both;
}
.resultbox .site-resultbox-footer p + p{
  margin-top: 5px;
}
.resultbox .site-resultbox-footer .moreinfo, .site-resultbox-footer .postinfo,
.resultbox .site-resultbox-footer .sitelink {
  display: inline-block;
  min-width: 220px;
  text-align: center;
}
.resultbox .site-resultbox-footer a.moreinfo {
  padding: 3px 0px;
  background: #D64287 none repeat scroll 0% 0%;
  color: #FFF;
  text-decoration: none;
  border-radius: 6px;
}
.resultbox .site-resultbox-footer .postinfo {
  margin: 0px;
}
.resultbox .site-resultbox-footer a.sitelink {
  padding: 3px 0px;
  background: #B66C2F none repeat scroll 0% 0%;
  color: #FFF;
  text-decoration: none;
  border-radius: 6px;
}

.table-address {
  border-collapse: separate;
  border-spacing: 10px 0;
}

.pl-2r {
  padding-left: 2rem;
}

b, strong {
  font-weight: bold;
}