@charset "UTF-8";

/*  reset
-----------------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
}
body {
  line-height: 1;
  color: #000;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
/*
ul, li {
  list-style: none;
}
*/
ul[class] li {
    list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ins {
  background-color: #ff9;
  color: #474747;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #474747;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
input, select {
  vertical-align: middle;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
::-ms-expand {
  display: none;
}
img {
  vertical-align: top;
  width:100%;
  height:auto;
}

/*  basic
-----------------------------------------------------------------------------*/
*,*::before,*::after {
    box-sizing: border-box;
}
body {
/*    letter-spacing: .04em;*/
}
a ,a:visited ,a:hover {
  color: #000;
  text-decoration: none;
}
.clearfix:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}
/* style */
html,
body {
width: 100%;
}
/* support iOS */
html{
  height: -webkit-fill-available;
}
body{
  min-height: 100vh;
  min-height: -webkit-fill-available;
}
html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
}
body{
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
}
.myfont{
    font-family: 'Arial', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}
@media only screen and (min-width:769px) {
.brpc{display:inline;}
.brsp{display:none;}
}
@media only screen and (max-width:768px) {
.brpc{display:none;}
.brsp{display:inline;}
}

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

/* common
-------------------------------------------------------------*/
body {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #000;
    color: #2F2725;
    font-family: 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'Shippori Mincho', 'MS PMincho', 'EB Garamond', serif;
    font-family: 'Arial', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}
.wrapper {
    width: 100%;
    position: relative;
    z-index:1;
/*    overflow:hidden;*/
}
.container{
    width:100%;
    margin:0 auto;
    position: relative;
    z-index:1;
    background-color: #D9D1A4;/* temporary */
    background-color: #fff;/* temporary */
}
/*
.bodypaint01 .container{
    background-color: #D9D1A4;
}
.bodypaint02 .container{
    background-color: #E5E3DA;
}
.bodypaint03 .container{
    background-color: #DBDFDB;
}
.bodypaint04 .container{
    background-color: #C6CAA4;
}
.bodypaint05 .container{
    background-color: #DDE4D3;
}
.bodypaint06 .container{
    background-color: #B8CAB2;
}
.bodypaint07 .container{
    background-color: #C3BD9B;
}
.bodypaint08 .container{
    background-color: #C3BD9B;
}
.bodypaint09 .container{
    background-color: #C9CABB;
}
.bodypaint_1 .container{background-color:#cecba4;}
.bodypaint_2 .container{background-color:#bfbe95;}
.bodypaint_3 .container{background-color:#ddecd3;}
.bodypaint_4 .container{background-color:#dbe3db;}
.bodypaint_5 .container{background-color:#c6d6a4;}
.bodypaint_6 .container{background-color:#d9e1a4;}
.bodypaint_7 .container{background-color:#d6ddbb;}
.bodypaint_8 .container{background-color:#c9d2bb;}
.bodypaint_9 .container{background-color:#dbdfb3;}
.bodypaint_10 .container{background-color:#e5ebda;}
.bodypaint_11 .container{background-color:#cec7a4;}
.bodypaint_12 .container{background-color:#bfba95;}
.bodypaint_13 .container{background-color:#dde8d3;}
.bodypaint_14 .container{background-color:#c8d4c4;}
.bodypaint_15 .container{background-color:#c6d2a4;}
.bodypaint_16 .container{background-color:#d9d9a4;}
.bodypaint_17 .container{background-color:#c3cd9b;}
.bodypaint_18 .container{background-color:#c9cebb;}
.bodypaint_19 .container{background-color:#dbdfbb;}
.bodypaint_20 .container{background-color:#e5e7da;}
.bodypaint_21 .container{background-color:#cec3a4;}
.bodypaint_22 .container{background-color:#bfb695;}
.bodypaint_23 .container{background-color:#dde4b3;}
.bodypaint_24 .container{background-color:#b8ceb2;}
.bodypaint_25 .container{background-color:#c6ca8c;}
.bodypaint_26 .container{background-color:#d9d18c;}
.bodypaint_27 .container{background-color:#c3c99b;}
.bodypaint_28 .container{background-color:#c9caa3;}
.bodypaint_29 .container{background-color:#dbdfc3;}
.bodypaint_30 .container{background-color:#e5e3c2;}
.bodypaint_31 .container{background-color:#cebf8c;}
.bodypaint_32 .container{background-color:#bfae7d;}
.bodypaint_33 .container{background-color:#dde4bb;}
.bodypaint_34 .container{background-color:#b8ca92;}
.bodypaint_35 .container{background-color:#c6ca94;}
.bodypaint_36 .container{background-color:#d9d194;}
.bodypaint_37 .container{background-color:#c3c59b;}
.bodypaint_38 .container{background-color:#c9caab;}
.bodypaint_39 .container{background-color:#dbdfcb;}
.bodypaint_40 .container{background-color:#e5e3ca;}
.bodypaint_41 .container{background-color:#cebf94;}
.bodypaint_42 .container{background-color:#bfae85;}
.bodypaint_43 .container{background-color:#dde4c3;}
.bodypaint_44 .container{background-color:#b8ca9a;}
.bodypaint_45 .container{background-color:#c6ca9c;}
.bodypaint_46 .container{background-color:#d9d19c;}
.bodypaint_47 .container{background-color:#c3bd8b;}
.bodypaint_48 .container{background-color:#c9cab3;}
.bodypaint_49 .container{background-color:#dbdfd3;}
.bodypaint_50 .container{background-color:#e5e3d2;}
.bodypaint_51 .container{background-color:#cebf9c;}
.bodypaint_52 .container{background-color:#bfae8d;}
.bodypaint_53 .container{background-color:#dde4cb;}
.bodypaint_54 .container{background-color:#b8caa2;}
.bodypaint_55 .container{background-color:#c6caa4;}
.bodypaint_56 .container{background-color:#d1d1a4;}
.bodypaint_57 .container{background-color:#c3bd93;}
.bodypaint_58 .container{background-color:#c1cabb;}
.bodypaint_59 .container{background-color:#d3d7d3;}
.bodypaint_60 .container{background-color:#dddbce;}
.bodypaint_61 .container{background-color:#c6bfa4;}
.bodypaint_62 .container{background-color:#b7ae95;}
.bodypaint_63 .container{background-color:#d5e4d3;}
.bodypaint_64 .container{background-color:#b8caaa;}
.bodypaint_65 .container{background-color:#becaa4;}
.bodypaint_66 .container{background-color:#c9d1a4;}
.bodypaint_67 .container{background-color:#bbbd9b;}
.bodypaint_68 .container{background-color:#b9cabb;}
.bodypaint_69 .container{background-color:#cbcfcb;}
.bodypaint_70 .container{background-color:#d5d5c5;}
.bodypaint_71 .container{background-color:#bebfa4;}
.bodypaint_72 .container{background-color:#afae95;}
.bodypaint_73 .container{background-color:#cde4d3;}
.bodypaint_74 .container{background-color:#b0cab2;}
.bodypaint_75 .container{background-color:#b6caa4;}
.bodypaint_76 .container{background-color:#c1d1a4;}
.bodypaint_77 .container{background-color:#b3bd9b;}
.bodypaint_78 .container{background-color:#b3cabb;}
.bodypaint_79 .container{background-color:#c3c7c3;}
.bodypaint_80 .container{background-color:#cdcdb9;}
.bodypaint_81 .container{background-color:#b6bfa4;}
.bodypaint_82 .container{background-color:#abae95;}
.bodypaint_83 .container{background-color:#c5e4d3;}
.bodypaint_84 .container{background-color:#bacec7;}
.bodypaint_85 .container{background-color:#aecaa4;}
.bodypaint_86 .container{background-color:#b9d1a4;}
.bodypaint_87 .container{background-color:#abbd9b;}
.bodypaint_88 .container{background-color:#adcabb;}
.bodypaint_89 .container{background-color:#bbbfbb;}
.bodypaint_90 .container{background-color:#c5c5ad;}
.bodypaint_91 .container{background-color:#cebfa4;}
.bodypaint_92 .container{background-color:#bfae95;}
.bodypaint_93 .container{background-color:#dde4d3;}
.bodypaint_94 .container{background-color:#b8cab2;}
.bodypaint_95 .container{background-color:#d9d1a4;}
.bodypaint_96 .container{background-color:#c3bd9b;}
.bodypaint_97 .container{background-color:#c9cabb;}
.bodypaint_98 .container{background-color:#dbdfdb;}
.bodypaint_99 .container{background-color:#e5e3da;}
.bodypaint_100 .container{background-color:#dfddd4;}
*/
.container{
    background-image: url(https://forestartfest-okayama.jp/archive/archive/archive/en/cms/wp-content/themes/forestartfest-okayama-may-2025-en/assets/img/bg_boundary_line.png);
    background-position:50% 0%;
    background-size: contain;
    background-size: 830px auto;
    background-repeat:no-repeat;
/*    background-attachment: fixed;*/
}

.contents {
    width: 100%;
    position: relative;
}

@media only screen and (max-width:768px) {
    .container{
        background-position:0 0;
        background-size: 640px auto;
    }
}

/*
classname about color classname
theme01 = pink and goldenyellow theme ( #FFA4B4 and #A09857)
theme02 = orange and skyblue theme( #F5B335 and #97D1DC )
theme03 = sakura and black theme( #EDC6CD and #202945 )
theme04 = purple and brown theme( #CCA1DD and #965F36 )
*/

/* contents
-------------------------------------------------------------*/
.pageheader{
    width:100%;
    min-height:256px;
    max-width:540px;
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pageheader h1{
    font-size:3.9rem;
    letter-spacing:.01em;
    line-height:2;
    color:#2F2725;
    font-weight:500;
    padding-top:1.6em;
}
.mySection,
.content-main{
    width:100%;
    max-width:540px;
    margin:0 auto;
}
@media only screen and (min-width:769px) {
    .pageheader{
        min-height:320px;
        max-width:704px;
    }
    .pageheader h1{
        font-size:4.8rem;
    }
    .mySection,
    .content-main {
        padding-bottom: 128px;
    }
    #about .content-main {
        max-width:704px;
    }
    #newslist .content-main {
        padding-top: 32px;
        max-width:704px;
    }
    #article .content-main {
        padding-top: 32px;
        max-width:704px;
    }
    #artists .content-main {
        padding-top: 56px;
        max-width:704px;
    }
    #venues .content-main ,#venues .mySection{
        max-width:704px;
    }
    #contact .content-main {
        padding-top: 32px;
        max-width:704px;
    }
    #privacypolicy .content-main {
        padding-top: 32px;
        max-width:704px;
    }
}
@media only screen and (max-width:768px) {
    .pageheader {
        min-height: 152px;
    }
    .pageheader h1 {
        font-size: 2.7rem;
        padding-top: 3.2em;
    }
    .mySection,
    .content-main{
        width:84%;
        max-width:540px;
        margin:0 auto;
    }
    .mySection,
    .content-main{
        padding-bottom:96px;
    }
    #newslist .content-main,
    #article .content-main {
        padding-top: 32px;
    }
    #artists .content-main {
        padding-top: 48px;
    }
    #artists .pageheader {
        padding-bottom: 32px;
    }
    #about .pageheader {
        padding-bottom: 32px;
    }
    #venues .pageheader {
        padding-bottom: 32px;
    }
    #privacypolicy .pageheader {
        padding-bottom: 40px;
    }
    #contact .pageheader {
        padding-bottom: 32px;
    }
    #access .pageheader {
        padding-bottom: 32px;
    }
    #tickets .pageheader {
        padding-bottom: 32px;
    }
}
@media only screen and (max-width:380px) {
    .mySection,
    .content-main{
        width:92%;
    }
}

/* front page
-------------------------------------------------------------*/
.section-header{
    width:100%;
    max-width:540px;
    margin:0 auto;
    margin-bottom:28px;
    border-bottom:1px solid #2F2725;
}
.section-header h2{
    font-size:3.9rem;
    letter-spacing:.01em;
    line-height:1.2;
    color:#2F2725;
    font-weight:500;
    font-family: 'Arial', sans-serif;
    padding:1em 0;
}
#section-venues .section-header{
    margin-bottom:50px;
}
#section-artist .section-header{
    margin-bottom:0;
    border-bottom:1px solid transparent;
}
#first-view{
    width:100%;
    height:100vh;
    max-height:600px;
    max-height:800px;
    position:relative;
}
.logo-first-view{
    position:absolute;
    top:50%;
    left:50%;
    left:calc(50% - 48px);
    z-index:10;
    transform: translate(-50%, -50%);
    width:372px;
}
#section-about{
    max-width:100%;
    position:relative;
    padding-bottom:0;
    margin-bottom:128px;
}
#section-about::after{
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(11, 73, 0, 0.4);
    z-index:4;
}
.wrap-about{
    max-width:800px;
    max-height:800px;
    margin:0 auto;
    margin-bottom:28px;
    position:relative;
}
.title-about{
    position:absolute;
    top:50%;
    top:40px;
    top:auto;
    bottom:80px;
    bottom:120px;
    left:calc(50% + 190px);
    left:calc(50% + 284px);
    z-index:5;

    font-size:4.2rem;
    letter-spacing:-0.02em;
    line-height:2;
    color:#fff;
    font-weight:500;
    font-family: 'Arial', sans-serif;
}
.message-about{
    position:absolute;
    bottom:40px;
    left:calc(50% + 100px);
    width:170px;
    z-index:5;
}
.message-about p{
    font-size:1.2rem;
    letter-spacing:.01em;
    line-height:1.58;
    color:#fff;
    font-weight:400;
    min-height:4em;
    padding:0.2em 0.2em;
}
.slick-about{
    width:100%;
    max-height:800px;
    overflow:hidden;
    position:relative;
    z-index:1;
}
.carousel-item{
    width: 100%;
    position:relative;
}
.carousel-item img{
    width:100%;
    height:auto;
    object-fit: cover;
}
#section-news{
    padding-bottom:64px;
    padding-bottom:96px;
    max-width:800px;
}
#section-links{
    max-width:800px;
}
#section-news .section-header ,
#section-venues .section-header ,
#section-artist .section-header {
    max-width:800px;
    /*    margin-bottom:32px;*/
}
@media only screen and (min-width:769px) {
    #section-news{
        padding-bottom:128px;
    }
    #section-news .section-header{
    }
    #section-venues .section-header{
        margin-bottom:56px;
    }
    #section-artist .section-header{
    }
    #section-news .section-header h2 {
        font-size: 5.6rem;
        padding: 0.6em 0;
    }
    #section-venues{
        width:100%;
        max-width: 800px;
    }
    #section-venues .section-header h2{
        font-size: 5.6rem;
        padding: 0.6em 0;
    }
    #section-artist .section-header h2{
        font-size: 5.6rem;
        padding: 0.6em 0;
    }
}
#section-overview{
    padding-bottom:64px;
}
#section-artist{
    width:100%;
    max-width:100%;
    margin:0 auto;
}
#section-links{
}

.cell-links{
    width:100%;
    max-width: 800px;
    margin:0 auto;
    padding:48px 0;
    display: flex;
    justify-content: space-between;
    justify-content: space-around;
}
.cell-links li{
    width:48%;
    max-width: 260px;
    margin:0;
}
.cell-links li a{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    font-size:1.8rem;
    letter-spacing:.01em;
    line-height:1.66;
    color:#2F2725;
    font-weight:400;
    padding:0.2em 0 0.2em;
    min-height:88px;
    border: 1px solid #2F2725;
}
.text-partner .cell-links li{
    width:52%;
    max-width: 280px
}
.text-partner .cell-links li a{
    width:100%;
    font-size:1.1rem;
    padding:0.2em 0 0.2em;
    min-height:86px;
    text-align:center;
}
.cell-links.for-venues{
    padding:0 0 72px;
}
.wrap-artbus .cell-links{
    padding:0 0 72px;
    text-align:center;
}
.text-venuebus .cell-links{
    padding:0 0 72px;
    text-align:center;
}
.wrap-artbus .cell-links li,.text-venuebus .cell-links li{
    width:72%;
    max-width:360px;
}
@media (hover: hover) and (pointer: fine) {
    .cell-links li{
        background-color:#fff;
    }
    .cell-links li a{
        transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.3s, background-color cubic-bezier(0.42, 0, 0.58, 1) 0.3s;
    }
    .cell-links li a:hover{
        background-color:#B5B5B5;
        color: #fff;
    }
}

@media only screen and (max-width:928px) {
    .title-about {
        left: calc(50% + 220px);
        z-index: 5;
        font-size: 3.4rem;
    }
}

@media only screen and (min-width:769px) {
    .cell-links.enlarge{
        max-width: 800px;
    }
    .cell-links.enlarge li{
        width:48%;
        max-width: 390px;
    }
    .cell-links.enlarge li a{
        font-size:2.7rem;
        min-height:120px;
    }
    .text-partner .cell-links li{
        max-width: 360px
    }
    .text-partner .cell-links li a{
        font-size:1.4rem;
        min-height:112px;
    }
    .cell-links li.cell-links-wide{
        width:60%;
        max-width: 320px;
    }
    .cell-links li.cell-links-wide a{
    }
    .cell-links + .cell-links{
    }
}

@media only screen and (max-width:768px) {
    .section-header{
        margin-bottom:20px;
    }
    .section-header h2{
        font-size:3rem;
        padding:0.8em 0;
    }
    #section-venues .section-header{
        margin-bottom:30px;
    }
    #first-view{
        max-height:700px;
    }
    .logo-first-view{
        width:65%;
        max-width:260px;
        left:50%;
    }
    #section-about{
        width:100%;
        margin-bottom:64px;
    }
    .title-about{
        top:50%;
        top:calc(50% - 0.8em);
        top:72%;
        left:auto;
        right:56px;
        font-size:4.5rem;
    }
    #section-news{
        padding-bottom:132px;
    }
    .cell-links{
        padding:1px 0;
    }
    .cell-links li{
        width:46.6%;
    }
    .cell-links li a{
        font-size:1.4rem;
        min-height:50px;
    }
    .text-partner .cell-links li{
        width:90%;
        max-width: 280px;
        padding-top:40px;
    }
    .text-partner .cell-links li a{
        font-size:1.3rem;
        min-height:80px;
    }
    .cell-links li.cell-links-wide{
        width:70%;
        max-width: 320px;
    }
    .cell-links li.cell-links-wide a{
    }
    .cell-links + .cell-links{
    }
    #section-venues .cell-links li.cell-links-wide{
        width:72%;
        max-width: 320px;
    }
    .cell-links.for-venues{
        padding:8px 0 56px;
    }
    .wrap-artbus .cell-links{
        padding:8px 0 56px;
    }
    .text-venuebus .cell-links{
        padding:0px 0 56px;
    }
    .wrap-artbus .cell-links li,.text-venuebus .cell-links li{
        width:80%;
    }
}

/* inner links
-------------------------------------------------------------*/
.wrap-anchor-inner{
    width:100%;
    max-width:540px;
    min-height:90px;
    margin:0 auto;
    padding-bottom:24px;
    border-bottom:1px solid #2F2725;
}
.wrap-anchor-inner li{
    display: inline-block;
    padding:0.4em 0.2em 0.4em 0;
    margin-right:1em;
}
.wrap-anchor-inner li a{
    font-size:1.4rem;
    letter-spacing:.01em;
    line-height:1.3;
    color:#2F2725;
    font-weight:400;
}
.wrap-anchor-inner .anchor-artists li{
    margin-right:0.5em;
}
.wrap-anchor-inner .anchor-artists li a{
    font-size:1rem;
}
/*
#venues .wrap-anchor-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-bottom:1px solid transparent;
}
#venues .wrap-anchor-inner .anchor-inner:nth-of-type(1) { grid-area: 1 / 1 / 5 / 2; }
#venues .wrap-anchor-inner .anchor-inner:nth-of-type(2) { grid-area: 1 / 2 / 2 / 3; }
#venues .wrap-anchor-inner .anchor-inner:nth-of-type(3) { grid-area: 2 / 2 / 3 / 3; }
#venues .wrap-anchor-inner .anchor-inner:nth-of-type(4) { grid-area: 3 / 2 / 4 / 3; }
#venues .wrap-anchor-inner .anchor-inner:nth-of-type(5) { grid-area: 1 / 3 / 2 / 4; }
#venues .wrap-anchor-inner .anchor-inner:nth-of-type(6) { grid-area: 2 / 3 / 3 / 4; }
*/

#venues .wrap-anchor-inner {
    border-bottom: 1px solid transparent;
}

