@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: 'EB Garamond', 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'Shippori Mincho', 'MS PMincho', serif;
    font-family: 'Arial', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}
.noto-sans .jp-uniquifier {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 100;/* Thin */
    font-weight: 200;/* ExtraLight */
    font-weight: 300;/* Light */
    font-weight: 400;/* Regular */
    font-weight: 500;/* Medium */
    font-weight: 600;/* SemiBold */
    font-weight: 700;/* Bold */
    font-weight: 800;/* ExtraBold */
    font-weight: 900;/* Black */
    font-style: normal;
}
@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-image: url(https://forestartfest-okayama.jp/archive/archive/archive/ja/cms/wp-content/themes/forestartfest-okayama-may-2025-ja/bg_news.png);
    background-position:50% 0%;
    background-size: contain;
    background-size: 843px auto;
    background-repeat:no-repeat;
 */
    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/ja/cms/wp-content/themes/forestartfest-okayama-may-2025-ja/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;
    }
    #contact .mySection {
        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;
        padding-top: 64px;
    }
    #artists .pageheader {
        padding-bottom: 32px;
    }
    #about .pageheader {
        padding-bottom: 32px;
    }
    #venues .pageheader {
        padding-bottom: 32px;
    }
    #support .pageheader {
        padding-bottom: 32px;
    }
    #privacypolicy .pageheader {
        padding-bottom: 40px;
    }
    #contact .pageheader {
        padding-bottom: 32px;
    }
    #management .pageheader {
        padding-bottom: 32px;
    }
    #access .pageheader {
        padding-bottom: 32px;
    }
    #tickets .pageheader {
        padding-bottom: 32px;
    }
    #events .pageheader {
        padding-bottom: 32px;
    }
    #enjoy .pageheader {
        padding-bottom: 32px;
    }
    #newslist .pageheader {
        padding-bottom: 32px;
    }
    #artworks .pageheader {
        padding-bottom: 32px;
    }
    #sights .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;
    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;

    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size:3.9rem;
    letter-spacing:-0.02em;
    line-height:2;
    color:#fff;
    font-weight:500;
    font-feature-settings: initial;
}
.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;
}
#section-moriyama + .cell-links li{
    width:80%;
    max-width: 560px;
}
#section-tiravanija + .cell-links li{
    width:80%;
    max-width: 560px;
}
#section-zaganelli + .cell-links li{
    width:80%;
    max-width: 560px;
    text-align:center;
}

#section-sponsors .text-partner .cell-links li{
    width:50%;
    max-width: 262px;
}
#section-sponsors .text-partner .cell-links li a{
    width:100%;
    font-size:1.1rem;
    padding:0.2em 0 0.2em;
    min-height:86px;
    text-align:center;
}
.mySection#section-participation-flow{
}
.flow-support + .cell-links{
    padding-top: 0px;
}
.flow-support + .cell-links li{
    max-width: 240px;
}
#section-sponsors .text-partner .cell-links li a{
    min-height:80px;
}
#assistance .cell-links li a{
    min-height:72px;
}
#assistance .cell-links:first-of-type{
    padding-bottom:80px;
    margin-bottom:80px;
    border-bottom:1px solid #2f2725;
}
#assistance .cell-links:nth-of-type(2){
    padding-bottom:80px;
    margin-bottom:80px;
    border-bottom:1px solid #2f2725;
}
#contact .pageheader + .cell-links{
    padding:0 0 40px 0;
    margin-top:-10px;
}
#contact .pageheader + .cell-links{
    justify-content: center;
    gap:20px;
}
.wrap-cell-links .cell-links{
    padding:80px 0 0;
    text-align:center;
}
#section-artworks-venues .wrap-cell-links{
    padding:48px 0 0;
}
.cell-links.for-venues{
    padding:0 0 72px;
}
.cell-links.for-venues li{
    width:100%;
    max-width: 100%;
}
.wrap-artbus .cell-links{
    padding:0 0 72px;
    text-align:center;
}
.text-venuebus .cell-links{
    padding:0 0 72px;
}

@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{
        padding-top: 8px;
    }
}

@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:auto;
        bottom:96px;
        left:auto;
        right:56px;
        font-size:4.4rem;
    }
    #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;
    }
    #assistance .cell-links:first-of-type{
        padding-bottom:56px;
        margin-bottom:40px;
    }
    .cell-links li.cell-links-wide{
        width:70%;
        max-width: 320px;
    }
    .cell-links li.cell-links-wide a{
    }
    .cell-links + .cell-links{
        padding-top: 24px;
    }
    #section-venues .cell-links li.cell-links-wide{
        width:72%;
        max-width: 320px;
    }
    #contact .pageheader + .cell-links{
        padding:0 0 40px 0;
        margin-top:0px;
    }
    #contact .pageheader + .cell-links li{
        width:72%;
    }
    #contact .pageheader + .cell-links{
        flex-direction: column;
        align-items: center;
    }
    .wrap-cell-links .cell-links{
        padding:64px 0 0;
    }
    .wrap-cell-links .cell-links li{
        width:72%;
        max-width: 280px;
    }
    .wrap-cell-links .cell-links li a{
        font-size:1.3rem;
    }
    #section-artworks-venues .wrap-cell-links{
        padding:24px 0 0;
    }
    .cell-links.for-venues{
        padding:8px 0 56px;
    }
    .cell-links.for-venues li{
        width:100%;
        max-width: 100%;
    }
    .cell-links.for-venues li a{
        font-size:1.3rem;
        padding:0.4em 0 0.4em;
    }
    .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:64%;
    }
}
@media only screen and (max-width:428px) {
    .title-about{
        font-size:4.0rem;
    }
}
/* 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 #2F2725;
    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;
}
*/

.title-support + .wrap-anchor-inner {
    margin-bottom:120px;
}
.title-support + .wrap-anchor-inner li{
    width:100%;
}

@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: 360px;
            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: 40%;
        }
     */
}
@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 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;
}

/* embed google calendar
-------------------------------------------------------------*/
.wrap-calendar{
    width:100%;
    max-width:704px;
    margin:0 auto 20px;
    margin-top:80px;
    margin-bottom:56px;
    border-bottom:1px solid transparent;
    border-bottom:1px solid transparent;
    background-color: #fff;
}
.cell-calendar {
    width: 100%;
    aspect-ratio: 16 / 9;
}
.cell-calendar iframe {
    width: 100%;
    height: 100%;
}

@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;
    }
    .title-support + .wrap-anchor-inner {
        margin-bottom:40px;
        width:100%;
    }
    /*
    #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: 0px;
        padding-right: 0px;
    }
    #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;
        padding-bottom:80px;
    }
    .wrap-calendar{
        width:84%;
        max-width:540px;
        margin:0 auto;
        margin-top:56px;
        margin-bottom:40px;
    }
    .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:.01em;
    line-height:1.2;
    font-weight:500;
    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:116px;
    left:446px;
}
.dl-areamap-03{
    top:278px;
    left:96px;
}
.dl-areamap-04{
    top:110px;
    left:222px;
}
.dl-areamap-05{
    top:78px;
    left:365px;
}
.dl-areamap-06{
    top:141px;
    left:542px;
}
.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;
    }
}

@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;
    }
    .dl-areamap-01{
        top:44px;
        left:203px;
    }
    .dl-areamap-03{
        top:112px;
        left:23px;
    }
    .dl-areamap-04{
        top:55px;
        left:95px;
    }
    .dl-areamap-05{
        top:28px;
        left:155px;
    }
    .dl-areamap-06{
        top:64px;
        left:243px;
    }
    .cell-areamap .dd-areamap-02{
        transform: scale(0.9) translate(-13px, 1px);
    }
    .cell-areamap .dd-areamap-01{
        transform: scale(0.9) translate(-24px, 6px);
    }
}

/* about page
-------------------------------------------------------------*/
.mySection#section-concept{
    padding:88px 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{
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size:3.9rem;
    letter-spacing:-0.02em;
    line-height:2;
    color:#2F2725;
    font-weight:500;
    font-feature-settings: initial;
    display:block;
    position:absolute;
    top:-72px;
    right:48px;
    z-index:10;
}
.text-concept,.text-director,.text-overview,.define-overview,.text-logomark,.text-policy,.text-suppport{
    padding-bottom:32px;
}
.text-concept p,.text-director p,.text-overview p,.define-overview dt,.define-overview dd,.text-logomark p,.text-policy p,.text-support p{
    font-size:1.2rem;
    font-weight:400;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
}
.define-overview dd.dd-extra01{
    position:relative;
    display:inline-block;
    margin:0.4em 0;
    padding:0.2em 0.8em;
    line-height: 1.5;
}
.define-overview dd.dd-extra01 span{
    width:4.4em;
    display:inline-block;
    text-align: justify;
    text-align-last:justify;
}
.define-overview dd.dd-extra01:before,
.define-overview dd.dd-extra01:after{
    position:absolute;
    display:inline-block;
    content:'';
    top:0;
    height:100%;
    width:10px;
    border:1px solid #2F2725;
}
.define-overview dd.dd-extra01:before{
    left:0;
    border-right:none;
    border-radius:8px 0 0 8px;
}
.define-overview dd.dd-extra01:after{
    right:0;
    border-left:none;
    border-radius:0 8px 8px 0;
}
.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{
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size:3.9rem;
    letter-spacing:-0.02em;
    line-height:2;
    color:#2F2725;
    font-weight:500;
    font-feature-settings: initial;
    display:block;
    position:absolute;
    top:24px;
    left:24px;
    z-index:10;
}
.name-director{
    position:absolute;
    top:290px;
    left:130px;
    z-index:10;
}
.name-director dt{
    font-size:2.8rem;
    letter-spacing:.01em;
    line-height:1.8;
    color:#2F2725;
    font-weight:600;
}
.name-director dd{
    font-size:2.3rem;
    letter-spacing:.01em;
    line-height:1.8;
    color:#2F2725;
    font-weight:500;
}
.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.9rem;
    letter-spacing:.01em;
    line-height:2;
    color:#2F2725;
    font-weight:500;
    text-align:center;
    padding:1em 0;
}
.subtitle-logomark{
    font-size:2.3rem;
    letter-spacing:.01em;
    line-height:1.8;
    color:#2F2725;
    font-weight:500;
}
h4.subtitle-logomark{
    font-size:1.5rem;
    letter-spacing:0em;
}
.image-logomark{
}
.img-logomark{
    padding:8px 0 40px;
}
.subtitle-partner{
    font-size:2.0rem;
    letter-spacing:.01em;
    line-height:1.8;
    color:#2F2725;
    font-weight:500;
    padding:0.5em 0;
}
.logo-partners{
    width:100%;
    margin:0px auto 56px;
    padding:40px 0 40px;
    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;
}
.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 img{
}
.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;
}
.cell-sdgs-links{
    width:100%;
    margin:32px auto 56px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap:20px;
}
.item-sdgs-links{
    min-width:180px;
    min-height:88px;
    border: 1px solid #2f2725;
}
.item-sdgs-links a{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:1.7rem;
    letter-spacing:.01em;
    line-height:1.66;
    text-align:center;
    color:#2F2725;
    font-weight:400;
    width:100%;
    min-height:88px;
    padding:0 1.6em;
}

