@charset "UTF-8";
/*---------------------------------------------------------------------------

font

---------------------------------------------------------------------------*/
.en, #topics .topicsList li .subcategory {
  font-family: 'Crimson Text', serif; }

body {
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; }

/*---------------------------------------------------------------------------

mixin

---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------

colorset

---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------

space

---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------

space

---------------------------------------------------------------------------*/
.col-2-1 {
  width: 47.9%; }

.col-3-1 {
  width: 30.5%; }

.col-3-2 {
  width: 65.3%; }

/*---------------------------------------------------------------------------

lightgallery

---------------------------------------------------------------------------*/
.lg-outer .lg-image {
  padding-bottom: 150px !important; }

.lg-sub-html {
  padding: 10px 10px 100px 10px !important;
  background-color: rgba(0, 0, 0, 0.25) !important; }

.lg-sub-html p {
  font-size: 10px !important;
  margin-top: 0 !important; }

.lg-backdrop.in {
  opacity: 0.8; }

.lg-toolbar {
  background: none !important; }

/*---------------------------------------------------------------------------

color

---------------------------------------------------------------------------*/
#loading {
  color: #a75a6d;
  background-color: #fff; }

body {
  background-color: #fff;
  color: #000; }

/*-- a --*/
a:hover {
  color: #a75a6d; }

#topics .topicsList li a, a {
  color: #000; }

/*-- header --*/
.header {
  background-color: #fff;
  color: #000; }
  .header button {
    color: #000; }
  @media screen and (min-width: 1000px) {
    .header h1 {
      background-color: #fff; } }
  .header h1 img {
    max-height: 30px; }
    @media screen and (min-width: 1000px) {
      .header h1 img {
        max-height: 54px; } }
  .header .global {
    background-color: #a75a6d;
    font-weight: bold;
    color: #000; }
    .header .global li a {
      color: #fff; }
    .header .global li a:after {
      background-color: #fff; }
    .header .global li span {
      color: #fff; }
  .header .subNav {
    background-color: #e0cda7;
    color: #000; }
    .header .subNav a {
      color: #000; }

/*-- btn --*/
.btn a, .btn span, #topics .topicsList li .btn {
  color: #fff;
  background-color: #000; }

.btn a:hover {
  background-color: #a75a6d;
  color: #fff;
  text-decoration: none; }

/*-- bgColor --*/
.bgColor1 {
  background-color: #ca9da8; }

.bgColor2 {
  background-color: #e0cda7; }

.bgColorW {
  background-color: #fff; }

.bgLine:before, .bgLine:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 100vw;
  height: 2px;
  background-color: #c5a25c;
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
  z-index: -2; }

.bgLine:before {
  top: 0;
  left: -25%; }

.bgLine:after {
  top: auto;
  bottom: 0;
  right: -25%; }

.bgLineRepeat {
  background-image: repeating-linear-gradient(-50deg, #fff, #fff 400px, #ede2cd 0, #ede2cd 402px); }

/*-- drawer-nav --*/
.drawer-nav {
  background-color: #a75a6d; }
  .drawer-nav .global li, .drawer-nav .subNav li {
    color: #fff; }
    .drawer-nav .global li a, .drawer-nav .subNav li a {
      color: #fff; }
  .drawer-nav .subNav {
    text-align: center;
    margin-top: 20px; }
    .drawer-nav .subNav li {
      text-align: center;
      margin-bottom: 10px; }
      .drawer-nav .subNav li a {
        display: inline; }

/*-- footer --*/
footer {
  background-color: #fff;
  border-top: 10px solid #c5a25c; }
  footer a {
    color: #fff; }
    @media screen and (min-width: 1000px) {
      footer a {
        color: #fff; } }
  footer .global {
    background-color: #a75a6d; }
    footer .global li {
      font-weight: bold;
      color: #fff; }
      footer .global li a {
        color: #fff; }
  footer .subNav {
    background-color: #e0cda7;
    max-width: 100%;
    padding: 10px;
    font-weight: bold; }
    footer .subNav ul li {
      display: inline; }
      footer .subNav ul li a {
        display: inline;
        color: #000; }
    footer .subNav ul li:nth-child(2) {
      margin: 0 10px; }
  footer .returnBlock {
    margin-top: 20px; }

@media screen and (min-width: 1000px) {
  .header .global li a:after {
    background-color: #ffffff; } }
/*---------------------------------------------------------------------------

common

---------------------------------------------------------------------------*/
body {
  overflow-x: hidden;
  /*box-sizing: border-box;*/ }

.returnBlock {
  padding-bottom: 20px; }

.contentIn {
  max-width: 960px;
  margin: 0 auto;
  box-sizing: border-box; }

figure {
  margin: 0; }

/*-- h2 --*/
h2 {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  overflow: hidden;
  flex-wrap: wrap;
  margin-bottom: 40px;
  /*-- ttl --*/ }
  h2 .ttl {
    position: relative;
    display: inline-block;
    padding: 0 1.5em;
    margin-bottom: 10px;
    text-shadow: 1px 1px 1px #fff;
    font-size: 40px;
    line-height: 1.2;
    color: #a75a6d;
    font-style: italic; }
    @media screen and (min-width: 768px) {
      h2 .ttl {
        font-size: 56px; } }
    h2 .ttl em {
      font-style: normal;
      color: #c5a25c; }
  h2 .ttl:before, h2 .ttl:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 1.5em;
    height: 2px;
    background-color: #a75a6d;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg); }
  h2 .ttl:before {
    left: 0; }
  h2 .ttl:after {
    right: 0; }
  h2 .ttl-ja {
    font-size: 16px;
    display: block;
    width: 100%; }

/*-- lead --*/
.lead {
  font-size: 20px;
  margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .lead {
      font-size: 32px; } }

/*-- btn --*/
.btn {
  text-align: center; }

.btn a, .btn span {
  display: inline-block;
  text-align: center;
  font-weight: bold;
  padding: 5px 20px;
  margin: 0 auto;
  text-decoration: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-size: 16px;
  /*@include fs(md);
  @include mq(sm){
  	@include fs(sm);
  }*/ }

.btn_l a, .btn_l span {
  font-size: 20px;
  padding: 10px 40px; }

.drawer-nav .subNav .btn {
  margin-bottom: 20px; }

/*-- caption --*/
.caption, figcaption {
  margin-top: 1rem;
  font-size: 12px;
  line-height: 1.7; }

footer .caption {
  margin: 0; }

/*-- note --*/
.note {
  color: #FF0004;
  font-weight: bold; }

/*-- flL,flR --*/
@media screen and (min-width: 768px) {
  .flL {
    float: left; } }

@media screen and (min-width: 768px) {
  .flR {
    float: right; } }

/*-- flex-container --*/
.flex-container {
  display: block; }
  @media screen and (min-width: 768px) {
    .flex-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

/*-- viewPC,viewS --*/
.viewPC {
  display: none; }
  @media screen and (min-width: 768px) {
    .viewPC {
      display: block; } }

.viewS {
  display: block; }
  @media screen and (min-width: 768px) {
    .viewS {
      display: none; } }

/*-- header --*/
.header h1 {
  margin-right: 130px; }
.header nav {
  width: 125px; }
  @media screen and (min-width: 1000px) {
    .header nav {
      width: 100%; } }
  @media screen and (min-width: 1000px) {
    .header nav ul {
      margin-right: 150px;
      margin-left: auto;
      font-weight: bold; } }
  @media screen and (min-width: 1200px) {
    .header nav ul {
      margin-right: auto; } }
  .header nav #nav_encore {
    /*width: 100%;
    height: 100%;*/
    font-weight: bold;
    height: 50px; }
    @media screen and (min-width: 1000px) {
      .header nav #nav_encore {
        display: table;
        position: absolute;
        right: 0;
        top: 0;
        width: 130px;
        height: 53px; } }
    .header nav #nav_encore a {
      display: flex;
      align-items: center;
      width: 100%;
      height: 100%;
      line-height: 1.4;
      text-align: center;
      vertical-align: middle;
      background-color: #c0a25c;
      color: #fff;
      justify-content: space-evenly; }
      @media screen and (min-width: 1000px) {
        .header nav #nav_encore a {
          display: table-cell;
          width: 130px;
          height: 53px; } }
      .header nav #nav_encore a:hover {
        background-color: rgba(192, 162, 92, 0.6); }

@media screen and (min-width: 1000px) {
  .header .global li a:hover:after, #point #nav_point a:after, #saulleiter #nav_saulleiter a:after, #chapters #nav_chapters a:after, #guide #nav_guide a:after, #goods #nav_goods a:after, #collaboration #nav_collaboration a:after, #event #nav_event a:after, #column #nav_column a:after, #topics #nav_topics a:after, #ticket #nav_ticket a:after {
    width: 100%; } }

#pageTop {
  background-color: #000000;
  color: #fff; }
  @media screen and (min-width: 768px) {
    #pageTop {
      padding: 0;
      width: 2.0em;
      height: 2.0em;
      margin: 20px auto; } }

#pageTop:hover {
  background: #a75a6d;
  cursor: pointer; }

/*---------------------------------------------------------------------------

loading

---------------------------------------------------------------------------*/
#loading #loadIn img {
  width: 80%;
  max-width: 470px; }

/*---------------------------------------------------------------------------

startOverlay

---------------------------------------------------------------------------*/
#startOverlay > div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  padding: 5%;
  box-sizing: border-box; }
  #startOverlay > div > div {
    width: 100%;
    padding: 20px; }
@media screen and (min-width: 600px) {
  #startOverlay .btnSet {
    display: flex;
    white-space: nowrap;
    justify-content: center; } }
@media screen and (min-width: 600px) {
  #startOverlay .btnSet > div:nth-child(even) {
    margin-right: 5%;
    margin-left: 5%; } }
#startOverlay .btns > a,
#startOverlay .btns > span {
  display: block;
  background-color: #763f4c;
  color: #fff;
  padding: 20px;
  margin-bottom: 10px;
  font-size: 1.8rem;
  border-radius: 10px;
  text-decoration: none;
  box-sizing: border-box; }
  #startOverlay .btns > a:hover,
  #startOverlay .btns > span:hover {
    background-color: #c5a25c; }
#startOverlay .btns:last-child > a,
#startOverlay .btns:last-child > span {
  background-color: #a75a6d; }
  #startOverlay .btns:last-child > a:hover,
  #startOverlay .btns:last-child > span:hover {
    background-color: #c5a25c; }

/*---------------------------------------------------------------------------

top

---------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
  #top:before {
    content: '';
    width: 100%;
    height: 10px;
    background-color: #a75a6d;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; } }

#top {
  /*
  mainvisual
  ---------------------------------------------------------------------------*/
  /*
  countdownBlock
  ---------------------------------------------------------------------------*/
  /*
  slider
  ---------------------------------------------------------------------------*/
  /*
  otherinfo
  ---------------------------------------------------------------------------*/
  /*
  news
  ---------------------------------------------------------------------------*/
  /*
  intro
  ---------------------------------------------------------------------------*/ }
  #top #mainvisual {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
    width: 100%;
    /*max-width: 414px;*/
    height: 144vw;
    /*max-height: 600px;*/
    background-image: url(images/mainvisual_s_1.jpg); }
    @media screen and (min-width: 600px) {
      #top #mainvisual {
        max-width: 1424px;
        height: 50vw;
        max-height: 720px;
        background-image: url(images/mainvisual_pc_2.jpg); } }
    @media screen and (min-width: 768px) {
      #top #mainvisual {
        border-top: 10px solid #c5a25c; } }
    @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 599px), only screen and (min-resolution: 192dpi) and (max-width: 599px) {
      #top #mainvisual {
        background-image: url("images/mainvisual_s_1@2x.jpg"); } }
    @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 600px), only screen and (min-resolution: 192dpi) and (min-width: 600px) {
      #top #mainvisual {
        background-image: url("images/mainvisual_pc_2@2x.jpg"); } }
  #top #countdownBlock {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: #ede2cd; }
    #top #countdownBlock p {
      font-size: 20px;
      font-weight: bold;
      color: #a75a6d; }
      @media screen and (min-width: 768px) {
        #top #countdownBlock p {
          font-size: 32px; } }
      #top #countdownBlock p .en {
        font-size: 32px;
        color: #c5a25c;
        line-height: 1.0; }
        @media screen and (min-width: 768px) {
          #top #countdownBlock p .en {
            font-size: 40px; } }
        @media screen and (min-width: 768px) {
          #top #countdownBlock p .en {
            font-size: 40px; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    #top #countdownBlock p .en {
      font-size: 56px; } }

  #top #slide {
    background: #fff; }
    #top #slide #slider {
      background: #fff; }
      #top #slide #slider .slick-dots {
        background: #fff;
        margin-bottom: 20px; }
        #top #slide #slider .slick-dots li {
          margin: 0; }
      #top #slide #slider img {
        height: 150px; }
        @media screen and (min-width: 768px) {
          #top #slide #slider img {
            height: 300px; } }
    #top #slide .slick-dotted.slick-slider {
      margin-bottom: 0; }
  #top #otherinfo {
    background: #fff; }
    #top #otherinfo .bnr {
      margin-bottom: 40px; }
    #top #otherinfo #movieBlock {
      margin-bottom: 40px; }
    @media screen and (min-width: 768px) {
      #top #otherinfo #bnrArea {
        justify-content: space-between; } }
    #top #otherinfo #bnrArea .bnr {
      text-align: center; }
      @media screen and (min-width: 768px) {
        #top #otherinfo #bnrArea .bnr {
          width: 47.9%; } }
    @media screen and (min-width: 768px) {
      #top #otherinfo #bnrArea .bnr_l {
        width: 100%;
        max-width: 960px; } }
    #top #otherinfo #bnrArea .bnr_l img {
      margin: 0 auto; }
  #top #news {
    position: relative; }
  #top #intro.bgLine:before, #top #intro.bgLine:after {
    background-color: #c5a25c; }
  #top #intro {
    position: relative;
    height: 100%;
    padding-bottom: 0; }
    #top #intro .pic-set {
      max-width: 1320px;
      margin: 0 auto; }
      #top #intro .pic-set .flex-wrapper {
        width: 100%;
        justify-content: space-around; }
        #top #intro .pic-set .flex-wrapper .figure img {
          width: 100%;
          height: auto; }
    #top #intro .contentIn .textBlock h2.lead.en {
      color: #a75a6d;
      font-size: 32px; }
      @media screen and (min-width: 768px) {
        #top #intro .contentIn .textBlock h2.lead.en {
          font-size: 40px; } }
    #top #intro .contentIn .textBlock h3.ja {
      font-size: 20px;
      color: #ca9da8;
      margin-bottom: 40px;
      text-align: center; }
    #top #intro .contentIn .textBlock p {
      margin-bottom: 40px; }
    #top #intro .contentIn .textBlock p.text-link {
      margin-top: 20px;
      text-align: center; }
      #top #intro .contentIn .textBlock p.text-link a:hover {
        text-decoration: none; }
    #top #intro .contentIn .textBlock p.lead {
      font-size: 32px;
      font-weight: bold;
      text-align: center;
      color: #c5a25c; }
      @media screen and (min-width: 768px) {
        #top #intro .contentIn .textBlock p.lead {
          margin-bottom: 0; } }
    #top #intro #ttlPic {
      /*max-width: 1320px;*/
      max-width: 960px;
      margin: 40px auto 20px;
      text-align: center; }
      @media screen and (min-width: 768px) {
        #top #intro #ttlPic {
          align-items: flex-start;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; } }
      @media screen and (min-width: 1000px) {
        #top #intro #ttlPic {
          align-items: center; } }
      #top #intro #ttlPic figure {
        width: 100%; }
        @media screen and (min-width: 768px) {
          #top #intro #ttlPic figure {
            width: 47.9%; } }
      #top #intro #ttlPic .contentIn {
        width: 100%; }
        @media screen and (min-width: 768px) {
          #top #intro #ttlPic .contentIn {
            width: 47.9%; } }
    #top #intro #textPic {
      /*max-width: 1320px;*/
      max-width: 960px;
      margin: 0 auto 40px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #top #intro #textPic figure {
        width: 100%;
        text-align: center; }
        @media screen and (min-width: 768px) {
          #top #intro #textPic figure {
            width: 30.5%; } }
      #top #intro #textPic .contentIn {
        width: 100%; }
        @media screen and (min-width: 768px) {
          #top #intro #textPic .contentIn {
            width: 65.3%;
            margin-left: 0; } }
    #top #intro #slideProjection {
      max-width: 960px;
      margin: 0 auto 40px; }
      #top #intro #slideProjection h3 {
        font-size: 32px;
        color: #a75a6d;
        text-align: center;
        margin-bottom: 20px; }

