@charset "UTF-8";
/* -----------------------------------------------
 * 1-setting
 * ----------------------------------------------- */
/* setting
-------------------------------------------------- */
body {
  margin: 0; }

ul {
  margin: 0;
  padding: 0; }

ul,
ol,
li {
  list-style: none; }

p,
div {
  margin: 0;
  padding: 0;
  text-align: left; }

img {
  max-width: 100%;
  height: auto;
  width/***/: auto;
  display: block; }

dl {
  margin: 0; }

dd {
  margin: 0; }

a {
  color: #636363;
  display: block; }
  a:hover {
    text-decoration: none; }
  a img {
    border: none; }

a:link,
a:visited,
a:active,
a:hover {
  /* FireFox リンク選択時の点線を消す */
  outline: none; }

.hover:hover {
  opacity: 0.7; }

/* font
-------------------------------------------------- */
html {
  font-size: 62.5%; }

body {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 14em;
  font-size: 1.4rem; }

h1 {
  font-size: 24em;
  font-size: 2.4rem;
  margin: 0; }

h2 {
  font-size: 21px;
  font-size: 2.1rem;
  margin: 0; }

h3 {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0;
  font-weight: bold; }

/* -----------------------------------------------
 * 2-parts
 * ----------------------------------------------- */
/* Button
-------------------------------------------------- */
.url-btn {
  text-align: center;
  margin-top: 25px; }
  .url-btn a {
    color: #fff;
    padding: 5px 10px;
    text-decoration: none;
    box-sizing: border-box; }
    .url-btn a:before {
      content: "▶︎ ";
      display: inline-block;
      font-size: 0.8em; }

/* Text
-------------------------------------------------- */
.justify {
  text-align: justify;
  text-justify: inter-ideograph; }

.mincho {
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif; }

