@charset "UTF-8";

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

   Font Setting

   ---------------------------------------------------------------------------------------------------------------------------------- */
@font-face{font-family:themify;src:url(../font/themify/themify.eot?-fvbane);src:url(../font/themify/themify.eot?#iefix-fvbane) format('embedded-opentype'),url(../font/themify/themify.woff?-fvbane) format('woff'),url(../font/themify/themify.ttf?-fvbane) format('truetype'),url(../font/themify/themify.svg?-fvbane#themify) format('svg');font-weight:400;font-style:normal}[class*=" ti-"],[class^=ti-]{font-family:themify;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ti-arrow-right:before {content: "\e628"}.ti-arrow-left:before{content: "\e629";}.ti-star:before{content:"\e60a"}.ti-search:before{content:"\e610"}.ti-zoom-in:before{content:"\e611"}.ti-zoom-out:before{content:"\e612"}.ti-mobile:before{content:"\e621"}.ti-minus:before{content:"\e622"}.ti-link:before{content:"\e62d"}.ti-layers:before{content:"\e62f"}.ti-layers-alt:before{content:"\e630"}.ti-heart:before{content:"\e634"}.ti-flag:before{content:"\e63a"}.ti-flag-alt:before{content:"\e63b"}.ti-flag-alt-2:before{content:"\e63c"}.ti-close:before{content:"\e646"}.ti-clip:before{content:"\e647"}.ti-angle-up:before{content:"\e648"}.ti-angle-right:before{content:"\e649"}.ti-angle-left:before{content:"\e64a"}.ti-angle-down:before{content:"\e64b"}.ti-check:before{content:"\e64c"}.ti-check-box:before{content:"\e64d"}.ti-bolt:before{content:"\e652"}.ti-bolt-alt:before{content:"\e653"}.ti-arrows-vertical:before{content:"\e657"}.ti-arrows-horizontal:before{content:"\e658"}.ti-fullscreen:before{content:"\e659"}.ti-arrow-top-right:before{content:"\e65a"}.ti-arrow-top-left:before{content:"\e65b"}.ti-arrow-circle-up:before{content:"\e65c"}.ti-arrow-circle-right:before{content:"\e65d"}.ti-arrow-circle-left:before{content:"\e65e"}.ti-arrow-circle-down:before{content:"\e65f"}.ti-angle-double-up:before{content:"\e660"}.ti-angle-double-right:before{content:"\e661"}.ti-angle-double-left:before{content:"\e662"}.ti-angle-double-down:before{content:"\e663"}.ti-thumb-up:before{content:"\e670"}.ti-quote-right:before{content:"\e67e"}.ti-quote-left:before{content:"\e67f"}.ti-control-play:before{content:"\e6ad"}.ti-control-forward:before{content:"\e6af"}.ti-book:before{content:"\e6b7"}.ti-back-right:before{content:"\e6bc"}.ti-back-left:before{content:"\e6bd"}.ti-arrows-corner:before{content:"\e6be"}.ti-archive:before{content:"\e6bf"}.ti-anchor:before{content:"\e6c0"}.ti-align-right:before{content:"\e6c1"}.ti-align-left:before{content:"\e6c2"}.ti-align-justify:before{content:"\e6c3"}.ti-align-center:before{content:"\e6c4"}.ti-alert:before{content:"\e6c5"}.ti-alarm-clock:before{content:"\e6c6"}.ti-agenda:before{content:"\e6c7"}.ti-write:before{content:"\e6c8"}.ti-window:before{content:"\e6c9"}.ti-wallet:before{content:"\e6cd"}.ti-video-clapper:before{content:"\e6ce"}.ti-video-camera:before{content:"\e6cf"}.ti-shift-right-alt:before{content:"\e6d9"}.ti-shift-left-alt:before{content:"\e6da"}.ti-ruler-alt-2:before{content:"\e6db"}.ti-receipt:before{content:"\e6dc"}.ti-pin2:before{content:"\e6dd"}.ti-pin-alt:before{content:"\e6de"}.ti-palette:before{content:"\e6e0"}.ti-more:before{content:"\e6e1"}.ti-more-alt:before{content:"\e6e2"}.ti-hand-point-up:before{content:"\e71a"}.ti-hand-point-right:before{content:"\e71b"}.ti-hand-point-left:before{content:"\e71c"}.ti-hand-point-down:before{content:"\e71d"}.ti-gallery:before{content:"\e71e"}.ti-face-smile:before{content:"\e71f"}.ti-youtube:before{content:"\e728"}.ti-twitter:before{content:"\e72a"}.ti-time:before{content:"\e72b"}.ti-share:before{content:"\e72e"}.ti-share-alt:before{content:"\e72f"}.ti-pinterest:before{content:"\e731"}.ti-new-window:before{content:"\e732"}.ti-instagram:before{content:"\e73d"}.ti-facebook:before{content:"\e741"}.ti-twitter-alt:before{content:"\e74b"}.ti-sharethis:before{content:"\e750"}.ti-sharethis-alt:before{content:"\e751"}.ti-email:before{content:"\e75a"}.ti-location-pin:before{content:"\e693"}.ti-arrow-down:before {content: "\e62a";}.ti-file:before{content: "\e6a4";}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
 @font-face{font-family:'FontAwesome';src:url('../font/FontAwesome4/fontawesome-webfont.eot?v=4.7.0');src:url('../font/FontAwesome4/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../font/FontAwesome4/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../font/FontAwesome4/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../font/FontAwesome4/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../font/FontAwesome4/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}
.fa-instagram:before{content:"\f16d"}.fa-facebook-official:before{content:"\f230"}.fa-facebook-square:before{content:"\f082"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.icon-heart:before {content:"\f004"}.fa-twitter:before{content:"\f099"}.fa-phone-square:before{content:"\f098"}.fa-phone:before{content:"\f095"}

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

   normalize.css

   ---------------------------------------------------------------------------------------------------------------------------------- */
img,legend{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,figure{margin:0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C""\201D""\2018""\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


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

   Base Setting

   ---------------------------------------------------------------------------------------------------------------------------------- */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* remember: box-sizing is not supported by IE7 :( */ outline: none; vertical-align: top; }
html { width: 100%; }
html,
body { font:normal 1em/2em "Inter",'Noto Sans JP',"Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic","ヒラギノ角ゴ ProN W3",Meiryo, 'Noto Sans Japanese', "メイリオ", "Lucida Grande", Meiryo, sans-serif; font-weight:400; margin:0; padding:0; width:100%; color: var(--color-rich_black); background: var(--color-white);-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: top; }


body { -webkit-text-size-adjust: 100%; }/*--fonts-helvetica:"Helvetica Neue", -apple-system, system-ui, sans-serif;*/

blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul { margin: 0; padding: 0; }
p { margin: 0; padding: 0; font-weight: normal; }
a { color: inherit; outline: none; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
a:focus { outline: none; }
button { text-decoration: none; border: none; }

/* ----- *::selection ----- */ 
*::-moz-selection { background: #9deaff; color: #fefefe; }
*::selection { background: #9deaff; color: #fefefe; }

/* ----- h1,h2,h3,h4,h5 ----- */ 
h1,h2,h3,h4,h5 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; padding: 0; }

/* ----- .cf ----- */ 
.cf:before,
.cf:after { display: block; content: ""; overflow: hidden; }
.cf:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom: 1; }

/* ----- .transition03 ----- */ 
.transition03 { -webkit-transition: all 0.3s ease;transition: all 0.3s ease; }
.transition05 { -webkit-transition: all 0.5s ease;transition: all 0.5s ease; }

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

/* ----- .load ----- */ 
.load { position: fixed; z-index: 1001; top: 0; right: 0; bottom: 0; left: 0; content: "";  pointer-events: none; }
.anim_load { transition: all .75s .25s ease-in; background: #FFFEFB; }
.anim_load.started { transform: none; transform: translate(0px, 0px); opacity:0; background: #FFFEFB; }
.anim_load.delighter.started { opacity: 0; }

/* ----- .loader ----- */ 
.loader {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 1;width: 40px; height: 40px;aspect-ratio: 1;border-radius: 50%;border:2px solid #b4dfe3;border-right-color: #FFFEFB;animation: l2 1s infinite linear; opacity: 0.7;}
@keyframes l2 {to{transform: rotate(1turn)}}
@media only screen and (max-width:738px){
.loader {width: 25px; height: 25px;}
}

/* ----- .central ----- */
.central { max-width: 1250px; margin: 0 auto; position: relative; z-index:0; }

/* ----- a ----- */
a { color:inherit; outline:none; text-decoration:none; -webkit-transition:all 0.3s ease;transition:all 0.3s ease; -webkit-tap-highlight-color:rgba(0,0,0,0); }
a:focus,
*:focus { outline:none; text-decoration:none; }
a:hover { outline:none; text-decoration:none; }

/* ----- p ----- */ 
p {font-size: 16px; font-weight: 400; line-height: 2; letter-spacing: .01em;}

@media only screen and (max-width:738px){
p {font-size: 16px; line-height: 1.85; letter-spacing: 0.01em;}
}

/* TEL用*/
@media(min-width: 768px){
  a[href^="tel:"]{pointer-events: none;}
}

:root {
    --color-black:#292929;
    --color-rich_black:#1C1C1C;
    
    --color-white:#FFFEFB;
    --color-rich_white:#f7f7f7;
    --color-dark_white:#f0f0f0;
    --color-beige:#efeeed;
    --color-light_beige:#F7F6F5;
    
    --color-gray:#aaa;
    --color-light_gray:#F3F2F2;
    --color-dark_gray:#999;
    --color-orange:#EF5938;
    --color-yellow:#f7d88f;
    
    --color-mizuiro:#DEECEC;
    --color-smoky_blue:#7291A3;
    --btn-color-black:#15151E;
    --btn-color-light_black:#343434;
    --btn-color-white:#FFFEFB;
    --btn-color-orange:#EF5938;
    --btn-color-yellow-2:#F4D860;
    --btn-color-yellow:#f6e9b1;
    --btn-color-gray:#ededed;
    
    --border-color-dark:#555;
    --border-color-light:#efeeed;
    /*--border-color-gray:#8d8d8d;*/
    --border-color-gray:#cdcdcd;
    --border-color-light_gray:#dedede;
    
    --main-color-red:#E10600;
     --main-color-black:#292929;
    --main-color-rich-black:#1C1C1C;
    --main-color-blue:#1b3452;
    --main-color-gray_beige:#f4f2ee;
    --main-color-white:#FFFEFB;
    --main-color-beige:#efeeed;
    --main-color-light-beige:#F7F6F5;
    --main-color-gray:rgb(153, 152, 151);
    --main-color-light-yellow:#F7F7F3;

    
}






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

　.object-fit_cover

   -------------------------------------------------------------------------------------- */
.object-fit_cover { object-fit: cover; font-family: 'object-fit: cover;' }


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

   #page

   -------------------------------------------------------------------------------------- */
#page { position: relative; z-index:0; }



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

　.header

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

.header,
.header:after,
.header .logo_area,
.header .date_area,
.header .sub_area,
.header .ticket_area,
.header .menu_btn { -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out; }
.header .logo_area h1 a{ -webkit-transition: all 0.5s ease;  transition: all 0.5s ease; }

.header { position: fixed; top: 0; left:0; right: 0; height: 100px; z-index: 99; -moz-box-sizing: border-box; box-sizing: border-box; }
.header.fixed {height: 70px;}
.header:after { position: absolute; top:0; right: 0; left: 0; bottom: 0; content: ""; background: var(--main-color-white); border-bottom: transparent 1px solid; z-index: -2;}
.header.fixed:after  { /*border-bottom: var(--border-color-light_gray) 1px solid;*/background: rgba(250,250,250,.6);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);*/* background: rgba(250,250,250,.6);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);*/}
/* _______  .sub_area _______ */
.header .sub_area { position: absolute; top: 0; left: 0; right: 0; height: 25px; padding: 0 5%; background: #badbe1;overflow: hidden;background: #EFEEED;
 background: rgb(247,216,143);
background: linear-gradient(121deg, rgba(247,216,143,1) 0%, rgba(245,246,231,1) 49%, rgba(239,238,237,1) 64%, rgba(217,232,233,1) 100%); 
}
.header .sub_area .sub_inner { padding-left: 0; display: flex; justify-content:flex-start; align-items: center; gap:0 2.5%; width: 100%; height: 25px;}
.header .sub_area .t_sub {margin-right: auto; color: var(--color-black); font-size: 13px; font-family: "Inter",'Noto Sans JP'; font-weight: 550; line-height: 25px; letter-spacing: .02em; text-align: center; position: relative; z-index: 1 }
.header .sub_area .t_sub {padding: 0 5em 0 0;}
.header .sub_area .t_sub:after {position: absolute; top: 0px; right: 0; bottom: 0; left: -100%; content: "";/*background: #54b0c9;*//*background:#23659F; background: #54b0c9;*/  /*background: #EFEEED;*/
    /*background: var(--color-yellow); */
    z-index: -1;/*border-radius: 0 0 20px 0;*/

transform: skewX(-35deg);}
.header .sub_area .i_sub {height: 25px; display: flex;align-items: center; }
.header .sub_area .img_sub_date{display: block;height: 12px; width: auto;}
.header .sub_area .img_sub{display: block;height: 11px; width: auto;}
.header.fixed .sub_area { top: -25px;}

@media only screen and (max-width: 960px) {
.header .sub_area { padding: 0 3.5%; }
.header .sub_area .sub_inner { gap:0 2.5%;}
.header .sub_area .t_sub { font-size: 12px; padding-right: 1em;}
.header .sub_area .img_sub_date{height: 11px;}
.header .sub_area .img_sub{height: 10px;}
}
@media only screen and (max-width: 768px) {
.header .sub_area .t_sub { font-size: 11px; padding-right: 1em; letter-spacing: -.01em;}
}
@media only screen and (max-width: 738px) {
.header { height: 85px;  }
.header.fixed {height: 60px;}
.header:after {/*border-bottom: var(--border-color-light_gray) 1px solid;*/}
.header.fixed:after {border-color: transparent;}
.header .sub_area { height: 20px; padding: 0 2.5%;}
.header .sub_area .sub_inner { gap:0 10%; height: 20px; justify-content:space-between}
.header .sub_area .t_sub {display: none;}
.header .sub_area .i_sub_date { position: relative; z-index: 1;padding-right:5%; }
/*.header .sub_area .i_sub_date:after {position: absolute; top: 0px; right: 0; bottom: 0; left: -200%; content: "";background: #54b0c9; z-index: -1;transform: skewX(-35deg);}*/
.header.fixed .sub_area { top: -20px;}
}
@media only screen and (max-width: 640px) {
.header .sub_area .sub_inner { justify-content:space-between;gap:auto;}
.header .sub_area .i_sub_date { position: relative; z-index: 1;padding-right:10%; }
}


/* _______  .header_inner _______ */
.header .header_inner {display: flex;align-items:flex-end; justify-content:flex-end; position: absolute; bottom: 0; right: 5%; left: 5%;height: 75px; z-index: 1;}

@media only screen and (max-width: 960px) {
.header .header_inner { right: 3.5%; left: 3.5%;}
}
@media only screen and (max-width: 738px) {
.header .header_inner { height: 65px; right: 2.5%; left: 2.5%;}
}

/* --------------------------------------------
　.logo_area
   -------------------------------------------- */

.header .logo_area { position: absolute; bottom:0; left:0;height: 75px; z-index: 5; }
.header .logo_area h1{ display: block; position: absolute; top: 50%; left: 0; font-size: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index:0;}
.header .logo_area h1 a {display: block flex;width: 130px; height: 50px; position: relative; z-index: 0; align-items:center; justify-content:center; }
.header .logo_area h1 a:before,
.header .logo_area h1 a:after {-webkit-transition: opacity 0.5s ease-in-out;  transition: opacity 0.5s ease-in-out;}
.header .logo_area h1 a img { width:100%;}

@media only screen and (max-width: 738px) {
.header .logo_area { height: 65px;}
.header.fixed .logo_area { height: 60px;}
.header .logo_area h1 a { width: 110px; height: 50px; }
}
@media only screen and (max-width: 738px) {

}


/* --------------------------------------------
　.nav_area
   -------------------------------------------- */

.header .nav_area{ position: absolute; bottom: 0; right: 250px; left: 250px; padding: 0 1.5%; height: 75px; z-index:0;display: flex; align-items:center; justify-content:center; }

/* menu */
.menu { list-style: none; position: relative; z-index: 0; display: flex; flex-direction: row; justify-content:center;gap:0 2vw;}
.menu > li {list-style: none; position: relative; z-index: 0;}
.menu > li a {display: block; font-size:14px;font-size: min(1.2vw, 14px);font-weight:480; line-height: 50px; letter-spacing: 0; position: relative; z-index: 0; letter-spacing: 0.01em; text-transform: uppercase;white-space:nowrap;}
.menu > li a:after { position: absolute; bottom: 15px; right: 1px; left: 1px; height: 1px; content: "";background:var(--color-black); z-index: 1;transition: transform .3s cubic-bezier(.215, .61, .355, 1);transform-origin: right center;transform:scaleX(0);}

.menu > li.arrow_down { padding-right: 20px; }
.menu > li.arrow_down:hover {cursor: pointer;}
.menu > li.arrow_down:before { position: absolute; top: 0; right: 0; bottom: 0; margin: auto 0; width: 13px; height: 13px; border: #232323 1px solid;  font-size: 8px;line-height: 13px; font-family:'themify'; content:"\e64b"; text-align: center;z-index: 0; border-radius:100%;-webkit-border-radius:100%;-webkit-transition: all 0.3s ease;  transition: all 0.3s ease;}
.menu > li.arrow_down:hover:before {background:var(--color-black);color: var(--color-white); border-color: var(--color-black);}
.header.fixed .menu > li.arrow_down:before { }
.header.fixed .menu > li.arrow_down:hover:before { color: var(--color-white); background: var(--color-black);border-color: var(--color-black);}

.menu > li > ul {position: absolute;top: 50px; left: -20px; width:auto; padding: 40px 0 22px;-webkit-transition: .25s ease; transition: .25s ease;visibility: hidden;opacity: 0; z-index: -1;}
.menu > li:hover > ul {top: 50px;visibility: visible;opacity: 1;}
.menu > li > ul:after { position: absolute; top: 18px; right: 0; bottom: 0; left: 0; content: "";border-radius:2px;-webkit-border-radius:2px;background: var(--color-white);z-index: -2;-webkit-transition: background .3s ease; transition: background .3s ease;box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);}
.header.fixed .menu > li > ul:after {;background: rgba(250,250,250,.6);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem); }

.menu > li > ul > li {display: block;}
.menu > li > ul > li a { padding: 0 65px 0 20px; color:var(--color-black); font-family: 'Inter',"Noto Sans JP";  font-weight: 400; line-height: 45px; white-space: nowrap; -webkit-transition: all 0.3s ease;  transition: all 0.3s ease;}
.menu > li:hover ul > li a:after,
.header.fixed .menu > li:hover ul > li a:after{ border-color: transparent; display: none; }

/* ul.list_project */
.menu > li > ul.list_project > li+li {margin: 12px 0 0;}
.menu > li > ul.list_project > li a {padding: 0 30px 0 20px; font-size: 14px;font-size: min(1.2vw, 14px);display: flex; align-items: center;line-height: 50px;}
.menu > li > ul.list_project > li a .img_area { margin-right: 10px; width: 50px; height: 50px; -webkit-transition: all 0.3s ease;  transition: all 0.3s ease; }
.menu > li > ul.list_project > li a .img_area img {-webkit-border-radius: 2px; border-radius: 2px; }
.menu > li:hover ul.list_project > li a:before { display: none; }
.menu > li > ul.list_project > li a span {display: inline-block; margin: 0; position: relative; z-index: 0;}
.menu > li > ul.list_project > li a span:after { position: absolute; left: 0; right: 0; bottom:15px; height: 1px; content: ""; background:var(--color-black);z-index: 0; transition: transform .3s cubic-bezier(.215, .61, .355, 1);transform-origin: right center;transform:scaleX(0) }

.menu > li a.no_link { color: #9a9a9a; pointer-events:none;}

@media only screen and (min-width: 961px) {
.menu > li a:hover:after { transform-origin: left center;transform:scaleX(1)}
.menu > li > ul.list_project > li a:hover span:after{ transform-origin: left center;transform:scaleX(1)}
}
@media only screen and (max-width: 1300px) {
.header .nav_area{  right: 240px; left: 140px; }
.menu {justify-content:space-between; gap:0 2vw;}
}
@media only screen and (max-width: 1100px) {
.header .nav_area{  right: 230px; left: 130px; }
.menu {  gap:0 1.25vw;}
}
@media only screen and (max-width: 960px) {
.header .nav_area{display: none;}
}



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

　.nav_sns_area

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

.header .nav_sns_area { margin-right: 20px;height: 75px; display: flex; align-items: center;}
.header .nav_sns_area  ul.list_sns { list-style: none; font-size: 0;}
.header .nav_sns_area  ul.list_sns li { margin: 0 0 0 8px; font-size: 14px; display: inline-block; line-height: 0;}
.header .nav_sns_area  ul.list_sns li a {display: block; width: 25px; height: 32px; /*background: #ECEDED; */font-size: 0; font-family: 'Inter';  font-weight: 500; line-height: 32px; letter-spacing:0; position: relative; z-index: 0;border-radius:3px;}
.header .nav_sns_area  ul.list_sns li a:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto 0; font-size: 18px;font-family: "Font Awesome 6 Brands"; text-align: center; font-weight: normal; z-index: 0;}
.header .nav_sns_area  ul.list_sns li a.instagram:before {content:"\f16d";}
.header .nav_sns_area  ul.list_sns li a.x:before {content:"\e61b"; }
.header .nav_sns_area  ul.list_sns li a:after { position: absolute; top:50%;left: 50%;  width:32px; height: 32px; content: ""; z-index: -1; -webkit-transform: translate(-50%,-50%) scale(0.85,0.85); transform: translate(-50%,-50%) scale(0.85,0.85);border-radius:100%;-webkit-transition: all 0.3s ease;  transition: all 0.3s ease;}

@media only screen and (min-width:961px) {
.header .nav_sns_area  ul.list_sns li a:hover { color:var(--color-white);}
.header .nav_sns_area  ul.list_sns li a:hover:after { background: var(--btn-color-black); -webkit-transform:translate(-50%,-50%) scale(1,1); transform:translate(-50%,-50%) scale(1,1); }
}
@media only screen and (max-width: 960px) {
.header .nav_sns_area  ul.list_sns li a:before { font-size:18px; }
}
@media only screen and (max-width: 738px) {
.header .nav_sns_area { margin-right: 15px;height: 65px; -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.header.fixed .nav_sns_area {height: 60px;}
.header .nav_sns_area  ul.list_sns li { margin: 0 0 0 4px;}
    .header .nav_sns_area  ul.list_sns li a { width:25px; height: 32px; background: none;}
}



/* _________ .ticket_area _________ */
.header .ticket_area {  height: 75px; display: flex; align-items: center;}
.header .ticket_area a.btn_ticket { display: block; width: 150px; height: 42px;background: var(--btn-color-orange); color: var(--color-white);font-size: 16px;font-weight: 400;line-height: 1; text-align: center; position: relative; z-index: 0;border-radius: 3px;}
.header .ticket_area a.btn_ticket .inner { position: absolute;top: 49%; left: 0px; right: 20px; text-align: center;line-height: 1; -webkit-transform: translate(-0,-50%); transform: translate(0,-50%); z-index: 0;}
.header .ticket_area a.btn_ticket .t_en {display: block; font-size: 16px; /*font-family: 'ClashDisplay-Variable';*/ font-weight: 600; letter-spacing: -0.01em;line-height: 1; text-indent: 0px;}
.header .ticket_area a.btn_ticket .t_jp {display: block; margin: 1px 0 0;font-size: 11px; font-family: 'Noto Sans JP', sans-serif;font-weight: 600; letter-spacing: .1em; line-height: 1; font-feature-settings : "palt" 1;}
.header .ticket_area a.btn_ticket:after {position:absolute; top:0;right:15px; bottom:0; margin: auto 0; width: 25px; height: 25px; content: ""; background: url("../images/img_arrow_right_w.svg") center center no-repeat; background-size: contain; z-index: 0;-webkit-transition: top 0.3s ease; transition: top 0.3s ease;}

@media only screen and (min-width: 961px) {
.header .ticket_area a.btn_ticket:hover { background:#f9480b; }
}

@media only screen and (max-width: 960px) {
.header .ticket_area { height: 75px; margin-right: 10px; }
.header .ticket_area a.btn_ticket { width: 140px; height: 50px; font-size: 16px;}
.header .ticket_area a.btn_ticket .inner {right: 30px;}
.header .ticket_area a.btn_ticket .t_en {font-size: 16px;}
.header .ticket_area a.btn_ticket:after { right:15px; width: 20px; height: 20px;}
}
@media only screen and (max-width: 738px) {
.header .ticket_area { height: 65px; margin-right: 8px; }
.header.fixed .ticket_area {height: 60px;}
.header .ticket_area a.btn_ticket { width: 110px; height: 45px; font-size: 16px;}
.header .ticket_area a.btn_ticket .inner {right: 0;}
.header .ticket_area a.btn_ticket .t_en {font-size: 16px;}
.header .ticket_area a.btn_ticket:after { display: none}
}
@media only screen and (max-width: 640px) {
.header .ticket_area a.btn_ticket { width: 95px; height: 45px; font-size: 16px;}
}

/* _________ .menu_btn _________ */
.header .menu_btn { z-index: 1; width: 120px; cursor: pointer;color: var(--color-white); position: relative; z-index: 0; display: none; height: 75px;}
.header .menu_btn:after { position: absolute; top: 50%; right: 0; left: 0; z-index: -1; height: 50px; background: var(--main-color-black);  content: ""; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); border-radius: 3px;}
.header .menu_btn .txt { position: absolute; top: 50%; left: 50%; z-index: 0; margin-left: 14px; font-size: 15px; font-weight: 600; letter-spacing: .01em; line-height: 50px; text-align: center; -webkit-transform: translate( -50%, -50%); transform: translate( -50%, -50%);}

.header .menu_btn .txt {transition: all 0s ease;}
/* アニメーション開始時（テキストが消える） */
.header .menu_btn .txt.change-text {opacity: 0;margin-top: 0px;}
/* アニメーション終了時（テキストが現れる） */
.header .menu_btn .txt.text-visible {opacity: 1;margin-top: 0px;}

/* .hamburger */
.header .menu_btn .hamburger { position: absolute; top: 50%; left: 15px; z-index: 0; width: 25px; height: 1px;  background: var(--color-white); -webkit-transform: translate( 0, -50%); transform: translate( 0, -50%); transition: all 0.3s;}

.header .menu_btn .hamburger:before,
.header .menu_btn .hamburger:after { position: absolute; width: 25px; height: 1px; background: var(--color-white);  z-index: 0; content: "";transition: all 0.3s; }
.header .menu_btn .hamburger:before { top: -5px; }
.header .menu_btn .hamburger:after { bottom: -5px;}

.header .menu_btn .hamburger.close {background: transparent;}
.header .menu_btn .hamburger.close:before { top: 0px;transform: rotate(35deg); width: 25px;}
.header .menu_btn .hamburger.close:after { bottom: 0px;transform: rotate(-35deg);width: 25px;}

@media only screen and (max-width: 960px) {
.header .menu_btn {display: block;}
}
@media only screen and (max-width: 738px) {
.header .menu_btn { width: 45px;height: 65px;}
.header.fixed .menu_btn {height: 60px;}
.header .menu_btn:after { height: 45px; }
.header .menu_btn .txt { top: 20px;margin-left: 0; font-size: 10px; font-weight: 600; letter-spacing: .01em; line-height: 1; text-align: center; -webkit-transform: translate( -50%, 0); transform: translate( -50%, 0); -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.header.fixed .menu_btn .txt {top: 15px;}
.header .menu_btn .hamburger { left: 0; right: 0; margin:7px auto 0;width: 30px;}
.header .menu_btn .hamburger:before,
.header .menu_btn .hamburger:after {  width: 30px; }
.header .menu_btn .hamburger.close:before { top: 1px;transform: rotate(23deg); width: 30px;}
.header .menu_btn .hamburger.close:after { bottom: -1px;transform: rotate(-23deg);width: 30px;}
}









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

   mobile-nav（ナビ展開）

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

/* =========================   
   .mobile-nav-bg
   ========================= */
.mobile-nav-bg { position: fixed; z-index: 1001; top: 0; left: 0; top: 100px; width: 100%; height: 0; background: var(--color-rich_black);  opacity: 0; transition: 0.3s opacity linear,0s 0.3s height linear;pointer-events: none;}
.mobile-nav-bg.open { height: 100%;  height: calc(100vh - 65px);  opacity: .9; transition: 0.3s opacity linear,0s height linear; pointer-events:inherit;}

@media screen and (max-width: 738px) {
.mobile-nav-bg { top: 85px; height: calc(100dvh - 85px);}
}

/* =========================   
   .mobile-nav
   ========================= */
.mobile-nav { position: fixed; z-index: 1002; top: 0; top: 100px; right: 0; width: 450px; height: 100%; height: calc(100vh - 65px);  background: var(--color-light_gray); transition: .4s all cubic-bezier(0.36, 0.07, 0.19, 0.97); transform: translateX(100%);overflow: hidden;}
.mobile-nav.open { transform: translateX(0px);}

@media screen and (max-width: 960px) {
.mobile-nav { width: 60%; max-width: 500px;}
}
@media screen and (max-width: 738px) {
.mobile-nav { width: 85%;  top: 85px; height: calc(100dvh - 85px); }
}
@media screen and (max-width: 640px) {
.mobile-nav { max-width: 85%;}
}

/* scrolled change!! */
._mobileNav.scrolled,
._mobileNavBg.scrolled{top: 70px; height: calc(100vh - 70px); }

@media screen and (max-width: 738px) {
._mobileNav.scrolled,
._mobileNavBg.scrolled{top: 60px;  height: calc(100dvh - 60px); }
}




/* .top */
.mobile-nav .top { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 60px; background: var(--main-color-white);border-bottom: var(--border-color-gray) 1px solid; display: none}
/* _________ .nav_inner _________ */
.mobile-nav .nav_inner { width: 100%; height: 100%; padding: 0px 0 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; }

/* ul.list_nav_sp */
.list_nav_sp { list-style: none; padding: 0 6.5%; border-top: var(--border-color-gray) 1px solid;}
.list_nav_sp li { display: block; border-bottom: var(--border-color-gray) 1px solid; }
.list_nav_sp li.width_100{width:100%;}
.list_nav_sp li a { display: block; position: relative; z-index: 0; padding: 20px 0; font-size: 20px; line-height: 1; text-transform: uppercase}
.list_nav_sp li a .en { display: block;font-size: 20px;font-weight: 600;  line-height: 1.1; letter-spacing: 0; }
.list_nav_sp li a .jp { display: block; margin: 5px 0 0; color: #555; font-size: 12px;font-weight: 400; font-family: "Inter",'Noto Sans JP', sans-serif; }
.list_nav_sp li a:after { position: absolute; top: 50%; right: 0%; z-index: 0; width: 25px; height: 25px; font-weight: 400; font-family: themify; content: "\e649"; font-size: 12px; line-height: 11px; text-align: center; line-height: 25px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%);}

.list_nav_sp li a.no_link { color: #9a9a9a; pointer-events:none;}
.list_nav_sp li a.no_link:after { display: none;}

/* _________ .sns_area _________ */
.mobile-nav .sns_area { display: flex; align-items: center; margin: -1px 0 0; padding: 35px 6.5%; border-top: var(--border-color-gray) 1px solid; }
.mobile-nav .t_ttl_nav { font-size: 18px; text-transform: uppercase;}
/* ul */
.mobile-nav ul.list_sns { list-style: none; display: flex; margin-left: 5%; font-size:0; align-items: center; justify-content: flex-start; }
.mobile-nav ul.list_sns li { display: inline-block; margin: 0 0 0 22px; }
.mobile-nav ul.list_sns li a { display: block; position: relative; z-index: 1; width: auto; height: 30px; text-align: center; }
.mobile-nav ul.list_sns li a:before { font-family: "Font Awesome 6 Brands"; font-size: 25px; line-height: 30px; text-align: center; }
.mobile-nav ul.list_sns li a.x:before { content: "\e61b"}
.mobile-nav ul.list_sns li a.facebook:before { content: "\f09a"; }
.mobile-nav ul.list_sns li a.instagram:before { content: "\f16d"; }
.mobile-nav ul.list_sns li a.youtube:before { content: "\f167"; }

@media screen and (max-width:738px) {
.list_nav_sp { padding: 0 7.5%;  }
.mobile-nav .nav_inner { padding: 0; }
	/* ul.list_nav_sp */
	.list_nav_sp li { width: 100%; }
	.list_nav_sp li a { padding: 18px 0; font-size: 18px;}
	.list_nav_sp li a .en { font-size: 17px; }
    .list_nav_sp li a .jp { margin: 5px 0 0; font-size: 13px;}
	.list_nav_sp li a:after { width: 25px; height: 25px;font-size: .65em; line-height: 11px; line-height: 25px; }
	.mobile-nav .sns_area { padding: 30px 7.5%; }
	.mobile-nav .t_ttl_nav { font-size: 15px; margin-left: 0;}
	.mobile-nav ul.list_sns { margin-left: 3.5%;}
	.mobile-nav ul.list_sns li { margin: 0 0 0 15px; }
}









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

　.footer

   --------------------------------------------------------------------------------------------------- */
.footer { padding: 80px 4% 0; color: #eee;position: relative; z-index: 0;overflow: hidden;}
.footer:before { position: absolute; top: 0; right: 0%; left: 0%; bottom: 0; content: "";  background: url(../images/noise.png) repeat rgba(31,31,31,0.8);z-index: -1;}
.footer:after { position: absolute; top: 0; right:0; left: 0; bottom: 0; content: ""; background: url("../images/img_footer.jpg") bottom center no-repeat;background-size: cover; z-index: -2;
}
.footer .footer_inner { position: relative; z-index: 0; padding: 25px 0 0 35%;display: flex; flex-wrap: nowrap; justify-content:space-between; width: 100%;}



@media only screen and (max-width: 960px) {
.footer { padding: 70px 5% 0; }
.footer .footer_inner { padding: 0;flex-wrap: wrap; }
}
@media only screen and (max-width: 640px) {
.footer { padding: 60px 5% 0; }
.footer:before { /*background: url(../images/noise.png) repeat rgba(31,31,31,0.75);*/ }
.footer:after {background-position: bottom right 20%;background-position: top right 20%; }
.footer .footer_inner { flex-flow: column; }
}

/* -------------------------------------   
   .nav_area
   ------------------------------------- */

.footer .nav_area { width: 40%; font-size: 0; }
.footer .nav_item { position: relative; z-index: 0; }

/* .list_footer_nav */
.footer .list_footer_nav { font-size: 0; line-height: 1; }
.footer .list_footer_nav li { display: block; margin-bottom: 10px; }
.footer .list_footer_nav li a { display: inline-block; padding-left: 20px; z-index: 0; position: relative; font-weight: 470; font-size: 14px; line-height: 1.3; letter-spacing: 0; }
.footer .list_footer_nav li a:before { position: absolute; z-index: 0; top: clamp(1px, .25vw, 1px); left: 0; width: 15px; height: 15px; font-size: 1em; font-weight: 400; font-family: themify; content: "\e65d"; line-height: 15px;}
.footer .list_footer_nav li a:after { position: absolute; bottom: -2px; right: 1px; left: 20px; height: 1px; content: "";background:var(--color-white); z-index: 1;transition: transform .3s cubic-bezier(.215, .61, .355, 1);transform-origin: right center;transform:scaleX(0);}

.footer .list_footer_nav li a.no_link { color: #999; pointer-events:none;}

@media only screen and (min-width: 961px) {
.footer .list_footer_nav li a:hover:after { transform-origin: left center;transform:scaleX(1)}
}
@media only screen and (max-width: 640px) {
.footer .nav_area { width: 100%; }
.footer .nav_item { position: relative; z-index: 0; }

/* .list_footer_nav */
.footer .list_footer_nav { font-size: 0; line-height: 1; }
.footer .list_footer_nav li { display: block; margin-bottom: 10px; }
.footer .list_footer_nav li a { display: inline-block; padding-left: 20px; z-index: 0; position: relative; font-weight: 470; font-size: 15px; line-height: 1.3; letter-spacing: 0; }
.footer .list_footer_nav li a:before { position: absolute; z-index: 0; top: clamp(1px, .25vw, 1px); left: 0; width: 15px; height: 15px; font-size: 1em; font-weight: 400; font-family: themify; content: "\e65d"; line-height: 15px;}
.footer .list_footer_nav li a:after { position: absolute; bottom: -2px; right: 1px; left: 20px; height: 1px; content: "";background:var(--color-white); z-index: 1;transition: transform .3s cubic-bezier(.215, .61, .355, 1);transform-origin: right center;transform:scaleX(0);}
}

/* -------------------------------------   
   .contact_area
   ------------------------------------- */
.footer .contact_area { width: 57.5%; }
.footer .contact_item { }
.footer .contact_item+.contact_item { margin: 50px 0 0;}
.footer .t_cat_notice {margin: .15em 0 0; display: flex; align-items: center; font-size: 15px;font-weight: 500;letter-spacing: .075em; line-height: 1;font-feature-settings: "palt";}
.footer .t_cat_notice:before { width: 15px; height: 15px; margin-right: 5px; content: ""; background: #EFEEED;clip-path: polygon(0 0, 90% 50%, 0 100%);}
/*.mail_item */
.footer .mail_item a { margin: 5px 0 0; display: flex; align-items: center; line-height: 1.8; letter-spacing: .025em;}
.footer .mail_item a:before { margin-right: 7px; display:inline-block;font-size: 12px; font-weight: 400; font-family: themify; content: "\e75a"; letter-spacing: 0; }

/* .description_area */
.footer .description_area { margin: 15px 0 0;}
.footer .description_area h5 { font-size: 15px; font-weight: 500; line-height: 1.6; letter-spacing: 0.025em; }
.footer .description_area p { font-size: 14px; line-height: 1.65;}
.footer .description_area p.t_notice { margin: 5px 0 0; font-size: 13px; letter-spacing: .015em;}


@media only screen and (min-width: 961px) {
.footer .description_area a:hover {opacity: .6;} 
}

@media only screen and (max-width: 640px) {
.footer .contact_area { width: 100%; }
.footer .contact_item,
.footer .contact_item+.contact_item { margin: 40px 0 0;}
.footer .t_cat_notice { font-size: 15px;letter-spacing: .075em; line-height: 1.2;}
.footer .t_cat_notice:before { clip-path: polygon(0 0, 80% 50%, 0 100%);}
/*.mail_item */
.footer .mail_item a { margin: 5px 0 0;}
.footer .mail_item a:before { font-size: 13px; }

/* .description_area */
.footer .description_area { margin: 15px 0 0;}
.footer .description_area h5 { font-size: 15px; font-weight: 500; line-height: 1.6; letter-spacing: 0.025em; }
.footer .description_area p { font-size: 14px; line-height: 1.65;}
.footer .description_area p.t_notice { margin: 5px 0 0; font-size: 13px; letter-spacing: .015em;}
}

/* -------------------------------------   
   .logo_area
   ------------------------------------- */

.footer .logo_area { position: absolute; top: 0; left: 0; z-index: 0; width: 35%;width: 230px;}
.footer .logo_area .logo { width: 100%; }
.footer .logo_area .img_date_venue { display: block; width: 75%;margin: 15px auto 0; }

@media only screen and (max-width: 960px) {
.footer .logo_area { position: static; width: 100%; margin: 90px 0 0; text-align: center; }
.footer .logo_area .logo { width: 70%; max-width: 350px; }
.footer .logo_area .img_date_venue { display: block; width: 65%;max-width: 250px; margin: 25px auto 0; }
}
@media only screen and (max-width: 640px) {
.footer .logo_area { margin: 70px 0 0; }
.footer .logo_area .logo { width: 70%; max-width: 350px; }
.footer .logo_area .img_date_venue { display: block; width: 60%;max-width: 200px; margin: 25px auto 0; }
}


/* -------------------------------------   
   .sns_area
   ------------------------------------- */
.footer .sns_area {position: absolute; bottom: 0; left: 35%; z-index: 0;}
.footer .sns_area .t_ttl_footer{display: none;}
 ul.list_sns_footer { list-style: none; display: flex; align-items: center; justify-content: center; font-size:0; }
 ul.list_sns_footer li { margin-right: 10px; }
 ul.list_sns_footer li a { display: block; position: relative; z-index:1; width: 35px; height: 35px; color: var(--color-black); text-align: center; border-radius: 100%; }
ul.list_sns_footer li a:before { position: absolute;top:0; right:0; bottom: 0; left: 0; z-index: 0; font-family: "Font Awesome 6 Brands"; font-size: 20px; font-weight: 400; line-height: 35px; text-align: center; }
ul.list_sns_footer li a.twitter:before { content: "\e61b"; }
ul.list_sns_footer li a.instagram:before { content: "\f16d"; }
ul.list_sns_footer li a.youtube:before { content: "\f167"; }
ul.list_sns_footer li a:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: var(--btn-color-white);  z-index: -1; -webkit-transform:scale(0.975,0.975); transform: scale(0.975,0.975);border-radius:100%;-webkit-transition: all 0.3s ease;  transition: all 0.3s ease;}
@media only screen and (min-width: 961px) {
ul.list_sns_footer li a:hover:after {-webkit-transform:scale(1.1,1.1); transform: scale(1.1,1.1);}
}
@media only screen and (max-width: 960px) {
.footer .sns_area { position: static; width: 100%; margin: 50px 0 0; text-align: center; }
ul.list_sns_footer { justify-content: center; }
}
@media only screen and (max-width: 640px) {
.footer .sns_area { margin: 25px 0 0; }
.footer .sns_area .t_ttl_footer { display: none; }
}


/* -------------------------------------   
   .copyright_area
   ------------------------------------- */
.footer .copyright_area { margin:100px 0 0; position: relative; z-index: 0;}
.t_copyright { font-size: 13px; font-weight: 400; line-height: 100px; letter-spacing: .035em; }

@media only screen and (max-width: 960px) {
	.footer .copyright_area { margin:25px 0 0;}
}
@media only screen and (max-width: 640px) {
	.footer .copyright_area { margin:20px 0 0;}
    .t_copyright { font-size: 12px; }
}


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

　.scrollUp

   --------------------------------------------------------------------------------------------------- */
.scrollUp { position: absolute; bottom: 35px; right: 4%; z-index: 1000; }
.scrollUp a { padding-right: 37px; display: block;border:none;font-size: 13px;font-weight: 400;line-height: 30px; letter-spacing: 0.035em; text-align: right; position:relative; z-index:1;} 
.scrollUp a:before { position:absolute; top:0;right:0; bottom:0; margin: auto 0; width: 30px; height: 30px; content: ""; background: url("../images/img_arrow_up.svg") center center no-repeat; background-size: contain; z-index: 0;-webkit-transition: top 0.3s ease; transition: top 0.3s ease;}

@media only screen and (min-width: 961px) {
.scrollUp a:hover:before {top: -8px;}
}
@media only screen and (max-width: 738px) {
.scrollUp { position: absolute; bottom: 35px; right: 5%; }
.scrollUp a { padding:0; width: 50px; height: 50px; display: block;border:none;font-size: 0;} 
.scrollUp a:before {left: 0; margin: auto; width: 35px; height: 35px;  background-position: center right;}
}



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

　#wrapper_page 
　【共通】

   --------------------------------------------------------------------------------------------------- */
#wrapper_page { margin: 100px 0 0; overflow: visible;}

@media only screen and (max-width: 738px) {
#wrapper_page {margin:85px 0 0;}
}



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

   .headline
    見出し

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

.headline { margin-bottom: 60px; position: relative; z-index: 0; text-align: left;}
.t_ttl_section_en { font-size: 42px; font-weight: 600;line-height: 1;  letter-spacing: -0.01em;  letter-spacing: 0;}
.t_ttl_section_en_middle { font-size: 30px; font-weight: 600;line-height: 1;letter-spacing: -0.005em; letter-spacing: 0;}
.t_ttl_section_en_mini { font-size: 24px; font-weight: 600;line-height: 1.1;letter-spacing: 0; letter-spacing: 0;}
.t_ttl_section_jp { margin: 10px 0 0; font-size: 16px;font-weight: 450; line-height: 1.2; letter-spacing: .01em;}
.t_ttl_section_jp_mini {font-size: 14px;font-weight: 500; line-height: 1.2; letter-spacing: .01em; }


@media only screen and (max-width: 960px) {
.headline { margin-bottom: 50px;}
.t_ttl_section_en { font-size: 40px;letter-spacing: -0.01em; }
.t_ttl_section_en_middle { font-size: 30px;}
.t_ttl_section_en_mini { font-size: 24px; }
}
@media only screen and (max-width:738px) {
.headline { margin-bottom: 45px; text-align: center;}
.t_ttl_section_en { font-size: 30px;letter-spacing: -0.01em; }
.t_ttl_section_en_middle { font-size: 25px;}
.t_ttl_section_en_mini { font-size: 20px; }
}
@media only screen and (max-width:640px) {
.headline { margin-bottom: 40px; text-align: center;}
.t_ttl_section_en { font-size: 27px;letter-spacing: -0.01em; }
.t_ttl_section_en_middle { font-size:27px;}
.t_ttl_section_en_mini { font-size: 22px; }
}




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

　.btn_area 

   --------------------------------------------------------------------------------------------------- */
.btn_area { margin: 60px 0 0; text-align: center; }

@media only screen and (max-width: 960px) {
.btn_area { margin: 55px 0 0; }
}
@media only screen and (max-width: 738px) {
 .btn_area { margin: 45px 0 0;}
}
@media only screen and (max-width: 640px) {
.btn_area { margin: 40px 0 0; }
}


/* .btn */
.btn { display: inline-block; padding: 0 35px; min-width: 250px; font-size: 16px; font-weight: 500; line-height: 55px; letter-spacing: 0; text-align: center; background: var(--btn-color-black); color:var(--color-white); border: var(--btn-color-black) 1px solid;position: relative; z-index: 0;border-radius: 3px; }
.btn:after { position: absolute; top: 0; right: 12px; font-weight: 400; font-family: themify; content: "\e649"; font-size: 1em;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

/* .btn_white */
.btn_white {background: var(--color-white); color:var(--color-black);}

@media only screen and (min-width: 961px) {
.btn:hover { background: var(--btn-color-white); color:var(--color-black);  }
.btn_white:hover {background: var(--btn-color-black); color:var(--color-white);border-color: var(--color-white)}
.btn:hover:after { right: 10px;} 
}
@media screen and (max-width: 738px) {
.btn {  padding: 0 15px 0 30px; min-width: 170px; font-size: 16px; font-weight: 400; line-height: 50px;}
.btn:after { position: static;margin-left: .5em; font-size: 1em;}    
}



/* .btn_txt */
.btn_txt { display: inline-block; padding: 0 42px 0 0; font-size: 16px; font-weight: 500; line-height: 30px; position: relative;z-index: 0; text-indent: 1px; letter-spacing: 0;  }
.btn_txt:before { position: absolute; right: 0; width: 30px; height: 30px; content: ""; border: var(--color-black) 1px solid; font-family: themify;content: "\e649";font-weight: 400; font-size: 13px;z-index: 0; -webkit-border-radius: 100%; border-radius: 100%; text-align: center;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.btn_txt:after { position: absolute; bottom: 2px; right: 42px; left: 0; height: 1px; content: "";background: var(--btn-color-black); z-index: 1;transition: transform .5s cubic-bezier(.215, .61, .355, 1);transform-origin: left center;transform:scaleX(1) }

@media only screen and (min-width: 961px) {
.btn_txt:hover:before {  background: var(--color-black); color:var(--color-white); }
.btn_txt:hover:after { transform-origin: right center;transform:scaleX(0)}
}
@media screen and (max-width: 738px) {
    
}

/* .btn_txt_dummy */
.btn_txt_dummy {position: relative; z-index:1; display: inline-block;font-size:12px;font-weight: 400; line-height: 20px; letter-spacing: 0;}
.btn_txt_dummy:after { position: absolute; bottom: 1px; right: 22px; right: 0; left: 0; height: 1px; content: "";background: var(--btn-color-black); z-index: 1;transition: transform .5s cubic-bezier(.215, .61, .355, 1);transform-origin: left center;transform:scaleX(1) }

@media only screen and (min-width: 961px) {
a:hover .btn_txt_dummy:before {  background: var(--color-black); color:var(--color-white); }
a:hover .btn_txt_dummy:after { transform-origin: right center;transform:scaleX(0)}
}

@media screen and (max-width: 738px) {

}


.btn_large { min-width: 270px; padding: 15px 35px; }
.btn_small { padding: 11px 12px 11px 22px; font-size: 15px; }
.btn_en {font-size: 15px;font-family: "Formula1-Bold";}




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

   .block_common_about
　ABOUT欄

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

.block_common_about { padding: 80px 5%; position: relative; z-index: 0;}
/*.block_common_about:after { position: absolute;top: 0;right: 0; left: 0; content: ""; border-top: var(--border-color-light_gray) 1px solid;}*/

/* .about_area */
.block_common_about .about_area { display: flex; justify-content: space-between;align-items: center;padding: 0;}
/* .img_area */
.block_common_about .about_area .img_area { width: 57.5%; }
.block_common_about .about_area .img_area img {border-radius: 2px;}
/* .txt_area */
.block_common_about .about_area .txt_area {width: 45%; width: 40%;position: relative; z-index: 0; text-align: center;}
.block_common_about .copy_area { line-height: 1; }
.block_common_about .copy_area p {line-height: 1; letter-spacing: 0.05em;}
.block_common_about .copy_area .t_sub {font-size: 17px; font-weight: 500; line-height: 1.45;}
.block_common_about .copy_area .img_ttl { margin: 0 auto; width: 66.666%; max-width: 250px;}
.block_common_about .copy_area .img_date { margin: 15px auto 0; width: 50%; max-width: 180px;}
.block_common_about .copy_area .t_date { margin: 25px 0 0;font-size: 20px; font-weight: 500;}
.block_common_about .copy_area .t_date .t_jp { margin: 0 1px; display: inline-block;font-size: .8em; vertical-align: 0;-webkit-transform: translateY(-.045em); transform: translateY(-.045em);}
.block_common_about .copy_area .t_date .t_yobi { margin: 0 1px; display: inline-block;font-size: .8em; vertical-align: 0;-webkit-transform: translateY(-.045em); transform: translateY(-.045em);}
.block_common_about .copy_area .t_venue { margin: 10px 0 0;font-size: 16px; font-weight: 500; line-height: 1.55;}
.block_common_about .copy_area .t_venue b{ display: inline-block;font-size: 1.1em;font-weight: 600;-webkit-transform: translateY(-.05em); transform: translateY(-.05em); }
.block_common_about .copy_area br.sp_block {display: none;}

/* .btn_area */
.block_common_about .copy_area .btn_area {margin-top: 25px;}

@media only screen and (max-width: 960px) {
.block_common_about { padding: 70px 5%;}
.block_common_about:after { display: none;}
.block_common_about .about_area { display: block; }
.block_common_about .about_area .img_area { width: 100%;}
.block_common_about .about_area .txt_area {width: 100%; margin: 70px 0 0;}
.block_common_about .copy_area { text-align: center}
.block_common_about .copy_area .img_ttl { margin: 0 auto; width: 66.666%; max-width: 350px;}
.block_common_about .copy_area .img_date { margin: 20px auto 0; width: 50%; max-width: 220px;}
.block_common_about .copy_area .t_venue { margin: 15px 0 0;font-size: 18px;}
.block_common_about .copy_area .t_venue b{ -webkit-transform: translateY(-.05em); transform: translateY(-.05em); }
.block_common_about .copy_area .t_detail{ margin: 20px auto 0; max-width: 600px; font-size: 16px; line-height: 1.9;}
.block_common_about .copy_area .btn_area {margin-top: 25px; text-align: center;}
}
@media only screen and (max-width: 738px) {
.block_common_about { padding: 0 0 60px;}
.block_common_about .about_area .txt_area { margin: 50px 0 0; padding: 0 5%;}
.block_common_about .copy_area { text-align: center}
.block_common_about .copy_area .t_sub_2 { font-size: 15px;}
.block_common_about .copy_area .img_ttl { width: 60%; max-width: 250px;}
.block_common_about .copy_area .img_date { margin: 15px auto 0; width: 50%; max-width: 180px;}
.block_common_about .copy_area .t_venue { margin: 10px 0 0;font-size: 17px;}
.block_common_about .copy_area .t_venue b{ -webkit-transform: translateY(-.025em); transform: translateY(-.025em); }
.block_common_about .copy_area .t_detail{ margin: 20px auto 0;font-size: 15px; line-height: 1.85;}
.block_common_about .copy_area .btn_area {margin-top: 20px; text-align: center;}
}
@media only screen and (max-width: 640px) {
.block_common_about .copy_area br.sp_block {display: block;}
}





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

　#breadcrumb 
    パンくず

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

#breadcrumb { margin-top: 20px; padding:20px 5% 0; position: relative; z-index: 1; line-height: 1;}
#breadcrumb:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; z-index: -1;}
#breadcrumb .breadcrumb_inner {display: inline-block; position: relative; z-index: 0; }
#breadcrumb .breadcrumb_inner:before {position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: "";z-index: -1; }
/* ol */
#breadcrumb ol { list-style: none; font-size: 0; margin: 0; padding: 0; line-height: 1; display: flex; align-content: center; }
#breadcrumb li { display: flex; align-content: center; font-weight: 400; font-size: 12px; letter-spacing: 0.01em; font-feature-settings: "palt"; line-height: 18px;}
#breadcrumb li:after { margin: 0 12px; font-size: 8px; color: #555; font-family: 'themify'; content: "\e649"; font-weight: normal;  }
#breadcrumb li:last-child:after { display: none; }
#breadcrumb li:last-child { display: inline-block; position: relative; z-index: 0; max-width: 25em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 18px; }
#breadcrumb li a {position: relative; z-index: 0;}
#breadcrumb li a:after { position: absolute; bottom: 0; right: 1px; left: 1px; height: 1px; content: "";background:var(--color-black); z-index: 1;transition: transform .3s cubic-bezier(.215, .61, .355, 1);transform-origin: right center;transform:scaleX(0);}
#breadcrumb li:last-child a { font-weight: 550;pointer-events: none;}

@media only screen and (min-width:961px) {
#breadcrumb li a:hover:after { transform-origin: left center;transform:scaleX(1)}
}

@media only screen and (max-width: 960px) {
#breadcrumb { margin-top: 20px; padding:15px 5% 0;}
}
@media only screen and (max-width: 738px) {
#breadcrumb { margin-top: 15px; padding:10px 5% 0; }
#breadcrumb li:after { margin: 0 8px; }
#breadcrumb li:last-child:after { display: none; }
#breadcrumb li:last-child { max-width: 15em;  }
}
@media only screen and (max-width: 640px) {
#breadcrumb li:after { margin: 0 5px; }
}
@media only screen and (max-width: 414px) {
#breadcrumb li:last-child { max-width: 12em;  }

}

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

　.block_single_head 
【固定ページ | カスタム投稿アーカイブページ】ヘッダー（ページタイトル）

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

.block_single_head {padding: 45px 0 100px; position: relative; z-index: 0; text-align: center;}
.block_single_head:after {position: absolute; bottom: 0; left: 0; right: 0; content: "";  border-bottom: var(--border-color-gray) 1px solid;}
.block_single_head:before  {}
/* txt */
.block_single_head .ttl_area { overflow: hidden; font-size: 0;}
.block_single_head .ttl_area .t_ttl_en {font-size: 60px; font-weight:600; letter-spacing: 0.01em; line-height: 1; position: relative; z-index: 0;vertical-align: 0; }
.block_single_head .ttl_area .t_ttl_jp { margin: 10px 0 0;  font-size: 16px;font-weight: 500;  line-height: 1; letter-spacing: .05em;vertical-align: 0; }
.block_single_head .ttl_area .t_ttl_cat { margin: 2vw 0 0;  line-height: 1; }

@media only screen and (max-width: 960px) {
.block_single_head {padding: 45px 0 95px;}
.block_single_head .ttl_area .t_ttl_en {font-size: 55px; }
.block_single_head .ttl_area .t_ttl_jp { margin: 10px 0 0;  font-size: 15px;}
.block_single_head .ttl_area .t_ttl_cat { margin: 2vw 0 0; font-size: 3vw; line-height: 1; }
}

@media only screen and (max-width: 738px) {
.block_single_head { padding: 50px 0 70px;}
.block_single_head .ttl_area .t_ttl_en {font-size: 50px; font-weight: 600;}
.block_single_head .ttl_area .t_ttl_jp { margin: 10px 0 0; letter-spacing: 0.025em; }
.block_single_head .ttl_area .t_ttl_cat { margin: 2vw 0 0;  font-size: 3vw; line-height: 1; }
}
@media only screen and (max-width: 640px) {
.block_single_head .ttl_area .t_ttl_en {font-size: 35px;} 
}


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

　.block_single_content
　【固定ページ用】コンテンツ部分

   --------------------------------------------------------------------------------------------------- */
.block_single_content { position: relative; z-index: 0; padding: 70px 5%; }

/* .single_content_wrapper */
.single_content_wrapper { max-width: 1200px; margin: 0 auto; }
.single_content_item { padding: 80px 6.5%; }
.single_content_item+.single_content_item { margin-top: 50px; }
.single_content_wrapper .single_post_body { margin: 0 auto; max-width: 920px; }



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

　.default_style
    共通WP投稿スタイル

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

.default_style h1 { position: relative; z-index: 0; border-bottom: var(--color-black) 2px solid;margin-bottom: 40px; padding-bottom: 15px; font-size: 25px;font-weight: 500;line-height: 1.65; letter-spacing: 0; }

.default_style h2 { position: relative; z-index: 0; margin-bottom: 30px; padding: 5px 10px 5px 25px; font-weight: 500;font-size: 22px; line-height: 1.8;letter-spacing: 0;  }
.default_style h2:before { position: absolute; top: 0; bottom: 0; left: 0; width: 0; z-index: -1; content: ""; border-left: var(--color-black) 3px solid;}

.default_style h3 { position: relative; z-index: 0; margin-bottom: 30px; padding: 0 0 0 65px; font-weight: 500;font-size: 20px; line-height: 1.9; letter-spacing: 0; }
.default_style h3:before { position: absolute; top: 18px; left: 0; width: 50px; z-index: -1; content: ""; border-top: var(--color-black) 1px solid; }

.default_style h4 {position: relative; z-index: 0; margin-bottom: 20px; padding: 0 0 0 25px;font-weight: 500; font-size: 18px; line-height: 1.9; letter-spacing: 0.01em;}
.default_style h4:before { position: absolute;top: 9px; left: 0; width: 15px; height: 15px; margin-right: 5px; content: ""; background: var(--color-black);border-radius:100%;}

.default_style h5 { position: relative; z-index: 0; margin-bottom: 20px; padding: 0 0 0 25px; font-weight: 500; font-family: "Inter","Noto Sans JP"; font-size: 18px; line-height: 1.9;letter-spacing: 0.01em; }
.default_style h5:before { position: absolute;top: 9px; left: 0; width: 15px; height: 15px; margin-right: 5px; content: ""; background:var(--color-black);clip-path: polygon(0 0, 90% 50%, 0 100%);}

.default_style h6 {  margin-bottom: 20px; font-weight: 500; font-family: "Inter","Noto Sans JP"; font-size: 18px; line-height: 1.9; }

@media screen and (max-width: 960px) {
.default_style h1 {margin-bottom: 35px; font-size: 22px;line-height: 1.75;}
.default_style h2 {margin-bottom: 25px; padding: 3px 10px 3px 20px;font-size: 20px; line-height: 1.8;  }
.default_style h3 { margin-bottom: 25px; padding: 0 0 0 50px;font-size: 18px; line-height: 1.8;}
.default_style h3:before { top: 18px; width: 40px; }
.default_style h4 { margin-bottom: 20px; padding: 0 0 0 20px;font-size: 18px; line-height: 1.9;}
.default_style h5 { margin-bottom: 20px; padding: 0 0 0 20px;font-size: 18px; line-height: 1.9;}
.default_style h6 {  margin-bottom: 15px; font-size: 17px; line-height: 1.9; }
}
@media screen and (max-width: 738px) {
.default_style h1 {margin-bottom: 27px; font-size: 21px;line-height: 1.55;}
.default_style h2 {margin-bottom: 25px; padding: 3px 10px 3px 15px;font-size: 19px; line-height: 1.55; }
.default_style h3 { margin-bottom: 20px; padding: 0 0 0 40px;font-size: 18px; line-height: 1.6;}
.default_style h3:before { top: 18px; width: 30px; }
.default_style h4 { margin-bottom: 10px; padding: 0 0 0 20px;font-size: 18px; line-height: 1.8;}
.default_style h5 { margin-bottom: 10px; padding: 0 0 0 20px;font-size: 18px; line-height: 1.8;}
.default_style h6 {  margin-bottom: 10px; font-size: 17px; line-height: 1.9; }
}

.default_style p { margin: 1.35em 0 }
.default_style hr { margin: 50px 0; border: none; border-bottom: var(--border-color-light_gray) 1px solid; }
.default_style p a { display: inline-block; word-break: break-all; text-decoration: underline;}

/* blockquote */
.default_style blockquote { position: relative; z-index: 0; margin: 50px 0; padding: 40px 5%; background: #f4f4f0; line-height: 1.9; border-radius: 2px; }
.default_style blockquote p {line-height: 1.8;}
.default_style blockquote p {margin: 0.5em 0;}

@media screen and (max-width: 960px) {
.default_style hr { margin: 45px 0;}
.default_style blockquote { margin: 35px 0; padding: 15px 5%; }
.default_style blockquote p {line-height: 1.8;}
}
@media screen and (max-width:738px) {
.default_style hr { margin: 40px 0;}
.default_style blockquote { margin: 30px 0; padding: 35px 5%; }
.default_style blockquote p {line-height: 1.8;}
}

/* ul */
.default_style ul { list-style-type: disc; list-style-position: outside;margin: 30px 0; padding-left: 1.25em; font-size: 16px; line-height: 1.8; }
.default_style ol { list-style-type: decimal; list-style-position: outside; margin: 30px 0; padding-left: 1.25em; font-size: 16px; line-height: 1.8; }
.default_style ul li,
.default_style ol li { font-size: inherit; margin: 2px 0 0; }
.default_style ul li a,
.default_style ol li a { display: inline-block; word-break: break-all; text-decoration: underline;}
.default_style ul li ul {margin: 10px 0;list-style-type: circle; }
.default_style ol li ol {margin: 10px 0;}

/* youtube */
.default_style .video_item {  margin: 50px 0; max-width: 100%; position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden; }
.default_style .video_item iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media screen and (max-width: 738px) {
.default_style .video_item {  margin: 35px 0; max-width: 100%;  }
}

/* img */
.default_style img { margin: 25px 0;width: auto; max-width: 100%; height: auto; border-radius: 2px;} 
.default_style .wp-caption {margin: 0;max-width: 100%;}
.wp-caption-text {color: #555; margin: -15px 0 0; font-size: 15px; line-height: 1.65;}

@media only screen and (min-width: 961px) {
.default_style p a:hover,
.default_style  ul li a:hover,
.default_style  ol li a:hover{color: #dd0400;}
}
@media screen and (max-width: 960px) {
.default_style ul {margin: 25px 0; padding-left: 1.25em; font-size: 16px; line-height: 1.8; }
.default_style ol { margin: 25px 0; padding-left: 1.25em; font-size: 16px; line-height: 1.8; }
.default_style ul li,
.default_style ol li { font-size: inherit; margin: 1px 0 0; }
.default_style ul li ul {margin: 5px 0;}
.default_style ol li ol {margin: 5px 0;}
.default_style img { margin: 25px 0;}  
}
@media screen and (max-width: 738px) {
.default_style ul {margin: 20px 0; padding-left: 1.25em; font-size: 16px; line-height: 1.8; }
.default_style ol { margin: 20px 0; padding-left: 1.25em; font-size: 16px; line-height: 1.8; }
.default_style ul li,
.default_style ol li { font-size: inherit; margin: 1px 0 0; }
.default_style ul li ul {margin: 5px 0;}
.default_style ol li ol {margin: 5px 0;}
.default_style img { margin: 20px 0;}  
}

/* table */
.default_style table { margin: 35px 0; border-collapse: collapse;table-layout: fixed;width: 100%; line-height: 1.75;}
.default_style table th, 
.default_style table td {border: 1px solid var(--border-color-gray);padding: 1em; text-align: left;}
.default_style table thead th {background-color: #eee;color: var(--txt-color-white);border: 1px solid var(--border-color-gray);border-right: 1px solid var(--txt-color-white);border-bottom: 1px solid var(--txt-color-white);}
.default_style table thead th:last-of-type {border-right: 1px solid var(--border-color-gray);}
.default_style table tbody th {}

@media screen and (max-width: 738px) {
.default_style table {text-align: left; }
.default_style table thead {display:none; }
.default_style table th,
.default_style table td {display: block;border: 0;}
.default_style table td {border-bottom: 1px solid var(--border-color-gray);}
    .default_style table th {margin-top: 20px;}
.default_style table tbody th{background: #eee;}
.default_style table td:before{content: attr(data-label);font-weight: bold;display: block;width: 100%;}
}


/* 定義リスト（dl, dt, dd） */
.default_style dl {display: block; margin: 35px 0; font-size: 16px; font-weight: 400; line-height: 1.9; letter-spacing: .01em;}
.default_style dt {font-weight: 700;}
.default_style dd { margin: 5px 0 0; padding: 0 0 1em 0;}
.default_style dd:last-of-type { padding: 0;}

.default_style address { position: relative; z-index: 0; margin: 35px 0; padding: 20px 5%; background: #f5f4f2; line-height: 1.9; border-radius: 2px;  font-style: normal;}
.default_style address p { margin: 0; }

@media screen and (max-width: 960px) {
.default_style dl { margin: 30px 0; font-size: 16px;line-height: 1.8; }
.default_style address { position: relative; z-index: 0; margin: 30px 0; padding: 15px 5%; line-height: 1.8;}
}
@media screen and (max-width: 738px) {
.default_style dl { margin: 25px 0; font-size: 16px;line-height: 1.8; }
.default_style address { position: relative; z-index: 0; margin: 30px 0; padding: 15px 5%; line-height: 1.8;}
}






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

   .block_common_archive (共通)
　【NEWS】アーカイブページ

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

.block_common_archive {  padding: 80px 5%; }

@media only screen and (max-width: 960px) {
.block_common_archive { padding: 70px 5%; }
}
@media only screen and (max-width: 738px) {
.block_common_archive { padding: 60px 4%; }
}


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

   .post_archive (共通)
　【NEWS】アーカイブリスト表示

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

.post_archive {display: flex; flex-wrap: wrap; gap:70px 5%; margin-right: -5%;}
.post_archive .post_item { width: calc(33.333% - 5%); }
.post_archive .post_item a {display: block;display: block flex; flex-wrap: wrap; }
.post_archive .post_item .thumb_area {width: 100%; overflow: hidden;border-radius: 2px;}
.post_archive .post_item .thumb { position: relative; z-index: 0;padding-bottom: 56.25%;/*padding-bottom:75%;*/padding-bottom: 66.66%;overflow: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.post_archive .post_item img { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.post_archive .post_item .txt_area { width: 100%;display: flex; flex-wrap: wrap;}
.post_archive .post_item .meta { margin: 20px 0 0; display: flex; justify-content:space-between;   justify-content: flex-start; line-height: 1; order:1;width: 100%;}
.post_archive .post_item .date { width: 80px;font-size: 13px;  font-weight: 400;letter-spacing: 0; line-height: 18px; }
.post_archive .post_item .cat_area {width: calc(100% - 80px);display: flex; flex-wrap: wrap; justify-content: flex-start; gap:3px 3px; }
.post_archive .post_item .cat { padding:0 7px; background: var(--color-black); color: var(--color-white); font-size: 12px; line-height: 18px; border-radius: 3px;}
.post_archive .post_item .text { margin: 12px 0 0; order:2;width: 100%;}
.post_archive .post_item .title {  font-size: 17px; font-weight: 500; line-height: 1.6; letter-spacing:.025em; font-feature-settings: "palt";}
.post_archive .post_item .excerpt { margin: 10px 0 0; font-size: 13px; line-height: 1.7; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.post_archive .post_item .btn_txt_dummy {margin-top: 10px;}

@media only screen and (min-width: 961px) {
.post_archive .post_item a:hover .thumb { background: var(--color-black); }
.post_archive .post_item a:hover img {opacity: 0.7;}
}
@media only screen and (max-width: 960px) {
.post_archive { gap:60px 4%; margin-right: -4%;}
.post_archive .post_item { width: calc(50% - 4%); }
.post_archive .post_item .btn_txt_dummy {margin-top: 7px;}
    .post_archive .post_item .excerpt { margin: 10px 0 0; font-size: 14px; }
}
@media only screen and (max-width: 738px) {
.post_archive { gap:50px 0; margin-right: 0;}
.post_archive .post_item { width: 100%; }
.post_archive .post_item .thumb { padding-bottom: 56.25%;}
.post_archive .post_item .meta { margin: 20px 0 0;font-size: 13px;}
.post_archive .post_item .date {font-size: 13px; letter-spacing: 0;}
.post_archive .post_item .cat { padding: 0 7px;}
.post_archive .post_item .text { margin: 12px 0 0;}
.post_archive .post_item .title {  font-size: 17px; font-weight: 500; line-height: 1.65; etter-spacing:.035em; }
.post_archive .post_item .excerpt { margin: 8px 0 0; font-size: 15px; line-height: 1.7; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.post_archive .post_item .btn_txt_dummy {margin-top: 5px;}
}


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

   .block_other_archive (共通)
   【NEWS】アーカイブ OTHER

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

.block_other_archive { padding: 80px 5%;background: #f3f2f0;}

@media only screen and (max-width: 960px) {
.block_other_archive { padding: 70px 5%;}   
}
@media only screen and (max-width: 738px) {
.block_other_archive { padding: 60px 5%;}   
}



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

   .pagination_area

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

.pagination_area { margin: 70px 0 0; text-align: center; }
.wp-pagenavi {display: flex; justify-content: center; gap: 0 15px;}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink{width: 45px; height: 45px; line-height: 44px; border: var(--main-color-black) 1px solid;  border: var(--border-color-gray) 1px solid;font-size: 0; border-radius: 3px;  position: relative; z-index: 0;}
.wp-pagenavi .previouspostslink:before,
.wp-pagenavi .nextpostslink:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; font-family:themify; font-size: 13px;}
.wp-pagenavi .previouspostslink:before { content: "\e64a"; }
.wp-pagenavi .nextpostslink:before { content: "\e649";}
.wp-pagenavi .page {width: 45px; height: 45px; line-height: 44px; border: var(--border-color-gray) 1px solid; font-size: 16px; border-radius: 3px;  position: relative; z-index: 0;}
.wp-pagenavi span.current {width: 45px; height: 45px; line-height: 44px;background: var(--main-color-black); border: var(--main-color-black) 1px solid;color: var(--main-color-white);  font-size: 15px; font-weight: 600; border-radius: 3px;  position: relative; z-index: 0;}
.wp-pagenavi span.extend {font-size: 13px;}

@media only screen and (min-width: 961px) {
.wp-pagenavi > a:hover { background: var(--main-color-black); border-color:var(--main-color-black); color: var(--main-color-white); }
}
@media only screen and (max-width: 960px) {
.pagination_area { margin: 50px 0 0; }
.wp-pagenavi { gap:0 15px; }
}
@media only screen and (max-width: 738px) {
.pagination_area { margin: 45px 0 0; }
.wp-pagenavi { gap: 0 8px; }
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .page,
.wp-pagenavi span.current {width: 32px; height: 32px; line-height: 31px;}
.wp-pagenavi .page,
.wp-pagenavi span.current { font-size: 13px;}
.wp-pagenavi .previouspostslink:before,
.wp-pagenavi .nextpostslink:before {font-size: 11px; }
.nav-links li > .next:before,
.nav-links li > .prev:before { font-size: 11px; line-height: 31px; }
}





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

　.block_post_category 
    【NEWS】カテゴリーリスト

   -------------------------------------------------------------------------------------- */
.block_post_category { padding: 80px 5%; position: relative; z-index: 0;}
.block_post_category:before { position: absolute; top: 0; right: 0%; left: 0; bottom: 0; content: ""; background: #EBEEEA; z-index: -1;}
.block_post_category .category_area { display: flex; justify-content: space-between; align-items:flex-start;}
.block_post_category .category_area .headline { width: 30%; margin: 0;}
.block_post_category .category_area .category_item { width: calc(100% - 200px);  width: 70%;}
.block_post_category .list_category { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; line-height: 1; }
.block_post_category .list_category li {width:calc(33.333% - 10px);}
.block_post_category .list_category li a { display: block; font-size: 17px; line-height: 50px; background: var(--color-white);color: var(--color-black);text-align: center; border-radius: 3px; }
.block_post_category .list_category li.current-cat a {background:var(--btn-color-black); color: var(--color-white)}

@media only screen and (min-width: 961px) {
    .block_post_category .list_category li a:hover {background:var(--btn-color-black); color: var(--color-white);}  
}

@media only screen and (max-width: 960px) {
.block_post_category {padding: 60px 5%; }
.block_post_category .category_area {display: block;}
.block_post_category .category_area .headline { width:100%; }
.block_post_category .category_area .category_item {margin: 35px 0 0; width: 100% }
.block_post_category .list_category { gap: 10px; }
.block_post_category .list_category li a {font-size: 16px; line-height: 50px; }
}
@media only screen and (max-width: 738px) {
.block_post_category  { padding: 50px 5%; }
.block_post_category .list_category { gap: 5px; }
.block_post_category .list_category li {width:calc(50% - 5px);}
.block_post_category .list_category li a {font-size: 15px; line-height: 45px; }
}
@media only screen and (max-width: 640px) {
.block_post_category .list_category { gap: 5px; }
.block_post_category .list_category li {width:auto;}
.block_post_category .list_category li a {padding: 0 15px; line-height: 35px; }
}











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

   .artist_archive (共通)
　【LINEUP】アーティストアーカイブリスト表示

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

.artist_archive {display: flex; flex-wrap:wrap; gap:60px 3.5%; margin-right: -3.5%;}
.artist_archive .artist_item { width: calc(33.333% - 3.5%); }
.artist_archive .artist_item a { display: block; }
.artist_archive .artist_item .thumb { position: relative; z-index: 0; padding-bottom: 100%; overflow: hidden; border-radius: 2px; /*border: #efefef 1px solid;*/-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.artist_archive .artist_item img { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.artist_archive .artist_item .text { margin: 15px 0 0; }
.artist_archive .artist_item .title {font-size: 20px; font-weight: 550; letter-spacing: -0.025em;line-height: 1.15; font-size: 18px;letter-spacing: -0.02em;}
.artist_archive .artist_item .btn_txt_dummy { margin-top: 5px;}

/* L */
.artist_archive_main .artist_item:first-child,
.artist_archive_main .artist_item:nth-child(2) {width:50%; width: calc(50% - 2.5%); }
.artist_archive_main .artist_item:first-child .title,
.artist_archive_main .artist_item:nth-child(2) .title{ font-size: 20px;}

@media only screen and (min-width: 961px) {
.artist_archive .artist_item a:hover .thumb { background: var(--color-black); }
.artist_archive .artist_item a:hover img {opacity: .7; }
}

@media only screen and (max-width: 960px) {
.artist_archive {  gap:50px 4%; margin-right: -4%;}
.artist_archive .artist_item { width: calc(50% - 4%); }
.artist_archive .artist_item .text { margin: 10px 0 0; }
.artist_archive .artist_item .title {font-size: 18px; line-height: 1.2;}
/* L */
.artist_archive_main .artist_item:first-child,
.artist_archive_main .artist_item:nth-child(2) {width: calc(50% - 4%); }
.artist_archive_main .artist_item:first-child .title,
.artist_archive_main .artist_item:nth-child(2) .title{ font-size: 18px;}
}
@media only screen and (max-width: 738px) {
.artist_archive {  gap:35px 3%; margin-right: -3%;}
.artist_archive .artist_item { width: calc(50% - 3%); }
.artist_archive .artist_item .text { margin: 10px 0 0; }
.artist_archive .artist_item .title {font-size: 16px; line-height: 1.2;}
/* L */
.artist_archive_main .artist_item:first-child,
.artist_archive_main .artist_item:nth-child(2) {width: calc(100% - 3%); }
.artist_archive_main .artist_item:first-child .title,
.artist_archive_main .artist_item:nth-child(2) .title{ font-size: 18px;}
}






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

　.block_other_lineup

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

.block_other_lineup{ padding: 80px 5%; position: relative; z-index: 0;overflow: hidden; /*background: #151515; color: #fafafa;*/ background: #EAE9E5}
/*.block_other_lineup .border:after { position: absolute;top: 0;right: 0; left: 0; content: ""; border-top: var(--border-color-light_gray) 1px solid;}*/
.block_other_lineup+.block_other_lineup:after { position: absolute;top: 0;right: 0; left: 0; bottom: 0; content: ""; z-index: -2;  border-top: var(--border-color-gray) 1px solid;}
/*.block_other_lineup .btn_txt_dummy:after {background: var(--color-white);}*/

.block_other_lineup .stage_item {position: relative;z-index: 0;}
.block_other_lineup .stage_item+.stage_item {margin-top: 60px;}
.block_other_lineup .stage_item .headline {margin-bottom: 40px;}
.block_other_lineup .btn_area {margin-top: 60px;}

@media only screen and (max-width: 960px) {
.block_other_lineup{ padding: 70px 5%;}
.block_other_lineup .stage_item .headline {margin-bottom: 40px;}
.block_other_lineup .btn_area {margin-top: 50px;}
}
@media only screen and (max-width: 738px) {
.block_other_lineup{ padding: 60px 5%;}
.block_other_lineup .stage_item .headline {margin-bottom: 40px;}
.block_other_lineup .btn_area {margin-top: 40px;}
}

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

　.block_btn_lineup

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

.block_btn_lineup {padding: 0 5% 80px;background: #EAE9E5}
.block_btn_lineup .btn_area {margin: 0;}

@media only screen and (max-width: 960px) {
.block_btn_lineup {padding: 0 5% 70px;} 
}
@media only screen and (max-width:738px) {
.block_btn_lineup {padding: 0 5% 60px;} 
}

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

   .artist_other_archive (共通)
　【LINEUP】アーティストアーカイブリストOTHER

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

.artist_other_archive {display:flex; flex-wrap:wrap; gap:50px 1.5%; margin-right: -1.5%;}
.artist_other_archive .artist_item { width: calc(25% - 1.5%); }
.artist_other_archive .artist_item a { display: block; }
.artist_other_archive .artist_item .thumb { position: relative; z-index: 0; padding-bottom: 100%; overflow: hidden;  -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.artist_other_archive .artist_item img { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;border-radius: 2px; }
.artist_other_archive .artist_item .text {margin: 10px 0 0; }
.artist_other_archive .artist_item .title {font-size: 14px; font-weight: 550;line-height: 1.2;letter-spacing: -0.015em;}
.artist_other_archive .artist_item .btn_txt_dummy { margin-top: 2px;font-size: 11px;}

@media only screen and (min-width: 961px) {
.artist_other_archive .artist_item a:hover .thumb { background: var(--color-black); }
.artist_other_archive .artist_item a:hover img {opacity: .7; }
}
@media only screen and (max-width: 960px) {
.artist_other_archive {gap:40px 1.5%; margin-right: -1.5%;}
.artist_other_archive .artist_item { width: calc(25% - 1.5%); }
.artist_other_archive .artist_item .text { margin: 10px 0 0; }
}
@media only screen and (max-width: 738px) {
.artist_other_archive {gap:35px 1.5%; margin-right: -1.5%;}
.artist_other_archive .artist_item { width:calc(33.333% - 1.5%); }
.artist_other_archive .artist_item .text { margin: 7px 0 0; }
.artist_other_archive .artist_item .title {font-size: 13px; font-weight: 550;}
.artist_other_archive .artist_item .btn_txt_dummy { display: none;}
}





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

　.block_common_content
　【共通】TIME TABLE, AREA MAP etc

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

.block_common_content{ padding: 80px 5%; position: relative; z-index: 0; }
.block_common_content:before { position: absolute; top: 0; right: 0%; left: 0; bottom: 0; content: ""; background: #EBEEEA;z-index: -1;}

@media only screen and (max-width: 960px) {
.block_common_content { padding: 70px 5%; }
}
@media only screen and (max-width: 738px) {
.block_common_content { padding: 60px 5%; }
}

.block_common_content .content_area { display: grid;grid-template-columns: repeat(3,1fr); gap: 0 1.5%;}
.block_common_content .content_item { background: var(--color-white); position: relative; z-index: 0; border-radius: 2px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.block_common_content .content_item a {display: block; padding: 25px 6.5%; position: relative; z-index: 0; }
.block_common_content .content_item .t_ttl_section_en { font-size: 20px;font-weight: 600; line-height: 1; letter-spacing: -0.01em; position: relative; z-index: 0; }
.block_common_content .content_item .t_ttl_section_en:before { position: absolute; top: -5px; right: 0; font-family: themify;content: "\e649";font-weight: 400; font-size: 13px; text-align: center;  width: 30px; height: 30px;color: var(--color-white); background:var(--btn-color-black); line-height: 30px;  z-index: 0;-webkit-border-radius: 100%; border-radius: 100%; }
.block_common_content .content_item .img_area {margin: 30px auto; width: 50%; position: relative; z-index: 0;}
.block_common_content .content_item .txt_area {}
.block_common_content .content_item .txt_area p {font-size: 13px; line-height: 1.7; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden}

/* .content_item_no_link （未公開）*/
.block_common_content .content_item_no_link { background: #f2f5f1;}
.block_common_content .content_item_no_link a { color: #aaa; pointer-events: none;}
.block_common_content .content_item_no_link .t_ttl_section_en:before {display: none;}
.block_common_content .content_item_no_link .img_area img {opacity: .05;}
.block_common_content .content_item_no_link .img_area:before { position: absolute; top: 50%; left: 50%; padding: 0 20px; content: "COMING SOON!";display: inline-block; background:var(--color-black); color:var(--color-white); line-height: 35px; white-space: nowrap; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1; }

@media only screen and (min-width: 961px) {
.block_common_content .content_item:hover {background: #e3e5e2;transform: scale(0.985,0.985);}
.block_common_content .content_item_no_link:hover {background: #f2f5f1;transform: scale(1,1);}
}

@media only screen and (max-width: 960px) {
.block_common_content .content_area { gap: 0 1%;}
.block_common_content .content_item .t_ttl_section_en { font-size: 18px; }
.block_common_content .content_item .t_ttl_section_en:before {top: -5px; font-size: 13px;width: 30px; height: 30px;line-height: 30px; }
}
@media only screen and (max-width: 738px) {
.block_common_content .content_area { display: block;}
.block_common_content .content_item+.content_item { margin: 15px 0 0; }
.block_common_content .content_item a { padding: 25px 5% 20px;display: block flex; flex-wrap: wrap; align-items: center; }
.block_common_content .content_item .t_ttl_section_en { margin-left: 15px;width:calc(100% - 95px); font-size: 18px;order: 2; }
.block_common_content .content_item .t_ttl_section_en:before { font-size: 13px;}
.block_common_content .content_item .img_area {margin: 0; width: 80px; order: 1;}
.block_common_content .content_item .txt_area { margin: 15px 0 0; width: 100%; order: 3;}
.block_common_content .content_item .txt_area p {font-size: 14px; line-height: 1.65;-webkit-line-clamp: 3;}
    
/* .content_item_no_link （未公開）*/
.block_common_content .content_item_no_link .img_area {position: static;}
.block_common_content .content_item_no_link .img_area:before { top: 5px; left: auto; right: 5px; padding: 0 10px;display: inline-block; font-size: 15px; line-height: 25px; -webkit-transform: translate(0,0); transform: translate(0,0); }
    
}



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

   .block_common_ticket
　【共通】ABOUT欄

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

.block_common_ticket { padding: 80px 5% 70px; position: relative; z-index: 0; overflow: hidden;}
.block_common_ticket:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background:var(--main-color-black); background: #F4D860;opacity: 0.4; z-index: -1;}
.block_common_ticket:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: url("../images/img_art/img_yellow.jpg") center right no-repeat;background-size: cover; z-index: -2;}
.block_common_ticket a { position: relative; z-index: 0;}
.block_common_ticket .ticket_wrapper { }
.block_common_ticket .headline {margin-bottom: 35px; }
.block_common_ticket .ticket_area {}
.block_common_ticket .t_copy {font-size: 20px;font-weight: 450;line-height: 1.8;letter-spacing: 0.05em;font-feature-settings: "palt" 1;}
/* .arrow_area */
.block_common_ticket .arrow_area { margin: 35px 0 0; width: 100%;display: flex; flex-wrap: wrap; justify-content:flex-end; }
.block_common_ticket .t_account { padding: 0 55px 0 0; font-size:35px; font-weight: 400;  position: relative; z-index: 0; line-height: 1.2;}
.block_common_ticket .t_account:before {position:absolute; top:0;right:0; bottom:0; margin: auto 0; width: 40px; height: 35px; content: ""; background: url("../images/img_arrow_right_b.svg") center center no-repeat; background-size: contain; z-index: 0;-webkit-transition: top 0.3s ease; transition: top 0.3s ease;}
.block_common_ticket .t_account:after { position: absolute; bottom: 0; right: 55px; left: 0; height: 1px; content: "";background: var(--btn-color-black); z-index: 1;transition: transform .5s cubic-bezier(.215, .61, .355, 1);transform-origin: left center;transform:scaleX(1) }

@media only screen and (min-width: 961px) {
.block_common_ticket .t_account:hover:after { transform-origin: right center;transform:scaleX(0)}
}
@media only screen and (max-width: 960px) {
.block_common_ticket {  padding:70px 5%; }
.block_common_ticket .headline {margin-bottom: 35px;}
.block_common_ticket .t_copy { font-size: 18px; line-height: 1.9;letter-spacing:.075em;}
.block_common_ticket .arrow_area { margin: 45px 0 0; }
.block_common_ticket .t_account { padding: 0 55px 0 0; font-size:35px;}
.block_common_ticket .t_account:after { right: 55px; left: 0;  }
}
@media only screen and (max-width: 738px) {
.block_common_ticket {  padding:60px 5%; }
.block_common_ticket .headline {margin-bottom: 30px;}
.block_common_ticket .t_copy { font-size: 17px; line-height: 1.85;letter-spacing:.075em;}
.block_common_ticket .t_copy br {display: none;}
.block_common_ticket .arrow_area { margin: 35px 0 0; display: flex; justify-content: center;}
.block_common_ticket .t_account {margin-left: 50px; padding: 0 50px 0 0;font-size:22px;}
.block_common_ticket .t_account:after { right: 50px; }
}


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

   .block_sns
【共通】Instagram

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

.block_sns { padding: 80px 5% 70px;  position: relative; z-index: 0; color: var(--color-white); display: none;}
.block_sns:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background:url("../images/noise.png") repeat var(--main-color-black); background-size: 25px; opacity: 0.25; opacity: 0.5; z-index: -1;}
.block_sns:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: url("../images/img_art/bg_home_lineup.jpg") center center no-repeat;background-size: cover; z-index: -2;
background: url("../images/img_art/046.jpg") center center no-repeat;background-size: cover;}

.block_sns .sns_wrapper { width: 100%; }
.block_sns .headline {margin-bottom: 35px; }
.block_sns .sns_area {  }
.block_sns .sns_area .txt_area { width: 100%;}
.block_sns .sns_area .t_copy  {font-size: 20px;font-weight: 500;line-height: 1.8;letter-spacing: 0.05em;font-feature-settings: "palt" 1;}
.block_sns .sns_area .t_copy br.sp_block {display: none;}
.block_sns .sns_area .t_copy .t_instagram { padding-left: 30px; margin-right: .25em; position: relative; z-index: 0; letter-spacing: .025em;}
.block_sns .sns_area .t_copy .t_instagram:before { position: absolute; top: 0; left: 0; bottom: 0;margin: auto 0; width: 24px; height: 24px; margin: auto 0; content: ""; background: url("../images/Instagram_Glyph_Gradient.png") center left no-repeat; background-size: cover; z-index: 0;}
.block_sns .sns_area .arrow_area { margin: 35px 0 0; width: 100%;display: flex; flex-wrap: wrap; justify-content:flex-end; }
.block_sns .sns_area .t_account { padding: 0 55px 0 58px; color: var(--color-white); font-size:35px; font-weight: 400;  position: relative; z-index: 0; line-height: 1.2;}
.block_sns .sns_area .t_account:before {position:absolute; top:0;right:0; bottom:0; margin: auto 0; width: 40px; height: 35px; content: ""; background: url("../images/img_arrow_right_w.svg") center center no-repeat; background-size: contain; z-index: 0;-webkit-transition: top 0.3s ease; transition: top 0.3s ease;}
.block_sns .sns_area .t_account:after { position: absolute; bottom: 0; right: 55px; left: 58px; height: 1px; content: "";background: var(--btn-color-white); z-index: 1;transition: transform .5s cubic-bezier(.215, .61, .355, 1);transform-origin: left center;transform:scaleX(1) }
.block_sns .sns_area .t_account .icon { position:absolute; top:0;left:0; bottom:0; margin: auto 0; width: 45px; height: 45px;  background: url("../images/icon_acid_instagram.jpg") center center no-repeat; background-size: contain; z-index: 0; border-radius:100%;  overflow: hidden;}


@media only screen and (min-width: 961px) {
.sns_area .t_account:hover:after { transform-origin: right center;transform:scaleX(0)}
}
@media only screen and (max-width: 960px) {
.block_sns {  padding:70px 5%; }
.block_sns .headline {margin-bottom: 35px;}
.block_sns .sns_area .t_copy { font-size: 18px; line-height: 1.9;letter-spacing:.075em;}
.block_sns .sns_area .t_copy .t_instagram { padding-left: 30px; margin-right: .25em; letter-spacing: .025em;}
.block_sns .sns_area .t_copy .t_instagram:before { width: 24px; height: 24px; }
.block_sns .sns_area .arrow_area { margin: 45px 0 0; }
.block_sns .sns_area .t_account { padding: 0 55px 0 50px; font-size:30px;}
.block_sns .sns_area .t_account:after { right: 55px; left: 50px;  }
.block_sns .sns_area .t_account .icon { width: 40px; height: 40px;}
}
@media only screen and (max-width: 738px) {
.block_sns {  padding:60px 5%; }
.block_sns .headline {margin-bottom: 30px;}
.block_sns .sns_area .t_copy { font-size: 17px; line-height: 1.85;letter-spacing:.075em;}
.block_sns .sns_area .t_copy br {display: none;}
.block_sns .sns_area .t_copy .t_instagram { padding-left: 30px; margin-right: .25em; letter-spacing: .025em;}
.block_sns .sns_area .t_copy .t_instagram:before { width: 22px; height: 22px; }
.block_sns .sns_area .arrow_area { margin: 35px 0 0; display: flex; justify-content: center;}
.block_sns .sns_area .t_account { padding: 0 50px 0 50px;font-size:22px;}
.block_sns .sns_area .t_account:after { right: 50px; left: 50px;  }
}



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

   .block_sponsor
　スポンサー

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

.block_sponsor { padding: 80px 5%;}
.block_sponsor .headline { margin-bottom: 50px;}

@media only screen and (max-width: 960px) {
.block_sponsor {  padding:70px 5%; }
.block_sponsor .headline { margin-bottom: 45px;}
.block_sponsor .t_ttl_section_en_middle { font-size:22px;}
}
@media only screen and (max-width: 738px) {
.block_sponsor {  padding:60px 5%; }
.block_sponsor .headline { margin-bottom: 45px;}
.block_sponsor .t_ttl_section_en_middle { font-size:22px;}
}
@media only screen and (max-width: 640px) {
.block_sponsor .headline { margin-bottom: 40px;}
.block_sponsor .t_ttl_section_en_middle { font-size:20px;}
}    

/* ----- ul.list_sponsor ----- */
ul.list_sponsor { list-style: none; display: flex; flex-wrap: wrap; gap:0 5%; }
ul.list_sponsor li { display: block;}
ul.list_sponsor li a {display: block;display: block;overflow: hidden;}
ul.list_sponsor li a img {width: auto; height:min(4.5vw, 55px);-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
@media only screen and (min-width: 961px) {
ul.list_sponsor li a:hover { opacity: 0.6;}
}
@media only screen and (max-width: 960px) {
ul.list_sponsor { list-style: none; }
}
@media only screen and (max-width: 738px) {
ul.list_sponsor { list-style: none; display: flex; flex-wrap: wrap; justify-content:space-between; justify-content: center; align-items: center; gap:20px 0;}
ul.list_sponsor li { width: 32.333%; display: flex; justify-content: center; }
ul.list_sponsor li a img {width: auto;height:min(8vw, 45px);}    
}
@media only screen and (max-width: 640px) {
ul.list_sponsor { gap:20px 0;}
ul.list_sponsor li { width: 50%; }
ul.list_sponsor li a img { height:min(13vw, 45px);}
}    

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

   .block_committee
　実行委員会

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

.block_committee { padding: 80px 5%;background: rgb(245,244,242);
background: linear-gradient(174deg, rgba(245,244,242,1) 0%, rgba(238,237,234,1) 100%); }
.block_committee .headline { margin-bottom: 50px;}

@media only screen and (max-width: 960px) {
.block_committee { padding:70px 5% 90px; }
.block_committee .headline { margin-bottom: 45px;}
.block_committee .t_ttl_section_en_middle { font-size:22px;}
}
@media only screen and (max-width: 738px) {
.block_committee {  padding:60px 5% 70px; }
.block_committee .headline { margin-bottom: 45px;}
.block_committee .t_ttl_section_en_middle { font-size:22px;}
}
@media only screen and (max-width: 640px) {
.block_committee .headline { margin-bottom: 40px;}
.block_committee .t_ttl_section_en_middle { font-size:20px;}
}    

/* ----- ul.list_sponsor ----- */
ul.list_committee { list-style: none; display: flex; justify-content: space-between;}
ul.list_committee li { display: block;}
ul.list_committee li a {display: block;display: block;overflow: hidden;}
ul.list_committee li a img {width: auto; height:min(4.5vw, 55px);-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
@media only screen and (min-width: 961px) {
ul.list_committee li a:hover { opacity: 0.6;}
}
@media only screen and (max-width: 960px) {
ul.list_committee { list-style: none; }
}
@media only screen and (max-width: 738px) {
ul.list_committee { list-style: none; display: flex; flex-wrap: wrap; justify-content:space-between;align-items: center; gap:20px 0;}
ul.list_committee li { width: 32.333%;display: flex; justify-content: center; }
ul.list_committee li a img {width: auto;height:min(8vw, 45px);}
    
li.li_jwave { order: 6; }
li.li_rakuten { order: 4; }        
li.li_ntv { order: 2; }        
li.li_smi { order: 1; }        
li.li_exsam { order: 3; }        
li.li_bandai { order: 5; }        
li.li_womb { order: 7; }
}
@media only screen and (max-width: 640px) {
ul.list_committee { gap:20px 0;}
ul.list_committee li { width: 50%; }
ul.list_committee li a img { height:min(13vw, 45px);}
}    




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

   .block_common_section
  【固定ページ】左右レイアウト

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

.block_common_section { padding: 80px 5%; position: relative; z-index: 0;}

@media only screen and (max-width: 960px) {
.block_common_section {  padding: 70px 5%; }
}
@media only screen and (max-width: 738px) {
.block_common_section { padding: 60px 5%}
}

/* .section_body */
.section_body {position: relative;z-index: 0;display: flex; flex-wrap: wrap; justify-content: space-between;}
.section_body .headline { margin: 0; width:25%; }
.section_body .inner_area {width: 72.5%; position: relative;z-index: 0;}
.section_body .inner_item+.inner_item { margin: 50px 0 0; padding: 50px 0 0; border-top: var(--border-color-light_gray) 1px solid; }
.section_body .t_ttl_cat {margin: .15em 0 0; font-size: 20px;font-weight: 550;letter-spacing: .05em; line-height: 1;}


@media only screen and (max-width: 960px) {
.section_body { display: block;}
.section_body .headline { width:100%; }
.section_body .inner_area { margin: 50px 0 0; width: 100%; }
.section_body .inner_item+.inner_item { margin: 50px 0 0; }
.section_body .t_ttl_cat {margin: 0; font-size: 18px;font-weight: 550;letter-spacing: .05em; line-height: 1;}
}
@media only screen and (max-width: 738px) {
.section_body .inner_area { margin: 50px 0 0;  }
.section_body .inner_item+.inner_item { margin: 45px 0 0; }
.section_body .t_ttl_cat {text-align: center;}
}


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

   .sticky
  【固定ページ】ページナビ

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

/* .sticky_body */
.sticky_body {align-items: flex-start;}

/* .content_nav */
.content_nav {position: sticky; top: 90px;left: 0;width: 20%; min-width: 210px; z-index: 2;}

/* .content_nav */
.sticky_nav {list-style: none;background: var(--color-white);border: #e3e2df 1px solid;border:var(--border-color-gray) 1px solid;border-radius: 3px; overflow: hidden;}
.sticky_nav li+li { border-top: #e3e2df 1px solid;border-top:var(--border-color-gray) 1px solid;}
.sticky_nav li a { display: block;padding: 0 0 0 50px; font-size: 16px; line-height: 55px;height: 55px; position: relative; z-index: 0; }
.sticky_nav li a.current { background: var(--btn-color-black); color:var(--color-white); }
.sticky_nav li a:before,
.sticky_nav li a:after {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.sticky_nav li a:before { position: absolute; z-index: 0;  top:50%; left: 15px; width: 15px; height: 15px; font-size: 1.1em; font-weight: 400; font-family: themify; content: "\e65d"; line-height: 15px;-webkit-transform: translate(0, -50%); transform: translate(0, -50%);}
.sticky_nav li a.current:before {opacity: 0; color: transparent;}
.sticky_nav li a:after { position: absolute; z-index: 0;  top:50%; left: 20px; width: 15px; height: 15px; font-size: 0.95em; font-weight: 400; font-family: themify; content: "\e64c"; line-height: 15px;-webkit-transform: translate(0, -50%); transform: translate(0, -50%); opacity: 0; text-align: center;}
.sticky_nav li a.current:after {opacity: 1;font-size: 1.2em;content:"\e64c";font-weight: 400; }
.sticky_nav li a span.t_no { display: none;}
.sticky_nav li a span.t_small {position: absolute; top: 50%; left: 50px; font-size: 14px; line-height: 1.2; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 0;}

@media only screen and (max-width: 960px) {
.content_nav {position: static; width: 100%; }
.sticky_nav { background: none;border: none;border-radius: 0; overflow: hidden; display: grid;grid-template-columns: repeat(3,1fr); gap:10px; }
.sticky_nav li+li { border-top: none;}
.sticky_nav li a { display: block;padding: 0 0 0 45px; font-size: 16px; line-height: 50px;height: 50px; background: var(--color-white);border: #e3e2df 1px solid;border-radius: 3px; }
.sticky_nav li a.current { color:var(--color-black); background: var(--color-white);}
.sticky_nav li a:before { top:45%; left: 15px; width: 15px; height: 15px; font-size: 1.2em;line-height: 15px;-webkit-transform: translate(0, -50%) rotate(90deg); transform: translate(0, -50%) rotate(90deg);}
.sticky_nav li a.current:before {opacity: 1; color:var(--color-black); }
.sticky_nav li a:after { display: none;}
}
@media only screen and (max-width: 738px) {
.sticky_nav {grid-template-columns: repeat(2,1fr); gap:5px; }
.sticky_nav li a { display: block;padding: 0 25px; font-size: 16px;}
.sticky_nav li a.current { color:var(--color-black); background: var(--color-white);}
.sticky_nav li a:before { top:45%; left: auto; right: 15px; width: 15px; height: 15px; font-size: 1.1em;line-height: 15px;}
.sticky_nav li a span.t_no { display: inline-block;}
.sticky_nav li a span.t_small {position: static;font-size: 16px; line-height: 50px; -webkit-transform: translate(0,0); transform: translate(0,0);}
    .sticky_nav li a span.t_small br {display: none;}
}
@media only screen and (max-width: 640px) {
.sticky_nav {grid-template-columns: repeat(1,1fr); gap:5px; }
.sticky_nav {background: var(--color-white);border:var(--border-color-gray) 1px solid;border-radius: 3px; overflow: hidden; gap:0; }
.sticky_nav li+li { border-top: var(--border-color-gray) 1px solid;}    
.sticky_nav li a {padding: 0 15px; font-size: 16px; line-height: 45px;height: 45px; border: none;border-radius: 0; }
.sticky_nav li a:before { top:45%; left: auto; right: 15px; width: 15px; height: 15px; }  
.sticky_nav li a span.t_small {font-size: 16px; line-height: 45px; }
}


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

   .delighter

   -------------------------------------------------------------------------------------- */
.fadein_img.delighter { transition: all .5s ease; opacity: .1; }
.fadein_img.delighter.started { opacity: 1; }
.fadein_img.delighter.ended { opacity: 1; }




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

　.slick-slider

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

.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-slide{height: auto!important;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{ position: relative; top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{ float: right;}
.slick-slide img{ display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}



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

    404

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

.block_404_content {padding: 80px 5%; }
.block_404_content .single_404_body { margin: 0 auto; max-width: 600px; }
.block_404_content .single_404_body p+p {margin-top: 1.5em;}

@media only screen and (max-width: 960px) {
.block_404_content {padding: 70px 5%;}
}
@media only screen and (max-width: 640px) {
.block_404_content {padding: 60px 5%;}
}


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

   .video

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

.video {position: relative;width: 100%;padding-top: 56.25%; height: 0;}
.video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


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

　.widget_bogo_language_switcher

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

.widget_bogo_language_switcher .w-header__title {display: none;}
.bogo-language-switcher { list-style: none; display: flex; flex-direction: row-reverse; align-items: center;}
.bogo-language-switcher li {overflow: hidden;}
.bogo-language-switcher li.jp {border-right: none;}
.bogo-language-switcher a {padding: 0; display: block; width: 40px;background: #f2f7f7; color: #999; font-size: 12px; font-weight: 500;line-height: 17px;text-align: center;}
.bogo-language-switcher .current a {background: var(--color-black); color:var(--color-white);pointer-events: none;}
.bogo-language-switcher li.ja {border-radius: 3px 0 0 3px;}
.bogo-language-switcher li.en-US {border-radius: 0 3px 3px 0;}

@media only screen and (min-width: 961px) {
.bogo-language-switcher a:hover {color:var(--color-black); }
}


/* .header .language_area */
@media only screen and (max-width: 960px) {
.header .bogo-language-switcher {display: none;}
}


/* .mobile-nav .language_area */
.mobile-nav .language_area { padding: 10px 6.5%; border-top: var(--border-color-gray) 1px solid; display: flex;}
.mobile-nav .language_area .bogo-language-switcher { list-style: none; display: flex; flex-direction: row-reverse; align-items: center;}
.mobile-nav .language_area .bogo-language-switcher li {border:var(--border-color-gray) 1px solid;}
.mobile-nav .language_area .bogo-language-switcher a { width: 40px;font-size: 14px;line-height: 30px; background: none;}
.mobile-nav .language_area .bogo-language-switcher .current a {background: var(--color-black);}
.mobile-nav .language_area .bogo-language-switcher li.ja {border-right: none;}
.mobile-nav .language_area .bogo-language-switcher li.en-US {border-left: none;}

@media only screen and (max-width: 738px) {
.mobile-nav .language_area { padding: 10px 7.5%;}
.mobile-nav .language_area .bogo-language-switcher a { line-height: 27px;}
}
    

/* .footer .language_area */
.footer .language_area {display: flex;}
.footer .language_area a { line-height: 25px; background: #000;}
.footer .language_area .current a {background: #FFFEFB; color: #222;}

@media only screen and (min-width: 961px) {
.footer .language_area .bogo-language-switcher a:hover {color:var(--color-white); }
}
@media only screen and (max-width: 960px) {
.footer .language_area {margin-top: 50px;}  
}
@media only screen and (max-width: 738px) {
.footer .language_area {margin-top: 50px; justify-content: center;}
.footer .language_area a { width: 60px;}
}