@media (hover: hover) and (pointer: fine) {
    .item-sdgs-links a{
        background-color:#fff;
    }
    .item-sdgs-links 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;
    }
    .item-sdgs-links a:hover{
        background-color:#B5B5B5;
        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,.text-support{
        padding-bottom:40px;
    }
    .text-concept p,.text-director p,.text-overview p,.define-overview dt,.define-overview dd,.text-logomark p,.text-policy p,.text-support 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:16px;
        left:48px;
    }
    .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;
    }
    .mySection#section-sdgs{
        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:156px;
        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;
        max-width:192px;
        max-width:188px;
        padding-right:0;
        transform: translate(-46px, 0px);
    }
    .cell-logo-partner li.logo-partner-09{
        max-width:172px;
        max-width:168px;
        max-width:228px;
        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: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:172px;
        max-width:168px;
        max-width:228px;
        max-width:200px;
        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;
        padding:64px 0 0;
        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;
        padding:64px 0 16px;
        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,.text-support{
        padding-bottom:32px;
    }
    .text-concept p,.text-director p,.text-overview p,.define-overview dt,.define-overview dd,.text-logomark p,.text-policy p,.text-support p{
        font-size:1.3rem;
        line-height: 2;
        text-align: justify;
    }
    .mySection#section-director{
        padding:0 0 64px;
    }
    .content-director{
        margin-bottom:40px;
        padding: 128px 0 0;
    }
    .title-director{
        font-size:3.2rem;
        position:absolute;
        top:80px;
        left:24px;
        z-index:10;
    }
    .name-director{
        position:absolute;
        top:auto;
        bottom:0px;
        left:0px;
        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:3.2rem;
        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:0 auto 50px;
        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: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 60px;
        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-4cnt 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;
    }
    */
    .cell-sdgs-links{
        margin:24px auto 48px;
        gap:14px;
    }
    .item-sdgs-links{
        min-width:120px;
        min-height:64px;
    }
    .item-sdgs-links a{
        font-size:1.3rem;
        min-height:80px;
        padding:0 1.2em;
    }
}

/* 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;
}
.text-news ol,
.text-news ul{
    padding-left:2em;
    margin:0.8em 0;
}
.text-news table,
.text-news table *{
    margin: revert;
    padding: revert;
    border: revert;
    outline: revert;
    font-size: revert;
    background: revert;
}
.text-news table , .text-news td, .text-news th {
	border: 1px solid #000;
	border-collapse: collapse;
}
.text-news td, .text-news th {
	padding: 0.2em 0.4em;
}
.textParagraph p,.textArticle{
    font-size:1.2rem;
    font-weight:400;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
    margin-bottom:0.8em;
}
.image-article{
    width: 100%;
    max-width: 256px;
    margin-bottom:1em;
}
.title-paragraph{
    font-size:1.5rem;
    font-weight:500;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
    padding-top:0.5em;
    padding-bottom:0.5em;
}
.textParagraph ul{
    font-size:1.4rem;
    font-weight:400;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
    margin-top:0;
    margin-bottom:0.8em;
    padding-left:0.8em;
}
.textParagraph ul.list-paragraph{
    line-height: 1.66;
}
.textParagraph ul.list-paragraph li{
    margin-left:1em;
    list-style-type: disc;
}
.textParagraph ul.list-paragraph li.nobullet{
    text-indent:-1em;
    list-style-type: none;
}

.list-definition{
    font-size:1.4rem;
    font-weight:400;
    letter-spacing:0;
    line-height: 1.66;
    color: #2F2725;
    margin-bottom:0.8em;
}
.list-definition-places{
    font-size:1.4rem;
    font-weight:400;
    letter-spacing:0;
    line-height: 1.66;
    color: #2F2725;
    margin-bottom:0.8em;
    position:relative;
}
.list-definition-places dd{
    margin-left:4em;
}
.list-definition-places dt{
    position:absolute;
}
.list-definition-places dd:nth-last-child(2),
.list-definition-places dd:nth-last-child(1){
    margin-left:1em;
    text-indent:-1em;
}
#article20231205 .title-paragraph {
    font-weight: 500;
}

@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;
    }
    .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.6rem;
        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;
    }
    .image-article{
        max-width: 440px;
    }
    .title-paragraph{
        font-size:1.4rem;
    }
    .textParagraph ul{
        font-size:1.3rem;
    }
    .list-definition{
        font-size:1.3rem;
    }
    .content-main .cell-news:last-of-type{
        margin-bottom:48px;
    }
}

/* 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:before,
    .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;
    margin:0 auto 64px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.photo-artist{
    width:44%;
    max-width:256px;
}
.biography-artist{
    width:52%;
    width:calc(96% - 256px);
}
.name-box dt{
    font-size:2.3rem;
    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.2rem;
    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: '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;
}
.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;
}
.title-venues{
    width:28%;
    text-align: left;
    padding-bottom:32px;
}
.title-venues span{
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size:2.7rem;
    letter-spacing:-0.02em;
    letter-spacing:-0;
    line-height:1.4;
    color:#2F2725;
    font-weight:500;
    font-feature-settings: initial;
    display:inline-block;
}
.text-venues{
    width:72%;
    display: flex;
    align-items: flex-end;
}
.text-venues-area{
}
.tagline-venues{
    font-size:1.9rem;
    letter-spacing:.01em;
    line-height:1.66;
    color:#2F2725;
    font-weight:500;
    margin-top:0.8em;
    margin-bottom:0.8em;
    font-family: "Noto Sans JP", sans-serif;
}
.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.4em;
}
.list-link-artists li span,
.list-link-artists li a{
    font-size:1.1rem;
    font-size:1.3rem;
    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-top:104px;
    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;
        min-height:280px;
    }
    .title-venues{
        width:28%;
        padding-bottom:80px;
    }
    .title-venues span{
        font-size:2.5rem;
    }
    .tagline-venues{
        font-size:1.5rem;
    }
    .text-venues{
        width:70%;
        display: flex;
        align-items: flex-end;
    }
    .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_06 .title-venues{
        width:38%;
    }
    #anchor-venues_02 .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-top:80px;
    }
    .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;
}
.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;
    }
    .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) {
    .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;
}
.cell-extra-artworks{
    width:100%;
    margin:0 auto 0;
}
.cell-extra-artworks{
    display:none;
}
.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-extra-artworks{
    color:#2F2725;
    font-weight:400;
    padding:0.8em 0 0.4em;
    text-align:left;
    width: 84%;
    width: 100%;
    margin: 0px auto 24px;
}
.caption-extra-artworks{
    color:#2F2725;
    font-weight:400;
    padding:0.8em 0 0.4em;
    text-align:left;
    width: 84%;
    width: 100%;
    margin: 0;
    display: block;
 }
.photo-extra-artworks{
    width:100%;
    max-width:704px;
    margin:0 auto;
    padding: 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.photo-extra-artworks>p{
    width:48%;
    margin:0;
    padding:0;
}
.cell-extra-artworks .photo-extra-artworks,.cell-extra-artworks .text-extra-artworks{
}
.cell-extra-artworks.is-extend .photo-extra-artworks,.cell-extra-artworks.is-extend .text-extra-artworks{
}/*
.cell-extra-artworks {
    height:0;
    opacity:0;
    transition: height cubic-bezier(0.42, 0, 0.58, 1) 0.3s, opacity cubic-bezier(0.42, 0, 0.58, 1) 0.3s;
}
.cell-extra-artworks.is-extend{
    height:auto;
    opacity:1;
}*/
.cell-extra-artworks + .function-view-more{
    margin-bottom:96px;
    padding:0;
}
.cell-extra-artworks.is-extend + .function-view-more{
    padding-top:32px;
}

.cell-explanations{
    width:84%;
    margin:0px auto 100px;
}
#hash-cell-explanations{
    margin:0px auto 72px;
}
.rem-explanations{
    text-align: center;
}
.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;
}
.rem-explanations p{
    display: inline-block;
}

.rem-explanations p span{
    padding-top:0.8em;
    display: inline-block;
}
.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 (min-width:769px) {
    .caption-extra-artworks{
    }
    .text-extra-artworks.hidesp{
    }
    .photo-extra-artworks:nth-of-type(1){
        margin-bottom: 24px;
    }
}
@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;
    }
    .photo-extra-artworks{
        flex-direction: column;
        gap: 16px;
    }
    .photo-extra-artworks:nth-of-type(1){
        margin-bottom: 24px;
    }
    .photo-extra-artworks>p{
        width:100%;
    }
    .caption-extra-artworks,.text-extra-artworks{
        display:block;
        color:#2F2725;
        font-weight:400;
        padding:0.8em 0 0.4em;
        text-align:left;
        width: 100%;
        margin: 0px auto ;
        font-size: 1.3rem;
    }
}

@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{
    line-height:1.4;
    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;
}
.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 (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;
    }
    .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%;
        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;
    }
}