@media only screen and (min-width:769px) {
    #venues .wrap-anchor-inner {
        margin-bottom: 80px;
        border-bottom: 1px solid #2F2725;
    }
    /*
    #venues .wrap-anchor-inner {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        max-height: 320px;
        max-height: 400px;
        gap: 12px 0;
        border-bottom: 1px solid #2F2725;
        border-bottom: 1px solid transparent;
    }
    #venues .wrap-anchor-inner .anchor-inner {
        width: 33%;
    }
    #venues .wrap-anchor-inner .anchor-inner:nth-of-type(1) {
        padding-bottom: 48px;
    }
    #support .wrap-anchor-inner .anchor-inner li:nth-of-type(3) {
        margin-right: 30%;
        }
     */
}
@media only screen and (max-width:768px) {
    #venues .wrap-anchor-inner {
        margin-bottom: 56px;
        border-bottom: 1px solid #2F2725;
    }
}
#venues .wrap-anchor-inner dl a{
    font-size:1rem;
    font-size:0.8rem;
    letter-spacing:.01em;
    line-height:1.3;
    color:#2F2725;
    font-weight:400;
}
#venues .wrap-anchor-inner dl,
#venues .wrap-anchor-inner dt,
#venues .wrap-anchor-inner dd{
    margin:0;
    padding:0;
    line-height:1.2;
}
#venues .wrap-anchor-inner dl {
    padding-left:4em;
}
#venues .wrap-anchor-inner dd{
    padding-left:0.8em;
}

/* embed youtube movie
-------------------------------------------------------------*/
.wrap-movie{
    width:100%;
    max-width:704px;
    margin:0 auto;
    margin:0 auto 20px;
    padding-bottom:80px;
    border-bottom:1px solid #2F2725;
    border-bottom:1px solid transparent;
}
.cell-movie {
    width: 100%;
    aspect-ratio: 16 / 9;
}
.cell-movie iframe {
    width: 100%;
    height: 100%;
}
.wrap-venues-movie {
    width: 86.66%;
    margin:0 auto;
    padding:80px 0 0;
}
.wrap-artists-movie {
    width:100%;
    max-width:704px;
    margin:0 auto;
    padding-bottom:128px;
}
.mov-digest{
    padding-bottom:56px;
}

@media (hover: hover) and (pointer: fine) {
    .wrap-anchor-inner li a,
    .wrap-anchor-inner dl a{
        transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    .wrap-anchor-inner li a:hover,
    #venues .wrap-anchor-inner dl a:hover,
    .wrap-anchor-inner dl a:hover{
        color:#B5B5B5;
    }
}
@media only screen and (min-width:769px) {
    .wrap-anchor-inner{
        max-width:704px;
        padding-bottom:32px;
    }
    .wrap-anchor-inner .anchor-artists li{
        margin-right:0.8em;
        margin-right:1.3em;
    }
    .wrap-anchor-inner .anchor-artists li a{
        font-size:1.3rem;
        padding:0.4em 0;
        display: block;
    }
    #venues .wrap-anchor-inner dl a{
        font-size:1.1rem;
        padding:0.4em 0;
        display: block;
    }
    #venues .wrap-anchor-inner dl,
    #venues .wrap-anchor-inner dt,
    #venues .wrap-anchor-inner dd{
    }
    #venues .wrap-anchor-inner dl {
        padding-left:2em;
        padding-left:1em;
    }
    #venues .wrap-anchor-inner dt a{
        font-size:1.3rem;
        white-space: nowrap;
    }
    #venues .wrap-anchor-inner dd{
        padding-left:0.8em;
    }
    #about .wrap-anchor-inner li{
    }
    #about .wrap-anchor-inner li a {
        font-size: 1.3rem;
    }
}
@media only screen and (max-width:768px) {
    .wrap-anchor-inner{
        width:78%;
        min-height:72px;
    }
    .wrap-anchor-inner li{
        display: inline-block;
        padding:0em 0.1em 0.4em 0;
        margin-right:1em;
    }
    .wrap-anchor-inner li a{
        font-size:1.4rem;
        letter-spacing:.01em;
        line-height:1.3;
        color:#2F2725;
        font-weight:400;
    }
    .wrap-anchor-inner .anchor-artists li{
        margin-right:0.5em;
    }
    .wrap-anchor-inner .anchor-artists li a{
        font-size:1.1rem;
    }
    /*
#venues .wrap-anchor-inner {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 1fr);
}
#venues .wrap-anchor-inner .anchor-inner:nth-of-type(1) { grid-area: 1 / 1 / 6 / 2; }
#venues .wrap-anchor-inner .anchor-inner:nth-of-type(2) { grid-area: 1 / 2 / 2 / 3; }
#venues .wrap-anchor-inner .anchor-inner:nth-of-type(3) { grid-area: 2 / 2 / 3 / 3; }
#venues .wrap-anchor-inner .anchor-inner:nth-of-type(4) { grid-area: 3 / 2 / 4 / 3; }
#venues .wrap-anchor-inner .anchor-inner:nth-of-type(5) { grid-area: 4 / 2 / 5 / 3; }
#venues .wrap-anchor-inner .anchor-inner:nth-of-type(6) { grid-area: 5 / 2 / 6 / 3; }
*/
    #venues .wrap-anchor-inner dl a{
        font-size:1.1rem;
    }
    #venues .wrap-anchor-inner dt a{
        font-size:1.3rem;
    }
    #venues .wrap-anchor-inner dl,
    #venues .wrap-anchor-inner dt,
    #venues .wrap-anchor-inner dd{
        padding-bottom:0.2em;
    }
    #venues .wrap-anchor-inner dl {
        padding-left:0em;
    }
    #venues .wrap-anchor-inner dd a{
        padding-left:5px;
        text-indent:-5px;
        display:inline-block;
    }
    #venues .wrap-anchor-inner {
        display: block;
        padding-left: 16px;
        padding-right: 16px;
        padding-left: 0;
        padding-right: 0;
    }
    #venues .wrap-anchor-inner dd{
        display:none;
    }
    #venues .wrap-anchor-inner dt{
        padding-bottom:0.4em;
        padding-top:0.4em;
    }
    .wrap-movie{
        width:84%;
        max-width:540px;
        margin:0 auto;
        padding-bottom:56px;
    }
    .wrap-venues-movie {
        width: 86.66%;
        margin-bottom:48px;
        margin-bottom:0;
    }
    .wrap-artists-movie {
        width: 100%;
        margin-bottom:0;
        padding-bottom:96px;
    }
    .mov-digest{
        padding-bottom:56px;
    }
}

/* venues areamap
-------------------------------------------------------------*/
#venues .container {
    overflow:hidden;
}
.wrap-areamap{
    width:100%;
    max-width:704px;
    margin:0 auto 20px;
    padding-bottom:80px;
}
.cell-areamap {
    width: 704px;
    position:relative;
}
.cell-areamap:before {
    display: block;
    content: "";
    width: 120%;
    height: 120%;
    position: absolute;
    bottom: -10%;
    right: -10%;
    background-color: rgba(255, 255, 255, 0.88);
    z-index:-1;
}
.img-areamap {
}
.cell-areamap dl{
    position:absolute;
}
.cell-areamap dt{
    font-size:2rem;
    letter-spacing:0em;
    line-height:1.2;
    font-weight:700;
    text-align:center;
    margin-bottom:0.3em;
    font-family: "Noto Sans JP", sans-serif;
}
.cell-areamap dd{
    font-size:1.4rem;
    letter-spacing:0;
    line-height:1.4;
    font-weight:500;
    text-align:center;
    font-family: "Noto Sans JP", sans-serif;
}
.cell-areamap a{
    color:#2F2725;
}

@media only screen and (min-width:769px) {

    .dl-areamap-01{
        top:94px;
        left:416px;
    }
    .dl-areamap-03{
        top:270px;
        left:90px;
    }
    .dl-areamap-04{
        top:120px;
        left:200px;
    }
    .dl-areamap-05{
        top:64px;
        left:346px;
    }
    .dl-areamap-06{
        top:136px;
        left:540px;
    }
    .dd-areamap-02{
        transform: translate(-9px, 10px);
    }
    .dd-areamap-01{
        transform: translate(-27px, 27px);
    }
}
@media (hover: hover) and (pointer: fine) {
    .cell-areamap a{
        transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    .cell-areamap a:hover{
        color:#B5B5B5;
    }
}
/*
.cell-areamap {
    background-image: url(https://forestartfest-okayama.jp/archive/archive/archive/en/cms/wp-content/themes/forestartfest-okayama-may-2025-en/assets/img/bg_areamap_dummy.png);
    background-position:0 0;
    background-size: contain;
    width:100%;
    background-repeat:no-repeat;
}
.img-areamap img{opacity: 0.3;
}
*/
@media only screen and (max-width:768px) {
    .wrap-areamap{
        padding-bottom:0px;
    }
    .cell-areamap {
        width: 320px;
        margin:0 auto;
    }
    .cell-areamap dt{
        font-size:1.2rem;
    }
    .cell-areamap dd{
        font-size:1rem;
        transform: scale(0.9);
        transform-origin: center top;
        line-height:1.2;
        white-space: nowrap;
    }
    .dl-areamap-01{
        top:32px;
        left:176px;
    }
    .dl-areamap-03{
        top:116px;
        left:10px;
    }
    .dl-areamap-04{
        top:56px;
        left:64px;
    }
    .dl-areamap-05{
        top:8px;
        left:138px;
    }
    .dl-areamap-06{
        top:60px;
        left:248px;
    }
    .cell-areamap .dd-areamap-02{
        transform: scale(0.9) translate(-24px, 2px);
    }
    .cell-areamap .dd-areamap-01{
        transform: scale(0.9) translate(-32px, 10px);
    }
}

/* about page
-------------------------------------------------------------*/
.mySection#section-concept{
    padding:48px 0 80px;
}
.slick-concept{
    position:relative;
    margin-bottom:48px;
}
.logo-concept{
    position:absolute;
    top:50%;
    left:50%;
    left:calc(50% - 48px);
    z-index:10;
    transform: translate(-50%, -50%);
    width:292px;
}
.title-concept{
    font-size:3.9rem;
    letter-spacing:-0.02em;
    line-height:2;
    color:#2F2725;
    font-weight:500;
    font-family: 'Arial', sans-serif;
    display:block;
}
.text-concept,.text-director,.text-overview,.define-overview,.text-logomark,.text-policy{
    padding-bottom:32px;
}
.text-concept p,.text-director p,.text-overview p,.define-overview dt,.define-overview dd,.text-logomark p,.text-policy p{
    font-size:1.2rem;
    font-weight:400;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
}
.define-overview dt{
    margin-top:0.8em;
    font-weight:bold;
}
.define-overview dt:first-of-type{
    margin-top:0;
}
.mySection#section-director{
    padding:0 0;
}
.content-director{
    position:relative;
    margin-bottom:32px;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.title-director{
    font-size:3.6rem;
    letter-spacing:-0em;
    line-height:2;
    color:#2F2725;
    font-weight:500;
    font-family: 'Arial', sans-serif;
    display:block;
    position:absolute;
    top:50%;
    left:0px;
    z-index:10;
    transform: translate(0%, -50%);
}
.name-director{
    position:absolute;
    top:320px;
    left:150px;
    z-index:10;
    font-family: 'Arial', sans-serif;
}
.name-director dt{
    font-size:2.8rem;
    letter-spacing:.01em;
    line-height:1.8;
    color:#2F2725;
    font-weight:600;
    display:none;
}
.name-director dd{
    font-size:2.3rem;
    letter-spacing:.01em;
    line-height:1.8;
    color:#2F2725;
    font-weight:500;
    font-family: 'Arial', sans-serif;
}
.img-director{
    width:280px;
}
.mySection#section-overview{
}
.mySection#section-logomark{
    padding:16px 0 0;
}
.title-ticket,.title-events,.title-enjoy,.title-access,.title-artworks,.title-support,.title-overview,.title-logomark,.title-partner{
    font-size:3.6rem;
    letter-spacing:.01em;
    line-height:2;
    color:#2F2725;
    font-weight:500;
    font-family: 'Arial', sans-serif;
    text-align:center;
    padding:1em 0;
}
.subtitle-logomark{
    font-size:2.3rem;
    letter-spacing:.01em;
    line-height:1.8;
    color:#2F2725;
    font-weight:500;
    font-family: 'Arial', sans-serif;
}
h4.subtitle-logomark{
    font-size:1.5rem;
    letter-spacing:0em;
}
.image-logomark{
}
.img-logomark{
    padding:0px 0 40px;
}
.subtitle-partner{
    font-size:2.0rem;
    letter-spacing:.01em;
    line-height:1.8;
    color:#2F2725;
    font-weight:500;
    font-family: 'Arial', sans-serif;
    padding:0.5em 0;
}
.logo-partners{
    width:100%;
    margin:0px auto 56px;
    padding:40px 0 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color:#fff;
}
.logo-partners p.logo-partner{
    margin:0 auto;
    padding:40px 0;
}
.logo-partners p.logo-partner:nth-of-type(1){
    width:90%;
    max-width:130px;
    padding:24px 0;
}
.logo-partners p.logo-partner:nth-of-type(2){
    width:90%;
    max-width:192px;
    padding:24px 0;
}
.logo-partners p.logo-partner:nth-of-type(3){
    width:90%;
    max-width:300px;
}
.logo-partners p.logo-partner:nth-of-type(4){
    width:90%;
    max-width:372px;
    max-width:228px;
    padding:24px 0;
}
.logo-partners p.logo-partner:nth-of-type(5){
    width:90%;
    max-width:296px;
    padding-bottom:20px;
}
.logo-partners p.logo-partner:nth-of-type(6){
    width:90%;
    max-width:228px;
    padding-bottom:20px;
}
.logo-partners p.logo-partner:nth-of-type(7){
    width:90%;
    max-width:204px;
    padding:0 0 20px 0;
}
.logo-partners p.logo-partner:nth-of-type(8){
    width:90%;
    max-width:228px;
}
.logo-partners p.logo-partner:nth-of-type(9){
    width:90%;
    max-width:228px;
}
.cell-logo-partner{
    display: flex;
    justify-content: space-between;
    justify-content: space-around;
    align-items: center;
    width:100%;
    max-width:540px;
    padding:16px 40px;
}
.cell-logo-partner:first-of-type{
    padding-top:0;
}
.cell-logo-partner:last-of-type{
    padding-bottom:0;
}
.cell-logo-partner li{
    width:33%;
    max-width:168px;
}
.cell-logo-partner li span, .cell-logo-donation li span{
    font-size:1.2rem;
    font-weight:400;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
    white-space: nowrap;
}
.text-partner{
    padding:20px 0 20px;
}
.text-partner p{
    font-size:1.2rem;
    font-weight:400;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
}
.cell-logo-partner li.logo-partner-07{
    max-width:120px;
}
.cell-logo-partner li.logo-partner-08{
    max-width:145px;
    max-width:180px;
}
.cell-logo-partner li.logo-partner-09{
    max-width:133px;
}
.cell-logo-partner li.logo-partner-10{
    max-width:92px;
}
.cell-logo-partner li.logo-partner-14{
    max-width:72px;
}
.cell-logo-partner li.logo-partner-15{
    max-width:72px;
}
.cell-logo-partner li.logo-partner-16{
    max-width:230px;
}
.logo-grants{
    width:100%;
    margin:0px auto 56px;
    padding:20px 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-content: flex-start;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.7);
    background-color:#fff;
}

@media only screen and (min-width:769px) {
    .mySection#section-concept{
        padding:32px 0 100px;
        padding:128px 0 80px;
        max-width:704px;
    }
    .slick-concept{
        position:relative;
        margin-bottom:64px;
    }
    .logo-concept{
        left:calc(50% - 64px);
        width:360px;
    }
    .title-concept{
        font-size:5rem;
        top:-88px;
        right:40px;
    }
    .text-concept,.text-director,.text-overview,.define-overview,.text-logomark,.text-policy{
        padding-bottom:40px;
    }
    .text-concept p,.text-director p,.text-overview p,.define-overview dt,.define-overview dd,.text-logomark p,.text-policy p{
        font-size:1.4rem;
        line-height: 2;
        /*    text-align: justify;*/
    }
    .mySection#section-director{
        max-width:704px;
    }
    .content-director{
        margin-bottom:40px;
    }
    .title-director{
        font-size:5rem;
        top:50%;
        left:0px;
    }
    .name-director{
        top:360px;
        left:180px;
    }
    .name-director dt{
        font-size:3.6rem;
    }
    .name-director dd{
        font-size:2.8rem;
    }
    .img-director{
        width:360px;
    }
    .mySection#section-overview{
        max-width:704px;
    }
    .mySection#section-logomark{
        padding:24px 0 0;
        max-width:704px;
    }
    .mySection#section-partner{
        max-width:704px;
    }
    .title-ticket,.title-events,.title-enjoy,.title-access,.title-artworks,.title-support,.title-overview,.title-logomark,.title-partner{
        font-size:5rem;
    }
    .subtitle-logomark{
        font-size:2.8rem;
    }
    h4.subtitle-logomark{
        font-size:1.8rem;
    }
    .text-partner{
        padding:24px 0 24px;
        padding:24px 0 56px;
    }
    .text-partner p{
        font-size:1.4rem;
        line-height: 2;
    }
    .img-logomark{
        padding:12px 0 48px;
    }
    .subtitle-partner{
        font-size:2.4rem;
    }
    .logo-partners{
        margin:0px auto 64px;
        padding:48px 0 64px;
    }
    .logo-partners p.logo-partner{
        padding:48px 0;
    }
    .logo-partners p.logo-partner:nth-of-type(1){
        max-width: 144px;
        padding: 32px 0 48px 8px;
    }
    .logo-partners p.logo-partner:nth-of-type(2){
        max-width:250px;
        padding:32px 0 24px;
    }
    .logo-partners p.logo-partner:nth-of-type(3){
        max-width:390px;
    }
    .logo-partners p.logo-partner:nth-of-type(4){
        max-width:296px;
        padding:28px 0;
    }
    .logo-partners p.logo-partner:nth-of-type(5){
        max-width:296px;
        padding-bottom:28px;
    }
    .logo-partners p.logo-partner:nth-of-type(6){
        max-width:296px;
        padding-bottom:24px;
    }
    .logo-partners p.logo-partner:nth-of-type(7){
        max-width:264px;
        padding:0 0 24px 0;
    }
    .logo-partners p.logo-partner:nth-of-type(8){
        max-width:296px;
    }
    .logo-partners p.logo-partner:nth-of-type(9){
        max-width:296px;
    }
    .cell-logo-partner{
        max-width:704px;
        padding:34px 48px;
    }
    .cell-logo-partner li{
        width:33%;
        max-width:218px;
    }
    .cell-logo-partner li span, .cell-logo-donation li span{
        font-size:1.6rem;
        display:block;
        text-align: center;
    }
    .cell-logo-partner li.logo-partner-07{
        width:40%;
        max-width:182px;
        margin:0 auto;
        margin:0;
        transform: translate(36px, 0px);
        transform: translate(16px, 0px);
    }
    .cell-logo-partner li.logo-partner-08{
        max-width:188px;
        padding-right:4px;
        padding-right:0;
        transform: translate(-46px, 0px);
    }
    .cell-logo-partner li.logo-partner-09{
        max-width:220px;
        width:32%;
        transform: translate(-10px, 0px);
    }
    .cell-logo-partner li.logo-partner-10{
        width:25%;
        max-width:118px;
        max-width:134px;
        padding:0 10px;
    }
    .cell-logo-partner li.logo-partner-11{
        width:40%;
        max-width:230px;
        transform: translate(32px, 0px);
    }
    .cell-logo-partner li.logo-partner-12{
        width:10%;
        max-width:66px;
        transform: translate(-4px, 0px);
    }
    .cell-logo-partner li.logo-partner-14{
        width:16%;
        max-width:80px;
        transform: translate(45px, 12px);
    }
    .cell-logo-partner li.logo-partner-15{
        width:30%;
        width:25%;
        max-width:110px;
    }
    .cell-logo-partner li.logo-partner-16{
        width:30%;
        max-width:154px;
        transform: translate(8px, 0px);
    }
    .cell-logo-partner li.logo-partner-innosho{
        width:40%;
        max-width:104px;
        margin:0;
        transform: translate(10px, 0px);
    }
    .cell-logo-partner li.logo-partner-ana{
        width:40%;
        max-width:156px;
        max-width:230px;
        margin:0;
        transform: translate(80px, 0px);
    }
    .cell-logo-partner li.logo-partner-hankyu{
        width:36%;
        max-width:240px;
        margin:0 auto;
        transform: translate(58px, -6px);
    }
    .cell-logo-partner li.logo-partner-seitsu{
        width:36%;
        width:25%;
        max-width:112px;
        margin:0 auto;
        margin:0;
    }
    .cell-logo-partner li.logo-partner-yomiuri{
        width:25%;
        max-width:128px;
        margin:0 auto;
        margin:0 ;
    }
    .cell-logo-partner li.logo-partner-ship{
        max-width:140px;
        width:28%;
        transform: translate(-6px, 0px);
    }
    .cell-logo-partner li.logo-partner-stellagreen{
        width:50%;
        max-width:272px;
        margin:0 auto;
        margin:0;
        transform: translate(40px, 0px);
    }
    .cell-logo-partner:nth-of-type(2){
        padding:22px 0px 2px 0px;
        justify-content: space-between;
    }
    .cell-logo-partner:nth-of-type(4){
        padding:34px 0;
    }
    .cell-logo---partner:last-of-type{
        padding-bottom: 0;
        padding-top: 50px;
        padding-left: 25px;
    }
    .cell-logo-adjuster-ptop{
        padding-top: 96px;
        padding-left: 0;
        padding-right:0;
        padding-bottom:8px;
        justify-content: space-between;
    }
    .cell-logo-adjuster-pbtm{
        padding-bottom: 96px;
    }
    .cell-logo-adjuster---plr{
        padding-left: 0;
        padding-right:0;
        padding-bottom:8px;
        justify-content: space-between;
    }
    .cell-logo-adjuster-3cnt{
        padding-top: 80px;
        padding-left: 160px;
        padding-right:128px;
        padding-bottom:8px;
        justify-content: center;
    }
    .cell-logo-adjuster-4cnt{
        padding-top: 80px;
        padding-left: 0px;
        padding-right:0px;
        padding-bottom:8px;
        justify-content: center;
    }
    .cell-logo-adjuster-4cnt li{
        margin:0 24px;
    }
    .cell-logo-adjuster-text{
        padding-top: 80px;
        padding-left: 0px;
        padding-right:0px;
        padding-bottom:8px;
        justify-content: center;
        flex-wrap:wrap;
        gap: 0 32px;
    }
    .cell-logo-adjuster-text li{
        width:50%;
        width: 40%;
        max-width: 768px;
        padding: 0 2em 1em 3em;
        padding: 0 0 1em 0;
    }
    .cell-logo-adjuster-text li:nth-of-type(1) span,.cell-logo-adjuster-text li:nth-of-type(3) span{
        text-align:right;
    }
    .cell-logo-adjuster-text li:nth-of-type(2) span,.cell-logo-adjuster-text li:nth-of-type(4) span{
        text-align:left;
    }
    .cell-logo-adjuster-text-middle{
        justify-content: center;
        flex-wrap:wrap;
        gap:0 32px;
    }
    .cell-logo-adjuster-text-middle li{
        width:40%;
        max-width:100%;
        padding:0 ;
    }
    .cell-logo-adjuster-text-middle li span{
        padding: 0;
        font-size:1.35rem;
    }
    .cell-logo-adjuster-text-middle li:nth-of-type(1) span,.cell-logo-adjuster-text-middle li:nth-of-type(3) span{
        text-align:right;
    }
    .cell-logo-adjuster-text-middle li:nth-of-type(2) span,.cell-logo-adjuster-text-middle li:nth-of-type(4) span{
        text-align:left;
    }
    .cell-logo-adjuster-text-small{
        padding:0;
        padding-top: 20px;
        justify-content: center;
        flex-wrap:wrap;
    }
    .cell-logo-adjuster-text-small li span{
        padding: 0;
        font-size:1.1rem;
    }
    .cell-logo-partner li.logo-partner-001{
        width:40%;
        max-width: 152px;
        transform: translate(-16px, 0px);
    }
    .cell-logo-partner li.logo-partner-002{
        width:25%;
        max-width: 140px;
        transform: translate(24px, 4px);
        transform: translate(0px, 0px);
        transform: translate(-6px, 23px);
    }
    .cell-logo-partner li.logo-partner-003{
        width:25%;
        max-width: 104px;
        transform: translate(-32px, 4px);
        transform: translate(0px, 0px);
        transform: translate(-8px, 23px);
    }
    .cell-logo-partner li.logo-partner-004{
        width:25%;
        max-width:74px;
        transform: translate(8px, 8px);
        transform: translate(0px, 0px);
        transform: translate(2px, 22px);
    }
    .cell-logo-partner li.logo-partner-france{
        width:25%;
        max-width:154px;
        transform: translate(8px, 8px);
        transform: translate(0px, 0px);
        transform: translate(-4px, 22px);
    }
    .logo-grants{
        margin:0 auto 64px;
        padding:0;
    }
    .logo-grants + .text-partner{
        padding-top:64px;
    }
    .logo-grants img{
    }
    .logo-grants .cell-logo-partner:nth-of-type(2){
        padding:0;
        justify-content: space-around;
    }
    .logo-grants .cell-logo-partner:nth-of-type(4){
        padding:0;
    }
    .logo-grants .cell-logo-partner:last-of-type{
        padding:0;
    }
    .logo-grants .cell-logo-partner{
        max-width:704px;
        padding:0;
        margin-bottom:88px;
        margin-bottom:0px;
    }
}