.em {
  color: #ff5959; }

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

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

.text--mini {
  font-size: 10px;
  font-size: 1.0rem; }

/* _breadcrumb
-------------------------------------------------- */
.breadcrumb {
  min-width: 1080px;
  box-sizing: border-box;
  width: 1080px;
  margin: 0 auto;
  max-height: 100%; }
  @media only screen and (max-width: 768px) {
    .breadcrumb {
      min-width: 100%; } }
  .breadcrumb .inner {
    width: 1080px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    zoom: 1; }
    .breadcrumb .inner:after {
      content: "";
      display: block;
      clear: both; }
    @media only screen and (max-width: 959px) {
      .breadcrumb .inner {
        width: 1080px; } }
    @media only screen and (max-width: 768px) {
      .breadcrumb .inner {
        width: 100%;
        padding: 0 10px; } }
  @media only screen and (max-width: 768px) {
    .breadcrumb {
      width: 100%; } }
  .breadcrumb .inner {
    width: 880px; }
    @media only screen and (max-width: 768px) {
      .breadcrumb .inner {
        width: 100%; } }
  .breadcrumb li {
    display: inline;
    font-size: 1.2rem; }
    .breadcrumb li:before {
      content: ">";
      padding-right: 10px; }
    .breadcrumb li:first-child:before {
      content: ""; }
  .breadcrumb a {
    display: inline;
    margin-right: 8px;
    font-size: 12px;
    color: #ff5b54; }

/* SP対応
-------------------------------------------------- */
body {
  -webkit-text-size-adjust: 100%; }

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

iframe {
  max-width: 100%; }

@media only screen and (max-width: 768px) {
  img {
    float: none; } }
a {
  -webkit-tap-highlight-color: rgba(255, 105, 183, 0.6); }

p {
  word-break: break-all; }

.pc {
  display: block; }
  @media only screen and (max-width: 768px) {
    .pc {
      display: none; } }

.sp {
  display: none; }
  @media only screen and (max-width: 768px) {
    .sp {
      display: block; } }

/* --------------------------------------------------
 * 3-framework design
 * ----------------------------------------------- */
/* Header
-------------------------------------------------- */
.header {
  min-width: 1080px;
  margin-bottom: 15px; }
  @media only screen and (max-width: 768px) {
    .header {
      min-width: 100%; } }
  .header .inner {
    width: 1080px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    zoom: 1; }
    .header .inner:after {
      content: "";
      display: block;
      clear: both; }
    @media only screen and (max-width: 959px) {
      .header .inner {
        width: 1080px; } }
    @media only screen and (max-width: 768px) {
      .header .inner {
        width: 100%;
        padding: 0 10px; } }
  .header .inner {
    height: 90px; }
    @media only screen and (max-width: 768px) {
      .header .inner {
        height: auto; } }
  .header__logo a {
    position: absolute;
    top: 22px;
    left: 100px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .header__logo a {
        position: static;
        margin: 16px auto 10px;
        width: 32.81%;
        height: auto; }
        .header__logo a img {
          width: 100%;
          height: auto; } }
  .header__social-box {
    position: absolute;
    top: 5px;
    right: 100px;
    zoom: 1; }
    .header__social-box:after {
      content: "";
      display: block;
      clear: both; }
    @media only screen and (max-width: 768px) {
      .header__social-box {
        position: static;
        width: 135px;
        margin: 0 auto 10px; } }
    .header__social-box li {
      width: 30px;
      float: left;
      margin-left: 3px; }
  .header__tourism {
    position: absolute;
    bottom: 0;
    right: 100px; }
    @media only screen and (max-width: 768px) {
      .header__tourism {
        position: static;
        width: 93.75%;
        height: auto;
        margin: 0 auto; }
        .header__tourism img {
          width: 100%;
          height: auto; } }
  .header__link {
    position: absolute;
    top: 13px;
    right: 250px; }
    @media only screen and (max-width: 768px) {
      .header__link {
        position: static;
        width: 93.75%;
        height: auto;
        margin: 0 auto; }
        .header__link img {
          width: 100%;
          height: auto; }
        .header__link p {
          text-align: center; } }
    .header__link a {
      display: inline; }

/* Nav
-------------------------------------------------- */
.nav {
  min-width: 1080px; }
  @media only screen and (max-width: 768px) {
    .nav {
      min-width: 100%; } }
  .nav .inner {
    width: 1080px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    zoom: 1; }
    .nav .inner:after {
      content: "";
      display: block;
      clear: both; }
    @media only screen and (max-width: 959px) {
      .nav .inner {
        width: 1080px; } }
    @media only screen and (max-width: 768px) {
      .nav .inner {
        width: 100%;
        padding: 0 10px; } }
  @media only screen and (max-width: 768px) {
    .nav {
      width: 100%; } }
  .nav ul {
    width: 880px;
    margin: 10px auto 15px;
    display: block;
    zoom: 1; }
    .nav ul:after {
      content: "";
      display: block;
      clear: both; }
    @media only screen and (max-width: 768px) {
      .nav ul {
        width: 100%;
        display: none;
        margin: 0; } }
  .nav li {
    float: left;
    display: table;
    box-sizing: border-box;
    vertical-align: bottom;
    width: 176px; }
    @media only screen and (max-width: 768px) {
      .nav li {
        float: none;
        width: 100%; } }
    .nav li img {
      width: 100%;
      height: auto; }
    .nav li a {
      display: block;
      height: 62px;
      text-align: center;
      vertical-align: bottom; }
      @media only screen and (max-width: 768px) {
        .nav li a {
          height: auto; } }
    @media only screen and (max-width: 768px) {
      .nav li:nth-child(1) {
        width: 100%; } }
    @media only screen and (max-width: 768px) {
      .nav li:nth-child(2) {
        width: 100%; } }
    @media only screen and (max-width: 768px) {
      .nav li:nth-child(3) {
        width: 100%; } }
    @media only screen and (max-width: 768px) {
      .nav li:nth-child(4) {
        width: 100%; } }
    @media only screen and (max-width: 768px) {
      .nav li:nth-child(5) {
        width: 100%; } }

#js-menu {
  display: none; }
  @media only screen and (max-width: 768px) {
    #js-menu {
      display: block; } }

@media only screen and (max-width: 768px) {
  .menu-btn {
    position: relative;
    display: block;
    background: #ef5c58;
    text-align: center; }
    .menu-btn a {
      color: #fff;
      text-decoration: none;
      padding: 5px 0;
      line-height: 40px;
      height: 40px; }
      .menu-btn a:before {
        content: "▼";
        color: #fff;
        position: absolute;
        right: 20px;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 10px;
        line-height: 10px;
        font-size: 10px; }
      .menu-open .menu-btn a:before {
        content: "▲"; } }