/* support page
-------------------------------------------------------------*/
.mySection#section-support{
    max-width:704px;
}
.mySection#section-friends{
    max-width:704px;
}
.mySection#section-sponsors{
    max-width:704px;
    padding-bottom:48px;
}
.mySection#section-staff{
    max-width:704px;
    padding:64px 0;
}
.mySection#section-support-company{
    max-width:704px;
}
.mySection#section-application-logomark{
    max-width:704px;
    padding-bottom: 64px;
    padding-bottom: 78px;
}
.mySection#section-application-banner{
    max-width:704px;
}
.mySection#section-application-cassette{
    max-width:704px;
}
.mySection#section-schedule{
    max-width:704px;
}
.mySection#section-participation-flow{
    max-width:704px;
}
.mySection#section-inquiry{
    max-width:704px;
}
.mySection#section-requirements{
    max-width:704px;
}
.subtitle-support{
    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;
}
.text-inquiry{
    font-size:1.5rem;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
    text-align:center;
    margin-bottom:88px;
}
.text-inquiry dt{
    margin-bottom:0em;
}
.text-inquiry dd{
    margin-bottom:0em;
}
.text-inquiry dt.comingsoon{
    font-size:1.8rem;
    color: #d1d1d1;
    margin-bottom:2em;
}
.text-suppport_01{
    margin-bottom:32px;
}
.text-logomark{
    padding-top: 20px;
    margin-bottom: 20px;
}
.define-friends dt{
    font-size:1.4rem;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
    font-weight:bold;
    margin-bottom:0.2em;
}
.define-friends dd{
    font-size:1.4rem;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
    padding-bottom:16px;
}
.define-friends dd li{
    margin-left:15px;
    margin-bottom:0.2em;
}
.define-friends dd p,.define-friends dd ul{
    margin-bottom:1em;
}
.define-friends .application-closed{
    font-size:1.8rem;
    letter-spacing:0.02em;
    line-height: 1.833;
    color: #2F2725;
/*    color: rgb(240,80,80);*/
    text-align:center;
    padding:2em 0 4em;
    margin:0 0 80px;
    border-bottom:1px solid #2f2725;
}
.pdf-dd-friends{
    display: block;
}
.staff-type{
    width:100%;
    max-width:704px;
    margin:0 auto;
    padding: 6px 0 36px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.staff-type li{
    width:46.5%;
    max-width:340px;
    margin:0 0 48px;
    border: 1px solid #2F2725;
    aspect-ratio: 35 / 20;
}
.staff-type li a{
    display: block;
    width:100%;
    height:100%;
}
.link-staff-type{

}
.link-staff-type dt{
    font-size:1.8rem;
    line-height:1;
    color:#2F2725;
    font-weight:500;
    white-space: nowrap;
    padding:60px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap:0.4em;
}
.link-staff-type dt i{
    font-size:2.6rem;
    line-height:1;
    font-style:normal;
}
.link-staff-type dd{
    font-size:1.4rem;
    line-height:1.2;
    color:#d1d1d1;
    text-align:center;
    font-weight:600;
    font-family: 'Arial', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}

a>.link-staff-type dd{
    color:#2F2725;
    font-weight:600;
    position:relative;
    display:inline-block;
    padding-left:160px;
}
a>.link-staff-type dd:before {
    display: block;
    content: "";
    width: 36px;
    height: 0.5px;
    position: absolute;
    bottom: 0;
    left: 108px;
    transform: translate(0, 0px) rotate(30deg);
    transform-origin:right bottom;
    background: #2F2725;
}
a>.link-staff-type dd:after {
    display: block;
    content: "";
    width: 144px;
    height: 0.5px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #2F2725;
}
.staff-type li a dl{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.closed-staff{
    opacity:0.3;
}

@media (hover: hover) and (pointer: fine) {
    .staff-type li a{
        background-color:#fff;
    }
    .staff-type 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;
    }
    .staff-type li a:hover{
        background-color:#B5B5B5;
        color: #fff;
    }
    .link-staff-type dt{
        color:#2F2725;
        transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.3s;
    }
    .link-staff-type dd{
        color:#2F2725;
        transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.3s;
    }
    .staff-type li a:hover .link-staff-type dt{
        color:#fff;
    }
    .staff-type li a:hover .link-staff-type dd{
        color:#fff;
    }
    a>.link-staff-type dd:before {
        background-color: #2F2725;
        transition: background-color cubic-bezier(0.42, 0, 0.58, 1) 0.3s;
    }
    a>.link-staff-type dd:after {
        background-color: #2F2725;
        transition: background-color cubic-bezier(0.42, 0, 0.58, 1) 0.3s;
    }
    .staff-type li a:hover .link-staff-type dd:before{
        background-color:#fff;
    }
    .staff-type li a:hover .link-staff-type dd:after{
        background-color:#fff;
    }
}
.flow-support{
    width:104%;
    margin:0 -2%;
    padding: 0;
    margin-bottom: 76px;
    display: flex;
    justify-content: space-between;
}
.flow-support dl{
    width:20%;
    position: relative;
}
.cell-flow-support dt{
    font-size:2.8rem;
    letter-spacing:0em;
    line-height:1.6;
    color:#2F2725;
    font-weight:bold;
    font-family: 'Arial', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    margin-bottom:28px;
}
.cell-flow-support dd h4{
    font-size:1.6rem;
    letter-spacing:0em;
    line-height:1.72;
    color:#2F2725;
    font-weight:bold;
    margin-bottom:1em;
}
.cell-flow-support dd p{
    font-size:1.4rem;
    line-height: 1.66;
    color:#2F2725;
}
.flow-support dl::before {
    content: "";
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    border-top: 1px solid #2f2725;
    border-right: 1px solid #2f2725;
    transform: rotate(45deg);
}
.flow-support dl:nth-of-type(4)::before {
    content: none;
}
#section-sponsors .title-support{
    padding-bottom:0;
    margin-bottom:-0.1em;
}
#section-application-logomark .title-support{
    padding-bottom:0;
    margin-bottom:0em;
}
#section-application-banner .title-support{
    padding-bottom:0;
    margin-bottom:0.4em;
}
#section-application-cassette .title-support{
    padding-bottom:0;
    margin-bottom:0.4em;
}
.define-logomark{
}
.define-logomark dt{
    font-size:1.4rem;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
    font-weight:bold;
    margin-bottom:0.2em;
}
.define-logomark dd{
    font-size:1.4rem;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
    padding-bottom:16px;
}
.define-logomark dd li{
    margin-left:15px;
    margin-bottom:0.2em;
    list-style-type: none;
}
.define-logomark dd .list-04-logomark li{
    letter-spacing: 0.06em;
}
.define-logomark dd li a{
    text-decoration: underline;
}
.define-logomark dd li a:hover{
    text-decoration: none;
}
.define-logomark dd p{
    margin-bottom:0;
}
.define-logomark dd ul{
    margin-bottom:1em;
}
.define-logomark dd ul.list-04-logomark{
    margin-bottom:3em;
}
.rem-logomark{
    padding-top:1em;
    padding-bottom:1em;
}
.define-logomark dd .img-logomark{
    padding:0;
}
.pdf-logomark{
    padding-top:1em;
    padding-bottom:1em;
}
.pdf-logomark a{
    text-decoration: underline;
}
.text-support .textbox-banner{
    font-size:1.4rem;
    letter-spacing:0.06em;
    line-height: 1.833;
    color: #2F2725;
    margin-bottom:2em;
}
.box-banner{
    width:100%;
    max-width:704px;
    margin:0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.cell-banner dt{
    font-size:1.8rem;
    letter-spacing:0em;
    line-height:1.6;
    color:#2F2725;
    font-weight:500;
    font-family: 'Arial', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    white-space: nowrap;
    margin-bottom:0.4em;
}
.cell-banner .url-banner{
    margin-top:0.4em;
}
.cell-banner .url-banner span{
    font-size:1.4rem;
    line-height:1.2;
    color:#2F2725;
    display:inline-block;
    font-weight:500;
    font-family: 'Arial', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    white-space: nowrap;
    padding:0.4em 0.8em;
    background-color:#f5f5f5;
}
.cell-banner .url-banner code{
    font-size:1.4rem;
    line-height:1.2;
    color:#2F2725;
    display:inline-block;
    font-weight:500;
    font-family: 'Arial', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    white-space: nowrap;
    padding:0.4em 0.8em;
    background-color:#f5f5f5;
    white-space: pre-wrap;
    word-wrap: break-word;
    user-select: all;
}
.cell-banner .url-banner input{
    font-size:1.4rem;
    line-height:1.2;
    color:#2F2725;
    display:inline-block;
    font-weight:500;
    font-family: 'Arial', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    white-space: nowrap;
    width:100%;
    padding:0.4em 0.8em;
    border: none;
    outline: none;
    background-color:#f5f5f5;
    user-select: all;
}
.bnner__ele__input {
    display: block;
    font-size: 1.3em;
    width: 96%;
    padding: 4px 2%;
    border: none;
    outline: none;
    background-color: #efefef;
}
.cell-banner{
    width:100%;
    margin-bottom:64px;
}
.cell-banner-a{
    width:100%;
}
.cell-banner-a .img-banner{
    width:300px;
}
.cell-banner-b{
    width:52%;
    padding-right:2%;
}
.cell-banner-b .img-banner{
    width:160px;
}
.cell-banner-c{
    width:48%;
}
.cell-banner-c .img-banner{
    width:300px;
}
.cell-banner-d{
    width:100%;
}
.cell-banner-d .img-banner{
    width:728px;
}
.cell-banner-e{
    width:100%;
}
.cell-banner-e .img-banner{
    width:320px;
}
.cell-banner-f{
    width:100%;
}
.cell-banner-f .img-banner{
    width:468px;
}
.cell-banner-d dd img{
    border:0.5px solid #111;
}
.cell-cassette-0 .img-banner{
    width:460px;
    border:0.5px solid #111;
}
.cell-cassette-a .img-banner{
    width:750px;
    border:0.5px solid #111;
}
.cell-cassette-b .img-banner{
    width:750px;
    border:0.5px solid #111;
}

.ex-cassette{
    width: 84%;
    width: fit-content;
    max-width:640px;
    margin-bottom:96px;
    padding:32px;
    border: 1px solid #2F2725;
    position:relative;
}
.ex-cassette dt{
    font-size:1.4rem;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
    position:absolute;
}
.ex-cassette dd{
    font-size:1.4rem;
    letter-spacing:0.06em;
    line-height: 1.833;
    color: #2F2725;
    padding-left:3em;
}
.wrap-cassette .ex-cassette{
    margin-bottom:8px;
}
.wrap-cassette{
    margin-bottom:88px;
}
.title-cassette{
    font-size:1.4rem;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
    padding-bottom:0.1em;
    font-weight: normal;
}
.textbox-cassette{
    font-size:1.4rem;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
    margin-bottom:2em;
}
.sample-cassette{
    width: 62%;
    margin:0 auto;
    position:relative;
}
.img-cassette{
    width: 100%;
    max-width:460px;
    border: 1px solid #312b2b;
    position:relative;
    margin-bottom:24px;
}
.rem-cassette{
    font-size:1.4rem;
    letter-spacing:0;
    line-height: 1.833;
    color: #2F2725;
    margin-bottom:0.4em;
}
.mySection#section-support-company{
}
.content-support-company{
    width:100%;
    padding:0;
}
.content-support-company .textbox{
    text-align:center;
}
.list-support_company{
    text-align:center;
}
.list-support_company li{
    font-size:1.2rem;
    letter-spacing:0.02em;
    line-height:1.3;
    color:#2F2725;
    font-weight:400;
    padding:0em 0 1.6em;
    list-style-type:none;
}
.logo-support_company{
    padding:48px 0 64px 0;
    width:110px;
    margin:0 auto;
}
@media only screen and (min-width:769px) {
}
@media only screen and (max-width:768px) {

    .subtitle-support{
        font-size:1.8rem;
        letter-spacing:0;
        font-size: 2rem;
        line-height: 1.7;
        padding-top: 14px;
        margin-bottom: 36px;
    }
    .text-suppport_01 {
        padding-left: 1em;
        padding-right:1em;
        padding-bottom:4px;
    }
    .text-suppport_02 {
        padding-left: 1em;
        padding-right:1em;
    }
    .text-inquiry{
        font-size:1.4rem;
        margin-bottom:40px;
    }
    .staff-type{
        padding: 6px 0 24px;
        justify-content: space-between;
        flex-direction: column;
    }
    .staff-type li{
        width:78%;
        max-width:260px;
        margin:0 auto 20px;
    }
    .link-staff-type dt{
        font-size:1.6rem;
        padding:42px 0;
        gap:1em;
    }
    .link-staff-type dt i{
        font-size:2.2rem;
    }
    .link-staff-type dd{
        font-size:1.4rem;
    }
    a>.link-staff-type dd{
        padding-left:128px;
    }
    a>.link-staff-type dd:before {
        left: 76px;
    }
    a>.link-staff-type dd:after {
        width: 112px;
    }
    .flow-support{
        width:100%;
        margin:0;
        margin-bottom: 36px;
        flex-direction: column;
    }
    .flow-support dl{
        width:100%;
        display: flex;
        justify-content: space-between;
        width:78%;
        max-width:260px;
        margin:0 auto 80px;
    }
    .cell-flow-support dt{
        white-space: nowrap;
        width:40%;
    }
    .cell-flow-support dd{
        width:58%;
    }
    .cell-flow-support dd h4{
        padding: 1em 0 0;
        margin-bottom: 0.5em;
    }
    .cell-flow-support dd p{
        line-height: 1.99;
        font-size:1.3rem;
    }
    .flow-support dl::before {
        top: calc(100% + 20px);
        right: calc(50% - 14px);
        transform: rotate(135deg);
    }
    .flow-support dl:nth-of-type(4) {
        margin-bottom:0;
    }
    .define-friends {
        padding:0 1em;
    }
    .define-friends dt{
        font-size:1.3rem;
    }
    .define-friends dd{
        font-size:1.3rem;
        padding-bottom:12px;
    }
    .define-friends .application-closed{
        font-size:1.6rem;
        margin:0 -1em 40px;
    }
    .mySection#section-friends{
        padding-bottom:72px;
    }
    #section-sponsors .title-support{
        padding-bottom:0.8em;
        margin-bottom:0;
    }
    #section-sponsors .text-partner .cell-links li{
        width: 90%;
        max-width: 280px;
        padding-top: 12px;
    }
    #section-sponsors .text-partner .cell-links li a{
    }
    .mySection#section-sponsors{
        padding-bottom:8px;
    }
    .mySection#section-participation-flow{
    }
    .flow-support + .cell-links li{
        width: 90%;
        max-width: 240px;
        padding-top: 0px;
    }
    #section-sponsors .text-partner .cell-links li a{
    }

    #section-application-logomark .title-support{
        padding-bottom:0.8em;
        line-height:1.7;
    }
    .define-logomark dt{
        font-size:1.3rem;
    }
    .define-logomark dd{
        font-size:1.3rem;
    }
    .define-logomark dd li{
        margin-left:4px;
    }
    .pdf-logomark li{
        padding-bottom:1em;
    }
    .mySection#section-application-logomark{
        padding-bottom: 24px;
    }
    #section-application-banner .title-support{
        padding-bottom:0.8em;
        line-height:1.7;
    }
    .text-support .textbox-banner{
        font-size:1.3rem;
        letter-spacing:0.02em;
        margin-bottom:2em;
    }

    .box-banner{
        width:92%;
        overflow:hidden;
    }

    .cell-banner dt{
        font-size:1.5rem;
        margin-bottom:0.2em;
    }
    .cell-banner .url-banner{
        margin-top:0.4em;
    }
    .cell-banner .url-banner span{
        font-size:1rem;
    }
    .cell-banner:last-of-type{
        margin-bottom:0;
    }

    .cell-banner{
        margin-bottom:40px;
    }
    .cell-banner-a .img-banner{
        width:120px;
    }

    .cell-banner-b .img-banner{
        width:64px;
    }
    .cell-banner-c .img-banner{
        width:120px;
    }
    .cell-banner-d .img-banner{
        width:100%;
        max-width:292px;
    }
    .cell-banner-e .img-banner{
        width:128px;
    }
    .cell-banner-f .img-banner{
        width:188px;
    }
    .cell-cassette-0 .img-banner{
        width:260px;
        width: 85%;
    }
    .cell-cassette-a .img-banner{
        width:312px;
        width: 100%;
    }
    .cell-cassette-b .img-banner{
        width:312px;
        width: 100%;
    }
    .cell-cassette-0 dt,.cell-cassette-a dt,.cell-cassette-b dt{
        font-size:1.3rem;
    }

    #section-application-cassette .title-support{
        padding-bottom:0.8em;
        line-height:1.7;
    }
    .ex-cassette{
        margin-bottom:50px;
        padding:32px 24px;
    }
    .ex-cassette dt{
        font-size:1.3rem;
        position:relative;
    }
    .ex-cassette dd{
        font-size:1.3rem;
        letter-spacing:0.02em;
        padding-left:0em;
    }
    .title-cassette{
        font-size:1.3rem;
        padding-bottom:0.1em;
    }
    .textbox-cassette{
        font-size:1.3rem;
        margin-bottom:2em;
    }
    .sample-cassette{
        width: 100%;
    }
    .img-cassette{
        width: 85%;
        margin : 0 auto 20px;
    }
    .rem-cassette{
        font-size:1.3rem;
        margin-bottom:0.1em;
    }
    .wrap-cassette .ex-cassette{
        margin-bottom:6px;
    }
    .wrap-cassette{
        margin-bottom:48px;
    }
    .mySection#section-support-company{
    }
    .content-support-company{
        padding:16px 0;
    }
    .content-support-company .textbox{
        text-align:left;
        font-size:1.3rem;
    }
    .list-support_company li{
        padding:0em 0 1.2em;
    }
    .logo-support_company{
        padding:32px 0 56px 0;
        width:104px;
    }
}