@media only screen and (max-width:768px) {
    .mySection#section-concept{
        padding:108px 0 0;
        width:78%;
    }
    .slick-concept{
        margin-bottom:48px;
    }
    .logo-concept{
        left:50%;
        width:60%;
        max-width:170px;
    }
    .title-concept{
        font-size:3.2rem;
        letter-spacing:-0.02em;
        top:-80px;
        right:0px;
        z-index:10;
    }
    .text-concept,.text-director,.text-overview,.define-overview,.text-logomark,.text-policy{
        padding-bottom:32px;
    }
    .text-concept p,.text-director p,.text-overview p,.define-overview dt,.define-overview dd,.text-logomark p,.text-policy p{
        font-size:1.3rem;
        line-height: 2;
    }
    .mySection#section-director{
        padding:0 0 64px;
    }
    .content-director{
        margin-bottom:40px;
        padding: 128px 0 0;
    }
    .title-director{
        font-size:2.8rem;
        position:absolute;
        top:38%;
        left:0px;
        z-index:10;
    }
    .name-director{
        position:absolute;
        top:auto;
        bottom:56px;
        left:20px;
        z-index:10;
    }
    .name-director dt{
        font-size:2.4rem;
    }
    .name-director dd{
        font-size:1.9rem;
    }
    .img-director{
        width:64%;
        max-width:280px;
    }
    .mySection#section-logomark{
        padding:0 0 64px;
    }
    .title-ticket,.title-events,.title-enjoy,.title-access,.title-artworks,.title-support,.title-overview,.title-logomark,.title-partner{
        font-size:2.7rem;
        padding:0.8em 0;
    }
    .subtitle-logomark{
        font-size:2rem;
        padding-bottom:0.2em;
    }
    h4.subtitle-logomark{
        font-size:1.4rem;
        letter-spacing:0em;
        padding-bottom:0.4em;
    }
    .subtitle-partner{
        padding:0.1em 0;
        font-size:1.8rem;
        width:94%;
        margin:0px auto;
    }
    .logo-partners{
        width:94%;
        margin:0px auto 40px;
        padding:16px 0;
    }
    .logo-partners p.logo-partner{
        padding:32px 0;
    }
    .logo-partners p.logo-partner:nth-of-type(1){
        width:77%;
        max-width:80px;
        padding:32px 0 24px 8px;
    }
    .logo-partners p.logo-partner:nth-of-type(2){
        width:77%;
        max-width:148px;
        padding:24px 0 16px;
    }
    .logo-partners p.logo-partner:nth-of-type(3){
        width:77%;
        max-width:230px;
    }
    .logo-partners p.logo-partner:nth-of-type(4){
        width:77%;
        max-width:240px;
        max-width:200px;
    }
    .logo-partners p.logo-partner:nth-of-type(5){
        width:77%;
        max-width:190px;
        padding-bottom:20px;
    }
    .logo-partners p.logo-partner:nth-of-type(6){
        width:77%;
        max-width:190px;
        padding-bottom:20px;
    }
    .logo-partners p.logo-partner:nth-of-type(7){
        width:77%;
        max-width:170px;
        padding:0 0 20px 0;
    }
    .logo-partners p.logo-partner:nth-of-type(8){
        width:77%;
        max-width:190px;
    }
    .logo-partners p.logo-partner:nth-of-type(9){
        width:77%;
        max-width:190px;
    }
    .cell-logo-partner{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding:20px 0 0px;
    }
    .cell-logo-partner:first-of-type{
        padding-top:12px;
    }
    /*
    .cell-logo-partner:last-of-type{
        padding-bottom:12px;
        padding-top:2px;
    }
     */
    .cell-logo-partner li{
        width:94%;
        max-width:300px;
        text-align:center;
    }
    .cell-logo-partner li span, .cell-logo-donation li span{
        font-size:1.15rem;
        padding-bottom: 1em;
        line-height: 1.4;
        display: inline-block;
    }
    .text-partner{
        padding:20px 0 20px;
        margin-bottom:80px;
    }
    .text-partner p{
        font-size:1.3rem;
        line-height: 2;
    }
    .cell-logo-partner li.logo-partner-07{
        max-width:140px;
        max-width:132px;
        padding-bottom:50px;
        padding-bottom:48px;
    }
    .cell-logo-partner li.logo-partner-08{
        max-width:142px;
        max-width:134px;
        padding-top:0px;
        padding-bottom:30px;
    }
    .cell-logo-partner li.logo-partner-09{
        max-width:130px;
        max-width:146px;
        padding-bottom:20px;
    }
    .cell-logo-partner li.logo-partner-10{
        width:76px;
        padding-bottom:30px;
        padding-bottom:0px;
        padding-top:26px;
        margin:0 33%;
        padding:0;
        margin:0;
    }
    .cell-logo-partner li.logo-partner-11{
        max-width:166px;
        padding-bottom:30px;
    }
    .cell-logo-partner li.logo-partner-12{
        max-width:45px;
        padding-top:8px;
        padding-bottom:30px;
    }
    .cell-logo-partner li.logo-partner-14{
        max-width:55px;
        padding-bottom:16px;
    }
    .cell-logo-partner li.logo-partner-15{
        width:75px;
        padding-bottom:34px;
        padding-bottom:0px;
        padding:0;
        margin:0;
    }
    .cell-logo-partner li.logo-partner-16{
        max-width:106px;
        padding-top:10px;
        padding-top:24px;
        padding-bottom:30px;
    }
    .cell-logo-partner li.logo-partner-innosho{
        max-width:76px;
        padding-bottom:46px;
    }
    .cell-logo-partner li.logo-partner-ana{
        max-width:170px;
        padding-bottom:28px;
        padding-bottom:24px;
    }
    .cell-logo-partner li.logo-partner-hankyu{
        max-width:176px;
        padding-bottom:56px;
        transform: translate(-6px, 13px);
    }
    .cell-logo-partner li.logo-partner-seitsu{
        width:80px;
        padding-bottom:0;
    }
    .cell-logo-partner li.logo-partner-yomiuri{
        padding-top: 26px;
        width: 96px;
        margin-left: 8px;
        padding-bottom: 0;
        padding:0;
        margin:0;
    }
    .cell-logo-partner li.logo-partner-ship{
        max-width:100px;
        padding-top:0px;
        padding-bottom:40px;
        transform: translate(0px, 0px);
    }
    .cell-logo-partner li.logo-partner-stellagreen{
        max-width:200px;
        padding-bottom:28px;
    }
    .cell-logo-adjuster-3cnt{
        display: flex;
        flex-direction: row;
        flex-wrap:wrap;
        justify-content: space-between;
        justify-content: space-around;
        align-items: center;
        width:100%;
        max-width:540px;
        padding:82px 64px 52px;
        padding:82px 54px 60px 64px;
    }
    .cell-logo-adjuster-4cnt{
        display: flex;
        flex-direction: row;
        flex-wrap:wrap;
        justify-content: space-between;
        justify-content: space-evenly;
        justify-content: center;
        align-items: center;
        width:100%;
        max-width:200px;
        padding:82px 64px 60px;
        padding:82px 54px 60px 64px;
        padding:82px 0 60px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap:20px 30px;
    }
    .cell-logo-adjuster-text-middle li{
        justify-self: center;
    }
    .cell-logo-adjuster-text-middle li span{
        /* padding: 0;*/
        font-size:1rem;
    }
    .cell-logo-adjuster-text-small li{
        padding:0;
        /*  padding-top: 10px;*/
    }
    .cell-logo-adjuster-text-small li span{
        padding: 0;
        font-size:1rem;
        transform: scale(0.85);
    }
    .cell-logo-partner li.logo-partner-001{
        width:80%;
        max-width: 114px;
        padding:0 0 56px;
    }
    .cell-logo-partner li.logo-partner-002{
        width:80%;
        max-width: 128px;
        padding:0 0 56px;
    }
    .cell-logo-partner li.logo-partner-003{
        width:80%;
        max-width: 96px;
        padding:0 0 56px;
    }
    .cell-logo-partner li.logo-partner-004{
        width:80%;
        max-width:72px;
        padding:0 0 0px;
    }
    .cell-logo-partner li.logo-partner-france{
        width:80%;
        max-width:138px;
        padding:0 0 56px;
    }
    .logo-grants{
        margin-bottom:32px;
    }
    /*
    .logo-grants{
        margin-bottom:0;
    }
    */
}

/* news page
-------------------------------------------------------------*/
.cell-news{
    width:100%;
    margin:0 auto 24px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.thumbnail-news{
    width:24.25%;
    max-width:131px;
    width:26.25%;
    max-width:140px;
}
.digest-news{
    width:70%;
}
.digest-news .heading-news{
    font-size:1.8rem;
    letter-spacing:.01em;
    line-height:1.66;
    color:#2F2725;
    font-weight:500;
    padding:0.2em 0 0.6em;
}
.digest-news .date-news{
    font-size:1.4rem;
    letter-spacing:.01em;
    line-height:1.733;
    color:#2F2725;
    font-weight:400;
}
.entry-tag{
    margin:0;
    padding:0 0 0.8em 0;
}
.entry-tag-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.entry-tag-list li{
    margin-right:1em;
}
.entry-tag-list li a{
    font-size:1.3rem;
    font-weight:500;
    line-height:1.6;
    letter-spacing: .04em;
    color:#2F2725;
    text-decoration: underline;
}
.digest-news .entry-tag-list li a{
    font-size:1.2rem;
}
.entry-tag-list li a::before{
    content: "#";
}
.cell-news:last-of-type{
  /*  margin-bottom:64px;*/
}
.body-news{
    width:100%;
    margin:0 auto 24px;
}
.header-news{
    width:100%;
    margin-bottom:24px;
}
.header-news .heading-news{
    font-size:1.9rem;
    letter-spacing:.01em;
    line-height:1.66;
    color:#2F2725;
    font-weight:500;
    padding:0.2em 0 0.8em;
}
.header-news .date-news{
    font-size:1.4rem;
    letter-spacing:.01em;
    line-height:1.733;
    color:#2F2725;
    font-weight:400;
}
.header-news .entry-tag-list{
    padding-bottom:1em;
}
.header-news .entry-tag-list li{
    margin-right:1.2em;
}
.header-news .entry-tag-list li a{
    font-size:1.3rem;
}
.text-news{
    padding-bottom:8px;
}
.text-news .textbox{
    font-size:1.2rem;
    font-weight:400;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
    margin-bottom:1.6em;
}
.text-news .imgbox{
    margin-bottom:1.8em;
}
.textParagraph p,.textArticle{
    font-size:1.2rem;
    font-weight:400;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
    margin-bottom:0.8em;
}

@media only screen and (min-width:769px) {
    #section-news .digest-news {
        width: 70%;
        width: calc(100% - 160px);
    }
    #section-news .thumbnail-news {
        width: 26.25%;
        max-width: 140px;
    }
    #newslist .digest-news {
        width: 70%;
        width: calc(100% - 160px);
    }
    #newslist .thumbnail-news {
        width: 26.25%;
        max-width: 140px;
    }
    .header-news .heading-news{
        font-size:2.4rem;
    }
    .header-news .date-news{
        font-size:1.8rem;
    }
    .text-news{
        padding-bottom:12px;
    }
    .text-news .textbox{
        font-size:1.4rem;
    }
    .text-news .imgbox{
        margin-bottom:1.8em;
    }
    .textParagraph p,.textArticle{
        font-size:1.4rem;
        font-weight:400;
        letter-spacing:0;
        line-height: 1.833;
        color: #2F2725;
        margin-bottom:0.8em;
    }
    .content-main .cell-news:last-of-type{
        margin-bottom:64px;
    }
}

@media (hover: hover) and (pointer: fine) {
    .heading-news a{
        transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    .heading-news a:hover{
        color:#B5B5B5;
    }
    .thumbnail-news{
        background-color:#B5B5B5;
    }
    .thumbnail-news img{
        transition: opacity cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    .thumbnail-news a:hover img{
        opacity: 0.5;
    }
    .content-main .cell-news:last-of-type{
        margin-bottom:48px;
    }
    .entry-tag-list li a{
        transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    .entry-tag-list li a:hover{
        color:#B5B5B5;
    }
}

@media only screen and (max-width:768px) {
    .cell-news{
        margin:0 auto 16px;
    }
    .thumbnail-news{
        width:33%;
        min-width:100px;
        max-width:160px;
    }
    .digest-news{
        width:62%;
    }
    .digest-news .heading-news{
        font-size:1.4rem;
    }
    .digest-news .date-news{
        font-weight:400;
    }
    .digest-news .entry-tag-list li a{
        font-size:1.1rem;
    }
    .header-news{
        margin-bottom:16px;
    }
    .header-news .heading-news{
        font-size:1.4rem;
        font-weight:500;
    }
    .header-news .date-news{
        font-weight:400;
    }
    .header-news .entry-tag-list li a{
        font-size:1.2rem;
    }
    .text-news{
        padding-bottom:8px;
    }
    .text-news .textbox{
        font-size:1.3rem;
        margin-bottom:1.6em;
    }
    .text-news .imgbox{
        margin-bottom:1.8em;
    }
    .textParagraph p,.textArticle{
        font-size:1.3rem;
        margin-bottom:0.8em;
    }
}

/* turn page
-------------------------------------------------------------*/
.turnpage{
}
dl.turnpage{
    display: flex;
    justify-content: space-between;
    border-top:1px solid #2F2725;
    padding:64px 0;
}
dl.turnpage dt{ order: 2; }
dl.turnpage dd:nth-of-type(1) { order: 3; }
dl.turnpage dd:nth-of-type(2) { order: 1; }
.turnpage dt{
}
.turnpage dd{
}
.turnpage dt a,
.turnpage dd a{
    font-size:1.5rem;
    letter-spacing:.002em;
    line-height:1.2;
    color:#2F2725;
    font-weight:400;
    position:relative;
    display:inline-block;
}
.turnpage .turn-next a {
    padding-right:96px;
}
.turnpage .turn-prev a {
    padding-left:96px;
}
.turnpage .turn-next a:before {
    display: block;
    content: "";
    width: 40px;
    height: 0.5px;
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(0, 0px) rotate(30deg);
    transform-origin:right bottom;
    background: #2F2725;
}
.turnpage .turn-next a:after {
    display: block;
    content: "";
    width: 80px;
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #2F2725;
}
.turnpage .turn-prev a:before {
    display: block;
    content: "";
    width: 40px;
    height: 0.5px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(0, 0px) rotate(-30deg);
    transform-origin:left bottom;
    background: #2F2725;
}
.turnpage .turn-prev a:after {
    display: block;
    content: "";
    width: 80px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #2F2725;
}
.turnpage .is-negative a {
    opacity:0.2;
    pointer-events: none;
}
.turnpage li{
}
.turnpage li a{
    font-size:1.5rem;
    letter-spacing:.002em;
    line-height:1.2;
    color:#2F2725;
    font-weight:400;
    position:relative;
    display:inline-block;
    padding-right:170px;
}
.turnpage li a:before {
    display: block;
    content: "";
    width: 40px;
    height: 0.5px;
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(0, 0px) rotate(30deg);
    transform-origin:right bottom;
    background: #2F2725;
}
.turnpage li a:after {
    display: block;
    content: "";
    width: 154px;
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #2F2725;
}
ul.turnpage{
    display: flex;
    justify-content: space-between;
    padding:8px 0;
}
.turnpage li.turnpage-next a{
    font-size:1.7rem;
    letter-spacing:.002em;
    line-height:1.2;
    color:#2F2725;
    font-weight:400;
    position:relative;
    display:inline-block;
    padding-right:170px;
}
.turnpage li.turnpage-next a:before {
    display: block;
    content: "";
    width: 40px;
    height: 0.5px;
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(0, 0px) rotate(30deg);
    transform-origin:right bottom;
    background: #2F2725;
}
.turnpage li.turnpage-next a:after {
    display: block;
    content: "";
    width: 154px;
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #2F2725;
}
.turnpage li.turnpage-prev a{
    font-size:1.7rem;
    letter-spacing:.002em;
    line-height:1.2;
    color:#2F2725;
    font-weight:400;
    position:relative;
    display:inline-block;
    padding-right:0px;
    padding-left:170px;
}
.turnpage li.turnpage-prev a:before {
    display: block;
    content: "";
    width: 40px;
    height: 0.5px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(0, 0px) rotate(-30deg);
    transform-origin:left bottom;
    background: #2F2725;
}
.turnpage li.turnpage-prev a:after {
    display: block;
    content: "";
    width: 154px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #2F2725;
}
.view-more {
}
.view-more a{
    font-size:1.5rem;
    letter-spacing:.002em;
    line-height:1.2;
    color:#2F2725;
    font-weight:400;
    position:relative;
    display:inline-block;
    padding-right:170px;
    padding-left:170px;
}
.view-more a:before {
    display: block;
    content: "";
    width: 40px;
    height: 0.5px;
    position: absolute;
    bottom: 0;
    left: 114px;
    transform: translate(0, 0px) rotate(30deg);
    transform-origin:right bottom;
    background: #2F2725;
}
.view-more a:after {
    display: block;
    content: "";
    width: 154px;
    height: 0.5px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #2F2725;
}
.section-header h2,.section-header .view-more{
    display: inline-block;
}
.section-header .view-more a{
    padding-right:0px;
    margin-left:1em;
}
#section-news .view-more{
    padding-top:32px;
}
#section-news .view-more a{
    padding-right:0px;
}
#section-about .view-more{
    position:absolute;
    bottom:24px;
    left:calc(50% + 30px);
    width:270px;
    z-index:5;
}
#section-about .view-more a{
    padding-right:0px;
    color:#fff;
}
#section-about .view-more a:before {
    background-color: #fff;
}
#section-about .view-more a:after {
    background-color: #fff;
}

