@charset "utf-8";

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

*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
html,body{ width:100%;height:100%;-webkit-font-smoothing: antialiased;}

.over {transition: 0.3s ;}
.over:hover {opacity: 0.5 ;}

/*clearfix*/
.clearfix:after{content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display:block;}
 


/*========================================
BASIC
=======================================*/

html{-webkit-text-size-adjust:100%; font-size: 62.5%;}
body{font-size: 10px;font-size: 1.0rem; color:#ffffff; font-family: "Shippori Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; background: #14151f; animation: fadeIn 2s ease 0s 1 normal;-webkit-animation: fadeIn 2s ease 0s 1 normal;}
_::-webkit-full-page-media, _:future, :root body {font-family: "Shippori Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; }
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


/* ios Safari */
@supports (-webkit-touch-callout: none) {body {height: -webkit-fill-available;}}

a{color:#ffffff; text-decoration:none;}
a:hover{color: #cafc68;}

/* page-top */
#page-top {position: fixed;bottom: 20px;right: 20px;z-index:10000; max-width:50px; height:auto;transition: 0.5s;-webkit-transition: 0.5s}
#page-top img {max-width:50px; height:auto;}
#page-top:hover {transform: translate(0,-10px);}

/* hr */

hr{}

/* icons */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?3gl5el');
  src:  url('fonts/icomoon.eot?3gl5el#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?3gl5el') format('truetype'),
    url('fonts/icomoon.woff?3gl5el') format('woff'),
    url('fonts/icomoon.svg?3gl5el#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-line6:before {
  content: "\e900";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}




@media(min-width: 980px){a[href^="tel:"]{pointer-events: none;}}


.sp{display: none;}

@media screen and (max-width: 670px) {
.sp{display: inline;}
.pc{display: none;}
}

.txt_idt{text-indent: -1em;padding-left: 1em;}
.over {opacity:1;-webkit-transition: all .3s;transition: all .3s;}
.over:hover {opacity:.6;}






/*========================================
index
=======================================*/

/* MV */
.video-box {position: relative;overflow: hidden;width: 100%;height: auto;; text-align: center;}
.video-box img {width: 100%; height: auto;}

/* bg */
#container {padding: 0;}
#wrapper {width: 100%; background-image: url("../img/20th_bg.png"); background-size: 1600px 3140px; background-repeat: repeat-y; background-position: top center;}
section { width: 100%; height: auto; max-width: 1000px; margin: 0 auto;}

.btn {display: flex; justify-content: space-around;align-items: stretch; flex-direction:row; flex-wrap: nowrap; padding-top:20px;max-width: 1240px!important;}
.btn div {width: 30%; height: auto;}
.btn img {width: 100%; max-width: 300px; height: auto;}

.comment {text-align: center; padding-top:120px;}
.comment p {font-size: 1.8rem; line-height: 2; font-weight: 600; text-align: center;}
.comment img{width: 70%; max-width: 380px; height: auto; margin-bottom: 50px;}

h3 {width: 100%; font-size: 3.6rem; line-height: 1; font-weight: 600; color: #deca8d; text-align: right; margin: 100px 0 50px 0;}

.live_img_01 {width: 100%; height: 260px;background-image: url("../img/live01_bg.png"); background-size: 1200px 265px; background-repeat: no-repeat; background-position: center left; background-color: rgb(0, 71, 117, .5);}
.live_img_01 section{height: 265px;display: flex; justify-content: flex-end;align-items: center; flex-direction:row; }
.live_img_01 section img{ width: 70%; max-width: 360px; height: auto; }

.live_img_02 {width: 100%; height: 260px;background-image: url("../img/live02_bg.png"); background-size: 1200px 265px; background-repeat: no-repeat; background-position: center right; background-color: rgb(92, 9, 17, .5);}
.live_img_02 section{height: 265px;display: flex; justify-content: flex-start;align-items: center; flex-direction:row; }
.live_img_02 section img{ width: 70%; max-width: 285px; height: auto; }

.tour_img {width: 100%; height: 260px;background-image: url("../img/tour_bg.png"); background-size: 1200px 265px; background-repeat: no-repeat; background-position: center right; background-color: rgb(80, 5, 93, .5);}
.tour_img section{height: 265px;display: flex; justify-content: flex-start;align-items: center; flex-direction:row; }
.tour_img section img{ width: 70%; max-width: 285px; height: auto; }


dl.live_info {width: 100%;display: flex; justify-content: flex-start;align-items: flex-start; flex-direction:row; flex-wrap: nowrap; padding: 50px 0 100px 0;}
.live_info dt{width: 270px;text-align: left;font-size: 7rem; line-height: 1.2; font-weight: 400; vertical-align: baseline; color: #deca8d;}
.live_info dt span.yobi {font-size: 3rem;}
.live_info dt span.time {font-size: 1.8rem; display: block;}
.live_info dd{width: 730px;text-align: left;}
.live_info dd h4{font-size: 2.6rem; line-height: 1.5; font-weight: 500; color: #deca8d;}
.live_info dd h5{font-size: 2rem; line-height: 1.6; font-weight: 500; color: #cafc68; padding-top: 25px;}
.live_info dd p{font-size: 1.6rem; line-height: 1.6; font-weight: 500; padding-top: 25px;}
.live_info dd p strong{font-size: 2.2rem; line-height: 1.6; font-weight: 500; }
.live_info dd p span{display: block;font-size: 1.4rem;text-indent: -1em;padding-left: 1em;}

.live_info dd h5 a{color:#cafc68; text-decoration:none;}
.live_info dd h5 a:hover{color: #ffffff;}

.reserve {width: 100%; border: 1px solid #c9574b; padding: 20px; font-size: 2rem; line-height: 1.5; font-weight: 400; color: #c9574b; border-radius: 5px; margin: 0px 0 60px 0;text-align: center;}
.reserve h6{font-size: 2rem; line-height: 1.2; font-weight: 400; color: #c9574b; border-bottom: 1px solid #c9574b; padding-bottom: 10px; margin-bottom: 10px;}
.reserve a{color: #c9574b;}
.reserve a:hover{color: #ffffff;}





/* NEW ALBUM */
.album_wrap {width: 100%; display: flex; justify-content: space-between;align-items: stretch; flex-direction:row;flex-wrap: nowrap; padding: 50px 0 50px 0;}
.album_wrap .album_img {width: 35%; max-width: 350px; }
.album_wrap .album_img img {width: 100%; max-width: 100%;}
.album_wrap .txt_box {width: 52.5%; max-width: 525px; display: flex; justify-content: center;align-items: flex-start; flex-direction:column;flex-wrap: wrap;}
.album_wrap .txt_box img {width: 100%; max-width: 100%;}
.album_wrap .txt_box h6{display: block; width: 100%; font-size: 2rem; line-height: 1.5; font-weight: 500; letter-spacing: 0.2em; color: #deca8d;text-align: center!important; margin-top: 30px;}
.album_wrap .txt_box p{display: block; width: 100%; font-size: 1.6rem; line-height: 1.7; font-weight: 400; color: #ffffff; margin-top: auto;text-align: center;}
.album_wrap_txt {font-size: 1.6rem; line-height: 2; font-weight: 400; color: #ffffff;}


a.album_btn {width: 100%; max-width: 380px; height: 50px; font-size: 1.8rem; line-height: 1; font-weight: 600;color: #000000; display: flex; justify-content: center;align-items: center; flex-direction:row; flex-wrap: nowrap; background: #d1c44e; border: 1px solid #14151f;padding: 0;margin: 30px auto;position: relative;-webkit-transition: all .3s;transition: all .3s;}
a.album_btn::before {content: "\e900";font-family: 'icomoon' !important;font-weight: 400; position: absolute; left: -1px; top: -1px;font-size: 30px; line-height: 1;}
a.album_btn:hover {background: #14151f;;color: #d1c44e; border: 1px solid #d1c44e;}
a.album_btn:hover::before {content: "\e900";font-family: 'icomoon' !important;color: #d1c44e;}

@media screen and (max-width: 670px) {
.album_wrap {width: 100%; display: flex; justify-content: space-between;align-items: stretch; flex-direction:column;flex-wrap: wrap; padding: 10vw 0 10vw 0;}
.album_wrap .album_img {width: 90%; max-width: 350px; margin: 0 auto 7vw auto;}
.album_wrap .album_img img {width: 100%; max-width: 100%;}
.album_wrap .txt_box {width: 100%; max-width: 525px; display: flex; justify-content: center;align-items: flex-start; flex-direction:column;flex-wrap: wrap;}
.album_wrap .txt_box img {width: 100%; max-width: 100%;}
.album_wrap .txt_box h6{display: block; width: 100%; font-size: 1.8rem; line-height: 1.5; font-weight: 500; letter-spacing: 0.2em; color: #deca8d;text-align: center!important; margin: 7vw 0 7vw 0;}
.album_wrap .txt_box p{display: block; width: 100%; font-size: 1.2rem; line-height: 1.7; font-weight: 400; color: #ffffff; margin-top: auto;text-align: center;}
.album_wrap_txt {font-size: 1.2rem; line-height: 2; font-weight: 400; color: #ffffff;}

a.album_btn {width: 100%; max-width: 100%; height: 40px; font-size: 1.6rem; line-height: 1; font-weight: 600;color: #000000; display: flex; justify-content: center;align-items: center; flex-direction:row; flex-wrap: nowrap; background: #d1c44e; border: 1px solid #14151f;padding: 0;margin: 3vw 0;position: relative;-webkit-transition: all .3s;transition: all .3s;}
a.album_btn::before {content: "\e900";font-family: 'icomoon' !important;font-weight: 400; position: absolute; left: -1px; top: -1px;font-size: 30px; line-height: 1;}
a.album_btn:hover {background: #14151f;;color: #d1c44e; border: 1px solid #d1c44e;}
a.album_btn:hover::before {content: "\e900";font-family: 'icomoon' !important;color: #d1c44e;}
}


/* LIVE REPORT */
a.lr_btn {width: 100%; max-width: 380px; height: 50px; font-size: 2.4rem; line-height: 1; font-weight: 600;color: #000000; display: flex; justify-content: center;align-items: center; flex-direction:row; flex-wrap: nowrap; background: #d1c44e; border: 1px solid #14151f;padding: 0;margin: 30px 0;position: relative;-webkit-transition: all .3s;transition: all .3s;}
a.lr_btn::before {content: "\e900";font-family: 'icomoon' !important;font-weight: 400; position: absolute; left: -1px; top: -1px;font-size: 30px; line-height: 1;}
a.lr_btn:hover {background: #14151f;;color: #d1c44e; border: 1px solid #d1c44e;}
a.lr_btn:hover::before {content: "\e900";font-family: 'icomoon' !important;color: #d1c44e;}

.report_wrap {width: 100%; text-align: left;font-size: 1.7rem; line-height: 2.2; font-weight: 400; vertical-align: baseline; color: #ffffff; text-justify: inter-ideograph; word-break:normal; padding-top: 40px;}
.report_wrap span {display: block; text-align: right!important;}
.report_wrap img {width: 100%; max-width: 100%; height: auto; margin:20px 0 20px 0; }
.report_wrap img.half_left {width: 100%; max-width: 49%; height: auto; margin:20px 20px 20px 0;float: left; }
.report_wrap img.half_right {width: 100%; max-width: 49%; height: auto; margin:20px 0 20px 20px;float: right; }
.report_wrap .img_2,.report_wrap .img_3 {width: 100%; display: flex; justify-content: space-between;align-items: flex-start; flex-direction:row; flex-wrap: nowrap;}
.report_wrap .img_2 img {width: 100%; max-width: 49%; height: auto;}
.report_wrap .img_3 img {width: 100%; max-width: 32%; height: auto;}

.report_wrap h5 {width: 100%; font-size: 3.6rem; line-height: 1.4; font-weight: 600; color: #deca8d; text-align: left; margin: 0 0 40px 0;}
.report_wrap h5 span{font-size: 2.4rem;text-align: right;}
.report_wrap h5.date {width: 100%; font-size: 3rem!important; color: #ffffff;}

.set_list {width: 100%; font-size: 2.4rem!important; color: #ffffff; }
.set_list_wrap {width: 100%; display: flex; justify-content: space-between;align-items: flex-start; flex-direction:row;flex-wrap: wrap;border-top: 1px solid #555555; padding: 20px 0 0 0; margin: 0 0 40px 0;}
.set_list_wrap div {width: 48%; line-height: 1.6;}


/* TOUR */
.tour_wrap{padding: 50px 0 0 0;}
.tour_wrap h4{font-size: 4.6rem; line-height: 1.2; font-weight: 500; color: #deca8d; margin: 0 0 60px 0;}

.tour_detail_wrap{width: 100%; display: flex; justify-content: space-between;align-items: flex-start; flex-direction:row;flex-wrap: wrap;}

.accordion {width: 49%;padding: 0!important; margin-bottom: 20px;}
.toggle {display: none;}
.option {position: relative;margin-bottom: 0;}
.title {-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translateZ(0);transition: all 0.3s;}
.title {font-weight: 600;font-size: 2rem;line-height: 1; color: #000000; cursor: pointer;background: #deca8d; height: auto; display: flex; justify-content: flex-start;align-items: center; flex-direction:row;flex-wrap: wrap; padding: 10px;text-align: left;}
.title::after,.title::before {content: "";position: absolute;right: 20px;top: 12px;width: 2px;height: 16px;background-color: #000000;transition: all 0.3s;}
.title::after {transform: rotate(90deg);}

.title .title_price {width: 60px; height: 60px; font-weight: 600;font-size: 1.8rem;line-height: 1; color: #deca8d;background: #000000; display: flex; justify-content: center;align-items: center; margin: 0 10px 0 0;}
.title .title_date {font-size: 6rem; line-height: 1; font-weight: 400;margin: -5px 5px 0 0; padding: 0; }
.title .title_date02 {font-size: 2rem; line-height: 1.3; }
.title:hover {background: #d1c44e}
.title:hover::after,.title:hover::before {}
.content {max-height: 0;overflow: hidden;width: 100%; padding-bottom: 0; position: relative;margin: 10px auto 0 auto;padding: 0;}

.toggle:checked + .title  {border-radius: 10px 10px 0 0; background: #d1c44e;}
.toggle:checked + .title + .content {max-height: 10000px; margin: 0; padding: 20px; background: rgba(255, 255, 255, 0.05); border-radius: 0 0 10px 10px;}
.toggle:checked + .title::before {transform: rotate(45deg) !important;}
.toggle:checked + .title::after {transform: rotate(135deg) !important;}

.tour_detail_wrap h5{font-size: 2rem; line-height: 1.6; font-weight: 500; color: #cafc68; }
.tour_detail_wrap p{font-size: 1.6rem; line-height: 1.6; font-weight: 500; }
.tour_detail_wrap p strong{font-size: 2.2rem; line-height: 1.6; font-weight: 500; }
.tour_detail_wrapp span{display: block;font-size: 1.4rem;text-indent: -1em;padding-left: 1em;}

.tour_detail_wrap h5 a, .content p a{color:#cafc68!important; text-decoration:none;}
.tour_detail_wrap h5 a:hover, .content p a:hover{color: #ffffff!important;}

    
@media screen and (max-width: 1024px) {
#container {padding: 0;}
#wrapper {background-size: 160vw 314vw; }
section {padding-left: 5vw;padding-right: 5vw;}

.comment {text-align: center; padding-top:12vw;}
.comment p {font-size: 1.8vw; }
.comment img{width: 70%; max-width: 380px; height: auto; margin-bottom: 6vw;}

h3 {width: 100%; font-size: 3.6vw; line-height: 1; font-weight: 600; color: #deca8d; text-align: right; margin: 100px 0 50px 0;}

.live_img_01 {width: 100%; height: 260px;background-image: url("../img/live01_bg.png"); background-size: 1200px 265px; background-repeat: no-repeat; background-position: center left; background-color: rgb(0, 71, 117, .5);}
.live_img_01 section{height: 265px;display: flex; justify-content: flex-end;align-items: center; flex-direction:row; }
.live_img_01 section img{ width: 70%; max-width: 360px; height: auto; }

.live_img_02 {width: 100%; height: 260px;background-image: url("../img/live02_bg.png"); background-size: 1200px 265px; background-repeat: no-repeat; background-position: center right; background-color: rgb(92, 9, 17, .5);}
.live_img_02 section{height: 265px;display: flex; justify-content: flex-start;align-items: center; flex-direction:row; }
.live_img_02 section img{ width: 70%; max-width: 285px; height: auto; }

.tour_img {width: 100%; height: 260px;background-image: url("../img/tour_bg.png"); background-size: 1200px 265px; background-repeat: no-repeat; background-position: center right; background-color: rgb(80, 5, 93, .5);}
.tour_img section{height: 265px;display: flex; justify-content: flex-start;align-items: center; flex-direction:row; }
.tour_img section img{ width: 70%; max-width: 285px; height: auto; }

dl.live_info {width: 100%;display: flex; justify-content: flex-start;align-items: flex-start; flex-direction:row; flex-wrap: nowrap; padding: 50px 0 100px 0;}
.live_info dt{width: 270px;text-align: left;font-size: 7vw; line-height: 1.2; font-weight: 400; vertical-align: baseline; color: #deca8d;}
.live_info dt span.yobi {font-size: 3vw;}
.live_info dt span.time {font-size: 1.8vw; display: block;}
.live_info dd{width: 730px;text-align: left;}
.live_info dd h4{font-size: 2.6vw; line-height: 1.5; font-weight: 500; color: #deca8d;}
.live_info dd h5{font-size: 1.8vw; line-height: 1.6; font-weight: 500; color: #cafc68; padding-top: 25px;}
.live_info dd p strong{font-size: 2.2rem; line-height: 1.6; font-weight: 500; }
.live_info dd p{font-size: 1.6vw; line-height: 1.6; font-weight: 500; padding-top: 25px;}
.live_info dd p span{font-size: 1.4vw; }

.reserve {width: 100%; border: 1px solid #c9574b; padding: 20px; font-size: 2vw; line-height: 1.5; font-weight: 400; color: #c9574b; border-radius: 5px; margin-top: 25px;}
.reserve h6{font-size: 2vw; line-height: 1.2; font-weight: 400; color: #c9574b; border-bottom: 1px solid #c9574b; padding-bottom: 10px; margin-bottom: 10px;}
.reserve a{color: #c9574b;}
.reserve a:hover{color: #ffffff;}


/* TOUR */
.tour_wrap{padding: 6vw 5vw 0 5vw; }
.tour_wrap h4{font-size: 4.6vw; line-height: 1.2; font-weight: 500; color: #deca8d; margin: 0 0 6vw 0;}

.tour_detail_wrap{width: 100%; display: flex; justify-content: space-between;align-items: flex-start; flex-direction:row;flex-wrap: wrap;}

.accordion {width: 100%;padding: 0!important; margin-bottom: 2vw;}
.toggle {display: none;}
.option {position: relative;margin-bottom: 0;}
.title {-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translateZ(0);transition: all 0.3s;}
.title {font-weight: 600;font-size: 2rem;line-height: 1; color: #000000; cursor: pointer;background: #deca8d; height: auto; display: flex; justify-content: flex-start;align-items: center; flex-direction:row;flex-wrap: wrap; padding: 10px;text-align: left;}
.title::after,.title::before {content: "";position: absolute;right: 15px;top: 10px;width: 2px;height: 16px;background-color: #000000;transition: all 0.3s;}
.title::after {transform: rotate(90deg);}

.title .title_price {width: 6vw; height: 6vw; font-weight: 600;font-size: 1.8vw;line-height: 1; color: #deca8d;background: #000000; display: flex; justify-content: center;align-items: center; margin: 0 1vw 0 0;}
.title .title_date {font-size: 6vw; line-height: 1; font-weight: 400;margin: -0.5vw 0.5vw 0 0; padding: 0; }
.title .title_date02 {font-size: 2vw; line-height: 1.3; }
.title:hover {background: #d1c44e}
.title:hover::after,.title:hover::before {}
.content {max-height: 0;overflow: hidden;width: 100%; padding-bottom: 0; position: relative;margin: 10px auto 0 auto;padding: 0;}

.toggle:checked + .title  {border-radius: 1vw 1vw 0 0; background: #d1c44e;}
.toggle:checked + .title + .content {max-height: 10000px; margin: 0; padding: 2vw; background: rgba(255, 255, 255, 0.05); border-radius: 0 0 1vw 1vw;}
.toggle:checked + .title::before {transform: rotate(45deg) !important;}
.toggle:checked + .title::after {transform: rotate(135deg) !important;}

.tour_detail_wrap h5{font-size: 2vw; line-height: 1.6; font-weight: 500; color: #cafc68; }
.tour_detail_wrap p{font-size: 1.6vw; line-height: 1.6; font-weight: 500; }
.tour_detail_wrap p strong{font-size: 2.2vw; line-height: 1.6; font-weight: 500; }
.tour_detail_wrapp span{display: block;font-size: 1.4vw;text-indent: -1em;padding-left: 1em;}

.tour_detail_wrap h5 a, .content p a{color:#cafc68!important; text-decoration:none;}
.tour_detail_wrap h5 a:hover, .content p a:hover{color: #ffffff!important;}

}



@media screen and (max-width: 670px) {
.comment {text-align: center; padding-top:15vw;}
.comment p {font-size: 1.4rem; }
.comment img{width: 85%; max-width: 380px; height: auto; margin-bottom: 6vw;}

h3 {width: 100%; font-size: 2.6rem; line-height: 1; font-weight: 600; color: #deca8d; text-align: right; margin: 14vw 0 5vw 0;}


.btn {display: flex; justify-content: space-between;align-items: stretch; flex-direction:row; flex-wrap: wrap; padding-top:2vw;}
.btn div {width: 50%; height: auto;}
.btn img {width: 100%; max-width: 300px; height: auto;}


.live_img_01 {width: 100%; height: 150px;background-image: url("../img/live01_bg.png"); background-size: 680px 150px; background-repeat: no-repeat; background-position: center left -50px; background-color: rgb(0, 71, 117, .5);}
.live_img_01 section{height: 150px;display: flex; justify-content: flex-end;align-items: center; flex-direction:row; }
.live_img_01 section img{ width: auto; max-width: 360px; height: 50px; }

.live_img_02 {width: 100%; height: 150px;background-image: url("../img/live02_bg.png"); background-size: 680px 150px; background-repeat: no-repeat; background-position: center right -70px; background-color: rgb(92, 9, 17, .5);}
.live_img_02 section{height: 150px;display: flex; justify-content: flex-start;align-items: center; flex-direction:row; }
.live_img_02 section img{ width: auto; max-width: 285px; height: 50px; }

.tour_img {width: 100%; height: 150px;background-image: url("../img/tour_bg.png"); background-size: 680px 150px; background-repeat: no-repeat; background-position: center right -70px;  background-color: rgb(80, 5, 93, .5);}
.tour_img section {height: 150px;display: flex; justify-content: flex-start;align-items: center; flex-direction:row; }
.tour_img section img{ width: auto; max-width: 285px; height: 50px; }

dl.live_info {width: 100%;display: flex; justify-content: flex-start;align-items: flex-start; flex-direction:column; flex-wrap: wrap; padding: 7vw 0 20vw 0;}
dl.live_info:last-of-type {padding: 7vw 0 10vw 0;}
.live_info dt{width: 100%;text-align: left;font-size: 7rem; line-height: 1.2; font-weight: 400; vertical-align: baseline; color: #deca8d; border-bottom: 1px solid #deca8d;padding-bottom: 7vw; margin-bottom: 7vw;}
.live_info dt span.yobi {font-size: 3rem;}
.live_info dt span.time {font-size: 1.8rem; display: block;}
.live_info dd{width: 100%;text-align: left;}
.live_info dd h4{font-size: 2.1rem; line-height: 1.5; font-weight: 500; color: #deca8d;}
.live_info dd h5{font-size: 1.6rem; line-height: 1.6; font-weight: 500; color: #cafc68; padding-top: 25px;}
.live_info dd p{font-size: 1.2rem; line-height: 1.6; font-weight: 500; padding-top: 25px;}
.live_info dd p strong{font-size: 1.8rem; line-height: 1.6; font-weight: 500; }
.live_info dd p span{font-size: 1.1rem; }


.reserve {width: 100%; border: 1px solid #c9574b; padding: 3vw; font-size: 1.6rem;margin: 0px 0 7vw 0; }
.reserve h6{font-size: 1.6rem; line-height: 1.2; font-weight: 400; color: #c9574b; border-bottom: 1px solid #c9574b; padding-bottom: 10px; margin-bottom: 10px;}
.reserve a{color: #c9574b;}
.reserve a:hover{color: #ffffff;}


a.lr_btn {width: 100%; max-width: 100%; height: 40px; font-size: 2rem; line-height: 1; font-weight: 600;color: #000000; display: flex; justify-content: center;align-items: center; flex-direction:row; flex-wrap: nowrap; background: #d1c44e; border: 1px solid #14151f;padding: 0;margin: 3vw 0;position: relative;-webkit-transition: all .3s;transition: all .3s;}
a.lr_btn::before {content: "\e900";font-family: 'icomoon' !important;font-weight: 400; position: absolute; left: -1px; top: -1px;font-size: 30px; line-height: 1;}
a.lr_btn:hover {background: #14151f;;color: #d1c44e; border: 1px solid #d1c44e;}
a.lr_btn:hover::before {content: "\e900";font-family: 'icomoon' !important;color: #d1c44e;}

.report_wrap {width: 100%; text-align: left;font-size: 1.4rem; line-height: 2; font-weight: 400; vertical-align: baseline; color: #ffffff; text-justify: inter-ideograph; word-break:normal; padding-top: 40px;}
.report_wrap span {display: block; text-align: right!important;}
.report_wrap img {width: 100%; max-width: 100%; height: auto; margin:2vw 0 2vw 0; }
.report_wrap img.half_left {width: 100%; max-width: 100%; height: auto; margin:2vw 0 2vw 0;float: none; }
.report_wrap img.half_right {width: 100%; max-width: 100%; height: auto; margin:2vw 0 2vw 0;float: none; }
.report_wrap .img_2,.report_wrap .img_3 {width: 100%; display: flex; justify-content: center;align-items: flex-start; flex-direction:column; flex-wrap: wrap;}
.report_wrap .img_2 img {width: 100%; max-width: 100%; height: auto;}
.report_wrap .img_3 img {width: 100%; max-width: 100%; height: auto;}

.report_wrap h5 {width: 100%; font-size: 8vw; line-height: 1.4; font-weight: 600; color: #deca8d; text-align: left; margin: 0 0 40px 0;}
.report_wrap h5 span{font-size: 2rem;text-align: right;}

.report_wrap h5.date {width: 100%; font-size: 1.8rem!important; }
.set_list {width: 100%; font-size: 1.6rem!important; color: #ffffff; }
.set_list_wrap {width: 100%; display: flex; justify-content: space-between;align-items: flex-start; flex-direction:column;flex-wrap: wrap;border-top: 1px solid #555555; padding: 10px 0 0 0; margin: 0 0 40px 0;}
.set_list_wrap div {width: 100%; line-height: 1.6;}

/* TOUR */
.tour_wrap{padding: 6vw 5vw 0 5vw; }
.tour_wrap h4{font-size: 2.1rem; line-height: 1.2; font-weight: 500; color: #deca8d; margin: 0 0 6vw 0;}

.tour_detail_wrap{width: 100%; display: flex; justify-content: space-between;align-items: flex-start; flex-direction:row;flex-wrap: wrap;}

.accordion {width: 100%;padding: 0!important; margin-bottom: 2vw;}
.toggle {display: none;}
.option {position: relative;margin-bottom: 0;}
.title {-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translateZ(0);transition: all 0.3s;}
.title {font-weight: 600;font-size: 2rem;line-height: 1; color: #000000; cursor: pointer;background: #deca8d; height: auto; display: flex; justify-content: flex-start;align-items: center; flex-direction:row;flex-wrap: wrap; padding: 5px;text-align: left;}
.title::after,.title::before {content: "";position: absolute;right: 15px;top: 10px;width: 2px;height: 16px;background-color: #000000;transition: all 0.3s;}
.title::after {transform: rotate(90deg);}

.title .title_price {width: 40px; height: 40px; font-weight: 600;font-size: 1.2rem;line-height: 1; color: #deca8d;background: #000000; display: flex; justify-content: center;align-items: center; margin: 0 1vw 0 0;}
.title .title_date {font-size: 4rem; line-height: 1; font-weight: 400;margin: -5px 5px 0 0; padding: 0; }
.title .title_date02 {font-size: 1.3rem; line-height: 1.3; }
.title:hover {background: #d1c44e}
.title:hover::after,.title:hover::before {}
.content {max-height: 0;overflow: hidden;width: 100%; padding-bottom: 0; position: relative;margin: 10px auto 0 auto;padding: 0;}

.toggle:checked + .title  {border-radius: 1vw 1vw 0 0; background: #d1c44e;}
.toggle:checked + .title + .content {max-height: 10000px; margin: 0; padding: 2vw; background: rgba(255, 255, 255, 0.05); border-radius: 0 0 1vw 1vw;}
.toggle:checked + .title::before {transform: rotate(45deg) !important;}
.toggle:checked + .title::after {transform: rotate(135deg) !important;}

.tour_detail_wrap h5{font-size: 1.6rem; line-height: 1.6; font-weight: 500; color: #cafc68; }
.tour_detail_wrap p{font-size: 1.2rem; line-height: 1.6; font-weight: 500; }
.tour_detail_wrap p strong{font-size: 1.8rem; line-height: 1.6; font-weight: 500; }
.tour_detail_wrap p span{font-size: 1.1rem;}

.tour_detail_wrap h5 a{color:#cafc68; text-decoration:none;}
.tour_detail_wrap h5 a:hover{color: #ffffff;}

}


.sliderArea {
overflow: hidden;
}
.sliderWide {
max-width: 100%;
margin: 0 auto;
padding: 30px 0 30px 0;
}
.sliderWide .slick-arrow {
opacity: 0;
transition-duration: 0.3s;
}
.sliderWide:hover .slick-arrow {
opacity: 1;
}
.slider {
max-width: 300px;
margin: 0 auto;
padding: 0;
font-size: 1.6rem; line-height: 1.5; font-weight: 600; 
}
.slider .slick-list {
overflow: visible;
}
.slider .slick-track {}
.slider .slick-slide {
padding: 0 10px;
opacity: .5;
transition-duration: 0.3s;
}
.slider .slick-slide.slick-current {
opacity: 1;
}
.slider .slick-slide a {
display: block;
}
.slider .slick-slide a:hover {
display: block;
opacity: .7;
}
.slider img {
height: auto;
width: 100%;
}
.slick-prev, .slick-next {
z-index: 1;
}
.slick-dots {
bottom: -33px;
}






/*========================================
footer
=======================================*/
footer {width: 100%; height: 326px; background-image: url("../img/fotter_bg.png"); background-size: 20px 326px; background-repeat: repeat-x; background-position: top center;display: flex; justify-content: flex-end;align-items: center; flex-direction:column; flex-wrap: wrap; padding-bottom: 25px;}
footer .sns {width: 100%; max-width: 240px;margin: 0 auto; font-size: 3.4rem; line-height: 1; text-align: center; display: flex; justify-content: space-between;align-items: stretch; flex-direction:row; flex-wrap: wrap; margin-bottom: 40px;}
footer p {font-size: 1.6rem; line-height: 3; text-align: center;}

@media screen and (max-width: 1024px) {
footer .sns {font-size: 3.4vw; margin-bottom: 40px;}
footer p {font-size: 1.6vw; line-height: 3; text-align: center;}
}

@media screen and (max-width: 670px) {
footer {width: 100%; height: 163px; background-image: url("../img/fotter_bg.png"); background-size: 10px 163px; background-repeat: repeat-x; background-position: top center;display: flex; justify-content: flex-end;align-items: center; flex-direction:column; flex-wrap: wrap; padding-bottom: 20px;}
footer .sns {font-size: 3rem; margin-bottom: 5vw;}
footer p {font-size: 1.2rem; }

.sliderWide {
max-width: 100%;
margin: 0 auto;
padding: 5vw 0 15vw 0;
}
}





/*========================================
loader
=======================================*/
#loader-bg {display: none;position: fixed;justify-content:center;align-items: center;width: 100vw;height: 100vh;background: #14151f;opacity:1;z-index: 100;background: url("../img/20th_logo.png") no-repeat center center;background-size: auto 45vh;}