/*
footerBnr
---------------------------------------------------------------------------*/
#footerBnr {
  text-align: center;
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 20px; }
  #footerBnr #bnrSpRestaurant {
    width: 100%;
    margin: 0 auto 20px;
    max-width: 490px; }
  #footerBnr #Anniversary {
    text-align: center;
    clear: both; }

/*---------------------------------------------------------------------------

saulleiter

---------------------------------------------------------------------------*/
#saulleiter #section1 {
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0; }
  #saulleiter #section1 .contentIn {
    padding: 0 5%; }
    @media screen and (min-width: 1000px) {
      #saulleiter #section1 .contentIn {
        padding: 0; } }
    #saulleiter #section1 .contentIn figure {
      margin-bottom: 40px; }
    #saulleiter #section1 .contentIn article p {
      margin-bottom: 40px; }
#saulleiter #section3 {
  padding-right: 0;
  padding-left: 0; }
  #saulleiter #section3 .pic-set-ls {
    justify-content: space-around; }
    #saulleiter #section3 .pic-set-ls figure {
      margin: 0 auto 40px;
      text-align: center; }
      @media screen and (min-width: 768px) {
        #saulleiter #section3 .pic-set-ls figure {
          margin: 0;
          margin-bottom: 20px;
          text-align: left;
          -webkit-box-align: stretch;
          -ms-flex-align: stretch;
          align-items: stretch; } }
      #saulleiter #section3 .pic-set-ls figure img {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch; }
    @media screen and (min-width: 768px) {
      #saulleiter #section3 .pic-set-ls figure:first-of-type {
        padding-right: 20px; } }
    @media screen and (min-width: 768px) {
      #saulleiter #section3 .pic-set-ls figure:last-of-type {
        padding-left: 20px; } }
  #saulleiter #section3 .contentIn {
    padding: 0 5%; }
    @media screen and (min-width: 1000px) {
      #saulleiter #section3 .contentIn {
        padding: 0; } }
    #saulleiter #section3 .contentIn article {
      margin-bottom: 40px; }
      #saulleiter #section3 .contentIn article:last-of-type {
        margin-bottom: 0; }
    #saulleiter #section3 .contentIn figure {
      margin-bottom: 40px; }