@media only screen and (min-width:769px) {
    dl.turnpage{
        padding:80px 0;
    }
    .turnpage dt a,
    .turnpage dd a{
        font-size:2rem;
    }
    .turnpage .turn-next a {
        padding-right:128px;
    }
    .turnpage .turn-prev a {
        padding-left:128px;
    }
    .turnpage .turn-next a:before {
        width: 60px;
    }
    .turnpage .turn-next a:after {
        width: 112px;
    }
    .turnpage .turn-prev a:before {
        width: 60px;
    }
    .turnpage .turn-prev a:after {
        width: 112px;
    }
    .turnpage .is-negative a {
        opacity:0.1;
    }
    .turnpage li{
    }
    .turnpage li a{
        font-size:2rem;
        padding-right:248px;
    }
    .turnpage li a:before {
        width: 60px;
    }
    .turnpage li a:after {
        width: 230px;
    }
    .view-more.enlarge a{
        font-size:2rem;
        padding-right:248px;
        padding-left:248px;
    }
    .view-more.enlarge a:before {
        width: 60px;
        left: 170px;
    }
    .view-more.enlarge a:after {
        width: 230px;
    }
    #section-news .view-more.enlarge a{
    }
    #section-about .view-more.enlarge{
        bottom:24px;
        bottom:48px;
        left:calc(50% + 48px);
        width:370px;
    }
    #section-about .view-more.enlarge a{
        color:#fff;
    }
    #section-artist .section-header .view-more a{
        padding-right:0px;
        margin-left:1em;
    }
    #section-venues .section-header .view-more a{
        padding-right:0px;
        margin-left:1em;
    }
}

@media (hover: hover) and (pointer: fine) {
    #section-about .view-more a,
    .view-more a,
    .turnpage li a,
    .turnpage dt a,
    .turnpage dd a{
        transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    #section-about .view-more a:hover,
    .view-more a:hover,
    .turnpage li a:hover,
    .turnpage dt a:hover,
    .turnpage dd a:hover{
        color:#B5B5B5;
    }
    #section-about .view-more a:before,
    .view-more a:before,
    .turnpage li a:before,
    .turnpage dt a:before,
    .turnpage dd a:before {
        transition: background-color cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    #section-about .view-more a:after,
    .view-more a:after,
    .turnpage li a:after,
    .turnpage dt a:after,
    .turnpage dd a:after {
        transition: background-color cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    #section-about .view-more a:hover:before,
    .view-more a:hover:before,
    .turnpage li a:hover:before,
    .turnpage dt a:hover:before,
    .turnpage dd a:hover:before {
        background-color:#B5B5B5;
    }
    #section-about .view-more a:hover:after,
    .view-more a:hover:after,
    .turnpage li a:hover:after,
    .turnpage dt a:hover:after,
    .turnpage dd a:hover:after {
        background-color:#B5B5B5;
    }
}

@media only screen and (max-width:928px) and (min-width:769px){
    #section-about .view-more.enlarge{
        left:40%;
    }
}

@media only screen and (max-width:768px) {
    dl.turnpage{
        padding:72px 0 0px;
    }
    .turnpage dt a,
    .turnpage dd a{
        font-size:1.4rem;
    }
    .turnpage dt a{
        padding-top:8px;
    }
    .turnpage .turn-next a {
        padding-right:0;
        padding-top:8px;
    }
    .turnpage .turn-prev a {
        padding-left:0;
        padding-top:8px;
    }
    .turnpage .turn-next a:before {
        bottom: 100%;
        right: 0;
    }
    .turnpage .turn-next a:after {
        bottom: 100%;
        right: 0;
    }
    .turnpage .turn-prev a:before {
        bottom: 100%;
        left: 0;
    }
    .turnpage .turn-prev a:after {
        bottom: 100%;
        left: 0;
    }
    ul.turnpage{
        padding:32px 0 0;
    }
    .turnpage li.turnpage-next{
    }
    .turnpage li.turnpage-next a{
        font-size:1.4rem;
        padding-right:0;
        padding-top:8px;
    }
    .turnpage li.turnpage-next a:before {
        bottom: 100%;
        right: 0;
    }
    .turnpage li.turnpage-next a:after {
        bottom: 100%;
        right: 0;
    }
    .turnpage li.turnpage-prev{
    }
    .turnpage li.turnpage-prev a{
        font-size:1.4rem;
        padding-left:0;
        padding-top:8px;
    }
    .turnpage li.turnpage-prev a:before {
        bottom: 100%;
        left: 0;
    }
    .turnpage li.turnpage-prev a:after {
        bottom: 100%;
        left: 0;
    }
    .turnpage li.turnpage-next:nth-of-type(1) a:before {
        right: auto;
        left: 100%;
        left: 114px;
    }
    .turnpage li.turnpage-next:nth-of-type(1) a:after {
        right: auto;
        left: 0;
    }
    #section-about .view-more{
        bottom:128px;
        bottom:40px;
        left:32px;
    }

    #section-news .view-more{
        padding-top:16px;
    }
    #section-venues .section-header .view-more,
    #section-artist .section-header .view-more{
        display: none;
    }
    #section-venues .section-header h2,
    #section-artist .section-header h2{
        display: block;
    }
    #section-artist .section-header{
        width:84%;
        margin:0 auto;
    }
    #section-venues .view-more.hide-pc a,
    #section-artist .view-more.hide-pc a{
        padding-right:0px;
        margin-left:calc(50% - 80px);
    }
    #section-artist .view-more.hide-pc a{
        margin-bottom:30px;
        white-space: nowrap;
    }
    #section-venues .view-more.hide-pc a{
        margin-top:40px;
        margin-bottom:24px;
        white-space: nowrap;
    }
}

/* artists page
-------------------------------------------------------------*/
.cell-artist{
    width:100%;
    margin:0 auto 56px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.photo-artist{
    width:44%;
    max-width:240px;
    max-width:256px;
}
.biography-artist{
    width:52%;
    width:calc(96% - 256px);
}
.name-box dt{
    font-size:2.4rem;
    letter-spacing:.01em;
    line-height:1.3;
    color:#2F2725;
    font-weight:400;
    padding:0em 0 0.3em;
}
.name-box dd{
    font-size:1.3rem;
    letter-spacing:.01em;
    line-height:1.733;
    color:#2F2725;
    font-weight:400;
    padding:0em 0 0.5em;
}
.text-artist{
    font-size:1.0rem;
    font-size:1.4rem;
    letter-spacing:.01em;
    line-height:1.733;
/*    text-align: justify;*/
    color:#2F2725;
    font-weight:400;
}
.text-artist .fig-root{
    font-style:normal;
    font-family: "Noto Sans JP", sans-serif;
}
.photo-artist figure{
    width:100%;
}
.photo-artist figcaption{
    padding:0.2em 0 0;
    text-align: right;
    transform: scale(0.9);
    transform-origin: right top;
}
.photo-artist figcaption p{
    font-size:1.0rem;
    letter-spacing:.01em;
    line-height:1.2;
    color:#2F2725;
    font-weight:500;
    font-family: 'EB Garamond', 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'Shippori Mincho', 'MS PMincho', 'EB Garamond', serif;
    font-family: 'Arial', sans-serif;
}
.photo-artist figcaption .subcaption{
    display:block;
    padding-top:0.8em;
}
.link-venues dt,
.link-venues dd {
    font-size:1.4rem;
    letter-spacing:.01em;
    line-height:1.733;
    color:#2F2725;
    font-weight:400;
}
.link-venues dt{
    font-weight:600;
}
.link-venues dd{
    display:inline-block;
}
.link-venues dd:nth-of-type(2):before{
    content:" ｜ " ;
}
.link-venues {
    padding:1em 0;
}
.artist-in-preparation{
    height: 128px;
    align-items: flex-end;
    justify-content: center;
}
.artist-in-preparation p{
    font-size: 1.5rem;
    letter-spacing: .06em;
    line-height: 1.2;
}
@media (hover: hover) and (pointer: fine) {
    .link-venues dd a{
        transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    .link-venues dd a:hover{
        color:#B5B5B5;
    }
}
@media only screen and (max-width:768px) {
    .cell-artist{
        flex-direction: column-reverse;
        width:93%;
    }
    .photo-artist{
        width:100%;
        max-width:400px;
        margin-bottom:20px;
    }
    .biography-artist{
        width:100%;
    }
    .name-box dt{
        font-size:2.5rem;
        padding:0 0 0.2em;
    }
    .name-box dd{
        padding:0em 0 0.6em;
    }
    .text-artist{
        font-size:1.3rem;
    }
    .link-venues dt,
    .link-venues dd {
        font-size:1.3rem;
    }
    .photo-artist figcaption{
        padding:0.3em 0 0;
        transform: scale(0.9);
    }
    .artist-in-preparation{
        flex-direction: row;
        height: 104px;
    }
    .artist-in-preparation p{
        font-size: 1.4rem;
    }
}

/* venues page
-------------------------------------------------------------*/
.cell-venues{
    width:100%;
    margin:0 auto 56px;
    padding:32px 0 16px;
    border-bottom:1px solid #2F2725;
}
.head-venues{
    width:100%;
    margin:0 auto 56px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.title-venues{
    width:28%;
    width:100%;
    text-align: left;
    padding-bottom:40px;
}
.title-venues span{
    font-size:2.7rem;
    letter-spacing:-0.02em;
    letter-spacing:-0;
    line-height:1.4;
    color:#2F2725;
    font-weight:500;
    font-family: 'Arial', sans-serif;
    display:inline-block;
}
.text-venues{
    width:100%;
    display: block;
    padding-left:30%;
}
.text-venues p{
    font-size:1.2rem;
    font-weight:400;
    letter-spacing:0;
    line-height: 1.833;
    /*    text-align: justify;*/
    color: #2F2725;
    margin-bottom:0em;
}
.list-venues{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width:90.74%;
    max-width: 490px;
    margin-left:9.8%;
}
.item-venues{
    width:48.48%;
    margin-bottom:16px;
}
.name-venues{
    font-size:1.5rem;
    letter-spacing:.01em;
    line-height:1.4;
    color:#2F2725;
    font-weight:400;
    min-height:4em;
    padding:0.6em 0.2em 2em;
}
.name-venues-adjusting{
    font-size:1.3rem;
    letter-spacing:.01em;
    line-height:1.4;
    color:#2F2725;
    font-weight:500;
    min-height:4em;
    padding:0.6em 0.2em;
}
.link-artists{
    margin-top:-0.6em;
    padding:0 0.2em 1.6em;
}
.list-link-artists li{
    padding:0 0 0.2em;
}
.list-link-artists li span,
.list-link-artists li a{
    font-size:1.1rem;
    letter-spacing:.01em;
    line-height:1.2;
    color:#2F2725;
    font-weight:400;
}
.img-venues figcaption{
    padding:0.2em 0 0;
    text-align: right;
    transform: scale(0.9);
    transform-origin: right top;
}
.img-venues figcaption p{
    font-size:1.0rem;
    letter-spacing:.01em;
    line-height:1.2;
    color:#2F2725;
    font-weight:500;
    font-family: 'Arial', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}

.title-venues{
    padding-left:104px;
    position:relative;
}
.wrap-information .title-venues{
    padding-left:0px;
    position:relative;
}

.name-venues{
    position:relative;
    padding-left:58px;
}

.assign-initial{
    position:absolute;
    top:0;
    left:10px;
    width:80px;
    height:80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:4.0rem;
    letter-spacing:0;
    line-height:1;
    color:#fff;
    font-weight:500;
    font-family: 'Arial';
}
.assign-id{
    position:absolute;
    top:10px;
    left:0px;
    width:48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.assign-id li{
    width:24px;
    height:24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:1.5rem;
    letter-spacing:0;
    line-height:1;
    color:#fff;
    font-weight:500;
    font-family: 'Arial';
}
.assign-initial-t{
    background-color: #ffa4b4;
}
.assign-initial-g{
    background-color: #ffa4b4;
}
.assign-initial-o{
    background-color: #cca1dd;
}
.assign-initial-m{
    background-color: #a09857;
}
.assign-initial-n{
    background-color: #f5b335;
}
.assign-initial-h{
    background-color: #97d1dc;
}
.assign-number{
    background-color: #b5b5b5;
}

@media only screen and (min-width:769px) {
    .head-venues{
        margin:0 auto 64px;
    }
    .title-venues{
        padding-bottom:40px;
    }
    .title-venues span{
        font-size:3.2rem;
    }
    .text-venues p{
        font-size:1.4rem;
    }
    .list-venues{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width:90.74%;
        max-width: 640px;
        margin-left:9.8%;
    }
    .item-venues{
        width:48.48%;
        margin-bottom:20px;
    }
    .name-venues{
        font-size:1.8rem;
    }
    .img-venues figcaption{
        padding:0.3em 0 0;
        transform: scale(0.9);
    }
}
@media (hover: hover) and (pointer: fine) {
    .list-link-artists li a{
        transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    .list-link-artists li a:hover{
        color:#B5B5B5;
    }
    .item-venues a .name-venues,
    .item-venues a .img-venues figcaption p{
        transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    .item-venues a .img-venues img{
        transition: opacity cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    .item-venues a:hover .name-venues,
    .item-venues a:hover .img-venues figcaption p{
        color:#B5B5B5;
    }
    .item-venues a:hover .img-venues img{
        opacity: 0.7;
    }
}
@media only screen and (max-width:768px) {
    .cell-venues{
        margin:0 auto;
        padding:64px 0 8px;
    }
    .head-venues{
        margin:0 auto 40px;
    }
    .title-venues{
        width:100%;
        padding-bottom:32px;
    }
    .title-venues span{
        font-size:2.5rem;
    }
    .text-venues{
        width:100%;
        padding-left:24%;
    }
    .text-venues p{
        font-size:1.2rem;
        font-weight:400;
        letter-spacing:0;
        line-height: 1.833;
        color: #2F2725;
        margin-bottom:0em;
    }
    .list-venues{
        width:100%;
        max-width: 520px;
        margin-left:0;
    }
    .item-venues{
        width:48%;
        margin-bottom:20px;
    }
    .name-venues{
        font-size:1.2rem;
        line-height:1.3;
        padding:0.8em 0.2em 2em;
    }
    /*
    #anchor-venues_02 .title-venues,
    #anchor-venues_04 .title-venues,
    #anchor-venues_06 .title-venues{
        width:38%;
    }
    #anchor-venues_02 .text-venues,
    #anchor-venues_04 .text-venues,
    #anchor-venues_06 .text-venues{
        width:60%;
    }
    */
    .cell-venues-adjusting{
        width:100%;
        margin:0 auto;
        padding:32px 0 0;
    }
    .list-link-artists li span,
    .list-link-artists li a{
        font-size:1.1rem;
    }
    .title-venues{
        padding-left:80px;
    }
    .wrap-information .title-venues{
        padding-left:0px;
    }
    .name-venues{
        padding-top:36px;
        padding-left:0;
    }
    .assign-initial{
        width:60px;
        height:60px;
        font-size:3.0rem;
    }
    .assign-id{
        top:10px;
        left:0px;
        width:32px;
    }
    .assign-id li{
        width:16px;
        height:16px;
        font-size:1.1rem;
    }
}

/* each venues detail page
-------------------------------------------------------------*/

.header-title-venues{
    width:100%;
    padding-bottom:80px;
}
.title-venues-name{
    font-size:4.8rem;
    letter-spacing:.01em;
    line-height:2;
    color:#2F2725;
    font-weight:500;
    text-align:center;
    padding:1em 0 0;
    margin-bottom:8px;
}
.title-venues-ruby{
    font-size:2.2rem;
    letter-spacing:.01em;
    line-height:1.8;
    color:#2F2725;
    font-weight:500;
    text-align:center;
    margin-bottom:24px;
    font-family: "Noto Sans JP", sans-serif;
}
.name-venues-area{
    font-size:1.4rem;
    letter-spacing:.01em;
    line-height:1.8;
    color:#2F2725;
    font-weight:500;
    text-align:center;
    font-family: "Noto Sans JP", sans-serif;
}
.cell-venues-image{
    width:86.66%;
    margin:0 auto 64px;
}
.subcaption-venues{
    font-size:1rem;
    letter-spacing:0;
    line-height:1.2;
    color:#2F2725;
    transform-origin:right bottom;
    transform:scale(0.9);
    font-weight:400;
    white-space: nowrap;
    text-align:right;
    padding-top:0.6em;
}
.cell-venues-description{
    width:86.66%;
    margin:0 auto;
}
.cell-venues-description p{
    font-size:1.6rem;
    letter-spacing:0em;
    line-height:1.72;
    color:#2F2725;
    margin-bottom:0.8em;
}
.wrap-body-venues{
    width:100%;
    margin:0 auto 128px;
}
.wrap-artists-venues{
    width:100%;
    margin:0 auto 128px;
}
.wrap-sights-venues{
    width:100%;
    margin:0 auto 64px;
    display:none;
}
.subtitle-venues{
    font-size:2.2rem;
    letter-spacing:.01em;
    line-height:1.8;
    color:#2F2725;
    font-weight:500;
    text-align:center;
    margin-bottom:64px;
    font-family: "Noto Sans JP", sans-serif;
}
.wrap-information-venues{
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    padding:0px 0 96px;
}
.wrap-sights-around{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom:64px;
    margin-left:-32px;
    margin-right:-32px;
    gap:56px 5%;
}
.cell-sights-around{
    width:30%;
}
.cell-sights-around dt{
    aspect-ratio: 4/3;
    /*   overflow:hidden;*/
}
.cell-sights-around dt img{
    /*    object-fit: cover;
        height:100%;
        width:auto;*/
}
.cell-sights-around dd{
    font-size:1.5rem;
    letter-spacing:0.02em;
    line-height:1.3;
    color:#2F2725;
    font-weight:500;
    font-weight:400;
    padding:0.6em 0 0.6em;
    text-align:center;
}
.wrap-sights-venues .wrap-googlmaps{
}
.wrap-information-venues .wrap-googlmaps{
    aspect-ratio: 4 / 3;
}
@media (hover: hover) and (pointer: fine) {
    .cell-venues-description p a{
        transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
        text-decoration:underline;
    }
    .cell-venues-description p a:hover{
        color:#B5B5B5;
    }
}
@media only screen and (max-width:768px) {
    .header-title-venues{
        padding-bottom:64px;
    }
    .title-venues-name{
        font-size:3.2rem;
        margin-bottom:2px;
    }
    .title-venues-ruby{
        font-size:1.4rem;
        margin-bottom:16px;
    }
    .name-venues-area{
        font-size:1.1rem;
    }
    .cell-venues-image{
        width:84%;
        margin:0 auto 48px;
    }
    .cell-venues-description{
        width:96%;
    }
    .cell-venues-description p{
        font-size:1.3rem;
        margin-bottom:0.8em;
    }
    .wrap-body-venues{
        margin:0 auto 88px;
    }
    .wrap-artists-venues{
        margin:0 auto 88px;
    }
    .wrap-sights-venues{
        margin:0 auto 32px;
        display:none;
    }
    .subtitle-venues{
        font-size:1.8rem;
        margin-bottom:40px;
    }
    .wrap-information-venues{
        width:100%;
        padding:0px 0 72px;
    }
    .wrap-sights-around{
        display: flex;
        flex-direction:column;
        margin:0 auto;
        gap:40px 0;
    }
    .cell-sights-around{
        width:64%;
        margin:0 auto;
    }
    .cell-sights-around dd{
        font-size:1.3rem;
        padding:0.8em 0 0.2em;
    }
    .wrap-sights-venues .wrap-googlmaps{
    }
}

/* artworks page
-------------------------------------------------------------*/
#section-artworks-artists{
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:80px 0 240px;
}
#section-artworks-venues {
    max-width: 704px;
    padding: 0 0 240px;
}
#section-artworks-information {
    max-width: 704px;
    padding: 0 0 240px;
}
#section-artworks-calendar {
    max-width: 704px;
    padding: 0 0 240px;
}

.textbox-artworks {
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.8;
    color: #2F2725;
    text-align: center;
    margin-bottom: 80px;
}
.title-artistname{
    font-size:4.8rem;
    letter-spacing:.01em;
    line-height:2;
    color:#2F2725;
    font-weight:500;
    text-align:center;
    padding:1em 0;
}

.wrap-assign-id{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.assign-artist-id{
    width:auto;
    height:30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.assign-artist-id dt,.assign-artist-id dd{
    width:30px;
    height:30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:2rem;
    letter-spacing:0;
    line-height:1;
    color:#fff;
    font-weight:500;
    font-family: 'Arial';
}
.assign-artist-id dd{
    width:auto;
    min-width:50px;
}
.header-title-venues .assign-artist-id dd {
    min-width: 30px;
}
@media only screen and (min-width:769px) {
    #section-artworks-artists .view-more.enlarge,
    #section-artworks-venues .view-more.enlarge,
    #section-artworks-information .view-more.enlarge {
        text-align:center;
    }
    #section-artworks-artists .view-more.enlarge a,
    #section-artworks-venues .view-more.enlarge a,
    #section-artworks-information .view-more.enlarge a {
        padding-right:0;
    }
    #section-artworks-artists .view-more.enlarge {
        margin-top:64px;
    }
}
@media only screen and (max-width:768px) {
    #artworks .pageheader {
        padding-bottom:40px;
    }
    .title-artistname{
        font-size: 2.7rem;
        padding-top: 3.2em;
        padding-top: 1.2em;
    }
    .textbox-artworks{
        font-size: 1.3rem;
        margin-bottom: 56px;
    }
    #section-artworks-artists .view-more.enlarge,
    #section-artworks-venues .view-more.enlarge,
    #section-artworks-information .view-more.enlarge {
        text-align:center;
    }
    #section-artworks-artists .view-more.enlarge a,
    #section-artworks-venues .view-more.enlarge a,
    #section-artworks-information .view-more.enlarge a {
        padding-right:0;
    }
    #section-artworks-venues .slick-venues{
        margin-bottom:64px;
    }
    #section-artworks-calendar .textbox + .cell-links{
        margin-top:64px;
    }
    #section-artworks-information .title-artworks {
        line-height:1.5;
    }
    #section-artworks-information .textbox-artworks {
        text-align:left;
    }
    #section-artworks-information .textbox-artworks br{
        display:none;
    }
    #section-artworks-artists .title-artworks,
    #section-artworks-venues .title-artworks,
    #section-artworks-information .title-artworks,
    #section-artworks-calendar .title-artworks{
        margin-bottom: 32px;
    }
    #section-artworks-artists,
    #section-artworks-venues,
    #section-artworks-information,
    #section-artworks-calendar {
        padding-bottom: 100px;
    }
    #section-artworks-artists .view-more.enlarge {
        margin-top:48px;
    }
    .wrap-assign-id{
        gap: 10px;
    }
    .assign-artist-id{
        height:22px;
    }
    .assign-artist-id dt,.assign-artist-id dd{
        width:22px;
        height:22px;
        font-size:1.5rem;
    }
    .assign-artist-id dd{
        width:auto;
        min-width:38px;
    }
    .header-title-venues .assign-artist-id dd {
        min-width: 22px;
    }
}
.link-cell-artist{
    padding:40px 0;
}