/* access page
-------------------------------------------------------------*/
.mySection#section-to-okayama{
    max-width:704px;
    padding:64px 0 180px;
}
.mySection#section-from-okayama{
    max-width:704px;
    padding-bottom: 180px;
}
.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: 240px;*/
}
.mySection#section-rental-bicycle{
    max-width:704px;
    padding-bottom: 196px;
}
.subtitle-access{
    font-size:2.2rem;
    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;
    margin-bottom:140px;
}
.img-to-okayama{
    width:100%;
    margin:0 auto 120px;
}
.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;
}
.box-from-okayama{
    margin-bottom:0px;
}
.box-from-okayama + .wrap-cell-links .cell-links{
    padding:32px 0 128px;
    justify-content: center;
    gap:20px;
}
.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;
}
.table-bustour .table-bicycle td,
.table-bustour .table-bicycle th {
    height:auto;
    line-height:1.6;
    font-size: 1.4rem;
}
.table-bustour .table-bicycle th{
    padding: 0.4em 0.6em;
    white-space: nowrap;
}
.table-bustour .table-bicycle tbody th{
    padding: 0.4em 0.6em;
    width:auto;
    vertical-align: top;
    text-align:left;
    white-space: nowrap;
}
.table-bustour .table-bicycle td {
    vertical-align: top;
    text-align:left;
    padding: 0.4em 0.6em;
}
.table-bustour .table-bicycle td:nth-of-type(1) {
    width:180px;
    position:relative;
   padding-bottom:80px;
}
.table-bustour .table-bicycle td:nth-of-type(2) {
    width:200px;
}
.table-bustour .table-bicycle td:nth-of-type(4) {
    white-space: nowrap;
}
.table-bustour .table-bicycle {
    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/ja/cms/wp-content/themes/forestartfest-okayama-may-2025-ja/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;
}
.table-bicycle .link-public-transport {
    position:absolute;
    bottom:10px;
    left:14px;
}
.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,.cell-agancy-bustour>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,.cell-agancy-bustour>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,.cell-agancy-bustour>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 ,.cell-agancy-bustour>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 ,.cell-agancy-bustour>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 ,.cell-agancy-bustour>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,.cell-agancy-bustour>a:hover,.content-visit-by-car>a:hover{
        background-color: #b5b5b5;
    }
    .detail-howto>a:hover .name-public-transport dt,.cell-agancy-bustour>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,.cell-agancy-bustour>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 ,.cell-agancy-bustour>a:hover .link-public-transport ,.content-visit-by-car>a:hover .link-public-transport{
        color: #fff;
    }
    .detail-howto>a:hover .link-public-transport:before ,.cell-agancy-bustour>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 ,.cell-agancy-bustour>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;
    }
    .table-bicycle .link-public-transport{
        transition: color 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }
    .table-bicycle .link-public-transport:after,.table-bicycle .link-public-transport:before{
        transition: background 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }
    .table-bicycle .link-public-transport:hover{
        color: #b5b5b5;
    }
    .table-bicycle .link-public-transport:hover:before{
        background: #b5b5b5;
    }
    .table-bicycle .link-public-transport:hover:after{
        background: #b5b5b5;
    }
    .define-tour a{
        transition: color 0.4s cubic-bezier(0.42, 0, 0.58, 1);
        text-decoration:underline;
        font-weight: 400;
    }
    .define-tour a:hover{
        color: #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%;
    }
    #section-rental-bicycle .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;
    }
    .table-bustour .table-bicycle td,
    .table-bustour .table-bicycle th {
        padding: 0.4em 0.6em;
        font-size: 1.3rem;
    }
    .table-bustour .table-bicycle {
        min-width:720px
    }
    .table-bustour .table-bicycle tbody th{
    }
    .table-bustour .table-bicycle td {
    }
    .table-bustour .table-bicycle td:nth-of-type(1) {
        width:170px;
        padding-bottom:72px;
    }
    .table-bustour .table-bicycle td:nth-of-type(2) {
        width:200px;
    }
    .table-bicycle .link-public-transport {
    margin:0;
    }
    .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 200px;
}
#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%;
}
.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;
    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:1.5em;
    text-indent:-1.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;
}
ul.text-terms-of-use li{
    font-size:1.4rem;
    letter-spacing:0.04em;
    line-height:1.99;
    font-weight:400;
    margin-bottom: 0.1em;
    list-style-type: disc;
}
.text-terms-of-use{
    margin-bottom: 0.2em;
    padding-left:30px;
}
.terms-of-venues{
    margin-bottom:128px;
    margin-top:24px;
}
.adjust-with-terms{
    width:100%;
    margin:0 auto 40px;
}
.terms-of-venues .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;
    padding:16px 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;
    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;
    text-align:center;
}
.subtitle-shop + .box-ticket-counter .list-ticket-counter{
    margin-bottom:16px;
}
.subtitle-shop + .box-ticket-counter .list-ticket-counter li{
    margin-bottom:1em;
    font-size: 1.4rem;
}
.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;
    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%;
}
.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-rem-ticket-price {
    margin-bottom:24px;
}
.table-rem-ticket-price table td {
    padding: 0 1em;
}
.table-rem-ticket-price table{
    border-collapse: collapse;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.table-rem-ticket-price table tr {
    background-color: #fff;
    border: 1px solid #000;
}
.table-rem-ticket-price table th,
.table-rem-ticket-price table td {
    border-right: 1px solid #000;
}
.table-rem-ticket-price table th {
    white-space: nowrap;
}
.table-rem-ticket-price table th span {
    font-weight:normal;
    font-weight: 400;
}
.table-rem-ticket-price table th {
    line-height:2;
    font-size: 1.4rem;
    text-align: center;
    font-weight: 400;
    height:40px;
    padding:0.4em;
    vertical-align: middle;
    white-space: nowrap;
}
.table-rem-ticket-price table tr{
    background-color: #fff;
}
.table-rem-ticket-price table th{
    background-color: #f2f2f2;
}
@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%;
    }
    .rem-ticket-price{
        margin-bottom:32px;
    }
}

@media (hover: hover) and (pointer: fine) {
    .list-ticket-counter a,.item-shop-ticket-00 a,.text-shop a{
        transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    .list-ticket-counter a:hover,.item-shop-ticket-00 a:hover,.text-shop 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: 12px;
        padding-left:3.4em;
    }
    .mySection#section-sales-period {
        padding: 0 0 100px;
    }
    .table-ticket-price{
        display: none;
    }
    .table-ticket-price-mobile,.table-ticket-price-sp{
        display: table;
        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 li{
        font-size:1.3rem;
        line-height:1.88;
    }
    .terms-of-venues{
        width:100%;
        margin-bottom:88px;
        margin-top:24px;
    }
    .terms-of-venues{
    }
    .terms-of-venues .text-terms-of-use li{
        font-size:1.2rem;
        line-height:1.78;
    }
    .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;
        text-align: center;
    }
    .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;
        text-align:left;
    }
    .subtitle-shop + .box-ticket-counter .list-ticket-counter li{
        font-size: 1.3rem;
    }
    #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;
    }
    .rem-ticket-price{
        margin-bottom:48px;
    }
    .table-rem-ticket-price {
        margin-bottom:48px;
    }
    .table-rem-ticket-price table th {
        font-size: 1.3rem;
    }
    .table-rem-ticket-price table td {
        font-size: 1.3rem;
        padding:0.99em 0.66em;
    }
    .cell-links + .cell-links li{
        width:64%;
        max-width: 240px;
    }
    .adjust-with-terms + .cell-links li{
        width:64%;
        max-width: 240px;
    }
    .box-from-okayama + .wrap-cell-links .cell-links{
        flex-direction: column;
        align-items: center;
    }
    .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.8em;
    }
    .table-ticket-price-mobile table th {
        padding: 0.4em 0.4em;
    }
}