#saulleiter #section2 .contentIn article, #saulleiter #section4 .contentIn article {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  #saulleiter #section2 .contentIn article .pic-set-pr, #saulleiter #section4 .contentIn article .pic-set-pr {
    width: 100%; }
    @media screen and (min-width: 768px) {
      #saulleiter #section2 .contentIn article .pic-set-pr, #saulleiter #section4 .contentIn article .pic-set-pr {
        width: 47.9%; } }
  #saulleiter #section2 .contentIn article .text-block, #saulleiter #section4 .contentIn article .text-block {
    padding: 20px 0 0; }
    @media screen and (min-width: 768px) {
      #saulleiter #section2 .contentIn article .text-block, #saulleiter #section4 .contentIn article .text-block {
        width: 47.9%;
        padding: 0; } }
    #saulleiter #section2 .contentIn article .text-block p, #saulleiter #section4 .contentIn article .text-block p {
      margin-bottom: 1em; }
  @media screen and (min-width: 1000px) {
    #saulleiter #section2 .contentIn article .text-left p, #saulleiter #section4 .contentIn article .text-left p {
      margin-left: auto;
      margin-right: 0; } }
  #saulleiter #section2 .contentIn article:first-child, #saulleiter #section4 .contentIn article:first-child {
    margin-bottom: 40px; }
    @media screen and (min-width: 768px) {
      #saulleiter #section2 .contentIn article:first-child .text-block, #saulleiter #section4 .contentIn article:first-child .text-block {
        padding-top: 20px; } }