.link-cell-artist .content-visit-by-car{
}
.link-cell-artist .content-visit-by-car a:nth-of-type(2){
    border-top:1px solid #2f2725;
}
.link-cell-artist .content-visit-by-car a:nth-of-type(3){
    border-top:1px solid #2f2725;
}
.link-cell-artist .content-visit-by-car a:nth-of-type(4){
    border-top:1px solid #2f2725;
}

.wrap-artworks-artists{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom:64px;
    gap:56px 4%;
}
.cell-artworks-artists{
    width:30%;
}
.cell-artworks-artists dd{
    font-size:1.8rem;
    font-size:1.5rem;
    letter-spacing:0.02em;
    line-height:1.3;
    color:#2F2725;
    font-weight:500;
    font-weight:400;
    padding:0.6em 0 0.6em;
    text-align:center;
}
.cell-artworks-artists dd {
    position:relative;
    text-align:left;
    padding-left:58px;
    white-space: nowrap;
}
.cell-artworks-artists .assign-dual {
    padding-left:116px;
}
.assign--id{
    position:absolute;
    top:9px;
    left:0px;
    width:48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.assign--id:nth-of-type(2){
    left:58px;
}
.assign--id li{
    width:18px;
    height:18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:1.2rem;
    letter-spacing:0;
    line-height:1;
    color:#fff;
    font-weight:500;
    font-family: 'Arial';
}
.assign--id li:nth-of-type(2){
    width:auto;
    min-width:30px;
}
.assign--id li.others{
    width:auto;
    min-width:48px;
}
@media (hover: hover) and (pointer: fine) {
    .cell-artworks-artists dt{
        background-color: #b5b5b5;
    }
    .cell-artworks-artists img{
        opacity: 1;
        transition: opacity cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    .cell-artworks-artists dd{
        transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    .cell-artworks-artists a:hover img{
        opacity: 0.5;
    }
    .cell-artworks-artists a:hover dd{
        color: #B5B5B5;
    }
}
@media only screen and (max-width:768px) {
    .wrap-artworks-artists{
        margin-bottom:56px;
        gap:32px 8%;
    }
    .cell-artworks-artists{
        width:46%;
        margin:0 0;
    }
    .cell-artworks-artists dd{
        font-size:1.3rem;
    }
    .cell-artworks-artists dd{
    }
    .cell-artworks-artists dd {
        padding-left:0;
        padding-top:32px;
    }
    .cell-artworks-artists .assign-dual {
        padding-left:0;
    }
    .assign--id{
        top:8px;
        left:0px;
        width:44px;
    }
    .assign--id:nth-of-type(2){
        left:52px;
    }
    .assign--id li{
        width:16px;
        height:16px;
        font-size:1.1rem;
    }
    .assign--id li:nth-of-type(2){
        width:auto;
        min-width:28px;
    }
    .assign--id li.others{
        width:auto;
        min-width:40px;
    }
}

.cell-artworks{
    width:100%;
    margin:32px auto 100px;
}
.text-artworks{
    font-size:1rem;
    letter-spacing:0.02em;
    line-height:1.6;
    color:#2F2725;
    font-weight:400;
    padding:0.4em 0 0.2em;
    text-align:right;
}
.text-artworks{
    font-size:1rem;
    letter-spacing:0.02em;
    line-height:1.6;
    color:#2F2725;
    font-weight:400;
    padding:0.4em 0 0.2em;
    text-align:right;
}

.cell-explanations{
    width:84%;
    margin:0px auto 100px;
}
.cell-explanations p {
    font-size: 1.4rem;
    letter-spacing: .01em;
    line-height: 1.733;
    text-align: justify;
    color: #2F2725;
    font-weight: 400;
    margin-bottom:1em;
}
.title-explanations{
    font-size:1.8rem;
    letter-spacing:.01em;
    line-height:1.3;
    color:#2F2725;
    font-weight:500;
    text-align:center;
    margin-bottom:0.4em;
    font-family: "Noto Sans JP", sans-serif;
}
.title-explanations:last-of-type{
    margin-bottom:1.6em;
}

@media only screen and (max-width:768px) {
    .cell-explanations{
        width:100%;
        margin:0 auto 64px;
    }
    .cell-explanations p {
        font-size: 1.3rem;
    }
    .title-explanations{
        font-size:1.5rem;
    }
}


@media only screen and (min-width:769px) {
    .hidesp{display:inline-block;}
    .hidepc{display:none;}
}
@media only screen and (max-width:768px) {
    .hidesp{display:none;}
    .hidepc{display:inline-block;}
}

/* information artworks page
-------------------------------------------------------------*/
#information .pageheader h1{
    text-align: center;
}
#information .pageheader {
    padding-bottom:40px;
}
#information .text-information{
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.8;
    color: #2F2725;
    text-align: center;
    padding: 100px 0;
}
#information #section-information {
    max-width: 704px;
    padding: 0 0 56px;
}
#information #section-ticket-counter {
    padding-top: 56px;
    max-width:704px;
}
.wrap-information{
    padding:80px 0;
    border-top: 1px solid #2f2725;
}
.image-information{
    width:68%;
}
.image-information img{
    max-width:400px;
}
.title----venues{
    width:32%;
    text-align: left;
    padding-bottom:0;
}
.wrap-information .title-venues span{
    font-size:3.2rem;
}
.wrap-information .head-venues{
    margin:0 auto 32px;
}
#section-ticket-counter .text-ticket-counter{
    padding-bottom:80px;
}
.body-information{
    padding-left:32%;
}
.name-information{
    font-size:2.2rem;
    letter-spacing:.01em;
    line-height:1.6;
    color:#2F2725;
    font-weight:500;
    margin-bottom:24px;
    font-family: "Noto Sans JP", sans-serif;
}
.define-information{
    position:relative;
    margin-bottom:24px;
}
.define-information dt{
    font-size:1.4rem;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
    font-weight:bold;
    margin-bottom:0.2em;
    position:absolute;
}
.define-information dd{
    font-size:1.4rem;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
    padding-left:7em;
    margin-bottom:0.4em;
}
.body-information .define-information dt{
    position:relative;
}
.body-information .define-information dd{
    padding-left:0;
}
.wrap-information-venues .define-information dt{
    position:relative;
}
.wrap-information-venues .define-information dd{
    padding-left:0;
}
.link-gglmap{
    display: inline-block;
    margin-left:2em;
}
.items-information{
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom:24px;
}
.items-information li{
    display: flex;
    justify-content: center;
    align-items: center;
    min-width:60px;
    min-height:40px;
    padding:0 1em;
    font-size:1.4rem;
    letter-spacing:0;
    line-height: 1.1;
    border:1px solid #2f2725;
    border-radius: 4px;
}
.remark-information{}
.remark-information p{
    font-size:1.4rem;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
}
@media only screen and (min-width:769px) {
    .body-information{
        padding-right:30%;
        padding-left:0%;
    }
}
@media (hover: hover) and (pointer: fine) {
    .link-gglmap{
        transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    .link-gglmap:hover{
        color:#B5B5B5;
    }
}
@media only screen and (max-width:768px) {
    #information .pageheader {
        padding-bottom:40px;
    }
    #information .text-information{
        font-size: 1.3rem;
        line-height: 1.99;
        text-align: left;
        padding: 70px 0;
    }
    .cell-artworks{
        margin:8px auto 70px;
    }
    .photo-artist{
        width:80%;
        margin:0 auto 70px;
    }
    .wrap-information{
        padding:70px 0;
    }
    .image-information{
        width:64%;
        padding-top:64px;
    }
    .image-information img{
        width:100%;
    }
    .title-venues{
        width:34%;
        width:100%;
        padding-bottom:24px;
    }
    .wrap-information .title-venues span{
        font-size:2.2rem;
    }
    .wrap-information .head-venues{
        min-height:80px;
    }
    #information #section-information {
        padding: 0 0 40px;
    }
    #information #section-ticket-counter {
        padding: 0 0 80px;
    }
    .body-information{
        padding-left:0;
    }
    .name-information{
        font-size:1.8rem;
        margin-bottom:16px;
    }
    .define-information{
        margin-bottom:16px;
    }
    .define-information dt{
        font-size:1.2rem;
    }
    .define-information dd{
        font-size:1.2rem;
        padding-left:6em;
    }
    .define-information dd span{
        font-size:1.0rem;
    }
    .link-gglmap{
        text-decoration: underline;
        margin-left:1.2em;
    }
    .items-information{
        gap: 11px;
        margin-bottom:16px;
    }
    .items-information li{
        min-width:56px;
        min-height:32px;
        font-size:1.2rem;
        border-radius: 3px;
    }
    .remark-information p{
        font-size:1.2rem;
    }
}

/* privacypolicy page
-------------------------------------------------------------*/
.text-policy{
    width:100%;
}
.text-policy{
    padding-bottom:32px;
}
.text-policy h3,
.text-policy dt,
.text-policy dd,
.text-policy p{
    font-size:1.4rem;
    font-weight:400;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
}
.text-policy p{
    margin-bottom:1.6em;
}
@media only screen and (max-width:768px) {
    .text-policy{
        width:90%;
        margin:auto;
    }
    .text-policy h3,
    .text-policy dt,
    .text-policy dd,
    .text-policy p{
        font-size:1.3rem;
    }
    .text-policy p{
        margin-bottom:2em;
    }
}


/* access page
-------------------------------------------------------------*/
.title-access,.title-overview,.title-logomark,.title-partner{
    line-height:1.6;
    padding:1em 0 1.2em;
}

