@charset "UTF-8";
/* CSS Document */
/* @media only screen and (max-width: 768px)
{
    body
    {
        min-width: inherit;
    }
}
*/
@media only screen and (max-width: 1000px) {
  body:before {
    display: none;
  }
  body:after {
    display: none;
  }
}
@media only screen and (max-width: 1000px) {
  /* header div.header-top {
	height: 8rem;
}

	header div.logo {
		float: none;
		padding-left: 0;
		position: absolute;
		top: 1rem;
		width: 20rem;
	}

nav {
  
    float: none;
    margin-top: 0;
    padding: 1.5rem 1rem;
    position: relative;
    width: 100%;
    z-index: 1;
}
 */
  /* -------------------------------------------------------- header nav */
  header {
    height: 10.0rem;
    position: fixed;
  }
  header nav {
    left: 0;
    overflow: visible;
    width: 100%;
    box-shadow: none;
    padding: 0;
    /* margin-top: 0; */
    top: -6rem;
    background: none;
    float: none;
  }
  header nav div.nav-heading {
    position: relative;
    opacity: 0;
    transition: 0.25s all;
    left: 0;
    text-align: center;
    top: 1rem;
  }
  header div.menu-button.active + nav div.nav-heading {
    opacity: 1;
  }
  header nav div.inner {
    width: 100%;
    padding: 0;
  }
  header nav {
    /* background: #fff; */
    max-height: 0;
    overflow: hidden;
    transition: all .5s ease-in-out;
    position: relative;
    margin-top: 0;
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-right: -2rem;
  }
  header nav.active {
    max-height: 1000px;
    top: 0;
  }
  header nav ul {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding-top: 2rem;
    background: #fff;
  }
  header.opacity nav {
    background: none;
  }
  header.opacity nav ul {
    background: none;
  }
  header nav ul.utility {
    display: block;
  }
  header nav.active ul {}
  header nav ul li {
    font-size: 1.6rem;
    display: block;
    /* border-bottom: 1px solid #e6e6e6; */
    height: 100%;
    margin-right: 0;
    width: 100%;
    box-sizing: border-box;
  }
  
/* STAYNAVI */
.review header, header.facilityHeader { position: relative; height: auto; z-index: 0; }

  /* */
  div.wrapper,  div.wrapper.opacity {
    padding-top: 10rem;
  }

  div.wrapper.opacity header {
    height: auto;
  }
  /* header.opacity {
	background: rgba(255,255,255,0.95);
} */
  header div.inner {
    background: rgba(255, 255, 255, 0.95);
  }
  header div.header-top {
    padding-top: 0;
  }
  /* div.header-top,
div.header-top + div.inner {
background: rgba(255,255,255,0.95);
} */
  header.opacity div.logo {
    /* top: 0; */
  }
  nav ul li:after {
    display: none;
  }
  nav ul li:first-child:before {
    display: none;
  }
  header nav ul li:first-child {
    /* border-top: 1px solid #e6e6e6; */
  }
  header nav ul li:last-child {
    border-bottom: 0.1rem solid #e9ebec;
  }
  header nav ul li a {
    font-weight: bold;
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 1rem 2rem;
    text-align: left;
    font-size: 1.6rem;
    border-bottom: 0.1rem solid #e9ebec;
    transition: 0.25s all;
  }
  header nav ul li a:after {
    position: absolute;
    top: 50%;
    right: 15px;
    left: inherit;
    display: block;
    width: 5px;
    height: 5px;
    margin-top: -5px;
    content: '';
    transition: all .2s ease-in-out;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 0.1rem solid #4cbabf;
    border-right: 0.1rem solid #4cbabf;
    background: none;
  }
  header nav ul li:first-child a::before {
    position: relative;
    top: auto;
    left: 0;
    width: auto;
    height: auto;
    margin-top: 0;
    content: '';
    background: none;
  }
  header nav ul li a:first-child {
    border-top: 0.1rem solid #e9ebec;
    ;
  }
  header nav ul li a:last-child {
    border-bottom: none;
  }
  /*
    header nav ul li a::after
    {
        position: relative;
        z-index: 9999;
        bottom: 0;
        left: 0;

        width: 0;
        height: auto;

        content: '';

        background: none;
    }
	*/
  nav ul li a:hover::after {
    left: inherit;
    width: 5px;
    border-right: 0.1rem solid #4cbabf;
    border-top: 0.1rem solid #4cbabf;
  }
  nav ul li.current a {
    color: #333;
  }
  nav ul li.current:after {
    position: relative;
    content: "";
    bottom: 0;
    width: auto;
    height: 0;
    left: 0;
    background: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  header nav ul li a div {
    display: inline-block;
    vertical-align: middle;
  }
  header nav ul li a span {
    vertical-align: middle;
    position: relative;
    margin-right: 0.5rem;
  }
  /* -------------------------------------------------------- menu-button */
  header div.menu-button {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: block;
    width: 6rem;
    height: 6rem;
    z-index: 9999; /* background: rgba(255,255,255,0.5); */ /* border: 0.1rem solid #4cbabf; */
    background: rgba(241, 244, 247, 0.5);
  }
  header div.menu-button div.menu-trigger {
    display: block;
    cursor: pointer;
  }
  header div.menu-button div.menu-trigger > div {
    position: relative;
    display: block;
    width: 6rem;
    height: 6rem;
    margin: 0 auto;
  }
  header div.menu-button div.menu-trigger > div div.label {
    font-size: 1.2rem;
    font-weight: normal;
    position: absolute;
    box-sizing: border-box;
    width: 6rem;
    /* color: #f35955; */
    color: #4cbabf;
    bottom: 0.75rem;
    text-align: center;
  }
  header div.menu-button div.menu-trigger > div div.label::before {
    content: 'MENU';
    font-family: "Oswald", sans-serif;
  }
  header div.menu-button div.menu-trigger > div div.label.open::before {
    content: 'CLOSE';
    font-family: "Oswald", sans-serif;
  }
  header div.menu-button div.menu-trigger > div div.hamburger {
    position: relative;
    width: 6rem;
    height: 6rem;
  }
  header div.menu-button span {
    position: absolute;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 2rem;
    height: 0.2rem;
    transition: all .4s;
    /* background: #f35955; */
    background: #4cbabf;
  }
  header div.menu-button span:nth-of-type(1) {
    top: 1.6rem;
    left: 2.0rem;
  }
  header div.menu-button span:nth-of-type(2) {
    top: 2.2rem;
    left: 2.0rem;
  }
  header div.menu-button span:nth-of-type(3) {
    bottom: 3rem;
    left: 2rem;
  }
  header div.menu-button.active span:nth-of-type(1) {
    -webkit-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
  }
  header div.menu-button.active span:nth-of-type(2) {
    opacity: 0;
  }
  header div.menu-button.active span:nth-of-type(3) {
    -webkit-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);
  }
}
@media only screen and (max-width: 768px) {
  /* -------------------------------------------------------- header */
  div.wrapper {
    /*padding-top: 12.5rem;*/
  }
  header {
    width: 100%;
    position: fixed;
    top: 0;
  }
  header nav {
    top: -2rem;
  }
  header nav {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  header nav ul li:nth-child(7) a {
    border-bottom: 0.1rem solid #e9ebec;
  }
  header nav ul li.english a, header nav ul li.contact a {
    border: none;
    border: 0.1rem solid #e9ebec;
    border-radius: 1000rem;
  }
  header nav ul li.english a {
    margin-top: 1rem;
    margin-bottom: 1rem;
    background: rgba(241, 244, 247, 0.5);
  }
  header nav ul li.contact a {
    margin-bottom: 1rem;
    background: #4cbabf;
    color: #fff;
    border: none;
  }
  header nav ul li.english a:after {
    margin-top: -0.3rem;
  }
  header nav ul li.contact a:after {
    border-top: 0.1rem solid #fff;
    border-right: 0.1rem solid #fff;
    margin-top: -0.3rem;
  }
  header > div.inner {
    height: auto;
    padding: 0;
    max-height: none;
  }
  header div.header-top {
    /* display: none; */
    padding-top: 0;
    background: #f1f4f7;
  }
  header div.header-top div.inner {
    padding: 0;
  }
  header div.top {
    display: none;
  }
  header div.logo {
    float: none;
    padding: 0.5rem 0 0.5rem 0;
    margin-bottom: 0;
    width: calc(100%);
    top: 1rem;
  }
  header.opacity div.logo {
    /* top: -2rem; */
  }
  header.opacity div.logo a img {
    width: 18rem;
  }
  header div.logo a img, footer div.logo a img {
    max-width: 22.5rem;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  footer a span {
    font-size: 2.4rem;
  }
  header div.logo a {
    font-size: 2rem;
    float: none;
  }
  /* -------------------------------------------------------- header ul.utility */
  header > div.inner.clearfix > div.fr {
    float: none;
  }
  header ul.utility {
    /* background: #f0f0f0; */
    font-size: 0;
    overflow: hidden;
    display: none;
  }
  header ul.utility li {
    float: left;
    display: block;
    width: 50%;
    text-align: center;
    margin-right: 0 !important;
  }
  sheader ul.utility {
    width: 100%;
    text-align: center;
  }
  header ul.utility li a {
    font-size: 1.3rem;
    white-space: nowrap;
    padding: 0; /* color: #828d82; */
    letter-spacing: 0;
    border: none !important;
  }
  header ul.utility li a:after {
    display: none;
  }
  header ul.utility li a::before {
    /* border: none;
	content: "";
	height: auto;
	left: 0;
	margin: 0;
	position: relative;
	top: 0;
	transform: none;
	width: auto; */
    left: -1rem;
  }
  header ul.utility li a span {
    font-size: 1.8rem;
  }
  /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ common */
  div.link {
    max-width: calc(85%);
    margin-left: auto;
    margin-right: auto;
  }
  div.link a::before {
    height: 0.5rem;
    width: 0.5rem;
  }
  div.contents-wrapper {
    background: #fff;
  }
  div.contents-wrapper > div.inner {
    padding: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  section {
    font-size: 1.6rem;
    line-height: 1.75;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  section div.titles-wrap {
    margin-bottom: 1rem;
    position: relative;
  }
  section div.title {
    margin-bottom: 1rem;
    text-align: center;
  }
  section div.title h2 {
    font-size: 2.4rem !important;
    letter-spacing: 0.125rem;
    transform: scaleY(0.95);
  }
}
@media only screen and (max-width: 1000px) {
  section.top {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }
  section.top div.copy {
    letter-spacing: 0.5rem;
    font-size: 3.0rem;
  }
  section.top div.copy-search-area {
    padding-left: 0;
    top: 50%;
  }
}
@media only screen and (max-width: 1500px) {
  body.top div.articles-inner {
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  section.top {
    padding-top: 2rem;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }
  section.top:before, section.top:after {
    display: none;
  }
  section.top div.copy {
    font-size: 3.0rem;
    /* font-weight: bold; */
    line-height: 1.75;
    padding-left: 1rem;
    padding-right: 1rem;
    letter-spacing: 0.5rem;
    white-space: nowrap;
    text-align: center;
  }
  section.top div.search-window {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  section.top div.copy-search-area div.search-window div.search-lead {
    font-size: 1.3rem;
    padding-left: 0;
    letter-spacing: 0.1rem;
    text-align: center;
  }
  section.top div.copy-search-area {
    padding-left: 0;
    position: relative;
    top: 0;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    width: 100%;
  }
  section.top div.copy-search-area div.search-window form#search-form {
    margin-bottom: 1rem;
  }
  section.top div.copy-search-area div.search-window div.popular-keywords {
    width: calc(100% - 6rem);
  }
  section.top div.copy-search-area div.search-window form#search-form select {
    font-size: 1.4rem;
  }
  div.main-visual-slider {
    border-radius: 0.5rem 0 0 0.5rem;
    float: none;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
  }
  div.main-visual-slider:before {
    background: #fff99b;
    position: absolute;
    top: -4rem;
    content: "";
    left: 10%;
    width: calc(90%);
    height: calc(50% + 4rem);
    border-radius: 1rem 1rem 0 0;
  }
  div.main-visual-slider:after {
    background: #4cbabf;
    position: absolute;
    bottom: 0;
    content: "";
    left: 10%;
    width: calc(90%);
    height: calc(50% + 4rem);
    border-radius: 0 0 1rem 1rem;
  }
  div.main-visual-slider ul li a {
    text-decoration: none;
  }
  div.main-visual-slider img {
    border-radius: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  div.main-visual-slider ul li div.information {
    bottom: 0;
    width: 100%;
    max-width: calc(100% - 2rem);
    padding: 2rem;
    position: relative;
    right: inherit;
    left: inherit;
    margin-left: auto;
    margin-right: auto;
  }
  div.main-visual-slider ul li a:hover div.information div.heading {
    color: #323c46;
  }
  /* */
  body.top div.articles-list-wrap::before {
    top: -1rem;
  }
  body.top div.articles-list-wrap::after {
    top: -1rem;
    right: 1rem;
  }
  body.top div.articles-list ul li a div.heading {
    font-size: 1.6rem;
  }
  /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
  body.top section.season div.inner {
    padding: 1rem;
  }
  body.top section.season div.articles-list ul li {
    margin-right: 2%;
    width: 49%;
    margin-bottom: 2rem;
  }
  body.top section.season div.articles-list ul li:nth-child(3n) {
    margin-right: 2%;
  }
  body.top section.season div.articles-list ul li:nth-child(2n) {
    margin-right: 0;
  }
  body.top section.season div.articles-list ul li a {
    padding: 0.5rem;
  }
  body.top section.season div.articles-list ul li:nth-child(n + 9) {
    display: none;
  }
  @keyframes slideInDownScroll {
    0% {
      width: 0;
      opacity: 0;
      right: 5.25rem;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
    }
    10% {
      opacity: 0;
    }
    90% {
      opacity: 1;
    }
    100% {
      width: 3rem;
      opacity: 0;
      right: 2.25rem;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
    }
  }
  @-webkit-keyframes slideInDownScroll {
    0% {
      width: 0;
      opacity: 0;
      right: 5.25rem;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
    }
    10% {
      opacity: 0;
    }
    90% {
      opacity: 1;
    }
    100% {
      width: 3rem;
      opacity: 0;
      right: 2.25rem;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
    }
  }
  body.top div.articles-list-wrap.end:after {
    right: 1rem;
    top: -1rem;
  }
  body.top section.recommended div.titles-wrap::before {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    position: absolute;
  }
  body.top div.articles-list ul li {
    margin-right: 1rem;
    width: 60vw;
  }
  body section.articles.recommended div.link {
    max-width: calc(85% - 2rem);
  }
  body section.season div.link {
    max-width: calc(85%);
  }
  section div.titles-wrap div.description {
    text-align: center;
    margin-bottom: 1rem;
  }
  section div.titles-wrap div.more-link {
    position: relative;
    right: auto;
    left: auto;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  section.recommended {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
  body.top section.recommended div.articles-inner {
    padding-left: 0;
  }
  section.search-thing-map {
    overflow: hidden; /* padding-top: 0; */
  }
  section.search-thing-map div.select-category ul li span {
    font-size: 1.4rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  section.search-thing-map div.select-category {
    margin-bottom: 2rem;
  }
  section.search-thing-map div.inner {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  section.search-thing-map div.thing-wrap {
    float: none;
    margin-right: 0;
    width: 100%;
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
  section.search-thing-map div.map-wrap {
    float: none;
    padding: 1rem;
    width: 100%;
  }
  section.search-thing-map div.map-wrap::before {
    height: calc(100% - 2rem);
    width: calc(100% - 2rem);
  }
  section.search-thing-map div.recommended-articles-wrap div.link {
    max-width: calc(85%);
  }
  section.search-thing-map div.map-wrap div.link {
    margin-bottom: 2rem;
  }
  /* スマホ用 */
  section.search-thing-map div.responsive-block {
    position: relative;
  }
  section.search-thing-map div.responsive-block ul {
    /* clear: both;
	overflow: hidden; */
    /* padding-left: 1rem;
	padding-right: 1rem;
	box-sizing: border-box;
	margin-top: 1rem; */
  }
  section.search-thing-map div.responsive-block ul li {
    /* float: left;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 1rem; */
  }
  section.search-thing-map div.responsive-block ul li a {
    display: inline-block;
    text-align: center;
    background: #fff;
    border: 0.1rem solid #ff90bd;
    border-radius: 1000rem;
    position: absolute;
    z-index: 10000;
    font-size: 2.75vw;
    color: #303030; /* 
	min-height: 3rem;
	line-height: 3rem; */
    white-space: nowrap;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  /* section.search-thing-map div.responsive-block ul li a:after {
	border-right: 0.15rem solid #ff90bd;
	border-top: 0.15rem solid #ff90bd;
	content: "";
	display: block;
	height: 0.25rem;
	position: absolute;
	right: 0.25rem;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transition: all 0.2s ease-in-out 0s;
	width: 0.25rem;
} */
  section.search-thing-map div.responsive-block ul li:nth-child(1) a {
    top: 20%;
    right: 10%;
    border: 0.1rem solid #4ee5e5;
  }
  /* section.search-thing-map div.responsive-block ul li:nth-child(1) a:after {
	border-right: 0.15rem solid #4ee5e5;
	border-top: 0.15rem solid #4ee5e5;
} */
  section.search-thing-map div.responsive-block ul li:nth-child(2) a {
    bottom: 30%;
    right: 5%;
    border: 0.1rem solid #fcbbbb;
  }
  /* section.search-thing-map div.responsive-block ul li:nth-child(2) a:after {
	border-right: 0.15rem solid #fcbbbb;
	border-top: 0.15rem solid #fcbbbb;
} */
  section.search-thing-map div.responsive-block ul li:nth-child(3) a {
    left: 35%;
    top: 42.5%;
    border: 0.1rem solid #e88486;
  }
  /* section.search-thing-map div.responsive-block ul li:nth-child(3) a:after {
	border-right: 0.15rem solid #e88486;
	border-top: 0.15rem solid #e88486;
} */
  section.search-thing-map div.responsive-block ul li:nth-child(4) a {
    top: 15%;
    left: 25.0%;
    border: 0.1rem solid #c26de8;
  }
  /* section.search-thing-map div.responsive-block ul li:nth-child(4) a:after {
	border-right: 0.15rem solid #c26de8;
	border-top: 0.15rem solid #c26de8;
} */
  section.search-thing-map div.responsive-block ul li:nth-child(5) a {
    top: 35.0%;
    left: 0;
    border: 0.1rem solid #f2f093;
  }
  /* section.search-thing-map div.responsive-block ul li:nth-child(5) a:after {
	border-right: 0.15rem solid #f2f093;
	border-top: 0.15rem solid #f2f093;
} */
  section.search-thing-map div.responsive-block ul li:nth-child(6) a {
    bottom: 20%;
    left: 5.0%;
    border: 0.1rem solid #ff80cd;
  }
  /* section.search-thing-map div.responsive-block ul li:nth-child(6) a:after {
	border-right: 0.15rem solid #ff80cd;
	border-top: 0.15rem solid #ff80cd;
} */
  /* absolute */
  section.digital-map div.digital-map {
    padding-top: 0;
    height: 50rem;
  }
  section.digital-map div.extra-banner-description {
    margin-bottom: 1rem;
  }
  section.digital-map div.extra-banner img {
    max-width: 100%;
  }
  section.digital-map div.link {
    max-width: calc(85%);
  }
  /* section.season とっとり旬だより */
  section.season {
    padding-top: 0;
    padding-bottom: 0;
  }
  body.top section.season div.articles-list {
    padding-bottom: 2rem;
  }
  section.topics {
    padding-top: 0;
  }
  body.top section.topics {
    padding-top: 3rem;
  }
  section.topics div.link {
    max-width: calc(85%);
  }
  section.topics div.link a {}
  div.list-display ul {
    margin-bottom: 2rem;
  }
  div.list-display ul li a {
    padding: 1rem;
    font-size: 1.4rem;
  }
  div.list-display ul li:before {
    display: none;
  }
  div.list-display ul li:after {
    display: none;
  }
  div.list-display ul li a div.thumbnail {
    width: 8rem;
    margin-right: 1rem;
  }
  div.list-display ul li a div.details-information {
    width: calc(100%);
    font-size: 0;
  }
  div.list-display ul li a div.details-information div.heading {
    font-size: 1.6rem;
  }
  div.list-display ul li a div.details-information div.description {
    font-size: 1.2rem;
  }
  div.list-display ul li a div.thumbnail + div.details-information {
    /* width: calc(100% - 13rem); */
    width: calc(100% - 9rem);
  }
  div.list-display ul li a div.update {
    display: inline-block;
    white-space: nowrap;
    margin-right: 0.5rem;
  }
  div.list-display ul li a div.category-new-wrap {
    display: inline-block;
    white-space: nowrap;
  }
  /* 2 カラム の とき */
  div.list-display.column-02 ul {}
  div.list-display.column-02 ul li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 2rem;
  }
  div.list-display.column-02 ul li:nth-child(2n) {
    margin-right: 0;
  }
  div.list-display.column-02 ul li a {
    padding-right: 5rem;
  }
  div.list-display.column-02 ul li:before {
    display: block;
    right: 0.9rem;
  }
  div.list-display.column-02 ul li:after {
    display: block;
    right: 1.5rem;
  }
  /* 5 カラム の とき */
  div.list-display.column-05 ul li {
    width: 32.0%;
  }
  div.list-display.column-05 ul li:nth-child(5n) {
    margin-right: 2%;
  }
  div.list-display.column-05 ul li:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 480px) {
  /* 5 カラム の とき */
  div.list-display.column-05 ul li {
    width: 49.0%;
  }
  div.list-display.column-05 ul li:nth-child(5n) {
    margin-right: 2%;
  }
  div.list-display.column-05 ul li:nth-child(3n) {
    margin-right: 2%;
  }
  div.list-display.column-05 ul li:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  div.list-display.card ul {
    /* padding-left: 1rem;
	padding-right: 1rem; */
    box-sizing: border-box;
  }
  div.list-display.card ul li {
    float: left;
    width: 49%;
    margin-right: 2%;
  }
  div.list-display.card ul li:nth-child(3n) {
    margin-right: 2%;
  }
  div.list-display.card ul li:nth-child(2n) {
    margin-right: 0;
  }
  div.list-display.card ul li a {
    padding: 0.5rem;
  }
  /* list-display に さらに div.link */
  div.list-display div.link {
    max-width: calc(85%);
    margin-left: auto;
    margin-right: auto;
  }
  /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
  body.top section.topics div.inner {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  section.topics div.topics-category ul {
    white-space: nowrap;
  }
  section.topics div.topics-category ul li {
    margin-bottom: 1rem;
    margin-right: 1%;
    margin-left: 1%;
    width: 18%;
    text-align: center;
  }
  section.topics div.topics-category ul li span {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1.3rem;
  }
  section.movie-sns div.inner {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  section.movie-sns div.movie {
    float: none;
    margin-right: 0;
    width: 100%;
    margin-bottom: 3rem;
  }
  section.movie-sns div.sns-display {
    float: none;
    margin-right: 0;
    width: 100%;
  }
  section.movie-sns div.link {
    max-width: 85%;
  }
  section.calendar {
    padding-bottom: 0;
  }
  section.calendar ul li {
    float: none;
    text-align: center;
    width: 100.00%;
    margin-bottom: 2rem;
    clear: both;
  }
  section.movie-sns {
    padding-top: 0;
  }
  footer div.footer-utility ul li::before {
    display: none;
  }
  footer div.footer-utility ul {
    clear: both;
    overflow: hidden;
  }
  footer div.footer-utility ul li {
    font-size: 1.2rem;
    display: block;
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0;
  }
  footer div.footer-utility ul li a {
    white-space: nowrap;
    text-decoration: underline;
  }
  footer div.footer-utility ul.other-link li {
    font-size: 1.2rem;
  }
  footer a[href^="tel:"] {
    text-decoration: none !important;
    color: #4cbabf !important;
  }
}
@media only screen and (max-width: 768px) {
  section.calendar ul li div.thumbnail {
    margin-bottom: 0;
    float: left;
    width: calc(30% - 2rem);
    margin-right: 1rem;
    margin-left: 1rem;
  }
  section.calendar ul {
    border-bottom: 0.1rem solid #cacaca;
    margin-bottom: 3rem;
  }
  section.calendar ul li {
    border-bottom: 0.1rem solid #cacaca;
  }
  section.calendar ul li a div.thumbnail span {
    display: block;
    padding-top: 75%;
    position: relative;
  }
  section.calendar ul li a div.thumbnail span img {
    height: auto;
    left: 50%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
  }
  section.calendar ul li div.details {
    float: left;
    width: 70%;
    text-align: left;
    line-height: 1.5;
    padding-top: 0.5rem;
  }
  section.calendar ul li div.heading {
    font-size: 1.6rem;
    margin-bottom: 0;
  }
  section.calendar ul li div.description {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 480px) {
  section.top div.copy-search-area div.search-window form#search-form div.clearfix > div.input-wrap {
    width: 100%;
    border-bottom: 0.1rem solid #ccc;
  }
  section.top div.copy-search-area div.search-window form#search-form {
    border-radius: 0.5rem;
    height: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  section.top div.copy-search-area div.search-window form#search-form div.clearfix > button {
    border-radius: 0.25rem;
    position: absolute;
    right: 0.6rem;
    top: 0.6rem;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
  section.top div.copy-search-area div.search-window form#search-form div.clearfix > div.select-wrap.thing {
    width: 50%;
  }
  section.top div.copy-search-area div.search-window form#search-form div.clearfix > div.select-wrap.area {
    width: 50.0%;
  }
}
@media only screen and (max-width: 768px) {}
@media only screen and (max-width: 480px) {}
@media only screen and (max-width: 768px) {}
@media only screen and (max-width: 768px) {}
@media only screen and (max-width: 768px) {}
@media only screen and (max-width: 768px) {
  section.movie-sns div.movie div.youtube-wrap {
    position: relative;
    padding-bottom: 56.25% !important;
    height: 0;
    overflow: hidden;
    margin-bottom: 2rem;
  }
  section.movie-sns div.movie div.youtube-wrap iframe, section.movie-sns div.movie div.youtube-wrap object, section.movie-sns div.movie div.youtube-wrap a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  section.movie-sns div.movie div.banner-sorakara {
    margin-bottom: 2rem;
  }
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1000px) {
  header div.logo {
    top: -2rem;
    padding: 0;
    float: none;
  }
  header > div.inner {
    height: auto;
  }
  header div.search-window {
    float: none;
    margin-left: auto;
    margin-right: auto;
    /* max-height: 0; */
    transition: 0.25s all;
    overflow: hidden;
    top: 0;
    right: 0;
    position: relative;
    width: 100%;
    background: #f1f4f7;
    box-sizing: border-box;
    max-width: inherit;
    padding: 1rem;
  }
  div.menu-button.active + nav + div.search-window {
    /* max-height: 12rem; */
    /* padding-bottom: 1rem; */
  }
  header div.search-window form#search-form {
    box-shadow: none;
  }
  header.opacity div.search-window {
    top: 0;
  }
}
@media only screen and (max-width: 768px) {
  header div.logo {
    /* top: 1rem; */
    top: 0;
  }
}
@media only screen and (max-width: 480px) {
  header div.search-window {
    top: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  header div.search-window form#search-form div.clearfix > div.input-wrap {
    width: 100%;
    border-bottom: 0.1rem solid #ccc;
  }
  header div.search-window form#search-form {
    border-radius: 0.5rem;
    height: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  header div.search-window form#search-form div.clearfix > button {
    border-radius: 0.25rem;
    position: absolute;
    right: 0.3rem;
    top: 0.3rem;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
  header div.search-window form#search-form div.clearfix > div.select-wrap.thing {
    width: 50%;
  }
  header div.search-window form#search-form div.clearfix > div.select-wrap.area {
    width: 50.0%;
  }
}
@media only screen and (max-width: 1000px) {
  div.page-title div.title h1 {
    font-size: 2.1rem;
    letter-spacing: 0.125rem;
  }
}
@media only screen and (max-width: 768px) {
  div.page-title + div.inner {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
  }
  div.banner-wrapper ul {
    margin-bottom: 2rem;
    text-align: left;
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
  }
  div.banner-wrapper ul li {
    margin-bottom: 1rem;
    width: 49%;
    margin-right: 2%;
    padding: 0;
  }
  div.banner-wrapper ul li:nth-child(2n) {
    margin-right: 0;
  }
  div.banner-wrapper ul li a, div.banner-wrapper ul li a img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  /* div.banner-wrapper ul li:last-child {
	margin-bottom:: 1rem;
} */
  div.category-result div.note {
    float: none;
  }
}
@media only screen and (max-width: 768px) {
  body.top section.topics {
    float: none;
    width: 100%;
  }
  div.banner-a {
    float: none;
    width: 100%;
    margin-top: 0;
  }
  div.banner-a ul li {
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 2rem;
  }
  div.banner-a ul li:nth-child(2n) {
    margin-right: 0;
  }
  div.banner-a ul li a {
    display: block;
  }
  div.banner-a ul li a img {
    max-width: 100% !important;
  }
  div.banner-b ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 2rem;
  }
  div.banner-b ul li:nth-child(3n) {
    margin-right: 4%;
  }
  div.banner-b ul li:nth-child(2n) {
    margin-right: 0;
  }
  div.banner-b ul li a {
    display: block;
  }
  div.banner-b ul li img {
    max-width: 32rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  div.fine-contents {
    padding: 2rem;
  }
  div.fine-contents div.fine-contents-articles-wrap {
    display: flex;
    flex-wrap: wrap;
  }
  div.fine-contents div.fine-contents-article {
    width: 100.00%;
    margin-right: 0;
    margin-bottom: 2rem;
  }
  div.fine-contents div.fine-contents-article > div {
    display: flex;
    flex-wrap: nowrap;
  }
  div.fine-contents div.fine-contents-article > div > div {
    width: 45%;
    margin-right: 5%;
  }
  div.fine-contents div.fine-contents-article > div > div:nth-child(2) {
    width: 50%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 480px) {
  div.fine-contents div.fine-contents-article > div {
    flex-wrap: wrap;
  }
  div.fine-contents div.fine-contents-article > div > div {
    width: 100%;
    margin-right: 0;
  }
  div.fine-contents div.fine-contents-article > div > div:nth-child(2) {
    width: 100%;
  }
	
div.fine-contents div.campaign-article div.campaign-article-thumbnail {
  width: 100%;
  float: none;
  margin-left: 0;
  margin-bottom: 2rem;
}
div.fine-contents div.campaign-article div.campaign-article-details {
  width: 100%;
  float: none;
}
}