#saulleiter #section2 .contentIn .flex-reverse, #saulleiter #section4 .contentIn .flex-reverse {
  flex-flow: row-reverse; }
#saulleiter #section4 .contentIn article {
  margin-bottom: 0 !important; }
#saulleiter #section5 .contentIn article {
  margin-bottom: 40px; }
  #saulleiter #section5 .contentIn article p {
    margin-bottom: 1em; }
  #saulleiter #section5 .contentIn article .name {
    text-align: right; }
#saulleiter #section5 .contentIn figure {
  margin-bottom: 40px; }

/*---------------------------------------------------------------------------

event

---------------------------------------------------------------------------*/
#event section {
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0; }
  #event section .contentIn {
    padding: 0 5%; }
    @media screen and (min-width: 1000px) {
      #event section .contentIn {
        padding: 0; } }
    #event section .contentIn .event-block {
      border-bottom: 1px solid #c5a25c;
      padding: 0 0 40px 0;
      margin-bottom: 40px; }
      #event section .contentIn .event-block h3 {
        font-size: 20px;
        color: #a75a6d; }
        @media screen and (min-width: 768px) {
          #event section .contentIn .event-block h3 {
            font-size: 32px; } }
      #event section .contentIn .event-block p {
        margin-bottom: 20px; }
      #event section .contentIn .event-block ul {
        margin: 20px 0; }
        #event section .contentIn .event-block ul li {
          margin-bottom: 10px; }
          #event section .contentIn .event-block ul li .item {
            background: #c5a25c;
            padding: 0.2em 1em;
            margin-bottom: 0;
            color: #fff;
            font-weight: bold;
            float: left;
            text-align: center; }
          #event section .contentIn .event-block ul li .text {
            margin-left: 6em;
            margin-bottom: 0; }
        #event section .contentIn .event-block ul li:after {
          content: ".";
          display: block;
          clear: both;
          height: 0;
          visibility: hidden; }
      #event section .contentIn .event-block .btn {
        text-align: left; }
      @media screen and (min-width: 768px) {
        #event section .contentIn .event-block.flex-container {
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          flex-flow: row-reverse; } }
      @media screen and (min-width: 768px) {
        #event section .contentIn .event-block.flex-container .text-block {
          width: 65.3%; } }
      #event section .contentIn .event-block.flex-container figure {
        text-align: center;
        margin-bottom: 20px; }
        @media screen and (min-width: 768px) {
          #event section .contentIn .event-block.flex-container figure {
            width: 30.5%; } }