/* enjoy page
-------------------------------------------------------------*/
.mySection#section-enjoy-process{
    max-width:704px;
    padding:64px 0 120px;
}
.mySection#section-enjoy-gourmet{
    max-width:704px;
    padding-bottom: 200px;
}
.mySection#section-enjoy-local{
    max-width:704px;
    max-width:740px;
    padding-bottom: 240px;
    padding-bottom: 120px;
}
.mySection#section-enjoy-stay{
    max-width:704px;
    padding-bottom: 240px;
    padding-bottom: 120px;
}
.mySection#section-enjoy-clothing{
    max-width:704px;
    padding-bottom: 120px;
}
.mySection#section-enjoy-aswell{
    max-width:704px;
    padding-bottom: 240px;
}
.title-enjoy{
    margin-bottom:40px;
}
.subtitle-enjoy{
    font-size:2.2rem;
    letter-spacing:.01em;
    line-height:1.8;
    color:#2F2725;
    font-weight:500;
    text-align:center;
    margin-bottom:60px;
    font-family: "Noto Sans JP", sans-serif;
}
h4.subtitle-enjoy{
    font-size:1.4rem;
}
.wrap-patissier{
    padding-bottom:48px;
    margin: 0 auto 48px;
}
.box-patissier{
}
.img-patissier-pc{

}
.text-patissier{
    width:84%;
    margin:0 auto;
}
.text-patissier p{
    font-size:1.4rem;
    font-weight:400;
    letter-spacing:0;
    line-height: 1.999;
    color: #2F2725;
}
.wrap-enjoy{
    border-bottom:1px solid #2f2725;
    padding-bottom:48px;
    margin: 0 auto 64px;
}
.wrap-enjoy:last-of-type{
    margin: 0 auto;
}
.text-enjoy{
    width:100%;
}
#content-tiravanija .text-enjoy{
    padding:64px 0 32px 0;
    margin: 0 auto;
}
.text-enjoy .cell-links li{
    width:auto;
    max-width: 480px;
}
.text-enjoy .cell-links li a{
    width:100%;
    font-size:2rem;
    padding:1.4em 2em;
    min-height:86px;
    text-align:center;
}
.subtitle-enjoy + .text-enjoy .cell-links{
    padding-top:0;
    padding-bottom:72px;
}
.text-enjoy p{
    font-size:1.4rem;
    font-weight:400;
    letter-spacing:0;
    line-height: 1.999;
    color: #2F2725;
    text-align:center;
}
.box-shop-info{
    width:100%;
    width:96%;
    margin:0 auto 48px;
}
.table-shop-info{
    width:100%;
    margin:0 auto 8px;
}
.table-shop-info table{
    border-collapse: collapse;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.table-shop-info table tr {
    background-color: #fff;
    border: 1px solid #000;
}
.table-shop-info table th,
.table-shop-info table td {
    border-right: 1px solid #000;
}
.table-shop-info table td,
.table-shop-info table th {
    line-height:2;
    font-size: 1.4rem;
    text-align: center;
    font-weight: 400;
    height:48px;
    vertical-align: middle;
}
.table-shop-info table td .name-shop-info{
    padding-top:0.4em;
    padding-bottom:0.4em;
    line-height:1.4;
}
.table-shop-info table td .address-shop-info{
    line-height:1.3;
    font-size: 1.3rem;
    font-weight: 300;
}
.table-shop-info table thead th{
    background-color: #f2f2f2;
}
.table-shop-info table tbody th{
    background-color: #e3e4e4;
}
.table-shop-info table thead tr{
    background-color: #fff;
}
.table-shop-info table td:nth-of-type(3) p{
    padding-bottom:2em;
}

.table-shop-info table tbody td:nth-of-type(1),
.table-shop-info table tbody td:nth-of-type(3){
    text-align:left;
}
.table-shop-info table tbody td:nth-of-type(1){
    padding-top:0.6em;
    padding-bottom:0.6em;
}

.table--shop-info table tbody td:nth-of-type(3),
.table--shop-info table tbody td:nth-of-type(4){

}
.table--shop-info table tbody td[colspan="2"]{
    width:60%;
}
.table-shop-info table td {
    padding: 0 0.8em;
}
.table-shop-info table td:nth-of-type(2) {
    padding: 0 0.1em;
    font-size: 1.2rem;
    line-height:1.4;
    min-width:100px;
}
.table-shop-info table td:nth-of-type(2) span{
    font-size: 1.1rem;
}
.js-----table table tbody tr{
    display:none;
}
.js-----table table tbody tr:nth-of-type(1){
    display:table;
}
.js-table table tbody.table-shop-hide{
    display:none;
}
.js-table.is-extend table tbody.table-shop-hide{
    display:revert;
}

.rem-shop-info{
}
.rem-shop-info li{
    font-size:1.4rem;
    letter-spacing:0.04em;
    line-height:1.8;
    font-weight:400;
    margin-bottom: 0.2em;
}
.logo-enjoy-local{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:64px;
    gap:80px;
}
.logo-enjoy-local dt{
    font-size:1.4rem;
    letter-spacing:0.04em;
    line-height:1.8;
    font-weight:400;
    margin-bottom: 0.2em;
}
.logo-enjoy-local dd{
    width:100px;
}
.wrap-products-enjoy{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom:64px;
    gap:24px 4%;
}
.cell-product,.cell-gourmet{
    width:30%;
}
.info-product{
    padding:4px 0;
    margin:0 0 1em;
}
.info-city-product{
    font-size:1.4rem;
    letter-spacing:0.02em;
    line-height:1.3;
    color:#2F2725;
    font-weight:500;
    padding:0.2em 0 0.4em;
}
.info-name-product{
    font-size:1.6rem;
    letter-spacing:0.02em;
    line-height:1.3;
    color:#2F2725;
    font-weight:400;
    padding:0em 0 0.8em;
}
.info-text-product{
    font-size:1.3rem;
    letter-spacing:0.02em;
    line-height:1.8;
    color:#2F2725;
    font-weight:400;
}
.info-name-gourmet{
    font-size:1.4rem;
    letter-spacing:0.02em;
    line-height:1.3;
    color:#2F2725;
    font-weight:400;
    text-align:center;
    padding:0.8em 0 0.4em;
}
.info-variant-gourmet{
    font-size:1.4rem;
    letter-spacing:0.02em;
    line-height:1.3;
    color:#2F2725;
    font-weight:400;
    text-align:center;
    padding:0 0 0.8em;
}

.inquiry-shop-info-sp{
}
.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);
}
.wrap-official-tour .define-tour dt,.wrap-official-tour .define-tour dd{
    display:none;
}
.wrap-official-tour .define-tour dd:first-of-type{
    display:block;
}
.wrap-official-tour.is-extend .define-tour dt,.wrap-official-tour.is-extend .define-tour dd{
    display:block;
}

#enjoy .container {
    overflow:hidden;
}
.mySection#section-enjoy-process .tab{
    margin-bottom:80px;
    padding:20px 0 20px;
    border-bottom:1px solid #2f2725;
}

.detail-model-course{
    width:100%;
    border:1px solid #2f2725;
    padding:20px 168px 20px 24px;
    margin-top:15px;
    margin-bottom:30px;
    position:relative;
}
.header-model-course{
    width:100%;
    margin-bottom:1em;
}
.course-model-course{
    font-size:1.7rem;
    letter-spacing:0.04em;
    line-height:1.6;
    font-weight:500;
}
.body-model-course{
    font-size:1.4rem;
    letter-spacing:0.02em;
    line-height:2;
    font-weight:400;
}
.pdf-model-course{
    position:absolute;
    right:0;
    bottom:0;
    width:140px;
    border-left:1px solid #2f2725;
    border-top:1px solid #2f2725;
}
.pdf-model-course a{
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    height:76px;
    font-size:1.7rem;
    letter-spacing:0.02em;
    line-height:1.1;
    color:#2F2725;
    background-color:#fff;
    font-weight:400;
}

@media (hover: hover) and (pointer: fine) {
    .pdf-model-course 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;
    }
    .pdf-model-course a:hover{
        background-color:#B5B5B5;
        color: #fff;
    }
}