.mySection#section-to-okayama{
    max-width:704px;
    padding:64px 0 240px;
}
.mySection#section-from-okayama{
    max-width:704px;
    padding-bottom: 240px;
}
.mySection#section-map-google{
    max-width:704px;
    padding-bottom: 180px;
}
.mySection#section-visit-by-car{
    max-width:704px;
    padding-bottom: 240px;
    padding-bottom: 120px;
}
.mySection#section-visit-by-bus{
    max-width:704px;
    padding-bottom: 240px;
    padding-bottom: 120px;
}
.mySection#section-visit-by-train{
    max-width:704px;
    padding-bottom: 120px;
}
.mySection#section-rental-bicycle{
    max-width:704px;
    padding-bottom: 196px;
}
.subtitle-access{
    font-size:2.3rem;
    letter-spacing:.01em;
    line-height:1.8;
    color:#2F2725;
    font-weight:500;
    text-align:center;
    margin-bottom:40px;
    font-family: "Noto Sans JP", sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.4em;
}
.subtitle-access i{
    font-size:2.6rem;
    line-height:1.8;
    font-style:normal;
}
.box-to-okayama{
    width:100%;
    margin:0 auto;
    position:relative;
}
.box-from-okayama{
    width:100%;
    margin:0 auto;
    position:relative;
}
.img-to-okayama{
    width:100%;
    margin:0 auto;
}
.img-from-okayama{
    width:96%;
    margin:0 auto;
}
.button-zoomup{
    width: 114px;
    height: 40px;
    height: auto;
    margin:0 ;
    position:absolute;
    right:10px;
    bottom:100px;
    border:1px solid #2f2725;
}
.table-parking-info-pc{
    display:block;
}
.table-parking-info-sp{
    display:none;
}
.table-parking-info{
    width:100%;
    margin:0 0 33px;
}
.table-parking-info table{
    border-collapse: collapse;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.table-parking-info table tr {
    background-color: #fff;
    border: 1px solid #000;
}
.table-parking-info table th,
.table-parking-info table td {
    border-right: 1px solid #000;
}
.table-parking-info table td,
.table-parking-info table th {
    line-height:2;
    font-size: 1.4rem;
    font-weight: 400;
    height:48px;
    vertical-align: middle;
}
.table-parking-info table th {
    text-align: center;
}
.table-parking-info table thead tr{
    background-color: #fff;
}
.table-parking-info table thead th{
    background-color: #f2f2f2;
}
.table-parking-info table tbody th{
    background-color: #e3e4e4;
    width:190px;
    width:13%;
}
.table-parking-info table td {
    padding: 0.7em 0.8em;
}
.table-parking-info table td ul{
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    margin:0;
}
.table-parking-info table td li{
    margin:0;
    line-height:1.2;
}
.define-tour dt{
    font-size:1.4rem;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
    font-weight:bold;
    margin-bottom:0.2em;
}
.define-tour dd{
    font-size:1.4rem;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
    padding-bottom:16px;
}
.define-tour dd:last-of-type{
    padding-bottom:0;
}
.define-tour dd li{
    margin-left:15px;
    margin-bottom:0.2em;
}
.define-tour dd p,.define-tour dd ul{
    margin-bottom:1em;
}
.table-bustour{
    width:100%;
    margin:0 0 33px;
}
.table-bustour table{
    border-collapse: collapse;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.table-bustour table tr {
    background-color: #fff;
    border: 1px solid #000;
}
.table-bustour table th,
.table-bustour table td {
    border-right: 1px solid #000;
}
.table-bustour table td,
.table-bustour table th {
    line-height:2;
    font-size: 1.4rem;
    font-weight: 400;
    height:48px;
    vertical-align: middle;
}
.table-bustour table th {
    text-align: center;
}
.table-bustour table thead tr{
    background-color: #fff;
}
.table-bustour table thead th{
    background-color: #f2f2f2;
}
.table-bustour table tbody th{
    background-color: #e3e4e4;
    width:190px;
    width:20%;
}
.table-bustour table td {
    padding: 0.8em 1em;
}
.table-bustour table td ul{
    display: flex;
    flex-wrap: wrap;
    gap: 0.2em 1em;
    margin:0;
}
.table-bustour table td li{
    margin:0;
    line-height:1.2;
}
.table-bustour table.table-venuebus td,
.table-bustour table.table-venuebus th {
    height:auto;
}
.table-bustour table.table-venuebus tbody th{
    padding: 0.8em 1.1em;
    width:auto;
    min-width:120px;
}
.table-bustour table.table-venuebus td {
    text-align:right;
}
.table-bustour table.table-venuebus {
    width:auto;
    margin:0 0;
}
.rem-bustour{
}
.define-tour dd .rem-bustour li{
    margin-left:0;
}
.rem-bustour li{
    font-size:1.4rem;
    letter-spacing:0.04em;
    line-height:1.8;
    font-weight:400;
    margin-bottom: 0.2em;
    padding-left:1em;
    text-indent:-1em;
}
.wrap-table-bustour{
    width:100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2em;
    gap: 64px;
}
.wrap-table-bustour .table-bustour{
    width:auto;
}
.name-diagram{
    font-size:1.4rem;
    letter-spacing:.01em;
    line-height:1.6;
    color:#2F2725;
    font-weight:400;
    padding:0.4em 0;
}
.title-dd-bustour{
    font-size:1.4rem;
    letter-spacing:0.04em;
    line-height:1.8;
    font-weight:400;
    margin-bottom: 0.1em;
    padding:1em 0;
    text-align: center;
}
.detail-dd-bustour{
    width:100%;
    border:1px solid #2f2725;
    padding:20px 24px;
    margin-bottom:20px;
}
.header-dd-bustour{
    width:100%;
    margin-bottom:1em;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 2em;
}
.course-dd-bustour{
    font-size:1.7rem;
    letter-spacing:0.04em;
    line-height:1.6;
    font-weight:500;
}
.price-dd-bustour{
    font-size:1.4rem;
    letter-spacing:0.04em;
    line-height:1.6;
    font-weight:400;
}
.body-dd-bustour{
    font-size:1.4rem;
    letter-spacing:0.02em;
    line-height:2;
    font-weight:400;
}
.header-bustour{
    text-align: center;
    padding: 0.4em 0;
}
.category-bustour{
    font-size:1.4rem;
    letter-spacing:0.02em;
    line-height:1.2;
    font-weight:400;
    margin-bottom:1.4em;
}
.name-bustour{
    font-size:3.2rem;
    letter-spacing:0.04em;
    line-height:1.2;
    font-weight:500;
    margin-bottom:0.8em;
}
.wrap-bustour{
    border-bottom:1px solid #2f2725;
    padding-bottom:48px;
    margin: 0 auto 64px;
}
.wrap-official-tour{
    border-bottom:1px solid #2f2725;
    padding-bottom:64px;
    margin: 0 auto 64px;
}
.wrap-artbus{
    border-bottom:1px solid #2f2725;
    padding-bottom:1px;
    margin: 0 auto 64px;
}
.wrap-bustour:last-of-type{
    margin-bottom:0;
}
.text-bustour{
    width:100%;
    margin:0 auto 64px;
    padding-bottom:64px;
}
.text-artbus,.text-venuebus{
    width:100%;
    margin:0 auto 0;
    padding-bottom:40px;
}
.text-artbus>p,.text-venuebus>p{
    font-size:1.4rem;
    letter-spacing:0.02em;
    line-height:2;
    font-weight:400;
    padding-bottom:32px;
}
.text-venuebus>p{
    padding-bottom:48px;
}
.diagram01{
    display: inline-block;
    color:#2a1ed6;
}
.diagram02{
    display: inline-block;
    color:#3ca3da;
}
.diagram03{
    display: inline-block;
    color:#2f2725;
}
.text-artbus>.box-diagram03{
    padding:0 2em;
    margin-bottom:32px;
    position:relative;
    display:inline-block;
}
.box-diagram03:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: calc(100% - 32px);
    height:100%;
    border: 1px solid #2f2725;
    border-right: 1px solid #fff;
}
.box-diagram03:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1em;
    height: calc(100% - 32px);
    height:100%;
    border: 1px solid #2f2725;
    border-left: 1px solid #fff;
}
.subtitle-artbus{
    font-size:1.4rem;
    letter-spacing:0.02em;
    line-height:1.6;
    font-weight:400;
    padding-bottom:0.2em;
    font-weight:bold;
}
.subtitle-venuebus{
    font-size:1.8rem;
    letter-spacing:0.02em;
    line-height:1.6;
    font-weight:400;
    padding-bottom:1.2em;
    font-weight:bold;
}
.subtitle-venuebus i{
    color:transparent;
    position:relative;
    display: inline-block;
    width: 1.2em;
}
.subtitle-venuebus i::after{
    content: '';
    display: inline-block;
    width: 1em;
    height: 0.8em;
    background-image: url(https://forestartfest-okayama.jp/archive/archive/archive/en/cms/wp-content/themes/forestartfest-okayama-may-2025-en/assets/img/arrow_nagi.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}
.subtitle-venuebus:nth-of-type(2){
    margin-top:3.2em;
}
.text-comingsoon p{
    font-size:1.4rem;
    letter-spacing:0.02em;
    line-height:1.2;
    font-weight:400;
    color:#d0d0d0;
    font-family: Arial;
    text-align: center;
}
.text-comingsoon{
    width:100%;
    margin:0 auto 64px;
    padding-bottom:64px;
    margin:0 auto 8px;
    padding-bottom:0px;
}
.box-map-artbus{
    width:100%;
    margin:0 auto;
    position:relative;
    padding-bottom:100px;
}
.img-map-artbus{
    width:100%;
    margin:0 auto;
}
.box-map-artbus .button-zoomup{
    bottom:20px;
}
.wrap-public-transport{
    width:100%;
    margin:0 auto 30px;
}
.text-venuebus .wrap-public-transport{
    margin:0 auto 64px;
}
.title-public-transport{
    border:1px solid #2f2725;
    font-size:2.2rem;
    font-weight:500;
    letter-spacing:0;
    line-height: 1.2;
    min-height:84px;
    padding:0 30px;
    color: #2F2725;
    background-color: #fff;
    margin-bottom:0;
    position:relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.title-public-transport::before {
    content: "";
    position: absolute;
    top: calc(50% - 18px);
    right: calc(0% + 30px);
    width: 24px;
    height: 24px;
    border-top: 1px solid #2f2725;
    border-right: 1px solid #2f2725;
    transform: rotate(135deg);
}
.is-open.title-public-transport::before {
    top: calc(50% - 4px);
    transform: rotate(-45deg) ;
}
.cell-public-transport{
    border:1px solid #2f2725;
    border-top:none;
    width:100%;
}
.cell-public-transport{
    display:none;
}
.box-public-transport{
    width:100%;
    padding:40px 0 1px;
}
.box-public-transport{
    display:none;
}
.content-public-transport{
    display: flex;
    flex-wrap: nowrap;
    border-top:1px solid #2f2725;
}
.content-public-transport:first-of-type{
    border-top:none;
}
.departing-public-transport{
    width:30%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight:bold;
    background-color: #f1f1f1;
    font-size:1.4rem;
    font-weight:500;
    letter-spacing:0;
    line-height: 1.2;
    color: #2F2725;
}
.detail-howto{
    width:70%;
    border-left:1px solid #2f2725;
}
.detail-howto>a,.cell-agancy-bustour>a{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    min-height:80px;
    background-color: #fff;
}
.detail-howto>a:nth-of-type(2),.cell-agancy-bustour>a:nth-of-type(2) {
    border-top:1px solid #2f2725;
}
.name-public-transport {
    padding:16px 30px;
}
.name-public-transport dt{
    font-size:1.4rem;
    line-height: 1.4;
    color: #2F2725;
}
.name-public-transport dd{
    font-size:1.2rem;
}
.link-public-transport {
    padding:0 30px 0 72px;
    position: relative;
    line-height:1;
    font-size:1.4rem;
}
.link-public-transport:before {
    display: block;
    content: "";
    width: 24px;
    height: 0.5px;
    position: absolute;
    bottom: 0;
    left: 36px;
    transform: translate(0, -2px) rotate(30deg);
    transform-origin:right bottom;
    background: #2F2725;
}
.link-public-transport:after {
    display: block;
    content: "";
    width: 60px;
    height: 0.5px;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(0, -2px);
    background: #2F2725;
}
.box-visit-by-car{
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0 0;
    margin-bottom:64px;
}
.text-visit-by-car{
    font-size:1.4rem;
    letter-spacing:0.04em;
    line-height:1.99;
    font-weight:400;
}
.content-visit-by-car{
    width:100%;
    margin:0 auto 60px;
    border:1px solid #2f2725;
}
.content-visit-by-car>a{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    min-height:80px;
    background-color: #fff;
}
#section-visit-by-car .subtitle-access{
    margin-bottom:30px;
}
.text-visit-by-bus{
    width:100%;
    margin:0 auto 64px;
    padding-bottom:64px;
    border-bottom:1px solid #2f2725;
}
.text-visit-by-bus p{
    font-size:1.4rem;
    font-weight:400;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
}
.text-visit-by-train{
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2.2;
    color: #2F2725;
    text-align:center;
    margin-bottom:56px;
}
.banner-visit-by-train{
    width:80%;
    max-width:380px;
    margin:0 auto 30px;
    background-color:#2f2725;
}
.link-bus-limousine{
    width:100%;
    margin:0 auto;
    text-align: center;
}
.link-bus-limousine>a{
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    gap:0 16px;
    text-align: left;
}
.name-bus-limousine{
    font-size:1.4rem;
    line-height: 1.4;
    color: #2F2725;
}
.link-bus-limousine .link-public-transport {
    padding-right:0;
}
.wrap-googlmaps{
    width:100%;
    aspect-ratio: 16 / 9;
}
.wrap-googlmaps iframe {
    width: 100%;
    height: 100%;
}
.link-cell-artist .name-public-transport dt{
    position:relative;
    padding-left:60px;
}
.link-cell-artist .name-public-transport dt .assign-id{
    top:-3px;
    left:0;
}

.title-agancy-bustour{
    border:1px solid #2f2725;
    font-size:1.5rem;
    font-weight:500;
    letter-spacing:0;
    line-height: 1.2;
    min-height:84px;
    padding:0 30px;
    color: #2F2725;
    background-color: #f0f0f0;
    margin-bottom:0;
    position:relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.cell-agancy-bustour{
    border:1px solid #2f2725;
    border-top:none;
    width:100%;
}
@media only screen and (min-width:769px) {
    .wrap-retractable{
        display:none;
    }
    .box-to-okayama{
        display:block;
    }
}
.button-zoomup a img:nth-of-type(1) {
    opacity: 1;
}
.button-zoomup a img:nth-of-type(2) {
    opacity: 0;
    position: absolute;
    top:0;
    left:0;
}
@media (hover: hover) and (pointer: fine) {
    .button-zoomup a img{
        position: relative;
        transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }
    .button-zoomup{
        transition: border-color 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }

    .button-zoomup a:hover img:nth-of-type(1) {
        opacity: 0;
    }
    .button-zoomup a:hover img:nth-of-type(2) {
        opacity: 1;
    }
    .button-zoomup:hover{
        border-color: #d1d1d1;
    }
    .banner-visit-by-train a img{
        transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }
    .banner-visit-by-train a:hover img{
        opacity: 0.4;
    }
    .title-public-transport::before {
        transition: border cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
        cursor: pointer;
    }
    .title-public-transport:hover::before {
        border-top: 4px solid #b5b5b5;
        border-right: 4px solid #b5b5b5;
    }
    .detail-howto>a,.content-visit-by-car>a{
        transition: background-color 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }
    .link-bus-limousine>a .name-bus-limousine,.detail-howto>a .name-public-transport dt,.content-visit-by-car>a .name-public-transport dt{
        transition: color 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }
    .detail-howto>a .name-public-transport dd,.content-visit-by-car>a .name-public-transport dd{
        transition: color 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }
    .link-bus-limousine>a .link-public-transport,.detail-howto>a .link-public-transport ,.content-visit-by-car>a .link-public-transport{
        transition: color 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }
    .link-bus-limousine>a .link-public-transport:before,.detail-howto>a .link-public-transport:before ,.content-visit-by-car>a .link-public-transport:before{
        transition: background 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }
    .link-bus-limousine>a .link-public-transport:after,.detail-howto>a .link-public-transport:after ,.content-visit-by-car>a .link-public-transport:after{
        transition: background 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }

    .detail-howto>a:hover,.content-visit-by-car>a:hover{
        background-color: #b5b5b5;
    }
    .detail-howto>a:hover .name-public-transport dt,.content-visit-by-car>a:hover .name-public-transport dt{
        color: #fff;
    }
    .detail-howto>a:hover .name-public-transport dd,.content-visit-by-car>a:hover .name-public-transport dd{
        color: #fff;
    }
    .detail-howto>a:hover .link-public-transport ,.content-visit-by-car>a:hover .link-public-transport{
        color: #fff;
    }
    .detail-howto>a:hover .link-public-transport:before ,.content-visit-by-car>a:hover .link-public-transport:before{
        background: #fff;
    }
    .detail-howto>a:hover .link-public-transport:after ,.content-visit-by-car>a:hover .link-public-transport:after{
        background: #fff;
    }
    .link-bus-limousine>a:hover .name-bus-limousine{
        color: #b5b5b5;
    }
    .link-bus-limousine>a:hover .link-public-transport{
        color: #b5b5b5;
    }
    .link-bus-limousine>a:hover .link-public-transport:before{
        background: #b5b5b5;
    }
    .link-bus-limousine>a:hover .link-public-transport:after{
        background: #b5b5b5;
    }
}

@media only screen and (max-width:768px) {
    .mySection#section-visit-by-train{
        padding-bottom: 100px;
    }
    .wrap-retractable{
        display:block;
    }
    .box-to-okayama{
        display:none;
    }
    .wrap-retractable{
        width:94%;
        min-width:312px;
        max-width:480px;
        margin:0 auto 20px;
    }
    .title-departing{
        border:1px solid #2f2725;
        font-size:1.6rem;
        font-weight:500;
        letter-spacing:0;
        line-height: 1.2;
        min-height:46px;
        padding:0 20px;
        color: #2F2725;
        background-color: #fff;
        margin-bottom:0;
        position:relative;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }
    .title-departing::before {
        content: "";
        position: absolute;
        top: calc(50% - 8px);
        right: calc(0% + 16px);
        width: 12px;
        height: 12px;
        border-top: 1px solid #2f2725;
        border-right: 1px solid #2f2725;
        transform: rotate(135deg) ;
    }
    .is-open.title-departing::before {
        top: calc(50% - 2px);
        transform: rotate(-45deg) ;
    }
    .subtitle-access{
        font-size:1.8rem;
        margin-bottom:28px;
    }
    .subtitle-access i{
        font-size:2.2rem;
    }

    .cell-retractable{
        border:1px solid #2f2725;
        border-top:none;
        width:100%;
        margin-bottom:20px;
    }
    .cell-retractable{
        display:none;
    }
    .mySection#section-to-okayama{
        padding:56px 0 64px;
    }
    #section-to-okayama .title-access{
        margin-bottom:0.8em;
    }

    .header-bustour{
        padding: 0.4em 0;
    }
    .category-bustour{
        font-size:1.3rem;
        line-height:1.8;
        margin-bottom:1em;
    }
    .name-bustour{
        font-size:2.7rem;
        margin-bottom:0.8em;
    }
    .wrap-bustour{
        padding-bottom:40px;
        margin: 0 auto 48px;
    }
    .wrap-official-tour{
        padding-bottom:40px;
        margin: 0 auto 48px;
    }
    .wrap-bustour:last-of-type{
        margin-bottom:0;
    }
    .text-bustour{
        margin:0 auto 48px;
        padding-bottom:48px;
    }
    .text-artbus{
        width:100%;
        margin:0 auto;
        padding-bottom:40px;
    }
    .text-artbus>p{
        font-size:1.3rem;
        padding-bottom:24px;
        line-height:1.6;
    }
    .subtitle-artbus{
        font-size:1.3rem;
    }
    .text-comingsoon p{
        font-size:1.3rem;
    }
    .text-comingsoon{
        margin:0 auto 48px;
        padding-bottom:48px;
        margin:0 auto 8px;
        padding-bottom:0px;
    }
    .box-map-artbus{
        padding-bottom:60px;
    }
    .img-map-artbus{
    }
    .box-map-artbus .button-zoomup{
    }
    .wrap-public-transport{
        margin:0 auto 20px;
    }
    .title-public-transport{
        font-size:1.6rem;
        min-height:46px;
        padding:0 16px;
    }
    .title-public-transport::before {
        top: calc(50% - 10px);
        right: calc(0% + 16px);
        width: 12px;
        height: 12px;
    }
    .is-open.title-public-transport::before {
        top: calc(50% - 2px);
    }
    .content-public-transport{
        flex-direction:column;
        flex-wrap: wrap;
    }
    .departing-public-transport{
        width:100%;
        font-size:1.3rem;
        min-height:40px;
    }
    .detail-howto{
        width:100%;
        border-left:none;
        border-top:1px solid #2f2725;
    }
    .detail-howto>a,.cell-agancy-bustour>a{
        align-items: flex-start;
        justify-content: flex-end;
        flex-direction:column;
    }
    .detail-howto>a:nth-of-type(2){
    }
    .name-public-transport {
        padding:14px 20px;
    }
    .name-public-transport dt{
        font-size:1.3rem;
    }
    .name-public-transport dd{
        font-size:1.3rem;
    }
    .link-public-transport {
        margin-bottom:14px;
        padding:0 20px 0 72px;
        align-self: flex-end;
        font-size:1.3rem;
    }
    .name-bus-limousine{
        font-size:1.3rem;
    }
    .link-bus-limousine .link-public-transport {
        margin-bottom:0;
        padding-right:0;
    }
    .link-bus-limousine{
        margin:-20px 0 40px;
    }
    .box-visit-by-car{
        margin-bottom:40px;
    }
    .text-visit-by-car{
        font-size:1.3rem;
        line-height:1.8;
    }
    .content-visit-by-car{
        margin:0 auto 56px;
    }
    .content-visit-by-car>a{
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
    }
    #section-visit-by-car .subtitle-access{
        margin-bottom:30px;
    }
    .text-visit-by-bus{
        margin:0 auto 48px;
        padding-bottom:48px;
    }
    .text-visit-by-bus p{
        font-size:1.3rem;
        line-height: 1.8;
    }
    .text-visit-by-train{
        font-size: 1.3rem;
        line-height: 2;
        margin-bottom:40px;
    }
    .banner-visit-by-train{
        width:80%;
        max-width:380px;
        margin:0 auto 30px;
    }
    .button-zoomup{
        width: 85px;
        height: auto;
        right:4px;
        bottom:28px;
        overflow: hidden;
    }
    .mySection#section-from-okayama{
        padding-bottom: 96px;
    }
    .mySection#section-map-google{
        padding-bottom: 96px;
    }
    .table-parking-info table td,
    .table-parking-info table th {
        font-size: 1.3rem;
        line-height:1.5;
    }
    .table-parking-info table td {
        width: 50%;
    }
    .table-parking-info table td>p {
        margin-bottom:0.6em;
    }
    .table-parking-info table td>p:last-of-type {
        margin-bottom:0;
    }
    .table-parking---info tr th:nth-of-type(1){
        display: none;
    }
    .table-parking-info-pc{
        display:none;
    }
    .table-parking-info-sp{
        display:block;
        margin-bottom:20px;
    }
    .table-parking-info{
        margin:0;
    }
    .title-table-parking-info{
    }
    .title-table-parking-info{
        border:1px solid #2f2725;
        font-size:1.6rem;
        font-weight:500;
        letter-spacing:0;
        line-height: 1.2;
        min-height:46px;
        padding:0 16px;
        color: #2F2725;
        background-color: #e2e3e3;
        margin-bottom:0;
        position:relative;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }
    .title-table-parking-info::before {
        content: "";
        position: absolute;
        top: calc(50% - 10px);
        right: calc(0% + 16px);
        width: 12px;
        height: 12px;
        border-top: 1px solid #2f2725;
        border-right: 1px solid #2f2725;
        transform: rotate(135deg);
    }
    .is-open.title-table-parking-info::before {
        top: calc(50% - 2px);
        transform: rotate(-45deg) ;
    }
    .wrap-table-parking-info{
        display:none;
    }
    .wrap-table-parking-info table{
        margin-top:-1px;
    }
    .define-tour dt{
        font-size:1.3rem;
    }
    .define-tour dd{
        font-size:1.3rem;
        padding-bottom:12px;
    }
    .table-bustour{
        margin:0 0 28px;
    }
    .table-bustour table{
    }
    .table-bustour table td,
    .table-bustour table th {
        font-size: 1.3rem;
        height:40px;
    }
    .table-bustour table tbody th{
        width:28%;
    }
    .rem-bustour li{
        font-size:1.3rem;
    }
    .title-dd-bustour{
        font-size:1.3rem;
    }
    .detail-dd-bustour{
    }
    .header-dd-bustour{
        align-items: flex-start;
        justify-content: flex-start;
        gap: 0.6em;
        flex-direction: column;
    }
    .course-dd-bustour{
        font-size:1.5rem;
    }
    .price-dd-bustour{
        font-size:1.3rem;
    }
    .body-dd-bustour{
        font-size:1.3rem;
    }
    .wrap-googlmaps{
        aspect-ratio: 1 / 1;
    }
    .box-public-transport{
        padding:24px 0 1px;
    }
    .box-public-transport .table-bustour{
        overflow-x: scroll;
        width:100%;
    }
    .name-diagram{
        font-size:1.3rem;
        padding:0.3em 0;
    }
    .text-venuebus .wrap-public-transport{
        margin:0 auto 48px;
    }
    .text-venuebus .wrap-public-transport{
        margin:0 auto 32px;
    }
    .subtitle-venuebus{
        font-size:1.5rem;
        padding-bottom:1.2em;
    }
    .subtitle-venuebus:nth-of-type(2){
        margin-top:2.4em;
    }
    .text-venuebus>p{
        padding-bottom:32px;
    }
    .table-bustour table.table-venuebus tbody th{
        min-width:100px;
    }
    .table-bustour table.table-venuebus tbody th,.table-bustour table.table-venuebus tbody td{
        white-space: nowrap;
    }
    .wrap-table-bustour{
        flex-direction: column;
        gap: 16px;
    }
    .link-cell-artist .name-public-transport dt{
        padding-top:44px;
        padding-left:0px;
    }
    .link-cell-artist .name-public-transport dt .assign-id{
        top:6px;
        left:0;
        width:44px;
    }
    .link-cell-artist .name-public-transport dt .assign-id{
    }
    .link-cell-artist .name-public-transport dt .assign-id li{
        width:22px;
        height:22px;
        font-size:1.4rem;
    }
    .title-agancy-bustour{
        font-size:1.3rem;
    }
}

/* ticket page
-------------------------------------------------------------*/
.mySection#section-sales-period{
    max-width:704px;
    padding:0 0 150px;
}
.mySection#section-intro-ticket{
    max-width:704px;
    padding:0;
}
.mySection#section-ticket-price{
    max-width:704px;
    padding:0 0 150px;
}
.mySection#section-terms{
    max-width:704px;
    padding:0 0 150px;
}
.mySection#section-image-ticket{
    max-width:704px;
    padding:0 0 150px;
}
.mySection#section-shop-ticket{
    max-width:704px;
    padding:0 0 64px;
}
.mySection#section-ticket-counter{
    max-width:704px;
    padding:0 0 240px;
}
#section-ticket-counter .title-ticket{
    padding-bottom:64px;
    line-height:1.6;
}
#section-information .title-ticket{
    padding-top:150px;
    padding-bottom:8px;
    line-height:1.6;
}
#section-ticket-price .title-ticket{
    padding-bottom:64px;
    line-height:1.6;
}
.subtitle-ticket{
    font-size:2.3rem;
    letter-spacing:.01em;
    line-height:1.8;
    color:#2F2725;
    font-weight:500;
    text-align:center;
    margin-bottom:40px;
    font-family: "Noto Sans JP", sans-serif;
}
.intro-ticket{
    width:100%;
    /*aspect-ratio: 8/4;*/
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top:80px;
    padding-bottom:144px;
}
.intro-ticket-text{
}
.box-sales-period{
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:10px 0 0;
}
.text-sales-period{
    position:relative;
    width:46.8%;
    width:fit-content;
}
.text-sales-period dt{
    position:absolute;
    font-size:2.1rem;
    letter-spacing:.02em;
    line-height:1.3;
    color:#2F2725;
    font-weight:700;
}
.text-sales-period dd{
    position:relative;
    margin-bottom: 50px;
    padding-left:5.4em;
    padding-left:13.4em;
    font-size:1.6rem;
    letter-spacing:.06em;
    line-height:1.733;
    color:#2F2725;
    font-weight:400;
}
.text-sales-period dd:last-of-type{
    margin-bottom: 0px;
}
.box-ticket-price{
    width:100%;
    padding:15px 0 0;
}
.table-ticket-price{
    width:100%;
    margin:0 0 33px;
}
.table-ticket-price-mobile,
.table-ticket-price-sp{
    display: none;
}
.rem-ticket-price{
}