#event #contest_summary .contentIn {
  padding-bottom: 40px; }
  #event #contest_summary .contentIn h3 {
    font-size: 20px;
    color: #a75a6d; }
    @media screen and (min-width: 768px) {
      #event #contest_summary .contentIn h3 {
        font-size: 32px; } }
    #event #contest_summary .contentIn h3 + p {
      font-weight: bold;
      font-size: 20px;
      text-align: center;
      margin-bottom: 20px; }
      #event #contest_summary .contentIn h3 + p + .text-block {
        margin-bottom: 40px; }
  @media screen and (min-width: 768px) {
    #event #contest_summary .contentIn .picset {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  #event #contest_summary .contentIn .picset figure {
    margin-bottom: 20px;
    text-align: center; }
    @media screen and (min-width: 768px) {
      #event #contest_summary .contentIn .picset figure:first-child {
        width: 62.18%; } }
    @media screen and (min-width: 768px) {
      #event #contest_summary .contentIn .picset figure:last-child {
        width: 31.25%; } }
  #event #contest_summary .contentIn .text-block {
    margin-bottom: 20px; }
    #event #contest_summary .contentIn .text-block h4 {
      font-size: 20px;
      margin-bottom: 10px; }
    #event #contest_summary .contentIn .text-block ol {
      counter-reset: item;
      list-style-type: none;
      padding-left: 0; }
      #event #contest_summary .contentIn .text-block ol li {
        text-indent: -1.3em;
        padding-left: 1.3em; }
      #event #contest_summary .contentIn .text-block ol li:before {
        counter-increment: item;
        content: counter(item) ".";
        /* 以下は自由に装飾... */
        padding-right: .5em;
        font-weight: bold; }
    #event #contest_summary .contentIn .text-block .btn_instagram i.fa-instagram {
      margin-right: 10px; }
  @media screen and (min-width: 768px) {
    #event #contest_summary .contentIn #judges .flex-container {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      flex-flow: row-reverse; } }
  #event #contest_summary .contentIn #judges figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: flex-start; }
    @media screen and (min-width: 768px) {
      #event #contest_summary .contentIn #judges figure {
        width: 47.9%; } }
    #event #contest_summary .contentIn #judges figure img {
      width: 47.9%; }
  @media screen and (min-width: 768px) {
    #event #contest_summary .contentIn #judges ol {
      width: 47.9%; } }
  #event #contest_summary .contentIn #judges ol li span {
    margin-left: 20px;
    font-weight: bold;
    display: inline-block; }
    #event #contest_summary .contentIn #judges ol li span a {
      text-decoration: none; }
      #event #contest_summary .contentIn #judges ol li span a:hover {
        color: #a75a6d; }
      #event #contest_summary .contentIn #judges ol li span a i {
        margin-left: 20px; }
  #event #contest_summary .contentIn #judges .comment {
    display: none; }
  #event #contest_summary .contentIn #terms {
    padding: 20px;
    margin: 40px 0;
    background-color: #fff;
    border: 4px solid #a75a6d; }
    @media screen and (min-width: 768px) {
      #event #contest_summary .contentIn #terms {
        padding: 40px; } }
    #event #contest_summary .contentIn #terms h4 {
      font-size: 20px;
      color: #a75a6d;
      text-align: center;
      margin-bottom: 10px; }
      @media screen and (min-width: 768px) {
        #event #contest_summary .contentIn #terms h4 {
          font-size: 20px; } }
      #event #contest_summary .contentIn #terms h4 span {
        display: inline-block;
        border-bottom: 2px solid #c5a25c; }
      #event #contest_summary .contentIn #terms h4 + p {
        margin-bottom: 40px; }
    #event #contest_summary .contentIn #terms .text-block {
      margin-bottom: 20px; }
      #event #contest_summary .contentIn #terms .text-block h5 {
        display: inline-block;
        font-size: 16px;
        color: #fff;
        margin-bottom: 10px;
        background-color: #c5a25c;
        padding: 0.2em 0.5em; }
      #event #contest_summary .contentIn #terms .text-block ul {
        list-style: disc;
        margin-left: 20px; }
      #event #contest_summary .contentIn #terms .text-block ul.annotation {
        list-style-type: none;
        padding-left: 0;
        margin-left: 0; }
        #event #contest_summary .contentIn #terms .text-block ul.annotation li {
          text-indent: -1.3em;
          padding-left: 1.3em; }
        #event #contest_summary .contentIn #terms .text-block ul.annotation li:before {
          content: '※';
          padding-right: .5em; }
  #event #contest_summary .contentIn #contact {
    background-color: #dcbec5;
    padding: 40px; }
#event #contest_winners .contentIn {
  padding-bottom: 40px; }
  #event #contest_winners .contentIn h3 {
    font-size: 20px;
    color: #a75a6d;
    text-align: center;
    margin-bottom: 40px; }
    @media screen and (min-width: 768px) {
      #event #contest_winners .contentIn h3 {
        font-size: 32px; } }
  #event #contest_winners .contentIn .prize-block {
    justify-content: space-between;
    margin-bottom: 40px; }
    #event #contest_winners .contentIn .prize-block figure {
      text-align: center;
      padding-bottom: 20px; }
      @media screen and (min-width: 768px) {
        #event #contest_winners .contentIn .prize-block figure {
          width: 47.9%; } }
    #event #contest_winners .contentIn .prize-block .text-block {
      margin-bottom: 20px; }
      @media screen and (min-width: 768px) {
        #event #contest_winners .contentIn .prize-block .text-block {
          width: 47.9%; } }
      #event #contest_winners .contentIn .prize-block .text-block h4 {
        font-size: 20px;
        margin-top: 40px;
        margin-bottom: 10px;
        position: relative; }
        #event #contest_winners .contentIn .prize-block .text-block h4 span {
          display: inline-block;
          position: absolute;
          top: -40px;
          left: -10px;
          height: 40px;
          /*高さ*/
          line-height: 2;
          /*高さ*/
          vertical-align: bottom;
          text-align: center;
          padding: 0 40px 0 40px;
          /*文字の左右の余白*/
          font-size: 20px;
          background: #a75a6d;
          /*背景色*/
          color: #fff;
          /*文字色*/
          box-sizing: border-box;
          border-left: 10px solid #fff; }
          #event #contest_winners .contentIn .prize-block .text-block h4 span:after {
            position: absolute;
            content: '';
            width: 0px;
            height: 0px;
            z-index: 1;
            top: 0;
            right: 0;
            border-width: 20px 10px 20px 0px;
            border-color: transparent #fff transparent transparent;
            border-style: solid; }
      #event #contest_winners .contentIn .prize-block .text-block p.judge {
        font-weight: bold;
        margin-bottom: 10px; }
        #event #contest_winners .contentIn .prize-block .text-block p.judge a {
          text-decoration: none;
          margin-left: 0; }
          #event #contest_winners .contentIn .prize-block .text-block p.judge a:hover {
            color: #a75a6d; }
          #event #contest_winners .contentIn .prize-block .text-block p.judge a i {
            margin-right: 0.2em; }
  #event #contest_winners .contentIn .comment {
    display: none; }
    @media screen and (min-width: 768px) {
      #event #contest_winners .contentIn .comment .flex-container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        flex-flow: row-reverse; } }
    #event #contest_winners .contentIn .comment figure {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 10px;
      align-items: flex-start; }
      @media screen and (min-width: 768px) {
        #event #contest_winners .contentIn .comment figure {
          width: 47.9%; } }
      #event #contest_winners .contentIn .comment figure img {
        width: 47.9%; }
  #event #contest_winners .contentIn .btn {
    margin-bottom: 40px; }
    #event #contest_winners .contentIn .btn i {
      margin-right: 10px; }