@media only screen and (min-width:769px) {
    .inquiry-shop-info-sp{
        display:none;
    }
    .box-patissier{
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        gap:0 60px;
        width:84%;
        margin:0 auto 56px;
    }
    .img-patissier-pc{
    }
    .img-patissier{
        display:none;
    }
    .career-patissier{
    }
    .career-patissier p{
        font-size:1.3rem;
        letter-spacing:0.02em;
        line-height:1.78;
        color:#2F2725;
        font-weight:400;
        padding:0em 0;
    }
    .name-patissier{
        padding:16px 0;
    }
    .name-patissier dt{
        font-size:1.2rem;
        letter-spacing:0.02em;
        line-height:1.3;
        color:#2F2725;
        font-weight:400;
        padding:0em 0 1.2em;
    }
    .name-patissier-ja{
        font-size:1.5rem;
        letter-spacing:0.02em;
        line-height:1.3;
        color:#2F2725;
        font-weight:400;
        padding:0 0 0.2em;
    }
    .name-patissier-en{
        font-size:1.3rem;
        letter-spacing:0.02em;
        line-height:1.3;
        color:#2F2725;
        font-weight:400;
        padding:0;
    }
    #section-visit-by-bus .wrap-bustour.js-extend .function-view-more{
        display: none;
    }
    .define-enjoy{
        width:84%;
        margin:0 auto 24px;
    }
    .define-enjoy dd span{
        display:inline-block;
        width:20em;
    }
    .define-enjoy dd a{
        display:inline-block;
    }
    .define-enjoy dd a[href*="tel:"] {
        pointer-events: none;
    }
    .wrap-rem-shop-info{
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top:48px;
        padding-bottom:24px;
    }
    .mySection#section-enjoy-process .tab.tab-adj01{
        margin-bottom:40px;
    }
    .mySection#section-enjoy-process .tab.tab-adj02{
        margin-bottom:64px;
    }
    .mySection#section-enjoy-process .tab.tab-adj02 .subtitle-access{
        margin-bottom:60px;
    }
    .mySection#section-enjoy-process .tab{
        margin-bottom:80px;
        padding:20px 0 20px;
        border-bottom:1px solid #2f2725;
    }
    .mySection#section-enjoy-process .tab.tab-adj01 + .text-enjoy{
        margin-bottom:40px;
        padding:20px 0 20px;
        border-bottom:1px solid #2f2725;
    }
}
@media (hover: hover) and (pointer: fine) {
    .define-enjoy dd a {
        transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    .define-enjoy dd a:hover {
        color: #b5b5b5;
    }
}

@media only screen and (max-width:768px) {
    .mySection#section-enjoy-process{
        padding:32px 0 100px;
    }
    .mySection#section-enjoy-gourmet{
        padding-bottom: 100px;
    }
    .mySection#section-enjoy-local{
        padding-bottom: 60px;
    }
    .mySection#section-enjoy-clothing{
        padding-bottom: 60px;
    }
    .mySection#section-enjoy-stay{
        padding-bottom: 60px;
    }
    .mySection#section-enjoy-aswell{
        padding-bottom: 100px;
    }
    .title-enjoy{
        margin-bottom:32px;
    }
    .subtitle-enjoy{
        font-size:1.8rem;
        margin-bottom:40px;
    }
    h4.subtitle-enjoy{
        font-size:1.3rem;
    }
    .inquiry-shop-info-sp{
        display:block;
        display:none;
        font-size:1.3rem;
        letter-spacing:0.04em;
        line-height:1.8;
        font-weight:400;
        padding:0.2em 0;
    }
    .rem-shop-info li{
        font-size:1.3rem;
    }
    .img-patissier-pc{
        display:none;
    }
    .wrap-products-enjoy{
        margin-bottom:56px;
        gap:16px 8%;
    }
    .cell-product{
        width:46%;
        margin:0 0;
    }
    .cell-gourmet{
        width:80%;
        margin:0 auto;
    }
    .img-gourmet{
        width:78%;
        margin:0 auto;
    }
    .info-product{
        margin:0 0 0.8em;
    }
    .info-city-product{
        font-size:1.3rem;
    }
    .info-name-product{
        font-size:1.3rem;
    }
    .cell-product .info-text-product{
        font-size:1.2rem;
        line-height:1.66;
    }
    .introduction-patissier{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width:80%;
        margin:0 auto 32px;
    }
    .img-patissier{
        width:50%;
        margin:0;
    }
    .name-patissier{
        width:42%;
        padding:8px 0;
    }
    .name-patissier dt{
        font-size:1.3rem;
        padding:0em 0 1.99em;
    }
    .name-patissier-ja{
        font-size:1.5rem;
        padding:0 0 0.6em;
    }
    .name-patissier-en{
        font-size:1.3rem;
        padding:0;
    }
    .box-patissier{
        width:100%;
        margin:0 auto 40px;
    }
    .text-patissier{
        width:80%;
    }
    .text-patissier p{
        font-size:1.3rem;
    }
    .career-patissier{
    }
    .career-patissier p{
        font-size:1.3rem;
        letter-spacing:0.02em;
        line-height:1.78;
        color:#2F2725;
        font-weight:400;
        padding:0em 0;
    }
    #content-tiravanija .text-enjoy{
        padding:56px 0 24px 0;
        margin: 0 auto;
    }
    .text-enjoy .cell-links li a{
        font-size:1.6rem;
        padding:1.4em 2em;
        min-height:80px;
    }
    .subtitle-enjoy + .text-enjoy .cell-links{
        padding-bottom:56px;
    }
    .text-enjoy p{
        font-size:1.3rem;
        line-height: 1.8;
    }
    .text-enjoy .textbox + .cell-links{
        padding:40px 0 0;
    }
    .box-shop-info{
        width:100%;
        width:96%;
        margin:0 auto 48px;
    }
    .table-shop-info{
        width:100%;
        margin:0 auto 8px;
        overflow-x: scroll;
    }
    .table-shop-info table{
        width:680px;
    }
    .table-shop-info table td,
    .table-shop-info table th {
        line-height:1.5;
        font-size: 1.3rem;
    }
    .table-shop-info table td:nth-of-type(3){
        display: none;
        display: revert;
    }
    .table-shop-info table th:nth-of-type(3){
        display: none;
        display: revert;
    }
    .table-shop-info table td:nth-of-type(1) {
        padding:0.8em 0.99em;
    }
    .table-shop-info table td:nth-of-type(2) {
        padding:0.4em 0.4em;
    }
    .table-shop-info table td:nth-of-type(2) {
        min-width:80px;
    }
    .table-shop-info table td .address-shop-info{
        font-size: 1.2rem;
    }
    .wrap-rem-shop-info{
        padding-top:40px;
        padding-bottom:16px;
    }
    .logo-enjoy-local{
        flex-direction: column;
        margin-bottom:48px;
        gap:40px 0;
    }
    .logo-enjoy-local dt{
        font-size:1.3rem;
        text-align:center;
    }
    .logo-enjoy-local dd{
        width:80px;
    }
    #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;
    }

    .wrap-patissier{
        padding-bottom:24px;
        margin: 0 auto 24px;
    }
    .define-enjoy dd a{
        display:inline-block;
    }
    .detail-model-course{
        padding:20px 24px 56px;
        margin-top:20px;
        margin-bottom:20px;
    }
    .course-model-course{
        font-size:1.5rem;
    }
    .body-model-course{
        font-size:1.3rem;
    }
    .pdf-model-course{
        width:100px;
    }
    .pdf-model-course a{
        height:42px;
        font-size:1.5rem;
    }
    .mySection#section-enjoy-process .tab.tab-adj01{
        margin-bottom:32px;
    }
    .mySection#section-enjoy-process .tab.tab-adj02{
        margin-bottom:48px;
    }
    .mySection#section-enjoy-process .tab.tab-adj02 .subtitle-access{
        margin-bottom:52px;
    }
    .mySection#section-enjoy-process .tab.tab-adj01 + .text-enjoy{
        margin-bottom:32px;
        padding:20px 0 64px;
        border-bottom:1px solid #2f2725;
    }
}

@media print {
    .box-patissier {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        gap: 0 60px;
        width: 84%;
        margin: 0 auto 56px;
    }
    .img-patissier-pc {
    }
    .img-patissier {
        display: none;
    }
    .career-patissier {
    }
    .career-patissier p {
        font-size: 1.3rem;
        letter-spacing: 0.02em;
        line-height: 1.78;
        color: #2F2725;
        font-weight: 400;
        padding: 0em 0;
    }

    .name-patissier {
        padding: 16px 0;
    }

    .name-patissier dt {
        font-size: 1.2rem;
        letter-spacing: 0.02em;
        line-height: 1.3;
        color: #2F2725;
        font-weight: 400;
        padding: 0em 0 1.2em;
    }

    .name-patissier-ja {
        font-size: 1.5rem;
        letter-spacing: 0.02em;
        line-height: 1.3;
        color: #2F2725;
        font-weight: 400;
        padding: 0 0 0.2em;
    }

    .name-patissier-en {
        font-size: 1.3rem;
        letter-spacing: 0.02em;
        line-height: 1.3;
        color: #2F2725;
        font-weight: 400;
        padding: 0;
    }
    .subtitle-venuebus i{
        color:#333;
    }
    .subtitle-venuebus i::after{
        content: none;
        background-image:none;
    }
}

/* enjoy page - about items and clothes.
-------------------------------------------------------------*/
.wrap-clothing{
    width:100%;
    margin-bottom:80px;
    position:relative;
}
.subtitle-clothing{
    font-size:3.2rem;
    letter-spacing:0.04em;
    line-height:1.2;
    font-weight:500;
    margin-bottom:1.6em;
}
.subtitle-enjoy + .wrap-clothing{
    padding-top:40px;
}
.cell-clothing,.cell-clothing-items{
    font-size:1.4rem;
    letter-spacing:.01em;
    line-height:1.99;
    color:#2F2725;
    font-weight:400;
}
ul.cell-clothing li{
    list-style-type: revert;
    margin-left:24px;
    margin-bottom:2em;
}
.cell-clothing dt{
    font-weight:700;
}
.cell-clothing dd{
    margin-bottom:2em;
}
.cell-clothing .notice-clothing{
    color:#d02c2a;
    padding:0 0 0 1em;
    text-indent: -1em;
    margin:0;
}
.img-clothes,.img-items{
    position:absolute;
}
@media only screen and (min-width:769px) {
    .cell-clothing-items{
    }
    .cell-clothing-items span{
        display:block;
    }
    .cell-clothing-items i{
        display:none;
    }
    .img-clothes{
        width:240px;
        top:50%;
        right:0;
        transform: translate(0 , -50%);
    }
    #bg-img-clothes{
        min-height:370px;
    }
    .img-items{
        width:380px;
        top:50%;
        right:0;
        transform: translate(0 , -50%);
    }
    #bg-img-items{
    }
}

@media only screen and (max-width:768px) {
    .wrap-clothing{
        margin-bottom:56px;
    }
    .subtitle-clothing{
        font-size:2.6rem;
    }
    .subtitle-enjoy + .wrap-clothing{
        padding-top:20px;
    }
    .cell-clothing,.cell-clothing-items{
        font-size:1.3rem;
    }
    .subtitle-clothing span{
        display: inline-block;
    }
    .img-clothes{
        width:180px;
        bottom:0;
        left:50%;
        transform: translate(-50% , 0);
    }
    #bg-img-clothes{
        padding-bottom:280px;
    }
    .img-items{
        width:290px;
        bottom:0;
        left:50%;
        transform: translate(-50% , 0);
    }
    #bg-img-items{
        padding-bottom:240px;
    }
}

/* 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:90%;
    display: flex;
    flex-wrap: wrap;
    margin:0 auto 40px;

}
.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;
}

/* events page
-------------------------------------------------------------*/
#events .container {
    overflow:hidden;
}
#section-friends-program .title-events{
    padding-bottom:0;
    margin-bottom:0.4em;
    margin-bottom:0.8em;
}
#events .mySection {
    padding-top: 56px;
    max-width:704px;
}
.wrap-each-event{
    display:block;
    position:relative;
    border-bottom:1px solid #2f2725;
    padding:8px 0;
}
.wrap-each-event{
}
.arrow-each-event{
    width:40px;
    height:40px;
    position:absolute;
    bottom:50px;
    right:20px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.arrow-each-event::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 28px;
    height: 28px;
    border-top: 1px solid #2f2725;
    border-right: 1px solid #2f2725;
    transform: rotate(135deg) ;
    transition: border cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
}
.is-open.arrow-each-event::before {
    top: 25px;
    transform: rotate(-45deg) ;
}
.cell-each-event{
    cursor: pointer;
}
.title-each-event{
    font-size:2.3rem;
    letter-spacing:.01em;
    line-height:1.8;
    color:#2F2725;
    font-weight:500;
    padding:1em 0;
}
.dt-each-event{
    font-size:1.4rem;
    letter-spacing:.01em;
    line-height:1.8;
    color:#2F2725;
    font-weight:700;
    padding:0 0 0.2em;
}
.dd-each-event{
    font-size:1.4rem;
    letter-spacing:.01em;
    line-height:1.8;
    color:#2F2725;
    font-weight:400;
    padding:0 0 1.6em;
}
.dt-each-event,
.dd-each-event{
    width:86.66%;
}
.dd-each-event span.indent-2{
    text-indent:2em;
    display:inline-block;
}
.intro-each-event{
    width:86.66%;
    width:100%;
}
.detail-each-event{
    width:86.66%;
    width:100%;
    display:none;
}
.logo-friends-program{
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    margin-bottom:64px;
    gap:0 80px;
}
.logo-friends-program dt{
    width:100px;
}
.logo-friends-program dd{
    font-size:1.4rem;
    letter-spacing:0.04em;
    line-height:1.99;
    font-weight:400;
    margin-bottom: 0.2em;
    width:76%;
    width:calc(100% - 180px);
}
.logo-program{
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    margin-bottom:40px;
    gap:0 80px;
}
.logo-program dt{
    width:160px;
}
.logo-program dd{
    font-size:1.4rem;
    letter-spacing:0.04em;
    line-height:1.99;
    font-weight:400;
    margin-bottom: 0.2em;
    width:76%;
    width:calc(100% - 200px);
}
.logo-program>p{
    font-size:1.4rem;
    letter-spacing:0.04em;
    line-height:1.99;
    font-weight:400;
    margin-bottom: 0.2em;
    width:100%;
}
.wrap-detail-events{
    width:100%;
    padding:120px 0 0;
}
.intro-detail-events{
    font-size:1.4rem;
    letter-spacing:0.04em;
    line-height:1.99;
    font-weight:400;
    text-align:center;
    margin-bottom: 1em;
    width:100%;
}
.box-detail-events{
    width:90%;
    margin:0 auto;
    display: grid;
    grid-template-rows: 0fr;
    transition: 0.8s grid-template-rows ease;
}
.cell-detail-events{
    overflow: hidden;
}
.is-extend .box-detail-events{
    grid-template-rows: 1fr;
}
.cell-detail-events p{
    font-size:1.4rem;
    letter-spacing:0.04em;
    line-height:1.99;
    font-weight:400;
    margin-bottom: 2.4em;
}
.cell-detail-events p:nth-last-of-type(2){
    margin-bottom: 1.2em;
}
.cell-detail-events .list-ticket-counter{
    padding:1em 0 0;
}
.cell-detail-events .list-ticket-counter li{
    font-size:1.4rem;
}
.is-extend .intro-detail-events{
    margin-bottom: 2.4em;
}
@media only screen and (min-width:769px) {
    .logo-program>p{
        text-align:center;
    }
}
@media only screen and (max-width:768px) {
    #_artists .cell-links{
        width:100%;
        max-width:300px;
    }
    #_artists .cell-links li{
        width:80%;
    }
    #section-moriyama + .cell-links li{
        width:72%;
        max-width: 240px;
        text-align:center;
    }
    #section-tiravanija + .cell-links li{
        width:72%;
        max-width: 240px;
        text-align:center;
    }
    #section-zaganelli + .cell-links li{
        width:72%;
        max-width: 240px;
        text-align:center;
    }
    .cell-artist + .cell-links li{
        width:80%;
        max-width: 240px;
        text-align:center;
    }
    .box-detail-events{
        width:100%;
    }
    .cell-detail-events .list-ticket-counter li{
        font-size:1.3rem;
    }
    .intro-detail-events{
        font-size:1.3rem;
        text-align:left;
    }
}