/* visual
-------------------------------------------------- */
.visual {
  min-width: 1080px; }
  @media only screen and (max-width: 768px) {
    .visual {
      min-width: 100%; } }
  .visual .inner {
    width: 1080px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    zoom: 1; }
    .visual .inner:after {
      content: "";
      display: block;
      clear: both; }
    @media only screen and (max-width: 959px) {
      .visual .inner {
        width: 1080px; } }
    @media only screen and (max-width: 768px) {
      .visual .inner {
        width: 100%;
        padding: 0 10px; } }
  .visual img {
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .visual img {
        width: 100%;
        margin-bottom: 10px; } }
  .visual .slide {
    padding: 0 10px;
    display: none; }

.slick-arrow {
  cursor: pointer;
  border-style: none;
  width: 50px;
  height: 0;
  padding-top: 75px;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 3; }

.slick-prev {
  left: 80px;
  background: url(../img/arrow-left.png) no-repeat; }

.slick-next {
  right: 80px;
  background: url(../img/arrow-right.png) no-repeat; }

/* contents
-------------------------------------------------- */
.contents {
  min-width: 1080px;
  zoom: 1; }
  @media only screen and (max-width: 768px) {
    .contents {
      min-width: 100%; } }
  .contents .inner {
    width: 1080px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    zoom: 1; }
    .contents .inner:after {
      content: "";
      display: block;
      clear: both; }
    @media only screen and (max-width: 959px) {
      .contents .inner {
        width: 1080px; } }
    @media only screen and (max-width: 768px) {
      .contents .inner {
        width: 100%;
        padding: 0 10px; } }
  .contents:after {
    content: "";
    display: block;
    clear: both; }

/* content
-------------------------------------------------- */
.content {
  float: left;
  width: 650px;
  padding: 15px;
  background: #8FBC8F;
  zoom: 1; }
  .content:after {
    content: "";
    display: block;
    clear: both; }
  @media only screen and (max-width: 959px) {
    .content {
      width: 67%;
      padding: 1.5625%;
      box-sizing: border-box; } }
  @media only screen and (max-width: 768px) {
    .content {
      width: 1080px;
      float: none;
      overflow: hidden; } }

/* footer
-------------------------------------------------- */
.footer {
  min-width: 1080px;
  border-top: 2px #6e6e6e solid; }
  @media only screen and (max-width: 768px) {
    .footer {
      min-width: 100%; } }
  .footer .inner {
    width: 1080px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    zoom: 1; }
    .footer .inner:after {
      content: "";
      display: block;
      clear: both; }
    @media only screen and (max-width: 959px) {
      .footer .inner {
        width: 1080px; } }
    @media only screen and (max-width: 768px) {
      .footer .inner {
        width: 100%;
        padding: 0 10px; } }
  .footer .inner {
    width: 1000px;
    background: url(../img/footer_hyogo.png) no-repeat right 10px; }
    @media only screen and (max-width: 768px) {
      .footer .inner {
        width: 100%;
        background: url(../img/footer_hyogo.png) no-repeat right top;
        background-size: 70px auto; } }
  .footer__nav {
    padding: 15px 0 10px; }
    @media only screen and (max-width: 768px) {
      .footer__nav {
        zoom: 1; }
        .footer__nav:after {
          content: "";
          display: block;
          clear: both; } }
    .footer__nav li, .footer__nav a {
      display: inline-block; }
      @media only screen and (max-width: 768px) {
        .footer__nav li, .footer__nav a {
          display: block; } }
    @media only screen and (max-width: 768px) {
      .footer__nav li {
        width: 70%; } }
    .footer__nav li:after {
      content: "｜";
      padding: 10px; }
      @media only screen and (max-width: 768px) {
        .footer__nav li:after {
          display: none; } }
    .footer__nav a {
      text-decoration: none;
      font-size: 1.4rem;
      font-weight: bold;
      color: #000; }
  .footer__banner ul {
    margin: 20px 0;
    zoom: 1; }
    .footer__banner ul:after {
      content: "";
      display: block;
      clear: both; }
  .footer__banner li {
    float: left;
    margin-right: 10px; }
    @media only screen and (max-width: 768px) {
      .footer__banner li {
        width: 33.333%;
        margin-right: 0;
        box-sizing: border-box;
        padding: 0 2px; }
        .footer__banner li img {
          width: 100%;
          height: auto; } }
  .footer .copyright {
    font-size: 1.2rem; }

.pagetop {
  position: fixed;
  right: 10%;
  bottom: 10%; }
  @media only screen and (max-width: 768px) {
    .pagetop {
      right: 10px;
      bottom: 10px;
      width: 42px; } }

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