#event #contest_winners .balloon {
  margin-top: 20px;
  position: relative;
  padding: 20px;
  background-color: #dcbec5;
  border-radius: 5px; }
  #event #contest_winners .balloon::before {
    content: '';
    position: absolute;
    left: 20px;
    top: -10px;
    display: block;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #dcbec5;
    border-left: 10px solid transparent; }
#event #contest_winners .modal {
  color: #a75a6d; }

/*.vbox-overlay {
	background: rgba(0, 0, 0, 0.9)!important;
}*/
.figlio {
  box-shadow: none !important;
  background: rgba(255, 255, 255, 0) !important; }

.vbox-content {
  padding: 5% !important; }
  .vbox-content .flex-container {
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .vbox-content .flex-container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
    .vbox-content .flex-container figure {
      text-align: center;
      margin-bottom: 20px; }
      @media screen and (min-width: 768px) {
        .vbox-content .flex-container figure {
          width: 30.5%;
          margin-bottom: 0; } }
    @media screen and (min-width: 768px) {
      .vbox-content .flex-container .text-block {
        width: 65.3%; } }
    .vbox-content .flex-container .text-block h5 {
      font-size: 20px; }
  .vbox-content .modal-close {
    text-align: center;
    font-weight: bold; }
    .vbox-content .modal-close:hover {
      cursor: pointer; }

/*---------------------------------------------------------------------------

column

---------------------------------------------------------------------------*/
#column section {
  padding-right: 0;
  padding-left: 0; }
  #column section .contentIn {
    padding: 0 5%;
    /*ラジオボタンを全て消す*/
    /*タブ切り替えの中身のスタイル*/
    /*選択されているタブのコンテンツのみを表示*/
    /*選択されているタブのスタイルを変える*/ }
    @media screen and (min-width: 1000px) {
      #column section .contentIn {
        padding: 0; } }
    #column section .contentIn .tab_item {
      width: calc(100%/2);
      box-sizing: border-box;
      height: 2.0em;
      margin-bottom: 40px;
      background-color: #dcdbdc;
      line-height: 2.0em;
      font-size: 20px;
      text-align: center;
      color: gray;
      display: block;
      float: left;
      text-align: center;
      font-weight: bold;
      /*transition: all 0.2s ease;*/ }
      #column section .contentIn .tab_item:hover {
        border-bottom: 3px solid #a75a6d;
        cursor: pointer;
        background-color: #ca9da8;
        color: #fff; }
      #column section .contentIn .tab_item .fa {
        margin-right: 10px; }
    #column section .contentIn input[name="tab_item"] {
      display: none; }
    #column section .contentIn .tab_content {
      display: none;
      clear: both;
      overflow: hidden; }
    #column section .contentIn #tab1:checked ~ #tab1Content,
    #column section .contentIn #tab2:checked ~ #tab2Content {
      display: block; }
    #column section .contentIn input:checked + .tab_item {
      background-color: #a75a6d;
      color: #fff;
      border-bottom: 3px solid #a75a6d; }
    #column section .contentIn input:disabled + .tab_item:hover {
      border: none;
      color: gray;
      background-color: #dcdbdc;
      cursor: auto; }
    #column section .contentIn #tab1Content .flex-container {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      @media screen and (min-width: 768px) {
        #column section .contentIn #tab1Content .flex-container {
          flex-flow: row-reverse; } }
      #column section .contentIn #tab1Content .flex-container figure {
        text-align: center;
        margin-bottom: 20px; }
        @media screen and (min-width: 768px) {
          #column section .contentIn #tab1Content .flex-container figure {
            width: 47.9%; } }
      @media screen and (min-width: 768px) {
        #column section .contentIn #tab1Content .flex-container .column-block {
          width: 47.9%; } }
    #column section .contentIn #tab2Content .pic-set {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #column section .contentIn #tab2Content .pic-set figure {
        margin-bottom: 20px;
        text-align: center; }
        @media screen and (min-width: 768px) {
          #column section .contentIn #tab2Content .pic-set figure {
            text-align: center; } }
      @media screen and (min-width: 768px) {
        #column section .contentIn #tab2Content .pic-set figure:first-of-type {
          margin-right: 20px; } }
      @media screen and (min-width: 768px) {
        #column section .contentIn #tab2Content .pic-set figure:last-of-child {
          margin-left: 20px; } }
    #column section .contentIn .column-block h3 {
      font-size: 20px;
      color: #a75a6d; }
      @media screen and (min-width: 768px) {
        #column section .contentIn .column-block h3 {
          font-size: 32px; } }
    #column section .contentIn .column-block h4.name {
      font-size: 16px;
      text-align: right;
      color: #c5a25c;
      margin-bottom: 20px; }
      @media screen and (min-width: 768px) {
        #column section .contentIn .column-block h4.name {
          font-size: 20px; } }
    #column section .contentIn .column-block p {
      margin-bottom: 1.0em; }
    #column section .contentIn .column-block .author {
      text-align: right; }