.cell-retractable{
    border:1px solid #2f2725;
    border-top:none;
    width:100%;
    margin-bottom:20px;
    background-color: #fff;
}
.cell-retractable{
    display:none;
}

.tab {
    width:100%;
    margin-bottom:20px;
}

.tab__menu {
    display: flex;
    align-items: flex-end;

    min-height: 96px;
    min-height: 100px;
    position:relative;
}
.tab__menu::before,.tab__menu::after {
    content: "";
    position: absolute;
    bottom:0;
    width: 100vw;
    height: 1px;
    background-color: #2f2725;
}
.tab__menu::before {
    right: calc(100% - 25px);
}
.tab__menu::after {
    left:  calc(100% - 25px);
}
.tab__menu-item {
    width: 316px;
    min-height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-left: 24px;
    background-color: transparent;
    cursor: pointer;
    border: 1px solid #2f2725;
    transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.4s, background-color cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    font-size:1.5rem;
    letter-spacing:.01em;
    line-height:1.4;
    color:#2F2725;
    font-weight:400;
    position:relative;
}
.tab__menu-item:last-of-type {
    margin-right: 0px;
}
.tab__menu-item:last-of-type::before {
    content: "";
    position: absolute;
    top:100%;
    right:100%;
    width: 26px;
    height: 1px;
    background-color: #2f2725;
}
.tab__menu-item.is-active {
    border-bottom: 1px solid transparent;
    pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
    .tab__menu-item:hover {
        background-color: #b5b5b5;
        color: #ffffff;
    }
}
.tab__panel {
    width: 100%;
}
.tab__panel-box {
    width: 100%;
}
.tab__panel-box001 {
    display: none;
}
.tab__panel-box002 {
    display: none;
}
.tab__panel-box.is-show {
    display: block;
}

@media (hover: hover) and (pointer: fine) {
    .arrow-each-event:hover::before {
        border-top: 4px solid #b5b5b5;
        border-right: 4px solid #b5b5b5;
    }
    .cell-each-event:hover {
    }
    .title-each-event{
        transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    .dt-each-event{
        transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    .dd-each-event{
        transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    .cell-each-event:hover {
    }
    .cell-each-event:hover .title-each-event{
        color:#b5b5b5;
    }
    .cell-each-event:hover .dt-each-event{
        color:#b5b5b5;
    }
    .cell-each-event:hover .dd-each-event{
        color:#b5b5b5;
    }
    .cell-each-event:hover .arrow-each-event::before {
        border-top: 4px solid #b5b5b5;
        border-right: 4px solid #b5b5b5;
    }
    .cell-each-event.is-open .title-each-event{
        pointer-events: none;
        color:#2F2725;
    }
    .cell-each-event.is-open .dt-each-event{
        pointer-events: none;
        color:#2F2725;
    }
    .cell-each-event.is-open .dd-each-event{
        pointer-events: none;
        color:#2F2725;
    }
    .cell-each-event.is-open:hover .title-each-event{
        pointer-events: none;
        color:#2F2725;
    }
    .cell-each-event.is-open:hover .dt-each-event{
        pointer-events: none;
        color:#2F2725;
    }
    .cell-each-event.is-open:hover .dd-each-event{
        pointer-events: none;
        color:#2F2725;
    }
}
.cell-each-event.is-open{
    pointer-events: none;
    color:#2F2725;
}
.cell-each-event.is-open .title-each-event{
    pointer-events: none;
    color:#2F2725;
}
.cell-each-event.is-open .dt-each-event{
    pointer-events: none;
    color:#2F2725;
}
.cell-each-event.is-open .dd-each-event{
    pointer-events: none;
    color:#2F2725;
}
.is-open .arrow-each-event::before {
    top: 25px;
    transform: rotate(-45deg) ;
}
.cell-each-event.is-open  .arrow-each-event{
    pointer-events: auto;
}

@media only screen and (min-width:769px) {
    .bullet-pc{display: none}
    .tab__panel-box001 {
        padding-top:16px
    }
    .tab__panel-box002 {
        padding-top:16px
    }
}

@media only screen and (max-width:768px) {
    #section-friends-program .title-events{
        margin-bottom:1.2em;
        margin-bottom:1.6em;
    }
    .tab__menu {
        justify-content: center;
        min-height: 90px;
    }
    .tab__menu::before,.tab__menu::after {
    }
    .tab__menu::before {
        right: calc(50% + 150px);
    }
    .tab__menu::after {
        left:  calc(50% + 150px);
    }
    .tab__menu-item {
        width: 140px;
        min-height: 90px;
        margin-left: 0;
        font-size:1.4rem;
        letter-spacing:0;
    }
    .tab__menu-item:last-of-type {
        margin-left: 20px;
    }
    .tab__menu-item:last-of-type::before {
        width: 22px;
    }
    .bullet-sp{display: none}
    .title-each-event{
        font-size:1.8rem;
        letter-spacing:0.04em;
        line-height:1.6;
        color:#2F2725;
        font-weight:500;
        padding:1em 0;
    }
    .dt-each-event{
        font-size:1.3rem;
        padding:0 0 0.2em;
    }
    .dd-each-event{
        font-size:1.3rem;
        padding:0 0 1.6em;
    }
    .dt-each-event,
    .dd-each-event{
        width:100%;
    }
    .arrow-each-event{
        width:18px;
        height:18px;
        bottom:32px;
        right:0;
    }
    .arrow-each-event::before {
        top: 2px;
        left: 2px;
        width: 13px;
        height: 13px;
    }
    .is-open .arrow-each-event::before {
        top: 12px;
    }
    .wrap-each-event{
        padding:8px 0 48px;
    }
    .logo-friends-program{
        flex-direction: column;
        margin-bottom:64px;
        gap: 40px 0;
    }
    .logo-friends-program dt{
        width:80px;
    }
    .logo-friends-program dd{
        font-size:1.3rem;
        line-height:1.8;
        width:96%;
    }
    .logo-program{
        flex-direction: column;
        margin-bottom:64px;
        gap: 40px 0;
    }
    .logo-program dt{
        width:100px;
    }
    .logo-program dd{
        font-size:1.3rem;
        line-height:1.8;
        width:96%;
    }
    .logo-program>p{
        font-size:1.3rem;
        line-height:1.8;
        width:96%;
    }
}
#events #section-events-area,
#events #section-events-artists,
#events #section-events-collaboration,
#events #section-pickup-program {
    padding-top: 48px;
    padding-bottom: 48px;
}
#events #section-friends-program {
    padding-top: 48px;
    padding-bottom: 128px;
}
#section-events-area .view-more.enlarge,
#section-events-artists .view-more.enlarge,
#section-events-collaboration .view-more.enlarge,
#section-pickup-program .view-more.enlarge,
#section-friends-program .view-more.enlarge {
    text-align:right;
}
#section-events-area .view-more.enlarge a,
#section-events-artists .view-more.enlarge a,
#section-events-collaboration .view-more.enlarge a,
#section-pickup-program .view-more.enlarge a,
#section-friends-program .view-more.enlarge a {
    padding-right:0;
}
@media only screen and (max-width:768px) {
    #events #section-events-area {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    #events #section-events-artists {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    #events #section-events-collaboration {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    #events #section-pickup-program {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    #events #section-friends-program {
        padding-top: 32px;
        padding-bottom: 88px;
    }
}
#friends_program .container {
    overflow:hidden;
}
#friends_program .mySection {
    padding-top: 56px;
    max-width:704px;
}
#pickup_program .mySection {
    padding-top: 56px;
    max-width:704px;
}