.rem-ticket-price li{
    font-size:1.4rem;
    letter-spacing:0.04em;
    line-height:1.8;
    font-weight:400;
    margin-bottom: 0.2em;
    padding-left:0.5em;
    text-indent:-0.5em;
}
.rem-ticket-price li a{
    text-decoration: underline;
    color:#306095;
}
.box-terms-of-use{
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:10px 0 0;
}
.text-terms-of-use{
    font-size:1.4rem;
    letter-spacing:0.04em;
    line-height:1.99;
    font-weight:400;
    margin-bottom: 0.2em;
}
.terms-of-venues{
    margin-bottom:128px;
    margin-top:24px;
}
.adjust-with-terms{
    width:100%;
    margin:0 auto 40px;
}
.terms-of-venues .text-terms-of-use {
    padding-left:24px;
}
.terms-of-venues .text-terms-of-use li{
    list-style-type: revert;
}
.terms-of-venues .text-terms-of-use .nobullet{
    text-indent:-1em;
    list-style-type: none;
}
.box-image-ticket{
    display: flex;
    flex-wrap: nowrap;
    margin-bottom:60px;
    padding-top:20px;
}
.box-image-ticket:last-of-type{
    margin-bottom:0px;
}
.type-image-ticket{
    font-size:2.2rem;
    font-weight:400;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
    margin-bottom:1.6em;
    width:30%;
}
.cell-image-ticket{
    display: flex;
    flex-wrap: nowrap;
    width:70%;
    justify-content: space-between;
}
.img-ticket{
    width:28%;
    max-width:140px;
}
.img-ticket img{
    border: 0.5px solid #2f2725;
}
.text-ticket{
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2;
    color: #2F2725;
    align-self:flex-end;
}
.list-shop-ticket{
    width:100%;
    margin:0 auto;
    padding:56px 0 40px;
    padding:48px 0 32px;
}
.list-shop-ticket li{
    text-align: center;
    margin: 0 auto 56px;
}
.item-shop-ticket-00{
    font-size:1.4rem;
    letter-spacing:.01em;
    line-height:1.5;
    color:#2F2725;
    font-weight:400;
    font-family: "Noto Sans JP", sans-serif;
}
.item-shop-ticket-01{
    width:240px;
}
.item-shop-ticket-02{
    width:240px;
}
.item-shop-ticket-03{
    width:84px;
    width:240px;
}
.item-shop-ticket-04{
    width:84px;
}
.item-shop-ticket-05{
    width:188px;
}
.item-shop-ticket-00 a{
    font-size:1.3rem;
    display:block;
    padding:0.8em 0;
}

.table-shop-ticket {
    border-collapse: collapse;
    margin: 0 auto 72px;
    padding: 0;
    width: 60%;
}
.table-shop-ticket tr {
    background-color: #fff;
    border: 1px solid #000;
}
.table-shop-ticket th,
.table-shop-ticket td {
    border-right: 1px solid #000;
}
.table-shop-ticket td,
.table-shop-ticket th {
    line-height:2;
    font-size: 1.3rem;
    font-weight: 400;
    height:auto;
    vertical-align: middle;
}
.table-shop-ticket tbody th{
    background-color: #e3e4e4;
    width:190px;
    width:5em;
    text-align: center;
}
.table-shop-ticket td {
    text-align: left;
    padding:0.4em 0.8em;
}
.subtitle-shop{
    font-size:1.8rem;
    letter-spacing:.01em;
    line-height:1.3;
    color:#2F2725;
    font-weight:500;
    font-weight:700;
    text-align:center;
    margin-bottom:32px;
    font-family: "Noto Sans JP", sans-serif;
}
.text-shop{
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.8;
    color: #2F2725;
    text-align:center;
    margin-bottom:82px;
}
.subtitle-ticket + .text-shop{
    padding-top:20px;
}
.text-shop span{
    display:block;
    padding:1.2em 0 0;
}
.box-ticket-counter{
    display: flex;
    justify-content: center;
    align-items: center;
}
.list-ticket-counter{
    margin-bottom:48px;
}
.list-ticket-counter li{
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 1.4;
    color: #2F2725;
    margin-bottom:2em;
}
.text-ticket-counter{
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2;
    color: #2F2725;
}
.table-ticket-price-pc{
}
.table-ticket-price table{
    border-collapse: collapse;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.table-ticket-price table tr {
    background-color: #fff;
    border: 1px solid #000;
}
.table-ticket-price table th,
.table-ticket-price table td {
    border-right: 1px solid #000;
}
.table-ticket-price table td,
.table-ticket-price table th {
    line-height:2;
    line-height:1.5;
    font-size: 1.4rem;
    text-align: center;
    font-weight: 400;
    height:48px;
    vertical-align: middle;
}
.table-ticket-price table thead tr{
    background-color: #fff;
}
.table-ticket-price table thead th{
    background-color: #f2f2f2;
}
.table-ticket-price table tbody th{
    background-color: #e3e4e4;
    width:190px;
    width:25.3%;
    padding:0.4em 0.2em;
}
.table--ticket-price table tbody th{
    background-color: #e3e4e4;
    width:190px;
    width:25.3%;
}
.table--ticket-price table tbody td:nth-of-type(1),
.table--ticket-price table tbody td:nth-of-type(2){
    width:260px;
    width:34.6%;
}
.table--ticket-price table tbody td:nth-of-type(3),
.table--ticket-price table tbody td:nth-of-type(4){
    width:300px;
    width:40%;
}
.table--ticket-price table tbody td[colspan="2"]{
    width:60%;
}
.table-ticket-price table td {
    padding: 0 1em;
    width:150px;
}
@media only screen and (min-width:769px) {
    .intro-ticket-text{
        width:56%;
        line-height:1.8;
    }
    .text-sales-period dd{
        margin-bottom: 16px;
    }
    ul.text-terms-of-use{
        width:88%;
    }
}
@media (hover: hover) and (pointer: fine) {
    .list-ticket-counter a,.item-shop-ticket-00 a{
        transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    .list-ticket-counter a:hover,.item-shop-ticket-00 a:hover{
        color:#B5B5B5;
    }
}
@media only screen and (max-width:768px) {
    .intro-ticket {
        width: 94%;
/*        aspect-ratio: 11/10;*/
        margin:0 auto 10px;
        padding-top:56px;
        padding-bottom:96px;
    }
    .intro-ticket p{
        line-height:2;
        font-size: 1.4rem;
    }
    .box-sales-period {
        padding: 24px 0 0;
    }
    .text-sales-period{
        position:relative;
        width:86.8%;
    }
    .text-sales-period dt{
        font-size:1.8rem;
    }
    .text-sales-period dd{
        margin-bottom: 40px;
        padding-left:3.4em;
    }
    .text-sales-period dt{
        position:static;
    }
    .text-sales-period dd{
        padding-left:0;
        font-size: 1.4rem;
        white-space: nowrap;
    }
    .mySection#section-sales-period {
        padding: 0 0 100px;
    }
    .table-ticket-price{
        display: none;
    }
    .table-ticket-price-mobile,.table-ticket-price-sp{
        display: block;
        width:100%;
        max-width:480px;
        margin:0 auto 28px;
    }
    .table-ticket-price-sp{
        max-width:360px;
    }
    .box-ticket-price{
        width:94%;
        margin:0 auto;
        padding:24px 0 0;
    }
    .rem-ticket-price li{
        font-size:1.3rem;
        letter-spacing:0.06em;
    }
    .box-terms-of-use{
        width:94%;
        margin:0 auto;
        padding:24px 0 0;
    }
    .text-terms-of-use{
        font-size:1.3rem;
        line-height:1.88;
    }
    .terms-of-venues{
        width:100%;
        margin-bottom:88px;
        margin-top:24px;
    }
    .mySection#section-terms {
        padding: 0 0 100px;
    }
    .box-image-ticket{
        display: flex;
        flex-wrap: wrap;
        margin-bottom:32px;
        padding-top:20px;
    }
    .box-image-ticket:last-of-type{
        margin-bottom:0px;
    }
    .type-image-ticket{
        font-size:2rem;
        margin-bottom:1em;
        width:100%;
        text-align:center;
    }
    .cell-image-ticket{
        width:94%;
        margin:0 auto;
        flex-wrap: wrap;
        justify-content: center;
        gap:8%;
    }
    .img-ticket{
        width:28%;
        max-width:140px;
    }
    .text-ticket{
        font-size: 1.3rem;
        align-self:center;
        width:100%;
        text-align:center;
        padding-top:2.2em;
    }
    .mySection#section-image-ticket {
        padding: 0 0 110px;
    }
    .subtitle-ticket{
        font-size:1.8rem;
        margin-bottom:20px;
    }
    .title-ticket + .subtitle-ticket{
        margin-top:16px;
    }
    .list-shop-ticket{
        width:94%;
        padding:44px 0 64px;
    }
    .list-shop-ticket li{
        margin: 0 auto 75px;
    }
    .list-shop-ticket li:last-of-type{
        margin: 0 auto 0;
    }
    .list-shop-ticket .item-shop-ticket-00{
        font-size:1.2rem;
        text-align:left;
        width:auto;
        display: inline-block;
    }
    .list-shop-ticket .item-shop-ticket-00 a{
        font-size:1.2rem;
    }
    .item-shop-ticket-01{
        width:142px;
    }
    .item-shop-ticket-02{
        width:142px;
    }
    .item-shop-ticket-03{
        width:84px;
        width:142px;
    }
    .item-shop-ticket-04{
        width:50px;
    }
    .item-shop-ticket-05{
        width:118px;
    }
    .item-shop-ticket-06{
        font-size:1.3rem;
    }
    .subtitle-shop{
        font-size:1.5rem;
        margin-bottom:24px;
    }
    .text-shop{
        font-size: 1.3rem;
        margin-bottom:64px;
    }
    .text-shop span{
        display:block;
        padding:1em 0 0;
    }
    .rem-text-shop{
        display:block;
        text-align:left;
        padding:1em 1em 0;
    }
    .table-shop-ticket {
        margin: 0 auto 56px;
        width: 90%;
    }
    .subtitle-ticket + .text-shop{
        padding-top:0px;
        margin-bottom:40px;
    }
    #section-ticket-counter .title-ticket{
        padding-bottom:56px;
    }
    #section-information .title-ticket{
        padding-top:100px;
        padding-bottom:0px;
        line-height: 1.4;
    }
    .list-ticket-counter{
        margin-bottom:24px;
    }
    .list-ticket-counter li{
        font-size: 1.6rem;
        letter-spacing: 0.1em;
        line-height: 1.4;
    }
    .text-ticket-counter{
        font-size: 1.3rem;
        width:94%;
        margin:0 auto;
    }
    #section-ticket-counter .list-ticket-counter li{
        font-size: 1.4rem;
    }
    #section-ticket-counter .text-ticket-counter{
        padding-bottom:64px;
    }
    #section-ticket-counter .box-ticket-counter{
        justify-content: flex-start;
        width:94%;
        margin:0 auto;
    }

    .rem-ticket-price + .cell-links{
        padding:32px 0 0;
    }
    .rem-ticket-price + .cell-links li{
        width:64%;
        max-width: 240px;
    }
    .cell-links + .cell-links li{
        width:64%;
        max-width: 240px;
    }
    .mySection#section-ticket-counter {
        padding: 0 0 96px;
    }
    .table-ticket-price-mobile table{
        border-collapse: collapse;
        margin: 0 auto;
        padding: 0;
        width:100%;
        max-width:480px;
        margin:0 auto 28px;
    }
    .table-ticket-price-mobile table tr {
        background-color: #fff;
        border: 1px solid #000;
    }
    .table-ticket-price-mobile table th,
    .table-ticket-price-mobile table td {
        border-right: 1px solid #000;
    }
    .table-ticket-price-mobile table td,
    .table-ticket-price-mobile table th {
        line-height:1.5;
        font-size: 1.3rem;
        text-align: center;
        font-weight: 400;
        height:38px;
        vertical-align: middle;
    }
    .table-ticket-price-mobile table thead tr{
        background-color: #fff;
    }
    .table-ticket-price-mobile table thead th{
        background-color: #f2f2f2;
    }
    .table-ticket-price-mobile table tbody th{
        background-color: #e3e4e4;
        width:190px;
        width:38%;
    }
    .table-ticket-price-mobile table th span {
        display:none;
    }
    .table-ticket-price-mobile table th .brsp {
        display:inline;
    }
    .table-ticket-price-mobile table td {
        padding: 0 1em;
    }
    .table-ticket-price-mobile table td {
        padding: 0.4em 0.2em;
    }
    .table-ticket-price-mobile table th {
        padding: 0.4em 0.4em;
    }
}
@media only screen and (max-width:340px) {
    .text-sales-period dd {
        white-space: wrap;
    }
}

#content-tiravanija .text-enjoy{
    padding:64px 0 32px 0;
    margin: 0 auto;
}
@media only screen and (max-width:768px) {
    #content-tiravanija .text-enjoy{
        padding:32px 0 24px 0;
        margin: 0 auto;
    }
    #content-tiravanija .text-enjoy .textbox{
        margin: 0 auto 32px;
        width:92%;
    }
    #content-tiravanija .text-enjoy .cell-links li a{
        text-align:center;
        padding:0.3em 0.8em;
    }
}

/* view-more
-------------------------------------------------------------*/
.function-view-more{
    display: flex;
    justify-content: center;
    align-items: center;
    padding:48px 0 0;
}
.function-view-more a{
    cursor: pointer;
    font-size:1.4rem;
    letter-spacing:0.02em;
    line-height:1.78;
    color:#2F2725;
    font-weight:400;
    padding:0 36px 0 0;
    position:relative;
}
.function-view-more a::before,.function-view-more a::after  {
    content: '';
    display: inline-block;
    width: 18px;
    height: 0.5px;
    background-color: #2F2725;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity 0.4s;
}
.function-view-more a::after {
    transform: translateY(-50%) rotate(90deg);
    transition: transform 0.4s;
}
.function-view-more a.is-active::before {
    opacity: 0;
}
.function-view-more a.is-active::after {
    transform: translateY(-50%) rotate(180deg);
}
@media only screen and (min-width:769px) {
    #section-visit-by-bus .wrap-bustour.js-extend .function-view-more{
        display: none;
    }
}
@media only screen and (max-width:768px) {
    #section-visit-by-bus .wrap-bustour.js-extend dt,#section-visit-by-bus .wrap-bustour.js-extend dd{
        display: none;
    }
    #section-visit-by-bus .wrap-bustour.js-extend dt:first-of-type,#section-visit-by-bus .wrap-bustour.js-extend dd:first-of-type,
    #section-visit-by-bus .wrap-bustour.js-extend dt:nth-of-type(2),#section-visit-by-bus .wrap-bustour.js-extend dd:nth-of-type(2){
        display:block;
    }
    #section-visit-by-bus .wrap-bustour.js-extend.is-extend dt,#section-visit-by-bus .wrap-bustour.js-extend.is-extend dd{
        display:block;
    }
    .function-view-more{
    padding:32px 0 0;
}
.define-tour + .function-view-more{
    padding:16px 0 0;
}
}

/* sitemap
-------------------------------------------------------------*/
#sitemap .content-main{
    max-width:704px;
}
.content-sitemap{
    width:100%;
    margin:0 auto;
    padding-bottom:0px;
    border-bottom:1px solid #2F2725;
    display: flex;
    flex-wrap: wrap;
    gap:3%;
    flex-direction: column;
}
.content-sitemap dl{
    width:25%;
    width: fit-content;
    width:100%;
    display: flex;
    flex-wrap: wrap;
    margin:3em;

}
.content-sitemap dt{
    font-size: 1.99rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.88;
    color: #2F2725;
    margin-bottom:0.8em;
    width:100%;
}
.content-sitemap dd{
    font-size: 1.77rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.6;
    color: #2F2725;
    margin-bottom:0.6em;
    margin-left:1em;
    margin-left:0;
    padding:0 2em 0 0;
    width: fit-content;
}

/* slick-slider
-------------------------------------------------------------*/
.slick-venues{
    width:100%;
}
.slick-venues .box-slider{
}
@media only screen and (min-width:769px) {
    .slick-venues{
        display: block;
        align-items: center;
        justify-content: center;
    }
    .slick-venues .box-slider{
        max-width:540px;
        height:460px;
        max-width:800px;
        height:690px;
    }
}
.box-slider img{
    width:100%;
    height:100%;
    height:auto;
    object-fit: cover;
}
.slick-artist,
.slick-artist1,
.slick-artist2,
.slick-artist3 {
    width: 100%;
}
.slick-artist .slick-item,
.slick-artist1 .slick-item,
.slick-artist2 .slick-item,
.slick-artist3 .slick-item {
    width: 100%;
    position: relative;
}
.slick-artistname {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 2.3rem;
    font-weight: 400;
    letter-spacing: 0;
    letter-spacing: -0.01em;
    line-height: 1.2;
    background-color: rgba(255, 255, 255, 0.8);
    color: #2F2725;
    font-feature-settings: initial;
    display: block;
    position: absolute;
    bottom: 0em;
    right: 1.2em;
    padding:0.2em 0.2em 0.2em 0.1em;
}
.slick-item figcaption{
    padding:0.2em 0 0;
    text-align: left;
    transform: scale(0.7);
    transform-origin: left top;
}
.slick-item figcaption p{
    font-size:1.0rem;
    letter-spacing:.01em;
    line-height:1.2;
    color:#2F2725;
    font-weight:500;
    font-family: 'EB Garamond', 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'Shippori Mincho', 'MS PMincho', 'EB Garamond', serif;
    font-family: 'Arial', sans-serif;
    white-space: nowrap;
}

@media only screen and (min-width:769px) {
    .slick-artist,
    .slick-artist1,
    .slick-artist2,
    .slick-artist3 {
        margin: 0 0 48px;
    }
    .slick-artist .slick-item,
    .slick-artist1 .slick-item,
    .slick-artist2 .slick-item,
    .slick-artist3 .slick-item {
        max-width: 300px;
        margin: 0 20px;
        padding-bottom: 24px;
    }
    .slick-artistname {
        font-size: 2.3rem;
        bottom: 0em;
        right: 1.2em;
    }
    .slick-artist1 .slick-item {
        padding-bottom: 24px;
        padding-top: 0;
    }
    .slick-artist2 .slick-item {
        padding-bottom: 0;
        padding-top: 24px;
    }
    .slick-artist1 .slick-artistname {
        letter-spacing: 0.02em;
        bottom: 0em;
        right: 1.2em;
    }
    .slick-artist2 .slick-artistname {
        letter-spacing: 0.02em;
        bottom: auto;
        top: 0;
        right: 1.2em;
    }
    .slick-artist1 .slick-item {
        /*      padding-bottom:0px;*/
    }
    .slick-artist1 .slick-item figcaption{
        min-height: 24px;
    }
}

@media only screen and (max-width:768px) {
    .slick-artist,
    .slick-artist1,
    .slick-artist2,
    .slick-artist3 {
        margin: 0 0 1px;
    }
    .slick-artist .slick-item,
    .slick-artist1 .slick-item,
    .slick-artist2 .slick-item,
    .slick-artist3 .slick-item {
        max-width: 202px;
        margin: 0 15px 10px;
        padding-bottom: 20px;
    }
    .slick-artistname {
        font-size: 1.6rem;
/*
        right: 0.6em;
        bottom:0.4em;
*/
    }
    .slick-artist1 .slick-item figcaption,
    .slick-artist2 .slick-item figcaption,
    .slick-artist3 .slick-item figcaption{
        min-height: 28px;
    }
}
.slick-about .slick-item {
    width: 100%;
    max-width: 400px;
    max-width: 540px;
    margin:0 ;
    padding-bottom:0;
    position:relative;
}
.slick-concept{
    max-width:540px;
    position:relative;
}
.slick-concept .slick-main{

}
.slick-concept .slick-main img{
    width:100%;
    height:auto;
    object-fit: cover;
}

@media only screen and (max-width:768px) {
    .slick-about2 .slick-item ,.slick-about .slick-item{
        width: 100%;
        max-width: 420px;
        margin:0 ;
        padding-bottom:0;
        position:relative;
    }
}
@media only screen and (min-width:769px) {
    .slick-about2.slick-slider{
        display:none;
    }
    .slick-concept{
        max-width:704px;
    }
}