/*---------------------------------------------------------------------------

goods

---------------------------------------------------------------------------*/
#goods section {
  padding-right: 0;
  padding-left: 0; }
  #goods section .contentIn#catalogArea {
    padding: 0 5%; }
    @media screen and (min-width: 1000px) {
      #goods section .contentIn#catalogArea {
        padding: 0; } }
    #goods section .contentIn#catalogArea .flex-container {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 80px; }
      @media screen and (min-width: 768px) {
        #goods section .contentIn#catalogArea .flex-container {
          margin-bottom: 40px; } }
      #goods section .contentIn#catalogArea .flex-container figure {
        text-align: center;
        margin-bottom: 20px; }
        @media screen and (min-width: 768px) {
          #goods section .contentIn#catalogArea .flex-container figure {
            width: 30.5%; } }
      @media screen and (min-width: 768px) {
        #goods section .contentIn#catalogArea .flex-container .goods-block {
          width: 65.3%; } }
      #goods section .contentIn#catalogArea .flex-container .goods-block h3 {
        font-size: 32px;
        color: #a75a6d;
        text-align: center; }
        @media screen and (min-width: 768px) {
          #goods section .contentIn#catalogArea .flex-container .goods-block h3 {
            text-align: left; } }
      #goods section .contentIn#catalogArea .flex-container .goods-block p {
        margin-bottom: 1.0em; }
      #goods section .contentIn#catalogArea .flex-container .goods-block h4 {
        font-size: 20px;
        margin-bottom: 10px; }
        @media screen and (min-width: 768px) {
          #goods section .contentIn#catalogArea .flex-container .goods-block h4 {
            font-size: 20px; } }
      #goods section .contentIn#catalogArea .flex-container .goods-block ul {
        margin-bottom: 20px; }
        #goods section .contentIn#catalogArea .flex-container .goods-block ul li {
          margin-bottom: 10px; }
          #goods section .contentIn#catalogArea .flex-container .goods-block ul li span {
            background: #c5a25c;
            padding: 0.2em 0.5em;
            color: #fff;
            font-weight: bold;
            width: 4em;
            text-align: center;
            margin-right: 0.5em;
            display: inline-block; }
    #goods section .contentIn#catalogArea #present {
      width: 100%;
      border: 2px solid #ca9da8;
      background-color: #fff;
      padding: 20px;
      box-sizing: border-box;
      position: relative; }
      #goods section .contentIn#catalogArea #present figure {
        margin-bottom: 0; }
        @media screen and (min-width: 768px) {
          #goods section .contentIn#catalogArea #present figure {
            width: 30.5%; } }
      #goods section .contentIn#catalogArea #present .text-block {
        padding-top: 20px; }
        @media screen and (min-width: 768px) {
          #goods section .contentIn#catalogArea #present .text-block {
            width: 65.3%; } }
        #goods section .contentIn#catalogArea #present .text-block h4 {
          display: inline-block;
          position: absolute;
          top: -20px;
          left: 10px;
          height: 40px;
          /*高さ*/
          line-height: 1.5;
          /*高さ*/
          vertical-align: bottom;
          text-align: center;
          padding: 0 40px 0 40px;
          /*文字の左右の余白*/
          font-size: 32px;
          background: #a75a6d;
          /*背景色*/
          color: #fff;
          /*文字色*/
          box-sizing: border-box;
          border-left: 10px solid #fff; }
          #goods section .contentIn#catalogArea #present .text-block h4:after {
            position: absolute;
            content: '';
            width: 0px;
            height: 0px;
            z-index: 1;
            top: 0;
            right: 0;
            border-width: 20px 15px 20px 0px;
            border-color: transparent #fff transparent transparent;
            border-style: solid; }
  #goods section .contentIn#goodsArea {
    padding: 0 5%;
    text-align: center; }
    @media screen and (min-width: 1000px) {
      #goods section .contentIn#goodsArea {
        padding: 0; } }
    #goods section .contentIn#goodsArea h3 {
      font-size: 32px;
      color: #a75a6d; }
      #goods section .contentIn#goodsArea h3 + p {
        margin-bottom: 20px;
        font-weight: bold; }
    #goods section .contentIn#goodsArea ul#goodsList {
      text-align: center; }
      @media screen and (min-width: 768px) {
        #goods section .contentIn#goodsArea ul#goodsList {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          flex-wrap: wrap; } }
      #goods section .contentIn#goodsArea ul#goodsList li {
        margin-bottom: 40px;
        /*&:last-child {
        	margin: 0 auto $sp-l;
        }*/ }
        @media screen and (min-width: 768px) {
          #goods section .contentIn#goodsArea ul#goodsList li {
            width: 30.5%; } }
    #goods section .contentIn#goodsArea .kakomi {
      text-align: center;
      margin-bottom: 20px; }
      #goods section .contentIn#goodsArea .kakomi p {
        font-size: 20px;
        font-weight: bold;
        display: inline;
        padding-bottom: 0.2em;
        border-bottom: 2px solid #c5a25c; }
    #goods section .contentIn#goodsArea ul.annotation li {
      text-align: left;
      font-size: 12px; }
      #goods section .contentIn#goodsArea ul.annotation li:before {
        content: "※";
        display: inline;
        margin-right: 0.5em; }
#goods .snsBlock {
  margin-top: 80px; }

/*---------------------------------------------------------------------------

collaboration

---------------------------------------------------------------------------*/
#collaboration .lead-block {
  text-align: center;
  margin-bottom: 40px; }
  #collaboration .lead-block p:first-child {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px; }
#collaboration .collaboration-block {
  margin-bottom: 80px; }
  #collaboration .collaboration-block h3 {
    font-size: 32px;
    color: #a75a6d;
    text-align: center; }
    #collaboration .collaboration-block h3 + p {
      text-align: center;
      margin-bottom: 40px;
      font-size: 16px; }
      #collaboration .collaboration-block h3 + p span {
        color: #a75a6d;
        font-weight: bold; }
  #collaboration .collaboration-block .menu-block {
    margin-bottom: 40px; }
    #collaboration .collaboration-block .menu-block .text-block {
      margin-bottom: 20px; }
      #collaboration .collaboration-block .menu-block .text-block h4 {
        font-size: 20px;
        margin-bottom: 10px; }
#collaboration #magots .menu-block:first-of-type .picset figure {
  width: 100%;
  text-align: center; }
  @media screen and (min-width: 768px) {
    #collaboration #magots .menu-block:first-of-type .picset figure {
      height: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: start; } }
  #collaboration #magots .menu-block:first-of-type .picset figure img {
    margin: 0 auto 20px; }
    @media screen and (min-width: 768px) {
      #collaboration #magots .menu-block:first-of-type .picset figure img {
        margin: 0;
        height: auto;
        max-height: 400px; } }
  @media screen and (min-width: 768px) {
    #collaboration #magots .menu-block:first-of-type .picset figure img:first-child {
      width: 27.76%; } }
  @media screen and (min-width: 768px) {
    #collaboration #magots .menu-block:first-of-type .picset figure img:last-child {
      width: 62.5%; } }
  #collaboration #magots .menu-block:first-of-type .picset figure figcaption {
    margin-top: 0; }
#collaboration #magots .menu-block:first-of-type .text-block {
  margin: 20px 0; }