/* tab synchronicity
-------------------------------------------------------------*/
.tabBox .tabArea {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap:18px;
}
.tabBox .tabArea .one_tab {
    width: 100px;
    border:1px solid #2f2725;
}
.tabBox .tabArea .one_tab a {
    display: block;
    transition-duration: 0.3s;
    text-align: center;
    color: #2f2725;
    background-color: #fff;
    width: 100%;
    height:60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tabBox .tabArea .one_tab .tab_inner {
    font-size:1.6rem;
    letter-spacing:0em;
    line-height:1.2;
    color:#2F2725;
}
.tabBox .tabArea .one_tab a.select .tab_inner {
    color: #fff;
}
.tabBox .tabArea .one_tab a.select{
    background-color: #2f2725;
}
.tab-contents {
    margin:50px auto;
    border-top: 1px solid #2f2725;
}
.tab_main {
    display: none;
    transition-duration: 0.3s;
}
.tab_main.is_show {
    display: block;
}
.article-pickup{
    min-height:400px;
    border-bottom: 1px solid #2f2725;
    padding:48px ;
}
.pickup-content{
    min-height:600px;
}
.subtitle-pickup{
    font-size:2.3rem;
    letter-spacing:.01em;
    line-height:1.8;
    color:#2F2725;
    font-weight:500;
    margin-bottom:32px;
    font-family: "Noto Sans JP", sans-serif;
}
.img-article-pickup{
    width:100%;
    margin:0 auto 40px;
}
.being-adjustments{
    width:100%;
    text-align:center;
    padding:2em 0;
    font-size:1.8rem;
    letter-spacing:.01em;
    line-height:1.8;
    color:#2F2725;
    font-weight:500;
    font-family: "Noto Sans JP", sans-serif;
}
@media only screen and (max-width:768px) {
    .tabBox .tabArea {
        gap:12px 4%;
    }
    .tabBox .tabArea .one_tab {
        width: 70px;
        width: 22%;
    }
    .tabBox .tabArea .one_tab a {
        height:50px;
    }
    .tabBox .tabArea .one_tab .tab_inner {
        font-size:1.4rem;
    }
    .tab-contents {
        margin:32px auto;
    }
    .subtitle-support{
        font-size:1.8rem;
        letter-spacing:0;
        font-size: 2rem;
        margin-bottom: 24px;
    }
    .article-pickup{
        padding:24px 0;
    }
    .img-article-pickup{
        margin-bottom: 32px;
    }
    .article-pickup .define-friends dd p, .article-pickup .define-friends dd ul {
        margin-bottom: 0.4em;
    }
    .article-pickup .define-friends {
        padding: 0 0.1em;
    }
    .being-adjustments{
        font-size:1.5rem;
    }
}

@media (hover: hover) and (pointer: fine) {
    .tabBox .tabArea .one_tab a:hover {
        background-color: #b5b5b5;
        color: #fff;
    }
    .tabBox .tabArea .one_tab a:hover .tab_inner {
        color: #fff;
    }
}

/* sights  areamap
-------------------------------------------------------------*/
#section-sights-map{
    width:100%;
    max-width:704px;
    margin:0 auto;
    padding-top:160px;
    padding-bottom:150px;
    padding-bottom:72px;
    overflow:hidden;
}
.wrap-sights-map {
    width: 704px;
    position:relative;
}
.wrap-sights-map: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-sights-map{
    position:relative;
    z-index:1;
}
.img-sights-map img{
    opacity:0;
    position:absolute;
    z-index:8;
    transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.img-sights-map img:last-of-type{
    position:relative;
    opacity:1;
    z-index:2;
}

.wrap-sights-map dd{
    position:absolute;
    z-index:10;
}
.wrap-sights-map dd{
    font-size:2rem;
    letter-spacing:.01em;
    line-height:1.2;
    font-weight:500;
    text-align:center;
    font-family: "Noto Sans JP", sans-serif;
}
.wrap-sights-map dd.dddd{
    font-size:1.4rem;
    letter-spacing:0;
    line-height:1.4;
    font-weight:500;
    text-align:center;
    font-family: "Noto Sans JP", sans-serif;
}
.wrap-sights-map a{
    color:#2F2725;
}

@media only screen and (min-width:769px) {
    .hash-sights-tsuyama{
        top:153px;
        left:455px;
    }
    .hash-sights-takahashi{
        top:410px;
        left:120px;
    }
    .hash-sights-niimi{
        top:262px;
        left:82px;
    }
    .hash-sights-maniwa{
        top:167px;
        left:240px;
    }
    .hash-sights-mimasaka{
        top:263px;
        left:542px;
    }
    .hash-sights-shinjo{
        top:99px;
        left:152px;
    }
    .hash-sights-kagamino{
        top:113px;
        left:358px;
    }
    .hash-sights-shoo{
        top:213px;
        left:502px;
    }
    .hash-sights-nagi{
        top:158px;
        left:537px;
    }
    .hash-sights-nishiawakura{
        top:114px;
        left:615px;
    }
    .hash-sights-kumenan{
        top:319px;
        left:383px;
    }
    .hash-sights-misaki{
        top:268px;
        left:412px;
    }
}
@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;
    }
    .img-sights-map.hover-sights-01 img:nth-of-type(12),
    .img-sights-map.hover-sights-02 img:nth-of-type(11),
    .img-sights-map.hover-sights-03 img:nth-of-type(10),
    .img-sights-map.hover-sights-04 img:nth-of-type(09),
    .img-sights-map.hover-sights-05 img:nth-of-type(08),
    .img-sights-map.hover-sights-06 img:nth-of-type(07),
    .img-sights-map.hover-sights-07 img:nth-of-type(06),
    .img-sights-map.hover-sights-08 img:nth-of-type(05),
    .img-sights-map.hover-sights-09 img:nth-of-type(04),
    .img-sights-map.hover-sights-10 img:nth-of-type(03),
    .img-sights-map.hover-sights-11 img:nth-of-type(02),
    .img-sights-map.hover-sights-12 img:nth-of-type(01),
    .img-sights-map.hover-sights-13 img:nth-of-type(13){
        opacity:1;
    }
    .img-sights-map.hover-sights-01 img:last-of-type,
    .img-sights-map.hover-sights-02 img:last-of-type,
    .img-sights-map.hover-sights-03 img:last-of-type,
    .img-sights-map.hover-sights-04 img:last-of-type,
    .img-sights-map.hover-sights-05 img:last-of-type,
    .img-sights-map.hover-sights-06 img:last-of-type,
    .img-sights-map.hover-sights-07 img:last-of-type,
    .img-sights-map.hover-sights-08 img:last-of-type,
    .img-sights-map.hover-sights-09 img:last-of-type,
    .img-sights-map.hover-sights-10 img:last-of-type,
    .img-sights-map.hover-sights-11 img:last-of-type,
    .img-sights-map.hover-sights-12 img:last-of-type{
        opacity:0;
    }
}

@media only screen and (max-width:768px) {
    #section-sights-map{
        margin:0 auto;
        padding-top:80px;
        padding-bottom:24px;
    }
    .wrap-sights-map {
        width: 312px;
        margin:0 auto;
    }
    .wrap-sights-map dd{
        font-size:1.1rem;
    }
    .hash-sights-tsuyama{
        top:67px;
        left:199px;
    }
    .hash-sights-takahashi{
        top:178px;
        left:50px;
    }
    .hash-sights-niimi{
        top: 112px;
        left: 33px;
    }
    .hash-sights-maniwa{
        top:75px;
        left:103px;
    }
    .hash-sights-mimasaka{
        top:118px;
        left:235px;
    }
    .hash-sights-shinjo{
        top:38px;
        left:56px;
    }
    .hash-sights-kagamino{
        top:45px;
        left:156px;
    }
    .hash-sights-shoo{
        top:93px;
        left:218px;
    }
    .hash-sights-nagi{
        top:67px;
        left:239px;
    }
    .hash-sights-nishiawakura{
        top:43px;
        left:266px;
    }
    .hash-sights-kumenan{
        top:142px;
        left:167px;
    }
    .hash-sights-misaki{
        top:118px;
        left:188px;
    }
}

/* sights contents
-------------------------------------------------------------*/
.section-sights {
    width:100%;
    max-width:704px;
    margin:0 auto;
    padding:1px;
}
.content-sights2 {
    width: 704px;
    position:relative;
}
.content-sights{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom:0;
    margin-left:-32px;
    margin-right:-32px;
    gap:48px 5%;
    border-bottom:1px solid #2f2725;
    padding-bottom:80px;
    padding-top:80px;
}
.section-sights:last-of-type .content-sights{
    border-bottom:1px solid transparent;
}

.title-sights{
    width:65%;
    font-size:4.8rem;
    letter-spacing:.01em;
    line-height:1.1;
    color:#2F2725;
    font-weight:500;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.title-sights{
    padding-bottom:0.8em;
    padding-left:0.4em;
}
.cell-sights-around dd{
    text-align:left;
}

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

@media only screen and (max-width:768px) {
    .content-sights{
        margin:0 auto;
        gap:32px 4%;
        padding-bottom:56px;
        padding-top:56px;
        width:84%;
    }
    .title-sights{
        width:48%;
        font-size:3.2rem;
    }
    .title-sights{
    }
    .content-sights .cell-sights-around{
        width:48%;
        margin:0;
    }
    .cell-sights-around dd{
        font-size:1.2rem;
    }
}

@media (hover: hover) and (pointer: fine) {
    .cell-sights-around dt img{
        transition: opacity cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    .cell-sights-around dd{
        transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    .cell-sights-around a:hover dd{
        color:#B5B5B5;
    }
    .cell-sights-around a:hover dt img{
        opacity: 0.7;
    }
}

/* 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: #fff;
    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: '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;
    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;
/*        padding-bottom: 0px;*/
    }
    .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;
    }
    .link-footer a{
        transition: color cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
    }
    .link-footer a:hover{
        color:#B5B5B5;
    }
}
@media only screen and (min-width:769px) {
    .copyright-footer {
        text-align: right;
    }
    .link-footer{
        width:45%;
        height:56px;
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap:3em;
    }
}

@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;
        bottom: 50px;
        right: 0;
        text-align: right;
        height:auto;
    }
    .link-footer a{
        font-size:1.2rem;
        transform:scale(1);
    }
    .link-footer{
        display: flex;
        flex-direction: column-reverse;
        gap:0.6em;
    }

    .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;
    pointer-events: none;
}
.eventdate-fixed span{
    display:block;
    font-size:4rem;
    font-size:4.8rem;
    font-weight:400;
    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;
    }
}
.ticket-fixed{
    position: fixed;
    top: 720px;
    left: 0;
    width: 160px;
    z-index: 80;
}
.ticket-fixed a{
    display: flex;
    width: 160px;
    height:70px;
    justify-content: center;
    align-items: center;
    background-color: #a09857;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.8rem;
    color:#fff;
}
@media only screen and (max-height:800px){
    .ticket-fixed{
        top: auto;
        bottom: 24px;
    }
}
@media (hover: hover) and (pointer: fine) {
    .ticket-fixed a{
        transition: background-color 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }
    .ticket-fixed a:hover{
        background-color: #b5b5b5;
    }
}
@media only screen and (max-width:768px) {
    .ticket-fixed{
        width: 120px;
    }
    .ticket-fixed a{
        width: 120px;
        height:50px;
        font-size: 1.6rem;
    }
    .ticket-fixed {
        transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
        opacity:1;
        pointer-events: auto;
        cursor: pointer;
    }
    .ticket-fixed.fadeout {
        opacity:0;
        pointer-events: none;
    }
}

.sns-fixed{
    position: fixed;
    top: 300px;
    left: 24px;
    top: 400px;
    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: 240px;
    left: 16px;
    z-index: 100;
    display: block;
    z-index: -100;
    display: none;
}
.countdown-fixed strong,
.countdown-fixed span{
    display:inline-block;
    font-weight:400;
    line-height: 1;
    color: #2F2725;
    transition: color 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
}
.countdown-fixed strong{
    font-size:6rem;
    font-size:8rem;
    letter-spacing:-0.07em;
}
.countdown-fixed span{
    font-size:1rem;
    transform-origin:left bottom;
    transform:scale(1);
}
.countdown-fixed span:first-of-type{
    transform-origin:right bottom;
    position:absolute;
    top:0;
    left:50%;
    transform: translate(-50%, -8px);
    width: fit-content;
    white-space: nowrap;
}
.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;
    }
    .nav-main li {
        width: 2.4em;
    }
    .nav-main li a {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        font-size: 1.2rem;
        font-size: 1.6rem;
        font-weight: 600;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1.2;
        color: #2F2725;
        font-feature-settings: initial;
        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: 360px;
        right: 16px;
        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;
    }
    .countdown-fixed span{
        transform:scale(1);
    }
    .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;
    }
    .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:inline-block;
        font-weight:400;
        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:left bottom;
        transform:scale(0.99);
    }
    .countdown-first-view span:first-of-type{
        transform-origin:right bottom;
    }
    .countdown-first-view span:first-of-type{
        transform-origin:right bottom;
        position:absolute;
        top:0;
        left:50%;
        transform: translate(-50%, -8px);
        width: fit-content;
        white-space: nowrap;
    }
}

@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;
    }
}

@media only screen and (max-height:740px) {
    .nouse .drawerOverlay .sns-fixed{
        display:none;
    }
}


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

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

/*  drawer
-------------------------------------------------------------*/
.wrap-drawer,.layer-drawer {
    display:block;
    width: 340px;
    width: 376px;
    width: 448px;
    width: 480px;
    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;
        transition: transform 0.2s cubic-bezier(0.42, 0, 0.58, 1) 0s;
    }
    .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;}

@media print {
    .ticket-fixed,.nav-sns,.scroll-totop,.countdown-fixed,.eventdate-fixed,.logo-fixed,.overlayTrigger {
        display: none;opacity:0;pointer-events: none;
    }

}

/*
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) {
}