/* footer
-------------------------------------------------------------*/
.wrap-footer{
    background-color:#fff;
    width:100%;
    min-height:600px;
    margin:0 auto;
    border-top: 1px solid #2F2725;
    position:relative;
    overflow:hidden;
}
.content-footer{
    width:100%;
    max-width:720px;
    margin:0 auto;
    display: flex;
    flex-direction: row-reverse;
}
.aside-footer{
    width:100%;
    max-width:720px;
    height: 280px;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
}
.nav-footer{
    width:45%;
    padding-top:152px;
}
.nav-footer li{
    padding-bottom:0.1em;
}
.nav-footer li a{
    font-size:1.8rem;
    letter-spacing:.01em;
    line-height:1.733;
    color:#2F2725;
    font-weight:400;
}
.nav-footer li:nth-of-type(5){
  /*  display:none;*/
}
.logo-footer{
    width:55%;
    padding-top:160px;
}
.logo-footer a{
    width:268px;
    display:block;
}
.link-footer{
    width:45%;
    height:56px;
}
.link-footer a{
    font-size:1.4rem;
    letter-spacing:0;
    line-height:1.2;
    font-weight:400;
}
.copyright-footer{
    width:55%;
    height:56px;
}
.copyright-footer span{
    font-size:1rem;
    letter-spacing:0;
    line-height:1.2;
    color:#2F2725;
    transform-origin:left bottom;
    transform:scale(1);
    font-weight:400;
    white-space: nowrap;
}
@media (hover: hover) and (pointer: fine) {
    .nav-footer li a{
        transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    .nav-footer li a:hover{
        color:#B5B5B5;
    }
}

@media only screen and (max-width:768px) {
    .wrap-footer{
        min-height:420px;
    }
    .content-footer{
        width:84%;
        flex-direction: column;
    }
    .aside-footer{
        width:86%;
        height: 44px;
        position:relative;
    }
    .nav-footer{
        width:100%;
        padding-top:64px;
    }
    .nav-footer li a{
        font-size:1.5rem;
    }
    .nav-footer li:nth-of-type(5){
    }
    .logo-footer{
        width:100%;
        padding-top:40px;
    }
    .logo-footer a{
        width:174px;
    }
    .link-footer{
        position: absolute;
        top: -26px;
        right: 0;
        text-align: right;
        height:auto;
    }
    .link-footer a{
        font-size:1.2rem;
        transform:scale(1);
    }
    .copyright-footer{
        width:100%;
        height:16px;
    }
    .copyright-footer span{
        font-size:1rem;
        transform:scale(0.9);
        letter-spacing:-0.02em;
        display: block;
    }
}
@media only screen and (max-width:380px) {
    .aside-footer {
    }
    .copyright-footer span {
        transform: scale(0.85);
    }
}

/* fixed contents
-------------------------------------------------------------*/
.section-fixed{
    width:100%;
    max-width:840px;
    margin:0 auto;
    padding:1px 0 160px;
    position:relative;
}
.logo-fixed{
    position: fixed;
    top: 24px;
    right: 24px;
    width: 120px;
    height: auto;
    z-index: 50;
}
.logo-fixed a img{
    position: relative;
    transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.logo-fixed a img:nth-of-type(1) {
    opacity: 1;
}
.logo-fixed a img:nth-of-type(2),
.logo-fixed a img:nth-of-type(3),
.logo-fixed a img:nth-of-type(4),
.logo-fixed a img:nth-of-type(5),
.logo-fixed a img:nth-of-type(6) {
    opacity: 0;
    position: absolute;
    top:0;
    left:0;
}
@media (hover: hover) and (pointer: fine) {
    .logo-fixed a img{
        transition: opacity cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    .logo-fixed a:hover img:nth-of-type(1) {
        opacity: 0;
    }
    .logo-fixed a:hover img:nth-of-type(6) {
        opacity: 1;
    }
}
.eventdate-fixed{
    position: fixed;
    top: 500px;
    top: 640px;
    right: 45px;
    z-index: 50;
    transform: rotate(90deg);
    transform-origin: 0 0;
    transform-origin: top right;
}
.eventdate-fixed span{
    display:block;
    font-size:4rem;
    font-size:4.8rem;
    font-weight:500;
    letter-spacing: .08em;
    line-height: 1.1;
    color:#2F2725;
    letter-spacing:0;
    transition: color 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
}
.eventdate-fixed.discolor span{
    color:transparent;
}
#frontpage .eventdate-fixed.discolor span{
    color:#fff;
    color:#2F2725;
}
.eventdate-fixed span i{
    transform: translate(0, -5%);
    margin: 0 0.2em;
    display: inline-block;
}

@media only screen and (max-height:960px) and (min-width:769px){
    .eventdate-fixed.discolor.discoloration span{
        color:#2F2725;
    }
}
@media only screen and (max-height:640px) and (min-width:769px){
    .eventdate-fixed{
        top: auto;
        bottom: 0;
    }
}
.sns-fixed{
    position: fixed;
    top: 300px;
    left: 24px;
    top: 420px;
    top: 440px;
    top: 448px;
    left: 24px;
    width: 40px;
    z-index: 100;
}
.nav-sns{
    width: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.nav-sns li{
    margin-bottom: 24px;
}
.nav-sns li:nth-of-type(1){
    width: 34px;
}
.nav-sns li:nth-of-type(2){
    width: 30px;
}
.nav-sns li:nth-of-type(3){
    width: 32px;
}
.nav-sns li:nth-of-type(4){
    width: 34px;
}
.nav-sns li a{
    position: relative;
    display:block;
}
.nav-sns li a img{
    position: relative;
    transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.nav-sns li a img:nth-of-type(1) {
    opacity: 1;
}
.nav-sns li a img:nth-of-type(2),
.nav-sns li a img:nth-of-type(3) {
    opacity: 0;
    position: absolute;
    top:0;
    left:0;
}
.nav-sns li a img:nth-of-type(1) {
    opacity: 0;
}
.nav-sns li a img:nth-of-type(2) {
    opacity: 1;
}
.drawerOverlay .nav-sns li a img:nth-of-type(1) {
    opacity: 0;
}
.drawerOverlay .nav-sns li a img:nth-of-type(2) {
    opacity: 1;
}
.drawerOverlay .nav-sns li a img:nth-of-type(3) {
    opacity: 0;
}
.countdown-fixed{
    position: fixed;
    top: 256px;
    top: 280px;
    top: 312px;
    left: 24px;
    z-index: 100;
    display:block;
    z-index: -100;
    display:none;
}
.countdown-fixed strong,
.countdown-fixed span{
    display:block;
    font-weight:500;
    line-height: 1;
    color: #2F2725;
    transition: color 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
    text-align:center;
    text-align:left;
}
.countdown-fixed strong{
    font-size:6rem;
    font-size:8rem;
    letter-spacing:-0.07em;
    text-indent:-0.07em;
    letter-spacing:0;
    text-indent:0;
}
.countdown-fixed span{
    font-size:1rem;
    transform-origin:center bottom;
    transform:scale(0.99);
    font-weight:500;
    font-family: 'Arial', sans-serif;
    letter-spacing:0.12em;
}
.countdown-fixed span:first-of-type{
    transform-origin:center top;
}
.countdown-fixed.discolor strong,
.countdown-fixed.discolor span{
    color:#fff;
    color:#2F2725;
}
@media only screen and (max-height:960px) and (min-width:769px){
    .countdown-fixed.discolor.discoloration span{
    }
    .countdown-fixed.discolor.discoloration strong,
    .countdown-fixed.discolor.discoloration span{
        color:#2F2725;
    }
    .discoloration .nav-sns li a img:nth-of-type(1) {
        opacity: 0;
    }
    .discoloration .nav-sns li a img:nth-of-type(2) {
        opacity: 1;
    }
    .discoloration .nav-sns li a img:nth-of-type(3) {
        opacity: 0;
    }
}
.drawerOverlay .countdown-fixed strong,
.drawerOverlay .countdown-fixed span,
.drawerOverlay .countdown-fixed.discolor strong,
.drawerOverlay .countdown-fixed.discolor span{
    color:#2F2725;
}
.nav-fixed {
    position: fixed;
    z-index: 100;
}
.nav-main {
}
.nav-main li {
}
@media (hover: hover) and (pointer: fine) {
    .nav-sns li a:hover img:nth-of-type(1),
    .drawerOverlay .nav-sns li a:hover img:nth-of-type(1) {
        opacity: 0;
    }
    .nav-sns li a:hover img:nth-of-type(2),
    .drawerOverlay .nav-sns li a:hover img:nth-of-type(2) {
        opacity: 0;
    }
    .nav-sns li a:hover img:nth-of-type(3),
    .drawerOverlay .nav-sns li a:hover img:nth-of-type(2) {
        opacity: 1;
    }
}

@media only screen and (min-width:769px) {
    .nav-fixed {
        top: 24px;
        left: 24px;
        transition: opacity 0.2s cubic-bezier(0.42, 0, 0.58, 1) 0s, top 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0.99s, left 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0.99s;
    }
    .nav-main {
        margin: 0 auto;
        display: flex;
        flex-direction: row-reverse;
        flex-direction: column;
    }
    .nav-main li {
        width: auto;
        margin-bottom:0.8em;
    }
    .nav-main li a {
        font-size: 1.8rem;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1.2;
        font-family: 'Arial', sans-serif;
        color: #2F2725;
        display: block;
    }
    .nav-fixed.nav-hide{
        opacity:0;
        pointer-events: none;
    }
    .drawerOverlay .nav-fixed,
    .drawerOverlay .nav-fixed.nav-hide{
        opacity:1;
        pointer-events: auto;
        top: 40px;
        left: 100px;
        transition: opacity 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s,top 0s cubic-bezier(0.42, 0, 0.58, 1) 0s,left 0s cubic-bezier(0.42, 0, 0.58, 1) 0s;
    }
    .countdown-first-view{
        display:none;
    }
}
.nav-main li:nth-of-type(5){
  /*  display:none;*/
}
@media (hover: hover) and (pointer: fine) {
    .nav-main li a{
        transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    .nav-main li a:hover{
        color:#B5B5B5;
    }
}

@media only screen and (max-width:768px) {
    .logo-fixed{
        top: 16px;
        right: 16px;
        width: 70px;
        height: 48px;
        z-index:90;
    }
    .logo-fixed a img{
        position: relative;
        transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }
    .logo-fixed a img:nth-of-type(1) {
        opacity: 1;
    }
    .logo-fixed a img:nth-of-type(2),
    .logo-fixed a img:nth-of-type(3),
    .logo-fixed a img:nth-of-type(4),
    .logo-fixed a img:nth-of-type(5),
    .logo-fixed a img:nth-of-type(6) {
        opacity: 0;
        position: absolute;
        top:0;
        left:0;
    }
    .drawerOverlay .logo-fixed a img:nth-of-type(1) {
        opacity: 0;
    }
    .theme01.drawerOverlay .logo-fixed a img:nth-of-type(2),
    .theme02.drawerOverlay .logo-fixed a img:nth-of-type(3),
    .theme03.drawerOverlay .logo-fixed a img:nth-of-type(4),
    .theme04.drawerOverlay .logo-fixed a img:nth-of-type(5) {
        opacity: 1;
        transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0.2s;
    }
    .eventdate-fixed{
        top: 110px;
        top: 320px;
        right: 22px;
        z-index: 90;
    }
    .eventdate-fixed span{
        font-size:2.6rem;
        letter-spacing: .01em;
    }
    .drawerOverlay .eventdate-fixed span{
        color:#2F2725;
        transition: color 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0.2s;
    }
    .drawerOverlay .eventdate-fixed.discolor span{
        color:#2F2725;
    }
    .countdown-fixed{
        opacity:0;
        pointer-events: none;
    }
    .countdown-fixed strong,
    .countdown-fixed span{
        color: #fff;
        color: transparent;
        transition: color 0.2s cubic-bezier(0.42, 0, 0.58, 1) 0s;
    }
    .countdown-fixed strong{
        font-size:7.2rem;
        letter-spacing:-0.07em;
        text-indent:-0.07em;
    }
    .countdown-fixed span{
        transform:scale(1);
        letter-spacing:0.1em;
    }
    .drawerOverlay .countdown-fixed {
        top:auto;
        bottom:32px;
        left: auto;
        right: 16px;
        opacity:1;
    }
    .drawerOverlay .countdown-fixed strong,
    .drawerOverlay .countdown-fixed span,
    .drawerOverlay .countdown-fixed.discolor strong,
    .drawerOverlay .countdown-fixed.discolor span{
        color:#2F2725;
        transition: color 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0.2s;
    }
    .drawerOverlay .countdown-fixed strong,
    .drawerOverlay .countdown-fixed span,
    .drawerOverlay .countdown-fixed.discolor strong,
    .drawerOverlay .countdown-fixed.discolor span{
        text-align: right;
    }
    .sns-fixed{
        opacity:0;
        pointer-events: none;
    }
    .drawerOverlay .sns-fixed{
        opacity:1;
        pointer-events: auto;
        top: auto;
        bottom: 24px;
        left: 32px;
    }
    .drawerOverlay .nav-sns li a img:nth-of-type(2) {
        opacity: 1;
    }
    .nav-fixed{
        opacity:0;
        pointer-events: none;
    }
    .drawerOverlay .nav-fixed,
    .drawerOverlay .nav-fixed.nav-hide{
        opacity:1;
        pointer-events: auto;
        top: 120px;
        left: 40px;
        transition: opacity 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s;
    }
    .nav-main li {
        width: auto;
        width: auto;
        padding-bottom:1em;
    }
    .nav-main li a {
        font-size: 1.9rem;
        font-weight: 400;
        letter-spacing: 0.01em;
        line-height: 1.6;
        color: #2F2725;
    }
    .countdown-first-view{
        position: absolute;
        bottom: 20px;
        left: 24px;
        z-index: 10;
        display: block;
        z-index: -10;
        display: none;
    }
    .countdown-first-view strong,
    .countdown-first-view span{
        display:block;
        font-weight:500;
        line-height: 1;
        color: #2F2725;
        transition: color 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
    }
    .countdown-first-view strong{
        font-size:7rem;
        letter-spacing:-0.08em;
    }
    .countdown-first-view span{
        font-size:1rem;
        transform-origin:center bottom;
        transform:scale(1);
        text-align:center;
        font-weight:500;
        font-family: 'Arial', sans-serif;
    }
    .countdown-first-view span:first-of-type{
        transform-origin:center bottom;
    }
}

@media only screen and (max-width:768px) {
    .drawerOverlay .sns-fixed{
        display:block;
        left: auto;
        bottom: auto;
        top: 352px;
        right: 20px;
        top: 120px;
        right: auto;
        left: 24px;
    }
    .drawerOverlay .nav-sns li{
        margin-bottom: 16px;
    }
    .drawerOverlay .nav-fixed,
    .drawerOverlay .nav-fixed.nav-hide{
        opacity:1;
        pointer-events: auto;
        top: 120px;
        left: 40px;
        left: 50%;
        transform: translate(-50%, 0);
        transition: opacity 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s;
    }
}

@media only screen and (max-width:380px) , (max-height:700px) {
    .drawerOverlay .sns-fixed{
        top: 88px;
    }
    .drawerOverlay .nav-sns li{
        margin-bottom: 16px;
    }
    .drawerOverlay .nav-fixed,
    .drawerOverlay .nav-fixed.nav-hide{
        top: 88px;
    }
    .nav-main li a {
        font-size: 1.7rem;
    }
}

/* section
-------------------------------------------------------------*/
.theSection{
  width:100%;
}
.titleSection{
}
.pageSection{
}

@media only screen and (max-width:768px) {
}

/*  drawer
-------------------------------------------------------------*/
.wrap-drawer,.layer-drawer {
    display:block;
    width: 340px;
    height: 100%;
    /*  height: auto;*/
    padding: 25px 0;
    background-color: rgba(255, 255, 255, 0.99);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
    transform: translate(-100%);
    transition: transform 0.2s cubic-bezier(0.42, 0, 0.58, 1) 0s;
}
.drawerOverlay .wrap-drawer ,.drawerOverlay .layer-drawer{
    transform: translate(0);
}
@media only screen and (max-width:768px) {
    .wrap-drawer,.layer-drawer {
        width: 100%;
        padding: 25px 0;
    }
}

/* scroll to pagetop
------------------------------------------------------------------*/
.scroll-totop {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 34px;
    height: 34px;
    display: block;
    cursor: pointer;
    z-index: 90;
    color: transparent;
}

/* overlayTrigger
------------------------------------------------------------------*/
.overlayTrigger {
    position: fixed;
    top: 24px;
    left: 24px;
    width: 46px;
    height: 46px;
    display: block;
    cursor: pointer;
    z-index: 100;
    color: transparent;
}
.overlayTrigger span {
    display: block;
    top: 44%;
}
.overlayTrigger span, .overlayTrigger span::before, .overlayTrigger span::after {
    width: 46px;
    height: 7px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
    background-color: #333;
}
.overlayTrigger.is-pulled span::before, .overlayTrigger.is-pulled span::after {
    background-color: #333;
}
.overlayTrigger.is-pulled span {
    background-color: transparent;
}
.overlayTrigger span::before, .overlayTrigger span::after {
    content: "";
    display: block;
}
.overlayTrigger span::before {
    top: -8px;
}
.overlayTrigger span::after {
    bottom: -8px;
}
.overlayTrigger span {
    background-color: transparent;
}
.overlayTrigger span::after {
    transition: bottom 0.4s 0.12s ease, transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.overlayTrigger span::before {
    transition: top 0.4s 0.12s ease, transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.overlayTrigger.is-pulled span::before {
    top:0;
    transform: rotate(45deg);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s ease, transform 0.4s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.overlayTrigger.is-pulled span::after {
    bottom: 0;
    transform: rotate(-45deg);
    transition: bottom 0.2s ease, transform 0.4s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width:769px) {
    .overlayTrigger span, .overlayTrigger span::before, .overlayTrigger span::after {
        width: 48px;
    }
    .overlayTrigger span::before {
        top: -9px;
    }
    .overlayTrigger span::after {
        bottom: -9px;
    }
    .overlayTrigger {
        transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
        opacity:0;
        pointer-events: none;
        width: 48px;
    }
    .overlayTrigger.is-pulled {
        opacity:1;
        pointer-events: auto;
    }
    .overlayTrigger.fadein {
        opacity:1;
        pointer-events: auto;
        cursor: pointer;
    }
}
.scroll-totop {
    transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
    opacity:0;
    pointer-events: none;
    width: 34px;
}
.scroll-totop.fadein {
    opacity:1;
    pointer-events: auto;
    cursor: pointer;
}
.scroll-totop.fadeout {
    opacity:0;
    pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
    /*   .overlayTrigger:hover {
            opacity: 0.7;
        }
        .overlayTrigger.is-pulled:hover {
            opacity: 0.7;
        }
     */
    .overlayTrigger:hover span::before {
        top: -5px;
    }
    .overlayTrigger:hover span::after {
        bottom: -5px;
    }
    .overlayTrigger.is-pulled:hover span::before {
        top: 0px;
        transform: rotate(-45deg);

    }
    .overlayTrigger.is-pulled:hover span::after {
        bottom: 0px;
        transform: rotate(45deg);

    }
}
@media only screen and (max-width:768px) {
    .overlayTrigger {
        position: fixed;
        top: 8px;
        left: 20px;
        width: 46px;
        opacity:1;
        pointer-events: auto;
        cursor: pointer;
    }
    .overlayTrigger.is-pulled {
    }
    .overlayTrigger.fadein {
        opacity:1;
        pointer-events: auto;
        cursor: pointer;
    }
    .scroll-totop {
        bottom: 20px;
        right: 15px;
        width: 20px;
        height: 20px;
    }
}
.theme01 .overlayTrigger span::before,.theme01 .overlayTrigger.is-pulled span::before {background-color: #FFA4B4;}
.theme01 .overlayTrigger span::after,.theme01 .overlayTrigger.is-pulled span::after {background-color: #A09857;}
.theme02 .overlayTrigger span::before,.theme02 .overlayTrigger.is-pulled span::before {background-color: #F5B335;}
.theme02 .overlayTrigger span::after,.theme02 .overlayTrigger.is-pulled span::after {background-color: #97D1DC;}
.theme03 .overlayTrigger span::before,.theme03 .overlayTrigger.is-pulled span::before {background-color: #EDC6CD;}
.theme03 .overlayTrigger span::after,.theme03 .overlayTrigger.is-pulled span::after {background-color: #202945;}
.theme04 .overlayTrigger span::before,.theme04 .overlayTrigger.is-pulled span::before {background-color: #CCA1DD;}
.theme04 .overlayTrigger span::after,.theme04 .overlayTrigger.is-pulled span::after {background-color: #965F36;}


/*
classname about color classname
theme01 = pink and goldenyellow theme ( #FFA4B4 and #A09857)
theme02 = orange and skyblue theme( #F5B335 and #97D1DC )
theme03 = sakura and black theme( #EDC6CD and #202945 )
theme04 = purple and brown theme( #CCA1DD and #965F36 )
*/


/*  hover effect
-------------------------------------------------------------*/
@media (hover: hover) and (pointer: fine) {
}

/*  responsive style
-------------------------------------------------------------*/
@media only screen and (max-width:768px) {
}
@media only screen and (min-width:769px) {
}
@media only screen and (min-width:1280px) {
}
@media only screen and (min-width:769px) {
}