#collaboration #magots .menu-block:last-of-type .picset {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (min-width: 768px) {
    #collaboration #magots .menu-block:last-of-type .picset {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; } }
  #collaboration #magots .menu-block:last-of-type .picset img:nth-child(1), #collaboration #magots .menu-block:last-of-type .picset img:nth-child(2) {
    width: 47.9%;
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      #collaboration #magots .menu-block:last-of-type .picset img:nth-child(1), #collaboration #magots .menu-block:last-of-type .picset img:nth-child(2) {
        width: 21%;
        margin-bottom: 0; } }
  #collaboration #magots .menu-block:last-of-type .picset img:nth-child(3) {
    width: 100%; }
    @media screen and (min-width: 768px) {
      #collaboration #magots .menu-block:last-of-type .picset img:nth-child(3) {
        width: 47.9%; } }
#collaboration #magots .menu-block:last-of-type .text-block {
  margin: 20px 0; }
@media screen and (min-width: 768px) {
  #collaboration #lounge .menu-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center; } }
@media screen and (min-width: 768px) {
  #collaboration #lounge .menu-block:last-of-type {
    flex-flow: row-reverse; } }
#collaboration #lounge .menu-block figure {
  text-align: center;
  margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    #collaboration #lounge .menu-block figure {
      width: 47.9%;
      margin-bottom: 0; } }
@media screen and (min-width: 768px) {
  #collaboration #lounge .menu-block .text-block {
    width: 47.9%; } }
#collaboration #cinema {
  border-top: solid #a75a6d 2px;
  padding-top: 40px;
  margin-top: 20px; }
  @media screen and (min-width: 768px) {
    #collaboration #cinema .menu-block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap; }
      #collaboration #cinema .menu-block .text-block {
        flex: 1;
        margin-left: 40px; } }
#collaboration .tax {
  text-align: right; }

/*---------------------------------------------------------------------------

ticket

---------------------------------------------------------------------------*/
#ticket {
  /*.ttl {
  	.en {
  		color: $cl-base;
  	}
  }*/ }
  #ticket .block {
    border-bottom: solid 1px #a75a6d;
    margin-bottom: 30px;
    padding-bottom: 30px; }
  #ticket .ticketPageLinkTtl h4 {
    border: none;
    margin: 0;
    padding: 0; }
  #ticket #informationTab h4 {
    color: #a75a6d;
    font-size: 20px; }
  #ticket .info, #ticket #information .info {
    background-color: #ca9da8; }
  #ticket .admissionfeeList {
    background-color: #fff; }
    #ticket .admissionfeeList th {
      background-color: #e0cda7; }

/*---------------------------------------------------------------------------

topics

---------------------------------------------------------------------------*/
#topics .topicsList li > a,
#topics .topicsList li > div,
#topics #topicsEntry .text {
  padding: 5%;
  border: solid 2px #c5a25c; }
#topics .subcategory {
  background-color: #a75a6d;
  display: inline-block;
  padding: 0 10px;
  color: #fff;
  margin-bottom: 10px; }
#topics .topicsList {
  margin-bottom: 40px; }
  #topics .topicsList li {
    margin-bottom: 20px; }
    #topics .topicsList li h3 {
      color: #a75a6d;
      font-size: 20px;
      /*@include mq(md){
      	 @include fs(lg);
      }*/ }
#topics #topicsEntry .update {
  text-align: right; }
#topics #topicsEntry h3 {
  color: #a75a6d;
  margin-bottom: 20px;
  font-size: 20px; }
  @media screen and (min-width: 768px) {
    #topics #topicsEntry h3 {
      font-size: 32px; } }
#topics #topicsEntry .btn.pageLink {
  margin-bottom: 40px; }
#topics #commentArea {
  margin: 20px 0;
  position: relative; }
  #topics #commentArea .comment-block {
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      #topics #commentArea .comment-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
    #topics #commentArea .comment-block:last-child {
      margin-bottom: 0; }
    #topics #commentArea .comment-block .icon {
      background-repeat: none;
      background-size: contain;
      width: 100px;
      height: 100px;
      display: block;
      margin-bottom: 20px; }
      @media screen and (min-width: 768px) {
        #topics #commentArea .comment-block .icon {
          margin-bottom: 0; } }
    #topics #commentArea .comment-block .icon_human1 {
      background-image: url(images/icon_human1.png); }
    #topics #commentArea .comment-block .icon_human2 {
      background-image: url(images/icon_human2.png); }
    #topics #commentArea .comment-block .comment-balloon {
      position: relative;
      padding: 20px;
      border-radius: 10px;
      box-sizing: border-box; }
      @media screen and (min-width: 768px) {
        #topics #commentArea .comment-block .comment-balloon {
          width: calc(100% - 150px); } }
      #topics #commentArea .comment-block .comment-balloon::before {
        content: '';
        position: absolute;
        top: -15px;
        display: block;
        width: 0;
        height: 0;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent; }
        @media screen and (min-width: 768px) {
          #topics #commentArea .comment-block .comment-balloon::before {
            top: 20px; } }
    #topics #commentArea .comment-block:nth-child(odd) .comment-balloon {
      background-color: #dcbec5; }
      #topics #commentArea .comment-block:nth-child(odd) .comment-balloon::before {
        left: 20px;
        border-bottom: 15px solid #dcbec5; }
        @media screen and (min-width: 768px) {
          #topics #commentArea .comment-block:nth-child(odd) .comment-balloon::before {
            left: -30px;
            border-right: 15px solid #dcbec5;
            border-top: 15px solid transparent;
            border-bottom: 15px solid transparent; } }
    #topics #commentArea .comment-block:nth-child(even) {
      flex-flow: row-reverse; }
      #topics #commentArea .comment-block:nth-child(even) .icon {
        margin-right: 0;
        margin-left: auto; }
      #topics #commentArea .comment-block:nth-child(even) .comment-balloon {
        background-color: #ede2cd; }
        #topics #commentArea .comment-block:nth-child(even) .comment-balloon::before {
          right: 20px;
          border-bottom: 15px solid #ede2cd; }
          @media screen and (min-width: 768px) {
            #topics #commentArea .comment-block:nth-child(even) .comment-balloon::before {
              right: -30px;
              border-left: 15px solid #ede2cd;
              border-top: 15px solid transparent;
              border-bottom: 15px solid transparent; } }