@charset "UTF-8";


/*===================================================
  RESET
====================================================*/
*{
  outline:none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent;
}
html {
  -webkit-text-size-adjust: 100%;
}
body {
  width: 100%;
  font-smoothing: antialiased;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,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;
  vertical-align:baseline;
  text-decoration: none;
  color: inherit;
  transition:0.5s ease;
}
input, select {
  vertical-align:middle;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  line-height: 1.0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
  cursor: default;
}

button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

img {
  width:100%;
  vertical-align: bottom;
  line-height: 1.0;
}
.fa, .fas {
    display: inline;
}
.mov {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.mov iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}




/*===================================================
  FRAME
====================================================*/
html, body {
    height: 100%;
    font-family: 'Roboto', "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
    letter-spacing: 0.05em;
    font-weight: 400;
    color: #000;
    line-height: 1.6em;
    font-size: 16px;
    height: auto;
    min-height: 100%;
}
body{
    background-color: #000;;
}
body:before{
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/static/kobukuro/official/feature/tour2024/images/bg_Pv3QDceL.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    transition: 0.5s ease;
}
body.headerFix:before{
    opacity: 0.4;
    filter: grayscale(1);
}
body.pages:before{
    opacity: 0.4;
    filter: grayscale(1);
}

.contentsWrap{
    position: relative;
}
section{
    padding:0 40px;
    position: relative;
}
section .inBox{
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 0;
    box-sizing: border-box;
}
section .inBox > *{
    margin-bottom:40px;
}
section .inBox > *:last-child{
    margin-bottom:0;
}
/* FRAME:PC-min-770 */
@media screen and (min-width: 770px){
.sp{display:none;}

}

/* FRAME:SP-max-769 */
@media screen and (max-width: 769px){
.pc{display:none;}
body:before{
    background-image: url(/static/kobukuro/official/feature/tour2024/images/bg_Pv3QDceL_sp.jpg);
    width: 800px;
    height: 1200px;
}
section {
    padding: 0 20px;
}
section .inBox{
    padding: 40px 0;
}
section .inBox > * {
    margin-bottom: 20px;
}
}


/*===================================================
  TEXT
====================================================*/
h3{
    font-size: 300%;
    line-height: 1em;
    font-weight: 800;
}
h4{
    font-size: 200%;
    line-height: 1em;
}
.bold{font-weight:600;}
.lead{

}
.tit{
    font-weight: 600;
    line-height: 1.5em;
}
.txt{
    line-height: 1.5em;
}
.red{
    color: #ff4343;
}
.cautionList{

}
.cautionList li {
    font-size: 70%;
    line-height: 1.5em;
    padding: 0 0 0 15px;
    margin: 0 0 10px;
    position: relative;
}
.cautionList li:before{
    content:"・";
    position:absolute;
    left:0;
}
.cautionList li:last-child{
    margin: 0;
}
.fillBox{
    padding:40px;
    background:#efefef;
    box-sizing:border-box;
}
.strokeBox{
    padding:40px;
    border:1px solid;
    box-sizing:border-box;
}
.fillBox > *,
.strokeBox > *{
    margin-bottom:40px;
}
.fillBox > *:last-child,
.strokeBox > *:last-child{
    margin-bottom:0;
}

/* TEXT:PC-min-770 */
@media screen and (min-width: 770px){
.accordionList .accordionTit:hover{
    background: #ccc;
}
}

/* TEXT:SP-max-769 */
@media screen and (max-width: 769px){
h3{
    font-size: min(calc(80 / 769 * 100vw),300%);
}
h4{
    font-size: min(calc(56 / 769 * 100vw),200%);
}
.lead{
    font-size: 80%;
    line-height: 1.6em;
}
.tit {
    font-size: 80%;
}
.txt {
    font-size: 80%;
}
.fillBox{
    padding:20px;
}
.strokeBox{
    padding:20px;
}
.cautionList li {
    font-size: 60%;
}
.accordionList .accordionDetail {
    padding: 20px;
}
}


/*===================================================
	BUTTON
====================================================*/
a{

}
.innerLink{
    text-decoration: underline;
}
.btnBase a{
	display: block;
    background: #DDD;
    text-align: center;
    padding: 20px;
    font-size: 18px;
    font-weight: 400;
    width: 300px;
    margin: 0 0 20px;
}
.posBtn a{
    background: #f66;
    color: #FFF;
}
.negBtn a{
    background: transparent;
    border: 1px solid;
    box-sizing: border-box;
}
/* BUTTON:PC-min-770 */
@media screen and (min-width: 770px){
a:hover{
    opacity: 0.7;
    color: #2117ff;
}
.posBtn a:hover{
    filter: contrast(5);
    opacity: 1;
    color: #FFF;
}
.negBtn a:hover{
    background: #000;
    opacity: 1;
    color: #FFF;
}
}

/* BUTTON:SP-max-769 */
@media screen and (max-width: 769px){
.btn a{
    width: 100%;
    margin: 0 auto;
}
}


/*===================================================
  OP:LOADER
====================================================*/
.loader{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    z-index: 9999;
}


/*===================================================
	OP:ANCHOR
====================================================*/
.ancPoint{
    position:relative;
}
.ancPoint span{
    display:block;
    position:absolute;
    top:-120px;
}
/* OP:ANCHOR:SP-max-769 */
@media screen and (max-width: 769px){

.ancPoint span{
    top: -80px;
}
}


/*===================================================
  OP:SLIDER
====================================================*/
.op_slider{
    overflow: hidden;
    position: relative;
    padding: 0 0 20px;
}
.op_slider .slideNone .swiper-pagination,
.op_slider .slideNone .swiper-button-prev,
.op_slider .slideNone .swiper-button-next{
    display:none;
}
.op_slider .swiper-pagination.swiper-pagination-bullets{
    bottom: 0;
    display: inline-block;
    width: auto;
    height: auto;
    min-height: 0;
    line-height: 0;
}
.op_slider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{
    width: 30px;
    height: 3px;
    border-radius: 0;
    padding: 0;
    margin: 0 10px 0 0;
}
.op_slider .swiper-pagination-bullet-active{

}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}
.swiper-button-prev{
    right: 50px;
    bottom: 0;
    left: auto;
    top: auto;
    height: auto;
    width: auto;
}
.swiper-button-next{
    right: 5px;
    top: auto;
    bottom: 0;
    left: auto;
    height: auto;
    width: auto;
}
.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 18px;
    font-weight: 800;
}


/* OP:SLIDER:SP-max-769 */
@media screen and (max-width: 769px){
.op_slider {
    padding: 0 0 20px;
}
.op_slider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 20px;
}
}


/*===================================================
  NAVIGATION
====================================================*/
.hamBtn {
    display: block;
    position: fixed;
    right: 40px;
    top: 40px;
    width: 60px;
    height: 60px;
    transition: all .3s ease;
    cursor: pointer;
    z-index: 9999;
    background: #FFF;
    padding: 18px 15px;
}
.pages .hamBtn {
    right: 0;
    top: 0;
}
.hamBtn.open{
    background: #000;
}
.hamMenu{
    position: relative;
    width: 100%;
    height: 100%;
    transition:0.3s ease;
}
.hamMenu span {
    display: block;
    position: absolute;
    right: 0;
    width: 100%;
    height: 2px;
    background: #000;
    transition: all .3s ease;
}
.hamBtn.open .hamMenu span{
    background: #FFF;
}
.hamMenu span:nth-of-type(1) {
    top: 0;
}
.hamMenu span:nth-of-type(2) {
    top: 50%;
    transform: translateY(-50%);
}
.hamMenu span:nth-of-type(3) {
    bottom: 0;
}
.hamBtn.open span {
    background: #FFF;
}
.hamBtn.open span:nth-of-type(1) {
    transform: translateY(-50%) rotate(-45deg);
    top: 50%;
}
.hamBtn.open span:nth-of-type(2) {
    opacity: 0;
}
.hamBtn.open span:nth-of-type(3) {
    transform: translateY(50%) rotate(45deg);
    bottom: 50%;
}
.navigation{
    position: fixed;
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 10;
}
.navigation.active {
    transition: opacity 0.5s ease;
    pointer-events:auto;
    opacity:1;
}
.navigation .headerNav{
    display: block;
    padding: 60px;
    height: 100%;
    overflow-y: auto;
}
.navigation .headerNav li{
    padding: 0;
    position: relative;
    margin: 0 0 20px;
}
.navigation .headerNav li.tit{
    width: 450px;
    line-height: 0;
    margin: 0 0 60px;
}
.navigation .headerNav li:last-child:after{
  content:none;
}
.navigation .headerNav li a{
    position: relative;
    color: #FFF;
    font-size: 160%;
    letter-spacing: 0.1em;
    font-family: "Libre Baskerville", "Noto Serif JP", serif;
    font-weight: 400;
}
.navigation .headerNav li a:before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000;
    transform: scaleX(0);
    transform-origin: left;
    transition: 0.5s ease;
}
.navigation .headerNav li a.blank{
    pointer-events: none;
    opacity: 0.2;
}

/* NAVIGATION:PC-min-770 */
@media screen and (min-width: 770px){
.hamBtn:hover .hamMenu{
    transform: rotate(135deg);
}
.hamBtn.open:hover .hamMenu{
    transform: rotate(90deg);
}
}


/* NAVIGATION:SP-max-769 */
@media screen and (max-width: 769px){

.hamBtn {
    width: 50px;
    height: 45px;
    padding: 13px;
    top: 20px;
    right: 20px;
}
.navigation .headerNav {
    padding: 80px 40px;
}
.navigation .headerNav li.tit {
    width: 80%;
    line-height: 0;
    margin: 0 0 40px;
}
.navigation .headerNav li a{
    font-size: 150%;
}

}
/*===================================================
  guideline
====================================================*/
.guideline{

}
.guideline .guidelineTit{
    font-size: 180%;
    margin: 0 0 40px;
    text-align: center;
    line-height: 1.5em;
    font-weight: 500;
}
.guideline .guidelineLead{
    margin: 0 0 40px;
    font-weight: 500;
}
.guideline .guidelineList{
    margin: 0 0 40px;
}
.guideline .guidelineList li{
    position: relative;
    font-size: 90%;
    border-bottom: 1px dashed;
    padding: 0 0 20px;
    margin: 0 0 20px;
    font-weight: 600;
}
.guideline .guidelineList li:first-child{
    border-top: 1px dashed;
    padding: 20px 0 20px;
}
.guideline .guidelineList li:last-child{

}
.guideline .guidelineList li:before{

}
.guideline .guidelineList li:last-child{

}
.guideline .guidelineList li > *{
    margin: 0 0 10px;
}
.guideline .guidelineList li > *:last-child{
    margin: 0;
}
.guideline .guidelineList li .inList{

}
.guideline .guidelineList li .inList dt{

}
.guideline .guidelineList li .inList dd{
    font-size: 80%;
    font-weight: 600;
    position: relative;
    padding: 0 0 0 20px;
    line-height: 1.6em;
    margin: 0 0 5px;
}
.guideline .guidelineList li .inList dd:before{
    content: "・";
    position: absolute;
    left: 0;
}
.guideline .guidelineList li .inList dd:last-child{
    margin: 0;
}
.guideline .other{
    background: #efefef;
    padding: 40px;
    margin: 0 0 20px;
}
.guideline .other dt{
font-weight: 600;
    border-left: 5px solid;
    padding: 0 0 0 10px;
    margin: 0 0 20px;
}
.guideline .other dd{
    font-size: 90%;
    margin: 0 0 10px;
    position: relative;
    padding: 0 0 0 20px;
}
.guideline .other dd:before{
    content: "・";
    position: absolute;
    left: 0;
}
.guideline .other dd:last-child{
    margin: 0;
}


/* guideline:SP-max-769 */
@media screen and (max-width: 769px){
.guideline .guidelineTit {
    font-size: 110%;
    margin: 0 0 20px;
    text-align: left;
}
.guideline .guidelineLead {
    font-size: 80%;
}
.guideline .other {
    padding: 20px;
}
.guideline .other dd {
    font-size: 80%;
    line-height: 1.5em;
}
}

/*===================================================
  OP:NEWS
====================================================*/
.op_news{

}
.op_news .newsList{
    border-top: 1px solid #DDD;
    padding: 20px 0 0;
    position: relative;
    margin: 0 0 40px;
}
.op_news .newsList:after{
    content: "";
    position: absolute;
    width: 15%;
    height: 1px;
    top: -1px;
    background: #000000;
}
.op_news .newsList a{
    display: block;
    position: relative;
    margin: 0 0 20px;
}
.op_news .newsList a:last-child{
    margin: 0;
}
.op_news .newsList a:before{
    content: "";
    position: absolute;
    width: 15%;
    height: 1px;
    bottom: 0;
    background: #000000;
    transition: 0.5s ease;
}
.op_news .newsList > li a{
    display: flex;
    border-bottom: 1px solid #DDD;
}
.op_news .newsList > li a .date{
    width: 15%;
    display: flex;
    align-items: center;
    padding: 0 0 20px;
}
.op_news .newsList > li a .date::after {
    display: none;
}
.op_news .newsList > li a .date .txt{
    font-size: 150%;
    font-weight: 600;
}
.op_news .newsList > li a .tit{
    width: 85%;
    display: flex;
    align-items: center;
    padding: 0 0 20px 45px;
}
.op_news .viewmore{

}
.op_news .viewmore a{
    font-weight: 800;
    font-size: 90%;
    position:relative;
}
.op_news .viewmore a:after{
    position: absolute;
    left: calc(100% + 10px);
    top: 50%;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: translate(0,-50%) rotate(45deg);
    transition:0.5s ease;
}

/* OP:NEWS:PC-min-770 */
@media screen and (min-width: 770px){
.op_news .newsList a:hover:before{
    width: 100%;
}
.op_news .viewmore a:hover:after{
    left: calc(100% + 20px);
}
}


/* OP:NEWS:SP-max-769 */
@media screen and (max-width: 769px){
.op_news .newsList{
    border-top: 1px solid #000;
    margin: 0 0 20px;
}
.op_news .newsList:after {
    content: none;
}
.op_news .newsList > li a {
    display: block;
    border-bottom: 1px solid #000;
    padding: 0 0 20px;
}
.op_news .newsList > li a .date {
    width: 100%;
    display: block;
    padding: 0 0 10px;
}
.op_news .newsList > li a .date .txt {
    font-size: 110%;
    line-height: 1em;
}
.op_news .newsList > li a .tit {
    width: 100%;
    display: block;
    padding: 0;
}
.newsPage .op_news .newsList a:before {
    content: none !important;
}
}

/*===================================================
  OP:SCHEDULE
====================================================*/
.op_schedule{

}
.op_schedule .scheduleCellList{
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid;
    padding: 0 0 15px;
    margin: 0 0 15px;
}
.op_schedule .scheduleCellList:last-child{
    margin: 0;
}
.op_schedule .scheduleCellList li{
    padding: 0 20px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 90%;
    line-height: 1.5em;
    font-weight: 500;
}
.op_schedule .scheduleCellList li:after{
    content: "";
    position: absolute;
    top: 5%;
    right: 0;
    width: 1px;
    height: 90%;
    background: #FFF;
}
.op_schedule .scheduleCellList li:last-child:after{
    content:none;
}
.op_schedule .scheduleCellList .scheduleDate{
    /*width: 22%;*/
    width: 27%;
    font-weight: 600;
    font-size: 160%;
    letter-spacing: 0;
}
.op_schedule .scheduleCellList .scheduleDate .scheduleInner{
    display: flex;
    align-items: center;
}
.op_schedule .scheduleCellList .scheduleDate .txt{
    line-height: 1em;
    position: relative;
    padding: 0 0 0 20px;
}
.op_schedule .scheduleCellList .scheduleDate .txt.areaTxt{
    font-size: 80%;
    width: 90px;
    text-align: center;
}
.op_schedule .scheduleCellList .scheduleDate .year{
    display: inline-block;
    padding: 0;
    font-size: 70%;
    line-height: 1em;
    margin: 0;
    text-align: center;
    position: absolute;
    transform: rotate(90deg);
    left: -15px;
    bottom: 10px;
    letter-spacing: 0;
    font-weight: 800;
    background: transparent;
    color: #FFF;
    width: auto;
}
.op_schedule .scheduleCellList .scheduleDate .week{
    font-size: 50%;
    display: block;
    background: #FFF;
    line-height: 1em;
    color: #000;
    text-align: center;
    padding: 2px 0 0;
}
.op_schedule .scheduleCellList .scheduleDate .week.sat{
    background: #81aeec;
}
.op_schedule .scheduleCellList .scheduleDate .week.sun{
    background: #ff9696;
}
.op_schedule .scheduleCellList .scheduleVenue{
    /*width: 23%;*/
    width: 28%;
    justify-content: left;
}
.op_schedule .scheduleCellList .scheduleTime{
    width: 15%;
}
.op_schedule .scheduleCellList .scheduleTime .cap{
    display:none;
}
.op_schedule .scheduleCellList .scheduleSale{
    width: 15%;
    font-weight: 600;
    font-size: 120%;
}
.op_schedule .scheduleCellList .scheduleSale .txt{
    line-height: 1em;
}
.op_schedule .scheduleCellList .scheduleSale .year{
    display: block;
    padding: 0;
    font-size: 60%;
    line-height: 1em;
    margin: 0 0 5px;
    letter-spacing: 0.05em;
}
.op_schedule .scheduleCellList .scheduleSale .week{
    padding: 0 0 0 5px;
    font-size: 50%;
}
.op_schedule .scheduleCellList .scheduleSale .cap{
    display:none;
}
.op_schedule .scheduleCellList .scheduleInfo{
    /*width: 25%;*/
    width: 30%;
    justify-content: left;
}
.op_schedule .scheduleCellList .scheduleInfo a{
    font-size: 90%;
    font-weight: 600;
    display: block;
}
.op_schedule .scheduleCellList .scheduleInfo .tel{
    font-size: 80%;
    font-weight: 600;
    display: block;
    line-height: 1.5em;
    padding: 5px 0 0 0;
}
.op_schedule .scheduleCellList .scheduleInfo .tel .fa{
    padding: 0 5px 0 0;
}
.op_schedule .scheduleCellList .scheduleInfo .fa-info-circle{
    display:none;
}

.ticketStatusPage .op_schedule .scheduleCellList .scheduleVenue{
    width: 33%;
}
.pages.ticketStatusPage .pageTit h2{
    font-size: 320%;
    line-height: 1.3em;
}
.pages.ticketStatusPage .mainLead {
    text-align: center;
    padding: 40px 40px 0;
    font-weight: 500;
}
.op_schedule .scheduleCellList .ticketStatus{
    width: 25%;
}
.op_schedule .scheduleCellList .ticketStatus{

}
.op_schedule .scheduleCellList .ticketStatus .txt{

}
.op_schedule .scheduleCellList .ticketStatus .txt.soldout{
    background: #d40000;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 5px;
    text-align: center;
}
.op_schedule .scheduleCellList .ticketStatus .txt.onsale{
    background: #ffbb55;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 5px;
    text-align: center;
}
.op_schedule .scheduleCellList .ticketStatus .txt.few{
    background: #7aa8ff;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 5px;
    text-align: center;
}
.op_schedule .scheduleCellList .ticketStatus .txt.little{
    background: #2dc820;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 5px;
    text-align: center;
}
.op_schedule .scheduleCellList.cellHead{
    font-size: 80%;
}
.op_schedule .scheduleCellList.cellHead li{
    justify-content: center;
    font-size: 100%;
    font-weight: 500;
}
.op_schedule .scheduleCellList.cellHead li:after{
    content:none;
}


/* OP:SCHEDULE:PC-770-960 */
@media screen and (min-width:770px) and ( max-width:960px) {

.op_schedule .scheduleCellList.cellHead li {
    font-size: 80%;
    letter-spacing: 0;
}
.op_schedule .scheduleCellList .scheduleDate {
    font-size: 110%;
}
.op_schedule .scheduleCellList li {
    font-size: 70%;
    font-weight: 600;
}
.op_schedule .scheduleCellList .scheduleDate span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 60%;
    background: #000;
    line-height: 1em;
    color: #FFF;
    padding: 5px 3px 3px;
}
.op_schedule .scheduleCellList .scheduleDate .txt {
    padding: 0 0 0 10px;
}
.op_schedule .scheduleCellList .scheduleDate .year {
    bottom: 6px;
}
.op_schedule .scheduleCellList .scheduleDate .txt.areaTxt {
    width: 70px;
}
.op_schedule .scheduleCellList .scheduleTime {
    text-align: center;
}
.op_schedule .scheduleCellList .scheduleTime .slash{
    display: block;
    text-indent: -9999px;
    width: 1px;
    height: 7px;
    background: #000;
    margin: 0 auto;
}


}


/* OP:SCHEDULE:SP-max-769 */
@media screen and (max-width: 769px){
.op_schedule {
    border-top: 1px solid;
    padding: 10px 0 0;
}
.op_schedule .scheduleCellList.cellHead {
    display: none;
}
.op_schedule .scheduleCellList {
    display: block;
}
.op_schedule .scheduleCellList li {
    padding: 0;
    display: block;
    margin: 0 0 10px;
}
.op_schedule .scheduleCellList li:after {
    content:none;

}
.op_schedule .scheduleCellList .scheduleDate {
    width: auto;
    display: inline-block;
    font-size: 200%;
    margin: 0 0 10px;
}
.op_schedule .scheduleCellList .scheduleDate .scheduleInner {
    align-items: flex-end;
}
.op_schedule .scheduleCellList .scheduleDate .txt {
    padding: 0 0 0 20px;
}
.op_schedule .scheduleCellList .scheduleDate .txt.areaTxt {
    width: auto;
    font-size: 70%;
    line-height: 0.8em;
}
.op_schedule .scheduleCellList .scheduleDate .year {
    font-size: 65%;
}
.op_schedule .scheduleCellList .scheduleVenue {
    width: 100%;
    font-size: 120%;
    font-weight: 600;
    border-bottom: 1px dashed #555;
    padding: 0 0 10px;
}
.op_schedule .scheduleCellList .scheduleArea {
    width: auto;
    display: inline-block;
    font-size: 120%;
    font-weight: 600;
    padding: 0 0 0 5px;
    margin: 0;
}
.op_schedule .scheduleCellList .scheduleTime {
    width: 100%;
    font-size: 100%;
    border-bottom: 1px dashed #555;
    padding: 0 0 10px;
}
.op_schedule .scheduleCellList .scheduleTime .cap {
    color: #888;
    display: block;
    font-size: 70%;
    line-height: 1em;
    margin: 0 0 3px;
}
.op_schedule .scheduleCellList .scheduleTime .slash {
    display: inline;
}
.op_schedule .scheduleCellList .scheduleSale {
    width: 100%;
    font-size: 100%;
    font-weight:500;
    border-bottom: 1px dashed #DDD;
    padding: 0 0 10px;
}
.op_schedule .scheduleCellList .scheduleSale .txt {
    line-height: 1.5em;
}
.op_schedule .scheduleCellList .scheduleSale .year {
    display: inline;
    padding: 0;
    font-size: 100%;
}
.op_schedule .scheduleCellList .scheduleSale .year:after {
    content:".";
}
.op_schedule .scheduleCellList .scheduleSale .cap{
    color: #888;
    display: block;
    font-size: 70%;
    line-height: 1em;
    margin: 0 0 3px;
}
.op_schedule .scheduleCellList .scheduleInfo {
    width: 100%;
    font-size: 100%;
    margin: 0;
}
.op_schedule .scheduleCellList .scheduleInfo .fa-info-circle{
    display:inline-block;
}

.pages.ticketStatusPage .pageTit h2 {
    font-size: 200%;
    line-height: 1.3em;
}
.pages.ticketStatusPage .mainLead {
    text-align: left;
    padding: 20px 20px 0;
    font-weight: 500;
}

}


/*===================================================
  OP:DETAIL
====================================================*/
.op_detail{

}
.op_detail .detailList {
    display: flex;
    border-bottom: 1px solid;
    padding: 0 0 15px;
    margin: 0 0 15px;
    align-items: stretch;
}
.op_detail .detailList:first-child{
    border-top: 1px solid;
    padding: 15px 0 15px;
}
.op_detail .detailList:last-child{
    margin: 0;
}
.op_detail .detailList dt{
    width: 20%;
    padding: 0 40px 0 0;
    display: flex;
    align-items: center;
    font-weight: 500;
    line-height: 1.6em;
}
.op_detail .detailList dt:before{
}
.op_detail .detailList dd{
    width: 80%;
    position: relative;
    padding: 0 0 0 40px;
    display: flex;
    align-items: center;
}
.op_detail .detailList dd:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: #000;
}
.op_detail .detailList dd > *{
    margin-bottom:20px;
}
.op_detail .detailList dd > *:last-child{
    margin-bottom:0;
}
.op_detail .detailList dd .detailInner{
    width:100%;
}
.op_detail .detailList dd .detailInner > *{
    margin-bottom:10px;
}
.op_detail .detailList dd .detailInner  > *:last-child{
    margin-bottom:0;
}

/* OP:DETAIL:PC-770-960 */
@media screen and (min-width:770px) and ( max-width:960px) {
.op_detail .detailList dt{
    width: 30%;
}

.op_detail .detailList dd{
    width: 70%;
}
}

/* OP:DETAIL:SP-max-769 */
@media screen and (max-width: 769px){
.op_detail .detailList {
    display: block;
}
.op_detail .detailList dt {
    width: 100%;
    padding: 0;
    margin: 0 0 5px;
    font-size: 100%;
    font-weight: 600;
    border-left: none;
}
.op_detail .detailList dt .txt{
    font-size: 90%;
}
.op_detail .detailList dd {
    width: 100%;
    position: relative;
    padding: 0;
}
.op_detail .detailList dd:before {
    content: none
}
}

/*===================================================
  OP:ACCORD
====================================================*/
.op_accord .accordionList{

}
.op_accord .accordionList .accordionTit{
    background: #DDD;
    padding: 20px;
    font-weight: 500;
    position: relative;
    cursor: pointer;
    transition: 0.5s ease;
}
.op_accord .accordionList .accordionTit span {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 12px;
    height: 12px;
    transform: rotate(180deg) translateY(50%);
    transition: 0.3s ease;
}
.op_accord .accordionList .accordionTit.open span {
    transform: translateY(-50%);
}
.op_accord .accordionList .accordionTit span:before {
    content: "";
    position: absolute;
    top: 25%;
    width: 100%;
    height: 100%;
    border-top: 1px solid;
    border-right: 1px solid;
    transform: rotate(-45deg);
}
.op_accord .accordionList .accordionDetail{
    display: none;
    padding: 40px;
    background: #EFEFEF;
}

/* OP:ACCORD:PC-min-770 */
@media screen and (min-width: 770px){
.accordionList .accordionTit:hover{
    background: #ccc;
}
}

/* OP:ACCORD:SP-max-769 */
@media screen and (max-width: 769px){
.accordionList .accordionDetail {
    padding: 20px;
}
}
/*===================================================
  OP:GOODS
====================================================*/
.op_goods{

}

.op_goods .VenueLtd{
    text-align: center;
    font-size: 260%;
    font-weight: 600;
    margin: 100px 0 60px;
    border-bottom: 1px solid;
    padding: 0 0 60px;
}

.op_goods .goodsList{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.op_goods .goodsList:after{
    content:"";
    width: calc(33% - 20px);
}
.op_goods .goodsList li{
    width: calc(33% - 20px);
    margin: 0 0 40px;
}
.op_goods .goodsList li a:hover{
    color: #FFF;
    opacity: 1;
}
.op_goods .goodsList .goodsImage{
    line-height: 0;
    margin: 0 0 10px;
    overflow: hidden;
}
.op_goods .goodsList .goodsImage img{
    transition: 0.5s ease;
}
.op_goods .goodsList .goodsName{

}
.op_goods .goodsList .goodsPrice{
    font-size: 90%;
}
.op_goods .goodsPop {
  display:none;
    width: 100%;
    height: 100%;
    color: #fff;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.op_goods .goodsPop.popActive {
  display:block;
}
.op_goods .goodsPop .popupShade{
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 0;
}
.op_goods .goodsPop .popTit{
    text-align: center;
    font-size: 30px;
    line-height: 1em;
    margin: 0 0 60px;
    color: #000;
    letter-spacing: 0.1em;
}
.op_goods .goodsPop .close {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 50px;
    top: 30px;
    cursor: pointer;
    transition: 0.3s ease;
    transform: rotate(45deg);
    background: #000;
    border-radius: 100px;
}
.op_goods .goodsPop .close::before,
.op_goods .goodsPop .close::after {
    content: '';
    display: inline-block;
    width: 60%;
    height: 2px;
    background: #FFF;
    position: absolute;
    left: 50%;
    top: 50%;
}
.op_goods .goodsPop .close::before {
  transform: translate(-50%,-50%);
}
.op_goods .goodsPop .close::after {
    transform: translate(-50%,-50%) rotate(90deg);
}
.op_goods .goodsPop .popInBox {
    width: 90%;
    max-width: 1200px;
    margin: 100px auto;
    background: #f7f7f7;
    padding: 40px;
    color: #000;
    border-radius: 20px;
}
.op_goods .goodsPop .name {
    font-size: 180%;
    margin: 0 0 10px;
    text-align: center;
    font-weight: 500;
}
.op_goods .goodsPop .price {
    font-size: 100%;
    font-weight: 500;
    margin: 0 0 40px;
    text-align: center;
}
.op_goods .goodsPop .popInBox .columnBox {
    margin: 0;
    box-sizing: border-box;
    display: flex;
}
.op_goods .goodsPop .thumb {
    width: 45%;
}
.op_goods .goodsPop .column {
    width: 55%;
    padding: 0 0 0 40px;
}
.op_goods .goodsPop .detailList dt {
    width: 25%;
}
.op_goods .goodsPop .detailList dd {
    width: 75%;
}
.op_goods .goodsPop .detailList dt {
    width: 30%;
}
.op_goods .goodsPop .goodsImage{
    line-height: 0;
    margin: 0 0 20px;
}
.op_goods .goodsPop .sizeChart {
    display: flex;
    position: relative;
}
.op_goods .goodsPop .sizeChart li {
    width: 20%;
    text-align: center;
    font-size: 14px;
    position: relative;
}

.op_goods .detailList {
    display: flex;
    border-bottom: 1px solid;
    padding: 0 0 15px;
    margin: 0 0 15px;
    align-items: stretch;
}
.op_goods .detailList:first-child{
    border-top: 1px solid;
    padding: 15px 0 15px;
}
.op_goods .detailList:last-child{
    margin: 0;
}
.op_goods .detailList dt{
    width: 20%;
    padding: 0 40px 0 0;
    display: flex;
    align-items: center;
    font-weight: 500;
    line-height: 1.6em;
}
.op_goods .detailList dt:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: #000;;
}
.op_goods .detailList dd{
    width: 80%;
    position: relative;
    padding: 0 0 0 40px;
    display: flex;
    align-items: center;
}
.op_goods .detailList dd:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: #000;
}
.op_goods .detailList dd > *{
    margin-bottom:20px;
}
.op_goods .detailList dd > *:last-child{
    margin-bottom:0;
}
.op_goods .detailList dd .detailInner{
    width:100%;
}
.op_goods .detailList dd .detailInner > *{
    margin-bottom:10px;
}
.op_goods .detailList dd .detailInner  > *:last-child{
    margin-bottom:0;
}
.op_goods .anounce{
    padding: 20px;
    border: 2px solid #DD0000;
}
.op_goods .anounce>*{
    margin-bottom: 10px;
}
.op_goods .anounce>*:last-child{
    margin-bottom: 0;
}
.op_goods .anounce .txt{
    font-size: 100%;
    font-weight: 600;
    color: #dd0000;
}
.op_goods .anounce .thumb{
    width: 100%;
}


/* OP:GOODS:PC-min-770 */
@media screen and (min-width: 770px){
.op_goods .goodsList li a:hover .goodsImage img{
    transform:scale(1.2);
}

}

/* OP:GOODS:SP-max-769 */
@media screen and (max-width: 769px){

.op_goods .VenueLtd{
    text-align: center;
    font-size: 200%;
    font-weight: 600;
    margin: 60px 0 40px;
    border-bottom: 1px solid;
    padding: 0 0 40px;
}

.op_goods .goodsList li {
    width: calc(50% - 10px);
    margin: 0 0 20px;
}
.op_goods .goodsList .goodsName {
    line-height: 1.3em;
    font-size: 90%;
}
.op_goods .goodsList .goodsPrice {
    font-size: 80%;
}
.op_goods .goodsPop .close {
    width: 30px;
    height: 30px;
    right: 10px;
    top: 10px;
}
.op_goods .goodsPop .popInBox {
    padding: 20px;
    margin: 60px auto;
}
.op_goods .goodsPop .name {
    font-size: 140%;
}
.op_goods .goodsPop .price {
    margin: 0 0 20px;
}
.op_goods .goodsPop .comment{
    margin: 0 0 20px;
}
.op_goods .goodsPop .popInBox .columnBox {
    display: block;
}
.op_goods .goodsPop .thumb {
    width: 100%;
}
.op_goods .goodsPop .column {
    width: 100%;
    padding: 0;
}
.op_goods .goodsPop .detailList dt {
    width: 100%;
}
.op_goods .goodsPop .detailList dd {
    width: 100%;
}
.op_goods .detailList {
    display: block;
}
.op_goods .detailList dt {
    width: 100%;
    padding: 0 0 0 10px;
    margin: 0 0 10px;
    font-size: 80%;
    border-left: 5px solid;
}
.op_goods .detailList dd {
    width: 100%;
    position: relative;
    padding: 0;
}
.op_goods .detailList dd:before {
    content: none
}
}

/*===================================================
  OP:contPop
====================================================*/
.op_contPop{

}

.op_contPop .contPop{
    display:none;
    width: 100%;
    height: 100%;
    color: #fff;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.op_contPop .contPop.popActive {
  display:block;
}
.op_contPop .contPop .popupShade{
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 0;
}
.op_contPop .contPop .popTit{
    text-align: center;
    font-size: 30px;
    line-height: 1em;
    margin: 0 0 60px;
    color: #000;
    letter-spacing: 0.1em;
}
.op_contPop .contPop .close {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 50px;
    top: 30px;
    cursor: pointer;
    transition: 0.3s ease;
    transform: rotate(45deg);
    background: #000;
    border-radius: 100px;
}
.op_contPop .contPop .close::before,
.op_contPop .contPop .close::after {
    content: '';
    display: inline-block;
    width: 60%;
    height: 2px;
    background: #FFF;
    position: absolute;
    left: 50%;
    top: 50%;
}
.op_contPop .contPop .close::before {
  transform: translate(-50%,-50%);
}
.op_contPop .contPop .close::after {
    transform: translate(-50%,-50%) rotate(90deg);
}
.op_contPop .contPop .popInBox {
    width: 90%;
    max-width: 1200px;
    margin: 100px auto;
    background: #f7f7f7;
    padding: 40px;
    color: #000;
    border-radius: 20px;
}




/* OP:contPop:PC-min-770 */
@media screen and (min-width: 770px){

}

/* OP:contPop:SP-max-769 */
@media screen and (max-width: 769px){

.op_contPop .contPop .close {
    width: 30px;
    height: 30px;
    right: 10px;
    top: 10px;
}
.op_contPop .contPop .popInBox {
    padding: 20px;
    margin: 60px auto;
}


}

/*===================================================
  OP:TICKET
====================================================*/
.op_ticket{

}
.op_ticket .ticketList{
    margin-bottom: 40px;
}
.op_ticket .ticketList:last-child{
    margin-bottom: 0;
}
.op_ticket .tikcetTit{
    background: #FFF;
    padding: 20px;
    font-size: 100%;
    font-weight: 500;
    position: relative;
    cursor: pointer;
    transition: 0.5s ease;
}
.op_ticket .tikcetTit .txt{
    display: flex;
    position: relative;
    font-size: 140%;
    margin: 0 0 10px;
    align-items: center;
}
.op_ticket .tikcetTit .txt .ticketName{

}
.op_ticket .tikcetTit .txt .end{
    font-size: 65%;
    background: #FF8888;
    color: #FFF;
    line-height: 1em;
    padding: 5px 10px 3px;
    border-radius: 100px;
    margin: 0 0 0 10px;
}
.op_ticket .tikcetTit .txt .blueTicket{
    font-size: 65%;
    background: #3AA9F0;
    color: #FFF;
    line-height: 1em;
    padding: 5px 10px 3px;
    border-radius: 100px;
    margin: 0 0 0 10px;
}
.op_ticket .tikcetTit .txt .yellowTicket{
    font-size: 65%;
    background: #FFBE31;
    color: #FFF;
    line-height: 1em;
    padding: 5px 10px 3px;
    border-radius: 100px;
    margin: 0 0 0 10px;
}
.op_ticket .tikcetTit .date{
    font-size: 110%;
}
.op_ticket .tikcetTit .date:before{
    content:"";
}
.op_ticket .tikcetTit .date span{
    padding: 0 20px 0 0;
    border-right: 1px dashed;
    margin: 0 20px 0 0;
}
.op_ticket .tikcetTit .arrow {
    position: absolute;
    top: 50%;
    right: 40px;
    width: 12px;
    height: 12px;
    transform: rotate(180deg) translateY(50%);
    transition: 0.3s ease;
}
.op_ticket .tikcetTit.open .arrow {
    transform: translateY(-50%);
}
.op_ticket .tikcetTit .arrow:before {
    content: "";
    position: absolute;
    top: 25%;
    width: 100%;
    height: 100%;
    border-top: 1px solid;
    border-right: 1px solid;
    transform: rotate(-45deg);
}
.op_ticket .tikcetDetail{
    display: none;
    padding: 40px;
    background: #f8f8f8;
}
.op_ticket .detailList {
    display: flex;
    border-bottom: 1px solid;
    padding: 0 0 15px;
    margin: 0 0 15px;
    align-items: stretch;
}
.op_ticket .detailList:first-child{
    border-top: 1px solid;
    padding: 15px 0 15px;
}
.op_ticket .detailList:last-child{
    margin: 0;
}
.op_ticket .detailList dt{
    width: 20%;
    padding: 0 40px 0 0;
    display: flex;
    align-items: center;
    font-weight: 500;
    line-height: 1.6em;
}
.op_ticket .detailList dt:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: #000;
    display:none;
}
.op_ticket .detailList dd{
    width: 80%;
    position: relative;
    padding: 0 0 0 40px;
    display: flex;
    align-items: center;
}
.op_ticket .detailList dd:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: #000;
}
.op_ticket .detailList dd > *{
    margin-bottom:20px;
}
.op_ticket .detailList dd > *:last-child{
    margin-bottom:0;
}
.op_ticket .detailList dd .detailInner{
    width:100%;
}
.op_ticket .detailList dd .detailInner > *{
    margin-bottom:10px;
}
.op_ticket .detailList dd .detailInner  > *:last-child{
    margin-bottom:0;
}
.op_ticket .detailList dd .detailInner .txt .tcMem{
    color: #fb7119;
}
.op_ticket .detailList dd .detailInner .txt .tMem{
    color: #0088b1;
}
.op_ticket .detailList dd .detailInner .txt .cMem{
    color: #3aa9f0;
}

/* OP:TICKET:PC-min-770 */
@media screen and (min-width: 770px){
.op_ticket .tikcetTit:hover{
    background: #ccc;
}
}

/* OP:TICKET:SP-max-769 */
@media screen and (max-width: 769px){
.op_ticket .tikcetDetail {
    padding: 20px;
}
.op_ticket .detailList {
    display: block;
}
.op_ticket .detailList dt {
    width: 100%;
    padding: 0 0 0 10px;
    margin: 0 0 10px;
    font-size: 80%;
    border-left: 5px solid;
}
.op_ticket .detailList dd {
    width: 100%;
    position: relative;
    padding: 0;
}
.op_ticket .detailList dd:before {
    content: none
}
}
/*===================================================
  topPage
====================================================*/
.topPage{

}
.topPage .headerLogo{
    display:none;
}
/*===================================================
  VISUAL
====================================================*/
.heroView{
    min-height: 500px;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.heroView .action{
    transition: 0.3s ease;
}
.heroView .act1{
    position: absolute;
    top: 40%;
    left: 5%;
    transform: translate(0, -50%);
}
.heroView .act1 .tourTit{
    background: #5C534E;
    color: #FFF;
    display: inline-block;
    line-height: 1em;
    padding: 10px 30px;
    margin: 0 0 20px;
    clip-path: inset(0 100% 0 0);
    transition: 0.3s ease;
}
.heroView .act1 .tourTit1{
    font-family: "Libre Baskerville", serif;
    font-weight: 700;
    font-size: 34px;
}
.heroView .act1 .tourTit2{
    font-family: "Libre Baskerville", serif;
    font-weight: 700;
    font-size: 18px;
    padding: 10px 30px 8px;
    margin-bottom: 40px;
}
.heroView .act1 .tourTit3{
    font-family: "Shippori Mincho", serif;
    font-weight: 700;
    font-size: 70px;
    padding: 10px 30px 25px;
    margin-bottom: -2px;
}
.heroView .act1 .tourTit4{
    font-family: "Shippori Mincho", serif;
    font-weight: 700;
    font-size: 70px;
    padding: 10px 30px 25px;
    margin-left: 100px;
}
.heroView .act1 .tourTit5{
    font-family: "Noto Serif JP", serif;
    font-weight: 600;
    font-size: 23px;
    padding: 10px 30px 15px;
    margin-bottom: -1px;
}
.heroView .act1 .tourTit7{
    background: transparent;
    padding: 0;
    margin-bottom: 40px;
    width: 640px;
    max-width: 100%;
}
.heroView .act1 .tourTit8{
    background: transparent;
    position: absolute;
    left: 380px;
    width: 220px;
    padding: 0;
    bottom: -20px;
    transform: translate(0, 50%);
}


.heroView .film{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: brightness(0.6) sepia(0.5);
}
.heroView .act2{
    clip-path: inset(0 0 100% 0);
    transition-delay: 1.2s;
}
.heroView .act3{
    clip-path: inset(0 0 100% 0);
    transition-delay: 1s;
}
.heroView .act4{
    clip-path: inset(100% 0 0 0);
    transition-delay: 0.8s;
}
.heroView .act5{
    clip-path: inset(0 0 100% 0);
    transition-delay: 0.75s;
}

.heroView .act6{
    clip-path: inset(100% 0 0 0);
    transition-delay: 1s;
}
.heroView .act7{
    clip-path: inset(0 0 100% 0);
    transition-delay: 0.7s;
}
.heroView .act8{
    clip-path: inset(100% 0 0 0);
    transition-delay: 0.6s;
}

.heroView .act2 img,
.heroView .act3 img,
.heroView .act4 img,
.heroView .act5 img,
.heroView .act6 img,
.heroView .act7 img,
.heroView .act8 img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}
.snsList{
    clip-path: inset(0 100% 0 0);
    transition: 0.6s ease 2s;
}
.snsList.pc{
    margin: 20px 0 0;
    display: flex;
}
.snsList.sp{
    display:none;
}
.snsList li{
    margin-right: 15px;
}
.snsList li a{
    display: block;
    width: 25px;
    line-height: 1em;
}
.instaIcon{
    position: relative;
}
.instaIcon img{
    display: block;
    width: 25px;
    cursor: pointer;
}
.instaIcon .account{
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    left: -5px;
    width: max-content;
    height: max-content;
}
.instaIcon .account a{
    display: block;
    width: 100px;
    font-size: 12px;
    background: #FFF;
    margin: 0 0 5px;
    text-align: center;
    padding: 3px 10px 2px;
    border-radius: 100px;
    font-weight: 600;
}
.loaded .heroView .action{
    opacity:1;
}
.loaded .heroView .act1{

}
.loaded .heroView .act1 .tourTit1{
    clip-path: inset(0 0 0 0);
    transition-delay: 1s;
}
.loaded .heroView .act1 .tourTit2{
    clip-path: inset(0 0 0 0);
    transition-delay: 1.2s;
}
.loaded .heroView .act1 .tourTit3{
    clip-path: inset(0 0 0 0);
    transition-delay: 1.4s;
    margin-bottom: -2px;
}
.loaded .heroView .act1 .tourTit4{
    clip-path: inset(0 0 0 0);
    transition-delay: 1.4s;
}
.loaded .heroView .act1 .tourTit5{
    clip-path: inset(0 0 0 0);
    transition-delay: 1.6s;
    margin-bottom: -1px;
}
.loaded .heroView .act1 .tourTit6{
    clip-path: inset(0 0 0 0);
    transition-delay: 1.8s;
}
.loaded .heroView .act1 .tourTit7{
    clip-path: inset(0 0 0 0);
    transition-delay: 1.4s;
}
.loaded .heroView .act1 .tourTit8{
    clip-path: inset(0 0 0 0);
    transition-delay: 2s;
}
.loaded .heroView .act2,
.loaded .heroView .act3,
.loaded .heroView .act4,
.loaded .heroView .act5,
.loaded .heroView .act6,
.loaded .heroView .act7,
.loaded .heroView .act8,
.loaded .snsList{
    clip-path: inset(0 0 0 0);
}

.headerFix .heroView .act2,
.headerFix .heroView .act3,
.headerFix .heroView .act4,
.headerFix .heroView .act5,
.headerFix .heroView .act6,
.headerFix .heroView .act7,
.headerFix .heroView .act8{
    opacity: 0;
    transition: 0.5s;
}
.scrolled .heroView .act2,
.scrolled .heroView .act3,
.scrolled .heroView .act4,
.scrolled .heroView .act5,
.scrolled .heroView .act6,
.scrolled .heroView .act7,
.scrolled .heroView .act8,
.scrolled .snsList{
    transition-delay: 0s;
}



/* VISUAL:PC-1200-769 */
@media (min-width: 770px) and (max-width: 1200px) {


}


/* SP-max-769 */
@media screen and (max-width: 769px){

.heroView .act1 {
        top: 40%;
        width: 90%;
}
.heroView .act1 .tourTit {
    margin: 0 0 10px;
}
.heroView .act1 .tourTit1 {
    font-size: 20px;
    padding: 10px 20px 8px;
}
.heroView .act1 .tourTit2 {
    font-size: 10px;
    padding: 10px 20px 8px;
    margin: 0 0 20px;
}
.heroView .act1 .tourTit3 {
    font-size: 36px;
    padding: 8px 20px 15px;
    letter-spacing: 0;
    margin: 0;
}
.heroView .act1 .tourTit4 {
    font-size: 36px;
    padding: 8px 20px 15px;
    letter-spacing: 0;
    margin-left: 40px;
}
.heroView .act1 .tourTit5 {
    font-size: 14px;
    padding: 10px 20px 12px;
    margin: 0;
}
.heroView .act1 .tourTit7 {
        width: 100%;
        max-width: 400px;
        margin-bottom: 20px;
}
.heroView .act1 .tourTit8 {
        left: 220px;
        top: max(45%, 110px);
        bottom: auto;
        width: 150px;
        max-width: calc(100% - 220px);
}
.heroView .act2{
    clip-path: inset(0 100% 0 0);
    transition-delay: 1s;
}
.heroView .act3{
    clip-path: inset(0 100% 0 0);
    transition-delay: 1.2s;
}
.heroView .act4{
    clip-path: inset(0 100% 0 0);
}
.heroView .act5{
    clip-path: inset(0 0 0 100%);
}
.heroView .act6{
    clip-path: inset(0 100% 0 0);
    transition-delay: 0.9s;
}
.heroView .act7{
    clip-path: inset(0 0 100% 0);
    transition-delay: 0.68s;
}
.heroView .act8{
    clip-path: inset(0 100% 0 0);
    transition-delay: 0.58s;
}
.snsList.pc {
    display:none;
}
.snsList.sp{
    position: absolute;
    display: flex;
    left: 20px;
    bottom: 20px;
}
.snsList li{
    margin-right: 10px;
}
.snsList li a{
    width: 20px;
}
.instaIcon img{
    width: 20px;
}
.instaIcon .account {
    top: auto;
    bottom: calc(100% + 10px);
}
}



/*===================================================
  SCROLLDOWN
====================================================*/


.scrollTxt{
    position: absolute;
    right: 6%;
    bottom: 40px;
    writing-mode: vertical-rl;
    transform: translate(0, -50%);
    font-family: "Libre Baskerville", serif;
    color: #FFF;
    font-size: 14px;
}
.scrollarrow {
    width: 1px;
    height: 80px;
    position: absolute;
    right: 5%;
    bottom: 40px;
    z-index: 1;
    background: #FFF;
    animation: scrollarrow 3s cubic-bezier(.19,1,.22,1) 0.5s infinite;
}
.scrollarrow:before{
    content:"scroll";
    position:absolute;
}
@keyframes scrollarrow{
  0% {clip-path: inset(0 0 100% 0);}
  25% {clip-path: inset(0 0 0 0);}
  75% {clip-path: inset(0 0 0 0);}
  100% {clip-path: inset(100% 0 0 0);}
}

/* SP-max-769 */
@media screen and (max-width: 769px){
.scrollarrow {
    top: auto;
    bottom: 20px;
}
.scrollTxt {
    top: auto;
    bottom: 20px;
}
}


/*===================================================
    infomationBox
====================================================*/

.infomationBox{

}
.infomationBox .inBox{
    opacity: 0;
    transform: translateY(80px);
    transition: 1s ease;
}
.infomationBox.view .inBox{
    opacity: 1;
    transform: translateY(0);
}
.infomationBox .bnrList{
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}
.infomationBox h3{
    font-family: "Libre Baskerville", serif;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    color: #FFF;
    font-size: 340%;
}

.infomationBox .bnrList li a{

}
.infomationBox .covidGuidline{
    text-align: center;
    margin-bottom: 100px;
}
.infomationBox .covidGuidline a{
    display: inline-block;
    background: #FFF;
    padding: 10px 60px;
    border-radius: 100px;
    position: relative;
    font-weight: 500;
}
.infomationBox .covidGuidline a i{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0, -50%);
}
.infomationBox .movie{
    position: relative;
    width: 100%;
    padding-top: 53.6%;
}
.infomationBox .movie iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


/* infomationBox:PC-min-770 */
@media screen and (min-width: 770px){

.infomationBox .bnrList li:only-child {
    width: calc(50% - 20px);
    margin: 0 auto;
}

.infomationBox .bnrList li:first-child:nth-last-child(2),
.infomationBox .bnrList li:first-child:nth-last-child(2) ~ li{
    width: calc(50% - 20px);
}
.infomationBox .bnrList li:first-child:nth-last-child(3),
.infomationBox .bnrList li:first-child:nth-last-child(3) ~ li{
    width: calc(33% - 10px);
}
.infomationBox .movBlock{
    width: 80%;
    margin: 0 auto;
}
}



/* infomationBox:SP-max-769 */
@media screen and (max-width: 769px){

.infomationBox.view .inBox {
    margin-bottom: 60px;
    padding-bottom: 0;
}
.infomationBox h3{
    font-size: 260%;
}

.infomationBox .bnrList {
    display: block;
    margin-bottom: 20px;
}
.infomationBox .bnrList li {
    width: 100%;
    margin: 0 0 20px;
}
.infomationBox .bnrList li:last-child {
    margin: 0;
}
.infomationBox .txtLink {
    text-align: left;
    margin-bottom: 40px;
}
.infomationBox .txtLink a {
    font-size: 12px;
    display: block;
}
.infomationBox .txtLink a span {
    position: absolute;
    right: 5px;
}
.infomationBox .movie {
    padding-top: 48.4%;
}
.infomationBox .covidGuidline {
    margin-bottom: 60px;
}
.infomationBox .covidGuidline a {
    padding: 10px 45px;
    line-height: 1.3em;
    font-size: 14px;
}
}



/*===================================================
    newsBox
====================================================*/
.newsBox{
    padding: 0 40px;
    background: #FFF;
}

.newsBox .inBox{
    max-width: max-content;
    display: flex;
    margin: 0 auto;
}
.newsBox .titBox{
    margin: 0 60px 0 0;
    padding: 0 60px 0 0;
    border-right: 1px solid;
}
.newsBox h3{
    font-size: 340%;
    letter-spacing: 0.1em;
    margin: 0 0 5px;
    position: relative;
    z-index: 1;
    font-family: "Libre Baskerville", serif;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 25px;
    padding-bottom: 20px;
}
.newsBox h3:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 1px;
    background: #000;
}
.viewAll{

}
.viewAll a{
    font-weight: 800;
    font-size: 140%;
    position: relative;
    font-family: "Libre Baskerville", serif;
    font-weight: 700;
}

.newsBox .newsInner{

}
.newsList{
}
.newsList li{
    margin: 0 0 40px;
}
.newsList li:last-child{
    margin: 0;
}
.newsList li a{
    display: inline-block;
}
.newsList li a .date{
    font-weight: 800;
    font-size: 200%;
    letter-spacing: 0;
    margin: 0 0 10px;
    position: relative;
}
.newsList li a .tit{
    font-weight: 500;
    font-size: 110%;
    line-height: 1.6em;
}
.topNews li{
    position: relative;
}



.newsBox_detail {
    max-width: 850px;
    margin: 0 auto;
}

.newsBox_detail .date {
    font-weight: 800;
    font-size: 18px;
    margin-bottom: 5px;
}

.newsBox_detail .txt {
    font-size: 95%;
    line-height: 1.8;
}

.newsBox_detail .txt a {
    text-decoration: underline;
}

.newsBox_detail .detail__btn a {
    display: block;
    font-weight: 800;
    text-decoration: underline;
}



/* newsBox:PC-min-770 */
@media screen and (min-width: 770px){
.viewAll a:hover span{
    left: calc(100% + 30px);
}
.viewAll a:hover span svg .st0{
    stroke: #645DFF;
}
}

/* newsBox:PC-1200-769 */
@media (min-width: 770px) and (max-width: 1200px) {
.newsBox .titBox {
    margin: 0;
    padding: 0;
    border-right: none;
}
.newsList li a {
    display: block;
    margin: 0 0 10px;
}

.newsList li a .date {
    display: inline-block;
}
}


/* newsBoxSP-max-769 */
@media screen and (max-width: 769px){
.newsBox {
    padding: 0;
}
.newsBox .inBox {
max-width: 100%;
    padding: 60px 20px;
    display: block;
}
.newsBox .titBox {
    margin: 0;
    padding: 0;
    border-right: none;
}
.newsBox h3 {
    font-size: 260%;
    margin: 0 0 20px;
}
.viewAll {
    font-size: 80%;
    display: block;
    margin: 0 0 40px;
    width: 100%;
}
.newsList {
    margin: 0;
}
.newsList li {
    margin: 0 0 20px;
}
.newsList li a {
    display: block;
}

.newsList li a .date {
    display: inline-block;
    font-size: 120%;
    margin: 0 0 5px;
}
.newsList li a .tit {
    font-weight: 400;
    font-size: 90%;
}
.topNews li:before{
    bottom: -14px;
}
.viewAll a span{
    bottom: 6px;
}


.newsBox_detail .date {
    font-size: 13px;
    margin-bottom: 0;
}

.newsBox_detail .tit {
    font-size: 100%;
}

.newsBox_detail .txt {
    font-size: 80%;
}

.newsBox_detail .detail__btn a {
    font-size: 90%;
}
}

/*===================================================
    cardBox
====================================================*/
.cardBox{
    padding: 0;
}
.cardBox .inBox{
    max-width: 100%;
    margin: 0 auto;
    padding: 100px 0;
    box-sizing: border-box;
    overflow: hidden;
}
.cardBox .cardSlide{
    display: flex;
    animation: artistSlidemove 60s linear infinite;
    width: 5040px;
}
.cardBox .cardSlide .card{
    width: 380px;
    display: block;
    line-height: 1em;
    margin: 0 20px;
    border-radius: 1em;
    overflow: hidden;
}
.cardBox .cardSlide .card img{
    pointer-events: none;
}
@keyframes artistSlidemove {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-2520px);
  }
}

/* SP-max-769 */
@media screen and (max-width: 769px){
.cardBox .inBox {
    padding: 60px 0;
}
.cardBox .cardSlide {
    display: flex;
    animation: artistSlidemove 60s linear infinite;
    width: 3360px;
}
@keyframes artistSlidemove {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-1680px);
  }
}

.cardBox .cardSlide .card {
    width: 240px;
}

}


/*===================================================
    noticeBox
====================================================*/
.noticeBox{
    padding: 0;
    background: #FFF;
}

.pages section.noticeBox .inBox,
.topPage section.noticeBox .inBox{
    max-width: 100%;
    margin-bottom: 0;
}
.noticeBox .noticeList{
    display: flex;
    justify-content: center;
    position: relative;
}
.noticeBox .noticeList:before{

}
.noticeBox .noticeList li{
    position:relative;
}
.noticeBox .noticeList li:nth-child(odd){
    padding-right: 140px;
}
.noticeBox .noticeList li:nth-child(odd):before{
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: 80px;


    background: #000;
    right: 70px;
    top: 50%;
    transform: translate(0, -50%) rotate(45deg);
}
.noticeBox .noticeList li a{
    text-align: center;
    display: block;
}
.noticeBox .noticeList li .noticeTit{
    position: relative;
    font-size: 130%;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0 20px 0 0;
}
.noticeBox .noticeList li .noticeTxt {
    font-size: 80%;
}

/* noticeBox:PC-1200-769 */
@media (min-width: 770px) and (max-width: 1200px) {
.noticeBox .mainColumn {
    padding: 40px;
}
}

/* noticeBox:SP-max-769 */
@media screen and (max-width: 769px){

.noticeBox .inBox {
    padding: 20px;
}

.noticeBox .noticeList {
    display: block;
}
.noticeBox .noticeList li {
    margin: 0 0 20px;
}
.noticeBox .noticeList li:last-child{
    margin: 0;
}
.noticeBox .noticeList li:nth-child(odd) {
    padding-right: 0;
}
.noticeBox .noticeList li:nth-child(odd):before{
    content: none;
}
.noticeBox .noticeList li .noticeTit {
    font-size: 80%;
    margin: 0;
    padding: 0;
}
.noticeBox .noticeList li a {
    text-align: left;
    position:relative;
}
.noticeBox .noticeList li a span{
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    border-top: 1px solid;
    border-right: 1px solid;
    width: 6px;
    height: 6px;
}
.noticeBox .noticeList li .noticeTxt {
    font-size: 70%;
}
.noticeBox .noticeList li:before{

    bottom: -9px;
}
}



/*===================================================
   footer
====================================================*/

footer{
    position: relative;
    background-image: url(/static/kobukuro/official/feature/tour2024/images/bg_footer_Pv3QDceL.jpg);
    background-size: 1000px;
}
footer .inBox{
    max-width: 100%;
    margin: 0 auto;
    padding: 100px;
    box-sizing: border-box;
    position: relative;
}
footer h4{
    width: 330px;
    line-height: 0;
    margin: 0 0 40px;
    filter: invert(1);
}
footer .footerNav{
    margin: 0;
    max-width: calc(100% - 400px);
}
footer .footerNav li{
    margin: 0 0 10px;
}
footer .footerNav li:last-child{
    margin: 0;
}
footer .footerNav li a{
    font-size: 90%;
    font-weight: 500;
    color:#FFF;
}
footer .credit{
    text-align: right;
    position: absolute;
    right: 100px;
    bottom: 100px;
    color: #FFF;
}
footer .credit span{
    font-size: 80%;
    font-weight: 500;
    margin: 0 20px 0 0;
}


/* footer:SP-max-769 */
@media screen and (max-width: 769px){

footer .inBox {
    padding: 60px 20px;
}
footer h4 {
    width: 50%;
}
footer .footerNav {
    display: block;
    margin: 0 auto 20px;
    text-align: left;
    max-width: 100%;
}
footer .footerNav li {
    margin: 0 0 10px;
    line-height: 1em;
}
footer .footerNav li a{
    font-size: 80%;
}
footer .credit {
    text-align: left;
    position: relative;
    right: auto;
    bottom: auto;
}
footer .credit span {
    font-size: 60%;
    margin: 0 10px 0 0;
}
}


/*===================================================
  pages:共通
====================================================*/

.pages{

}
.pages h1{
    position: fixed;
    display: flex;
    align-items: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    z-index: 10;
    -webkit-backdrop-filter: blur(0.5em);
    backdrop-filter: blur(0.5em);
}
.pages h1:after{
    content: "";
    position: absolute;
    left: 20px;
    bottom: 0;
    display: block;
    width: calc(100% - 100px);
    height: 2px;
    background: #FFF;
}
.pages h1 a{
    display: block;
    width: 300px;
    padding: 12px 20px 12px;
    line-height: 0;
}
.pages h1 a img{

}
.pages .contentsWrap{
    padding: 160px 0 0;
}


.pages .pageTit{
    text-align: center;
    padding: 0 40px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 80px;
}
.pages .pageTit h2{
    max-width: 1200px;
    margin: 0 auto;
    font-size: 400%;
    line-height: 1em;
    font-family: "Libre Baskerville", serif;
    font-weight: 700;
    color: #FFF;
}
.pages .pageTit .pageSubTit{
    max-width: 1200px;
    margin: 0 auto;
    font-family: "Noto Serif JP", serif;
    font-weight: 600;
    color: #FFF;
}
.pages section{

}
.pages section .inBox{

    margin-bottom: 100px;
}


/*  pages:SP-max-769 */
@media screen and (max-width: 769px){
.pages h1 {
    height: 45px;
}
.pages h1 a {
    display: block;
    width: 240px;
    padding: 8px 20px 10px;
}
.pages .contentsWrap {
    padding: 100px 0 0;
}
.pages .pageTit {
    padding: 0 20px;
    margin-bottom: 40px;
}
.pages .pageTit h2 {
    font-size: 300%;
}

}

/*===================================================
  pages:schedulePage
====================================================*/

.schedulePage{

}
.schedulePage .capLead{
    text-align: center;
    font-size: 22px;
    color: #FFF;
    margin: 0 0 40px;
    line-height: 1.5em;
    font-weight: 600;
}
.schedulePage .inBox{
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(0.2em);
    backdrop-filter: blur(0.2em);
    padding: 60px;
}
.schedulePage .op_schedule{
    margin: 0 0 60px;
    color: #FFF;
}
.schedulePage .liveDetailBox{

}
.schedulePage .liveDetailBox h3{
    font-size: 200%;
    margin: 0 0 40px;
    border-left: 10px solid;
    padding: 0 0 0 10px;
}
.schedulePage .op_detail{

}
.schedulePage .movBox{
    max-width: 800px;
    margin: 0 auto;
}
.schedulePage .movBox .mov{
    margin: 0 0 40px;
}
.schedulePage .movBox .btnBase a{
    margin: 0 auto 80px;
    background: #BA670F;
    color: #FFF;
    width: 320px;
    font-weight: 600;
    padding: 20px 20px 18px;
    border-radius: 10px;
}
.ticketStatusPage .pageTit{
    margin-bottom: 40px;
}
.ticketStatusPage .ticketStatusDetail{
    color: #FFF;
}
.ticketStatusPage .ticketStatusDetail h3{
    font-size: 240%;
}

.ticketStatusPage .ticketStatusDetail .statusInfoList{
    display: flex;
    align-items: center;
    margin: 0 0 20px;
}
.ticketStatusPage .ticketStatusDetail .statusInfoList:last-child{
    margin: 0;
}
.ticketStatusPage .ticketStatusDetail .statusInfoList dt{
    background: #DDD;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 5px;
    text-align: center;
    width: 20%;
}
.ticketStatusPage .ticketStatusDetail .statusInfoList dt.soldout{
    background: #d40000;
}
.ticketStatusPage .ticketStatusDetail .statusInfoList dt.onsale{
    background: #ffbb55;
}
.ticketStatusPage .ticketStatusDetail .statusInfoList dt.few{
    background: #7aa8ff;
}
.ticketStatusPage .ticketStatusDetail .statusInfoList dt.little{
    background: #2dc820;
}
.ticketStatusPage .ticketStatusDetail .statusInfoList dd{
    width: 70%;
    padding: 0 0 0 20px;
    font-size: 90%;
}
.ticketStatusPage .ticketStatusDetail .statusInfoList dd{
    width: 70%;
    padding: 0 0 0 20px;
    font-size: 90%;
}
.ticketStatusPage .btnTicket a{
    display: block;
    width: 400px;
    background: #645DFF;
    color: #FFF;
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    font-weight: 500;
    margin: 0 auto;
}




/* schedulePage:SP-max-769 */
@media screen and (max-width: 769px){

.schedulePage .capLead{
    font-size: 15px;
}
.pages .scheduleBox .inBox{
    padding: 20px;
    margin-bottom: 60px;
}
.schedulePage .op_schedule {
    margin: 0 0 60px;
}
.schedulePage .liveDetailBox {
    padding: 20px;
}
.schedulePage .liveDetailBox h3 {
    font-size: 140%;
    padding: 0 0 0 10px;
    margin: 0 0 20px;
    border-left: 5px solid;
}
.schedulePage .movBox {
    width: 90%;
}
.schedulePage .movBox .mov {
    margin: 0 0 20px;
}
.schedulePage .movBox .btnBase a {
    margin: 0 auto 40px;
    color: #FFF;
    width: 100%;
    font-size: 16px;
}
.ticketStatusPage .pageTit{
        margin-bottom: 20px;
}
.ticketStatusPage .op_schedule .scheduleCellList .scheduleVenue {
    width: 100%;
}
.op_schedule .scheduleCellList .ticketStatus {
    width: 100%;
}
.op_schedule .scheduleCellList .ticketStatus .txt.soldout,
.op_schedule .scheduleCellList .ticketStatus .txt.onsale,
.op_schedule .scheduleCellList .ticketStatus .txt.few,
.op_schedule .scheduleCellList .ticketStatus .txt.little {
    display: inline-block;
}
.ticketStatusPage .ticketStatusDetail h3 {
    font-size: 140%;
    margin: 0 0 20px;
}
.ticketStatusPage .ticketStatusDetail .statusInfoList {
    display: block;
    align-items: center;
    margin: 0 0 20px;
    border-bottom: 1px dashed #DDD;
    padding: 0 0 20px;
}
.ticketStatusPage .ticketStatusDetail .statusInfoList:last-child{
    margin: 0;
    border-bottom: none;
    padding: 0;
}
.ticketStatusPage .ticketStatusDetail .statusInfoList dt {
    width: auto;
    display: inline-block;
    margin: 0 0 10px;
    font-size: 80%;
    line-height: 1.2em;
}
.ticketStatusPage .ticketStatusDetail .statusInfoList dd {
    width: 100%;
    padding: 0;
    font-size: 90%;
}
.ticketStatusPage .btnTicket a {
    display: block;
    width: 100%;
}
}


/*===================================================
  pages:goodsPage
====================================================*/
.goodsPage{

}
.goodsPage .inBox{
    max-width: 100%;
}
.goodsPage .goodsBox{
    padding: 0;
    color: #FFF;
}
.goodsPage .goodsBox .inBox {
        padding: 0;
}
.goodsPage .op_goods {
    margin-bottom: 100px;
}
.goodsPage .tourGoods{
    padding:0 40px;
}
.goodsPage .tourGoods .inner{
    max-width: 1200px;
    margin: 0 auto 100px;
}
.goodsPage .tourGoods h3{
    font-size: 220%;
    margin: 0 0 40px;
    text-align: center;
}
.goodsPage .pamphlet{
    margin: 0 0 40px;
    background: #DDD;
    padding: 60px;
}
.goodsPage .pamphletImage{
    margin: 0 auto 0;
    width: 85%;
}
.goodsPage .pamphletTxt{
    width: 85%;
    margin: 0 auto;
    font-size: 90%;
    line-height: 1.3em;
    font-weight: 500;
}
.goodsPage .pamphlet .mov {
    margin: 40px auto 0;
    position: relative;
    padding-top: 56.25%;
    width: 85%;
}
.goodsPage .pamphlet .mov iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.goodsPage .bnrGoods{
    padding: 40px 0;
    display: block;
    width: 700px;
    margin: 0 auto 40px;
}
.goodsPage .bnrGoods a{

}
.goodsPage .bnrGoodsList{
    margin: 0 0 100px;
}
.goodsPage .bnrGoodsList li{
    max-width: 700px;
    margin: 0 auto 40px;
}

.goodsPage .memberGoods{
    padding: 0 40px;
    background: transparent;
}
.goodsPage .memberGoods .inner{
    max-width: 1200px;
    margin: 0 auto;
}
.goodsPage .memberGoods .bnrGoodsList li{
    max-width: 100%;
    margin: 0 auto 40px;
}
.goodsPage .memberGoods h3{
    font-size: 220%;
    margin: 0 0 40px;
    text-align: center;
}
.goodsPage .memberGoods .coming{
    text-align: center;
    font-size: 140%;
    font-weight: 600;
}
.goodsPage .saleBox{
    padding: 0 40px;
    margin-bottom: 80px;
}
.goodsPage .saleBox .inner{
    max-width: 1200px;
    margin: 0 auto;
}

.goodsPage .saleBox h3{
    font-size: 220%;
    margin: 0 0 40px;
    border-left: 10px solid;
    padding: 0 0 0 10px;
}

.goodsPage .saleBox .detailList dt{
    width: 25%;
}
.goodsPage .saleBox .detailList dd{
    width: 75%;
}

.goodsPage .saleBox .op_detail .detailList dd:before {
    background: #FFF;
}

.goodsPage .outSale {
    margin-bottom: 100px;
}
.goodsPage .outSale .lead{
    font-size: 140%;
    font-weight: 600;
    margin: 0 0 10px;
    line-height: 1.5em;
}
.goodsPage .outSale .lead:has(+ h3){
    margin: 0 0 20px;
}
.goodsPage .outSale .lead.yellow{
    color: #ffce3c;
}
.goodsPage .outSale .cautionList{
    margin: 0 0 10px;
}
.goodsPage .outSale .cautionList li {
    font-size: 80%;
}
.goodsPage .outSale .txtSub{
    font-size: 100%;
    margin: 0 0 40px;
}
.goodsPage .outSale .op_detail:not(:last-child){
    margin-bottom: 60px;
}

.goodsPage .outSale .op_detail.end {
    position:relative;
}
.goodsPage .outSale .op_detail.end:before{
    content: "終了しました";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) rotate(-15deg);
    font-size: 240%;
    background: rgb(224 0 0 / 50%);
    color: #FFF;
    padding: 25px 40px 23px;
    z-index: 1;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}
.goodsPage .btnBuy a{
    margin: 0 auto 0;
    width: 420px;
    font-size: 140%;
    padding: 25px;
    border-radius: 10px;
    background: #ba670f;
    color: #FFF;
}
.goodsPage .btnBuy.btnBlank a{
    background: #DDD;
    color: #aaa;
    pointer-events: none;
}

/* goodsPage:SP-max-769 */
@media screen and (max-width: 769px){

.goodsPage .goodsBox .inBox {
        padding: 0;
}
.goodsPage .tourGoods {
    padding: 0 20px;
}
.goodsPage .tourGoods .inner {
    margin: 0 auto 20px;
}
.goodsPage .op_goods {
    margin-bottom: 40px;
}
.goodsPage .tourGoods h3 {
    font-size: 140%;
    margin: 0 0 40px;
    padding: 0;
}
.goodsPage .memberGoods {
    padding: 0 20px 0;
}
.goodsPage .memberGoods h3 {
    font-size: 140%;
    margin: 0 0 10px;
    padding: 0;
}
.goodsPage .memberGoods .coming {
    margin: 0 0 20px;
}
.goodsPage .saleBox {
    padding: 0 20px;
}
.goodsPage .saleBox h3 {
    font-size: 140%;
    padding: 0 0 0 10px;
    margin: 0 0 20px;
    border-left: 5px solid;
}
.goodsPage .pamphlet {
    margin: 0 0 20px;
    padding: 20px;
}
.goodsPage .pamphletImage {
    width: 100%;
}
.goodsPage .pamphletTxt {
    width: 100%;
    font-size: 90%;
    line-height: 1.5em;
}
.goodsPage .pamphlet .mov {
    margin: 20px auto 0;
    width: 100%;
}
.goodsPage .bnrGoods {
    padding: 0;
    display: block;
    width: 100%;
    margin: 0 auto 20px;
}
.goodsPage .bnrGoods a{

}
.goodsPage .saleBox .detailList dt {
    width: 100%;
}
.goodsPage .saleBox .detailList dd {
    width: 100%;
}
.goodsPage .outSale {
    margin-bottom: 60px;
}
.goodsPage .outSale .lead {
    font-size: 100%;
}
.goodsPage .outSale .cautionList li {
    font-size: 70%;
}
.goodsPage .outSale .txtSub {
    font-size: 80%;
    margin: 0 0 30px;
}

.goodsPage .btnBuy {
    padding: 0 20px;
}
.goodsPage .btnBuy a{
    width: 100%;
    font-size: 110%;
    padding: 20px;
}
.goodsPage .bnrGoodsList {
    margin: 0 0 40px;
}
.goodsPage .bnrGoodsList li:first-child {
    max-width: 700px;
    margin: 0 auto 20px;
}
.goodsPage .outSale .op_detail:not(:last-child){
    margin-bottom: 40px;
}
.goodsPage .outSale .op_detail.end:before{
    width: 95%;
    padding: 35px 00 33px;
    font-size: 140%;
    text-align: center;
}
}


/*===================================================
  pages:ticketPage
====================================================*/
.ticketPage{

}
.ticketPage .ticketBox .inBox{
    padding: 0 0 100px;
}
.ticketPage .intro{
    margin-bottom: 100px;
}
.ticketPage .intro .tit{
    font-size: 140%;
    font-weight: 500;
    margin: 0 0 10px;
    text-align: center;
    color: #FFF;
}
.ticketPage .intro .txt{
    font-size: 110%;
    margin: 0 0 60px;
    text-align: center;
    color: #FFF;
}
.ticketPage .intro .btnList{
    display: flex;
    justify-content: center;
    margin: 0 0 40px;
}
.ticketPage .intro .btnList li{
    padding: 0 20px;
}
.ticketPage .intro .btnList li a{
    display: block;
    max-width: 400px;
    background: #ba670f;
    color: #FFF;
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    font-weight: 500;
}
.ticketPage .intro .tradeBtnCap{
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px;
    color: #ea6015;
}
.ticketPage .intro .tradeBtn a{
    margin: 0 auto 60px;
    display: block;
    width: 400px;
    background: #EA6015;
    color: #FFF;
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    font-weight: 500;
}
.ticketPage .ticketSchedule{
    margin-bottom: 60px;
}
.ticketPage .ticketSchedule h3{
    font-size: 220%;
    margin: 0 0 40px;
    border-left: 10px solid;
    padding: 0 0 0 10px;
    color: #FFF;
}
.ticketPage .passedTicket{
    margin: 40px 0 0;
}
.ticketPage .passedTicket .accordionTit{
    width: 400px;
    background: #FFF;
    color: #000;
    transition: 0.3s ease;
}
.ticketPage .passedTicket .accordionTit.open{
    width: 100%;
}
.ticketPage .passedTicket .accordionDetail{
    background: #fafafa;
}
.ticketPage .passedTicket .accordionDetail .ticketPeriod{
    color: #000;
}
.ticketPage .passedTicket .accordionDetail .ticketPeriod:before{
    background: #000;
}
.ticketPage .ticketSchedule .ticketPeriod{
    margin: 0 0 20px;
    font-size: 140%;
    font-weight: 500;
    position:relative;
    padding:0 0 0 30px;
    color: #FFF;
}
.ticketPage .ticketSchedule .ticketPeriod:before{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    background: #FFF;
    left: 0;
    top: 2px;
}
.ticketPage .ticketSchedule .detail + .ticketPeriod{
    margin: 40px 0 20px;
}
.ticketPage .ticketSchedule .detail{
    display: flex;
    margin: 0 0 2px;
    background: #EEEEEE;
    padding: 20px;
    align-items: center;
    justify-content: space-between;
}
.ticketPage .ticketSchedule .detail li{

}
.ticketPage .ticketSchedule .detail li.name{
    width: 75%;
    border-right: 1px solid;
    padding: 0 20px 0 0;
    text-align: left;
}
.ticketPage .ticketSchedule .detail li.name .txt{
    font-size: 120%;
    font-weight: 600;
    line-height: 1.3em;
    margin: 0 0 10px;
}
.ticketPage .ticketSchedule .detail li.name .badge{
    font-size: 60%;
    background: #000;
    color: #FFF;
    padding: 6px 20px 5px;
    border-radius: 100px;
    margin: 0;
    line-height: 1.5em;
    text-align: center;
    display: inline-block;
}
.ticketPage .ticketSchedule .detail li.name .badge .tit{
    font-weight: 500;
    line-height: 1em;
    border-right: 1px solid;
    padding: 0 5px 0 0;
    margin: 0 5px 0 0;
}
.ticketPage .ticketSchedule .detail li.name .badge .cap{
    font-weight: 500;
    line-height: 1em;
}
.ticketPage .ticketSchedule .detail li.period{
    width: 50%;
    padding: 0 40px 0;
}
.ticketPage .ticketSchedule .detail li.period .txt{
    font-weight: 500;
}
.ticketPage .ticketSchedule .detail li.period .txt span{
    font-size: 80%;
    margin: 0 -3px;
}
.ticketPage .ticketSchedule .detail li.period .tit{
    display: block;
    border-bottom: 1px dashed;
    padding: 0 0 5px;
    margin: 0 0 5px;
    font-size: 80%;
    font-weight: 600;
}
.ticketPage .ticketSchedule .detail li.link{
    width: 25%;
    text-align: center;
    padding: 0 0 0 20px;
}

.ticketPage .ticketSchedule li.link .btn{
}
.ticketPage .ticketSchedule li.link .btn a{
    display: block;
    text-align: center;
    max-width: 150px;
    margin: 0 auto;
    border-radius: 10px;
    font-weight: 500;
    padding: 5px;
    background: #ba670f;
    color: #FFF;
}

.ticketPage .ticketSchedule li.link .wrn{
    display: block;
    text-align: center;
    padding: 10px 0 0;
    font-size: 65%;
    font-weight: 500;
    line-height: 1em;
    letter-spacing: 0;
}

.ticketPage .playguideBox{
    padding: 40px;
    margin-bottom: 100px;
    background: #FFF;
}
.ticketPage .playguideBox h3{
font-size: 220%;
    margin: 0 0 40px;
    border-left: 10px solid;
    padding: 0 0 0 10px;
}
.ticketPage .playguideBox .playgudeSchedule{
    margin: 0 0 40px;
}
.ticketPage .playguideBox .playgudeSchedule li{
    position: relative;
    padding: 0 0 0 20px;
    margin: 0 0 10px;
    font-weight: 500;
}
.ticketPage .playguideBox .playgudeSchedule li:before{
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: #000;
    position: absolute;
    left: 0;
    top: 6px;
    border-radius: 2px;
}
.ticketPage .playguideBox .playgudeSchedule li:last-child{
    margin: 0;
}
.ticketPage .playguideBox .playguideBtn{
    display: flex;
    justify-content: space-between;
}
.ticketPage .playguideBox .playguideBtn li{
    width: 32%;
}
.ticketPage .playguideBox .playguideBtn li a{
    display: block;
    background: #645DFF;
    color: #FFF;
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    font-weight: 500;
}
.ticketPage .playguideBox .playguideBtn li a.blankBtn{
    background: #898989;
}
.ticketPage .op_ticket{
    margin-bottom: 100px;
}
.ticketPage .tikcetDetail .inner{
    margin: 0 0 40px;
}

.ticketPage .tikcetDetail .detailList{

}
.ticketPage .tikcetDetail .detailList:last-child{
    margin: 0;
}
.ticketPage .detailList .type{

}
.ticketPage .detailList .type .inner{
    display: flex;
    margin: 0 0 20px;
    align-items: center;
}
.ticketPage .detailList .type .inner:last-child{
    margin: 0 ;
}
.ticketPage .detailList .type .typeTit{
    border: 1px solid;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 85px;
    text-align: center;
}
.ticketPage .detailList .type .typeDetail{
    padding: 0 0 0 20px;
}
.ticketPage .detailList .type .typeDetail .txt{

}
.ticketPage .detailList .type .typeDetail .cautionList{

}
.ticketPage .detailList .type .typeDetail .memberStatus{
    display: flex;
    flex-wrap: wrap;;
}
.ticketPage .detailList .type .typeDetail .memberStatus li{
    background: #DDD;
    margin: 0 10px 0 0;
    padding: 5px 10px 5px;
    border-radius: 5px;
    line-height: 1em;
    font-size: 90%;
    font-weight: 500;
    color: #FFF;
}
.ticketPage .detailList .type .typeDetail .memberStatus li.stTce{
    background: #FB7119;
}
.ticketPage .detailList .type .typeDetail .memberStatus li.stTe{
    background: #0088B1;
}
.ticketPage .detailList .type .typeDetail .memberStatus li.stCe{
    background: #3AA9F0;
}
.ticketPage .detailList .type .typeDetail .memberStatus li.stLive{
    background: #F3A4C8;
}
.ticketPage .btngroupe{
    display: flex;
    justify-content: center;
}
.ticketPage .btngroupe li{
    width: 300px;
    max-width: 35%;
    padding: 0 10px;
}
.ticketPage .btnEntry a{
    margin: 0 auto 0;
    background: #ba670f;
    color: #FFF;
    border-radius: 10px;
    width: 420px;
}
.ticketPage .btnBlank a{
    margin: 0 auto 0;
    background: #aaa;
    color: #FFF;
    border-radius: 10px;
    pointer-events:none;
}
.ticketPage .btngroupe .btnEntry a{
    width: 100%;
    padding: 20px 10px;
}
.ticketPage .btnList .btnEntry a{
    margin: 0 auto 20px;
    width: 560px;
    font-size: 100%;
    font-weight: 500;
}
.ticketPage .btnList .btnEntry:last-child a{
    margin: 0 auto 0;
}
.ticketPage .announceBox{
    margin: 0 0 100px;
}
.ticketPage .announceList{
    border-left: 5px solid #FFF;
    margin: 0 0 40px;
    padding: 0 0 0 20px;
}
.ticketPage .announceList:last-child{
    margin: 0;
}
.ticketPage .announceList dt{
    font-size: 120%;
    font-weight: 500;
    margin: 0 0 10px;
    color: #FFF;
}
.ticketPage .announceList dd{
    color: #FFF;
}
.ticketPage .announceList dd .txt{
    font-size: 90%;
}


.ticketPage .ticketGuard{
    border: 2px solid;
    padding: 40px;
    margin-bottom: 100px;
}
.ticketPage .ticketGuard h3{
    font-size: min(calc(20 / 769 * 100vw),220%);
    line-height: 1.4em;
    margin: 0 0 40px;
}
.ticketPage .ticketGuard .pattern{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 40px;
}
.ticketPage .ticketGuard .pattern:last-child{
    margin: 0;
}
.ticketPage .ticketGuard .patternTit {
    width: 100%;
    margin: 0 0 20px;
    position: relative;
}
.ticketPage .ticketGuard .patternTit:before{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
}
.ticketPage .ticketGuard .patternTit.blue:before{
    background: #3AA9F0;
}
.ticketPage .ticketGuard .patternTit.yellow:before{
    background: #FFBE31;
}
.ticketPage .ticketGuard .patternTit span{
    background: #3AA9F0;
    color: #FFF;
    padding: 10px 20px;
    display: inline-block;
    position:relative;
}

.ticketPage .ticketGuard .patternTit.yellow span{
    background: #FFBE31;
}
.ticketPage .ticketGuard .ticketType{
    width: calc(50% - 20px);
    padding: 20px;
    background: #efefef;
}
.ticketPage .ticketGuard .ticketType.etikcet{

}
.ticketPage .ticketGuard .ticketType.ptikcet{

}
.ticketPage .ticketGuard .ticketType .ticketTit{
    font-size: 120%;
    border-bottom: 1px dashed;
    padding: 0 0 20px;
    margin: 0 0 20px;
    display: flex;
    justify-content: space-between;
}
.ticketPage .ticketGuard .ticketType .ticketTit a{
    position: relative;
    font-size: 60%;
    font-weight: 600;
    padding: 0 20px 0 0;
    letter-spacing: 0;
}
.ticketPage .ticketGuard .ticketType .ticketTit a span{
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    border-top: 2px solid;
    border-right: 2px solid;
    width: 8px;
    height: 8px;
}
.ticketPage .ticketGuard .ticketType .ticketTxt{
    line-height: 1.5em;
    margin: 0 0 20px;
    font-weight: 500;
}

.ticketPage .ticketGuard .ticketType .thumb{

}

.ticketPage .idCard{
    border-top: 2px solid;
    padding: 40px 0 0;
}
.ticketPage .idCard dt{
    font-weight: 600;
    margin: 0 0 20px;
    border-left: 5px solid;
    padding: 0 0 0 10px;
}
.ticketPage .idCard dd{
    margin: 0 0 10px;
    font-size: 90%;
    font-weight: 600;
}
.ticketPage .idCard dd:last-child{
    margin: 0;
}
.ticketPage .idCard dd span{
    display: block;
    font-size: 90%;
    font-weight: initial;
}


/* ticketPage:PC-min-770 */
@media screen and (min-width: 770px){
.ticketPage .passedTicket .accordionTit:hover{
    opacity:0.7;
}
}




/* ticketPage:SP-max-769 */
@media screen and (max-width: 769px){
.ticketPage .ticketBox .inBox{
    padding: 0;
    margin-bottom: 60px;
}
.ticketPage .intro {
    margin-bottom: 60px;
}
.ticketPage .intro .tit {
    font-size: 120%;
    text-align: left;
}
.ticketPage .intro .txt {
    font-size: 90%;
    margin: 0 0 20px;
    text-align: left;
}
.ticketPage .intro .btnList {
    display: block;
    margin: 0 0 20px;
}
.ticketPage .intro .btnList li {
    padding: 0;
    margin: 0 0 20px;
}
.ticketPage .intro .btnList li:last-child {
    margin: 0;
}
.ticketPage .intro .btnList li a{
    width: 100%;
    margin: 0 auto;
}
.ticketPage .intro .tradeBtnCap{
    text-align: left;
    font-size: 16px;

}
.ticketPage .intro .tradeBtn a {
    width: 100%;
    margin: 0 auto 20px;
}
.ticketPage .ticketSchedule {
    margin-bottom: 60px;
}

.ticketPage .passedTicket{
    margin: 30px 0 0;
}
.ticketPage .passedTicket .accordionTit{
    width: 100%;
}
.ticketPage .passedTicket .accordionDetail {
    padding: 20px;
}
.ticketPage .ticketSchedule .ticketPeriod {
    margin: 0 0 10px;
    font-size: 100%;
    line-height: 1.3em;
    padding: 0 0 0 20px;
    font-weight: 600
}
.ticketPage .ticketSchedule .ticketPeriod:before {
    width: 13px;
    height: 13px;
}
.ticketPage .ticketSchedule .detail + .ticketPeriod {
    margin: 30px 0 10px;
}
.ticketPage .ticketSchedule .detail {
    margin: 0 0 5px;
}
.ticketPage .ticketSchedule .detail:last-child{
    margin: 0;
}
.ticketPage .ticketSchedule .detail li.name {
    width: 100%;
    border-right: none;
    border-bottom: 1px dashed;
    padding: 0 0 20px;
    margin: 0 0 20px;
    text-align: center;
}
.ticketPage .ticketSchedule .detail li.name .badge {
    margin: 0 auto;
}
.ticketPage .ticketSchedule .detail li.period {
    width: 100%;
    padding: 0 0 20px;
    border-bottom: 1px dashed;
    margin: 0 0 20px;
    text-align: center;
}
.ticketPage .ticketSchedule .detail li.period .tit {
    border-bottom: none;
    padding: 0;
}
.ticketPage .ticketSchedule .detail li.link {
    width: 100%;
    padding: 0;
    border-left: none;
}
.ticketPage .ticketSchedule li.link .btn a{
    max-width: 80%;
}
.ticketPage .btngroupe{
    display: block;
    justify-content: center;
}
.ticketPage .btngroupe li{
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 10px;
}
.ticketPage .btngroupe li:last-child{
    margin-bottom: 0;
}
.ticketPage .btnEntry a{
    width: 100%;
}
.ticketPage .btngroupe .btnEntry a {
    padding: 10px;
}
.ticketPage .btnList .btnEntry a {
    width: 100%;
    line-height: 1.3em;
}


.ticketPage .ticketSchedule .detail {
    display: block;
}
.ticketPage .ticketSchedule h3 {
    font-size: 120%;
    margin: 0 0 20px;
}

.ticketPage .playguideBox{
    padding: 20px;
    margin-bottom: 60px;
}
.ticketPage .playguideBox h3{
    font-size: 120%;
    margin: 0 0 20px;
    line-height: 1.4em;
}
.ticketPage .playguideBox .playgudeSchedule {
    margin: 0 0 20px;
}
.ticketPage .playguideBox .playgudeSchedule li {
    line-height: 1.4em;
}
.ticketPage .playguideBox .playgudeSchedule li:before {
    top: 4px;
}
.ticketPage .playguideBox .playguideBtn li {
    width: 100%;
    margin: 0 0 10px;
}
.ticketPage .playguideBox .playguideBtn li:last-child {
    margin: 0;
}
.ticketPage .playguideBox .playguideBtn {
    display: block;
}

.ticketPage .op_ticket {
    margin-bottom: 60px;
}
.ticketPage .op_ticket .ticketList {
    margin-bottom: 20px;
}
.ticketPage .op_ticket .tikcetTit .txt {
    display: flex;
    flex-wrap: wrap;
    font-size: 120%;
    margin: 0 0 15px;
}
.ticketPage .op_ticket .tikcetTit .txt .ticketName{
    width: 100%;
    margin: 0 0 5px;
    padding: 0 40px 0 0;
}
.ticketPage .op_ticket .tikcetTit .txt .blueTicket,
.ticketPage .op_ticket .tikcetTit .txt .yellowTicket,
.ticketPage .op_ticket .tikcetTit .txt .end {
    margin: 0 10px 0 0;
    font-size: 60%;
    padding: 4px 8px 2px;
}
.ticketPage .op_ticket .tikcetTit .date {
    font-size: 90%;
    line-height: 1.4em;
}
.ticketPage .op_ticket .tikcetTit .date span {
    padding: 0 0 5px;
    margin: 0 0 5px;
    border-right: none;
    border-bottom: 1px dashed;
    display: block;
}
.ticketPage .op_ticket .tikcetTit .arrow {
    top: 30px;
    right: 30px;
    width: 12px;
    height: 12px;
    transform: rotate(180deg) translateY(0);
}
.ticketPage .tikcetDetail .inner {
    margin: 0 0 20px;
}
.ticketPage .detailList dt {
    font-size: 100%;
    font-weight: 600;
}
.ticketPage .detailList dt .txt{
    font-size: 90%;
}
.ticketPage .detailList .type .inner {
    display: block;
    border-bottom: 1px dashed;
    padding: 0 0 20px;
    margin: 0 0 20px;
}

.ticketPage .detailList .type .inner:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.ticketPage .detailList .type .typeTit {
    margin: 0 0 10px;
    padding: 0px 15px;
    display: inline-block;
}
.ticketPage .detailList .type .typeDetail {
    padding: 0;
}
.ticketPage .detailList .type .typeDetail .cautionList {
    margin: 10px 0 0;
}
.ticketPage .detailList .type .typeDetail .memberStatus {
    flex-wrap: wrap;
    margin: 0;
}
.ticketPage .detailList .type .typeDetail .memberStatus li {
    background: #DDD;
    margin: 0 10px 0 0;
}
.ticketPage .announceBox {
    margin: 0 0 60px;
}
.ticketPage .announceList dt {
    font-size: 95%;
    font-weight: 600;
}
.ticketPage .announceList dd .txt {
    font-size: 75%;
}
.ticketPage .ticketGuard {
    padding: 20px;
}
.ticketPage .ticketGuard h3 {
    font-size: 100%;
    margin: 0 0 20px;
}
.ticketPage .ticketGuard .pattern {
    display: block;
}
.ticketPage .ticketGuard .patternTit span {
    padding: 5px 15px;
    font-size: 90%;
}
.ticketPage .ticketGuard .ticketType {
    width: 100%;
}
.ticketPage .ticketGuard .ticketType.etikcet {
    margin: 0 0 20px;
}
.ticketPage .ticketGuard .ticketType .ticketTit {
    font-size: 110%;
    font-weight: 500;
}
.ticketPage .ticketGuard .ticketType .ticketTxt {
    font-size: 90%;
}
.ticketPage .noticeList {
    display: block;
}
.ticketPage .noticeList li {
    width: 100%;
    margin: 0 0 15px;
    padding: 0 0 0;
}
.ticketPage .noticeList li .noticeTit {
    font-size: 100%;
    margin: 0;
}
}



/*===================================================
  pages:newsPage
====================================================*/
.newsPage{

}
.newsPage .op_news .newsList {
    border-top: none;
    padding: 0;
    margin: 0;
    color: #FFF;
}
.newsPage .op_news .newsList:after {
    content: none;
}
.newsPage .op_news .newsList a:before {
    content: "";
    position: absolute;
    width: 200px;
    height: 1px;
    bottom: 0;
    background: #000000;
    transition: 0.5s ease;
}
.newsPage .op_news .newsList > li a{
    color: #FFF;
    padding: 0 0 40px;
}
.newsPage .op_news .newsList > li a .date{
    width: 200px;
    padding: 0;
    margin: 0;
}
.newsPage .op_news .newsList > li a .date p{
    font-weight: 800;
    font-size: 200%;
    letter-spacing: 0;
    padding: 0 50px 0 0;
    position: relative;
}
.newsPage .op_news .newsList > li a .tit{
    width: calc(100% - 200px);
    padding: 0 0 0 45px;
}
.newsPage .op_news .newsList > li a .tit p {
    font-weight: 500;
    font-size: 110%;
    line-height: 1.6em;
}
.newsPage.newsDetail{

}
.newsPage.newsDetail .pageNewsBox{

}
.newsPage.newsDetail .pageNewsBox .inBox{
    color: #000;
    background: #FFF;
    padding: 60px;
}
.newsPage.newsDetail .pageNewsBox .inBox .date{
    font-weight: 800;
    font-size: 140%;
    letter-spacing: 0;
    margin-bottom: 20px;
}
.newsPage.newsDetail .pageNewsBox .inBox .tit{
    font-size: 180%;
}
.newsPage.newsDetail .pageNewsBox .inBox .txt{
    font-size: 100%;
}
.newsPage.newsDetail .detail__btn a{
    display: block;
    font-size: 90%;
    font-weight: 600;
    position: relative;
    padding: 0 0 0 40px;
}
.newsPage.newsDetail .detail__btn a .arrow{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 0;
    border: 1px solid;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    transform: translate(0, -50%) rotate(-135deg);
}
.newsPage.newsDetail .detail__btn a .arrow:before{
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-top: 1px solid;
    border-right: 1px solid;
    position: absolute;
}

/* newsPage:PC-min-770 */
@media screen and (min-width: 770px){
.newsPage .op_news .newsList a:hover:before {
    width: 100%;
}
}


/* newsPage:SP-max-769 */
@media screen and (max-width: 769px){

.newsPage .pageNewsBox .inBox{
        padding: 0;
}


.newsPage .op_news .newsList > li a {
    padding: 0 0 20px;
    border-bottom: 1px solid #FFF;
}
.newsPage .op_news .newsList > li a .date {
    width: 100%;
    margin-bottom: 3px;
}
.newsPage .op_news .newsList > li a .date p {
    font-size: 120%;
}
.newsPage .op_news .newsList > li a .tit {
    width: 100%;
    padding: 0;
}
.newsPage .op_news .newsList > li a .tit p {
    line-height: 1.4em;
    font-weight: 400;
    font-size: 90%;
}
.newsPage.newsDetail .pageNewsBox .inBox {
    padding: 20px;
}
.newsPage.newsDetail .pageNewsBox .inBox .date {
    font-size: 110%;
    margin-bottom: 10px;
}
.newsPage.newsDetail .pageNewsBox .inBox .txt {
    margin-bottom: 40px;
    word-wrap: break-word;
}
.newsPage.newsDetail .pageNewsBox .inBox .tit {
    font-size: 120%;
}

}


/*===================================================
  pages:tradePage
====================================================*/
.tradePage{

}
.tradePage .intro{

}
.tradePage .intro .txt{
    font-size: 140%;
    text-align: center;
    font-weight: 500;
    margin: 0 0 20px;
    color: #000;
}
.tradePage .intro .thumb{
    line-height: 0;
    width: 500px;
    margin: 0 auto 20px;
}
.tradePage .intro .thumb img{

}
.tradePage .intro .cap{
    text-align: center;
    font-weight: 600;
    font-size: 90%;
}

.tradePage .tradeBox{

}
.tradePage .tradeBox .inBox{
    background: #FFF;
    padding: 100px 60px;
}

.tradePage .captionList{
    border: 2px solid;
    text-align: center;
    padding: 40px;
    margin-bottom: 40px;
}
.tradePage .captionList dt{
    font-size: 160%;
    font-weight: 600;
    margin: 0 0 15px;
}
.tradePage .captionList dd{

}
.tradePage .merit{
    margin: 0 0 100px;
}
.tradePage .meritList{
    background: #efefef;
    padding: 40px;
    margin: 0 0 40px;
    position: relative;
}
.tradePage .meritList dt{
    font-size: 160%;
    font-weight: 600;
    margin: 0 0 20px;
}
.tradePage .meritList dt span{
    position: absolute;
    top: -10px;
    left: -10px;
    color: #FFF;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    z-index: 1;
}
.tradePage .meritList dt span:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 80px 80px 0 0;
    border-color: #ba670f transparent transparent transparent;
    z-index: -1;
}
.tradePage .meritList dt .txt{

}
.tradePage .meritList dt .txt span{
    font-weight: 600;
    color: #ff9222;
    padding: 0 3px 0 0;
}
.tradePage .meritList dd{

}
.tradePage .meritList dd > *{
    margin: 0 0 20px;
}
.tradePage .meritList dd > *:last-child{
    margin: 0;
}
.tradePage .meritList dd .txt{

}
.tradePage .meritList .innerLink{

}
.tradePage .meritList .innerLink a{

}
.tradePage .meritList .innerLink a span{

}

.tradePage .tradeDetail{

}
.tradePage .tradeDetail h3{
    font-size: 220%;
    margin: 0 0 40px;
    border-left: 10px solid;
    padding: 0 0 0 10px;
}
.tradePage .tradeDetail .ticketType{
    border: 2px solid;
    margin: 0 0 60px;
}
.tradePage .tradeDetail .ticketType.negType{
    margin: 0 0 100px;
}
.tradePage .tradeDetail .ticketCellList{
    display: flex;
}
.tradePage .tradeDetail .ticketCellList:not(:last-child){
    border-bottom: 2px solid;
}
.tradePage .tradeDetail .ticketCellList li{
    width: 34%;
    padding: 20px;
    display: flex;
    align-items: center;
}
.tradePage .tradeDetail .ticketCellList li:not(:last-child){
    border-right: 2px solid;
}
.tradePage .tradeDetail .ticketCellList.cellHead li{
    justify-content: center;
    font-size: 90%;
    font-weight: 600;
    background: #efefef;
}
.tradePage .tradeDetail .ticketCellList.cellBlue li{
    background: #dff2ff;
}
.tradePage .tradeDetail .ticketCellList.cellYellow li{
    background: #fff4dc;
}
.tradePage .tradeDetail .ticketCellList .ticketName{
    justify-content: center;
    font-size: 110%;
    font-weight: 600;
    width: 36%;
}
.tradePage .tradeDetail .ticketCellList .ticketCaption{
    width: 64%;
}
.tradePage .tradeDetail .ticketCellList .ticketCaption .txtInfo{
    font-size: 80%;
    line-height: 1.4em;
    margin: 10px 0 0;
    font-weight: 500;
}
.tradePage .tradeDetail .ticketCellList .ticketSall{
    width: 32%;
    font-size: 90%;
}
.tradePage .tradeDetail .ticketCellList .ticketBuy{
    width: 32%;
    font-size: 90%;
}
.tradePage .tradeDetail .ticketCellList .cellInner{

}
.tradePage .tradeDetail .ticketCellList .cellInner .txt{

}
.tradePage .tradeDetail .ticketCellList .cellInner .ticketName .txt{
    justify-content: center;
}
.tradePage .tradeDetail .ticketCellList .cellInner .txt .blueTicket{
    display: block;
    width: 100px;
    font-size: 75%;
    background: #3AA9F0;
    color: #FFF;
    line-height: 1em;
    padding: 10px 10px 8px;
    border-radius: 100px;
    margin: 0 auto 10px;
    text-align: center;
}
.tradePage .tradeDetail .ticketCellList .cellInner .txt .yellowTicket{
    display: block;
    width: 100px;
    font-size: 75%;
    background: #FFBE31;
    color: #FFF;
    line-height: 1em;
    padding: 10px 10px 8px;
    border-radius: 100px;
    margin: 0 auto 10px;
    text-align: center;
}
.tradePage .tradeDetail .ticketCellList .cellInner .txt .senko{
    display: block;
    margin: 0 0 5px;
    padding: 0 0 0 20px;
    position: relative;
    line-height: 1.3em;
}
.tradePage .tradeDetail .ticketCellList .cellInner .txt .senko:before{
    content: "・";
    position: absolute;
    left: 0;
}
.tradePage .tradeDetail .ticketCellList .cellInner .txt .senko:last-child{
    margin: 0;
}
.tradePage .ticketChange{
    background: #efefef;
    padding: 40px;
    margin: 0 0 100px;
}
.tradePage .ticketChange h3{

}
.tradePage .changeType{
    background: #FFF;
    border-radius: 20px;
    overflow: hidden;
    margin: 0 0 40px;
}
.tradePage .changeType:last-child{
    margin: 0;
}
.tradePage .changeTypeTit{
    font-size: 120%;
    font-weight: 500;
    display: block;
    text-align: left;
    padding: 15px 20px;
}
.tradePage .changeTypeTit.dTicket{
    color: #e9537d;
}
.tradePage .changeTypeTit.pTicket{
    color: #009688;
}
.tradePage .changeDetail{
    border-top: 4px solid #efefef;
    display: flex;
}
.tradePage .changeDetail dt{
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 4px solid #efefef;
    font-size: 120%;
    font-weight: 500;
    background: #fcfcfc;
}
.tradePage .changeDetail dd{
    width: 70%;
}
.tradePage .changeDetail .changeFlow{

}
.tradePage .changeDetail .changeFlow li{
    border-bottom: 4px solid #efefef;
    display: flex;
    padding: 20px;
    justify-content: space-between;
    font-size: 120%;
    font-weight: 500;
}
.tradePage .changeDetail .changeFlow li:last-child{
    border-bottom: none;
}
.tradePage .changeDetail .changeFlow li .changeBefore{
    width: 40%;
    text-align: center;
}
.tradePage .changeDetail .changeFlow li .changeBefore span{
    background: #efefef;
    padding: 20px;
    display: block;
    border-radius: 10px;
}
.tradePage .changeDetail .changeFlow li .changeArrow{
    width: 20%;
    text-align: center;
    position: relative;
}
.tradePage .changeDetail .changeFlow li .changeArrow:before{
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50%;
    height: 2px;
    background: #000;
    transform: translate(-50%,-50%);
}
.tradePage .changeDetail .changeFlow li .changeArrow:after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 25%;
    width: 10px;
    height: 10px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: translate(0,-50%) rotate(45deg);
}
.tradePage .changeDetail .changeFlow li .changeAfter{
    width: 40%;
    text-align: center;
}

.tradePage .changeDetail .changeFlow li .changeAfter span{
    background: #FFF;
    padding: 20px;
    display: block;
    border-radius: 10px;
}
.tradePage .changeDetail .changeFlow li .changeAfter span.afterD{
    background: #E9537D;
    color: #FFF;
}
.tradePage .changeDetail .changeFlow li .changeAfter span.afterP{
    background: #009688;
    color: #FFF;
}


.tradePage .serviceDetail{
    border: 2px solid;
    padding: 40px;
    margin: 0 0 80px;
}
.tradePage .serviceDetail h3{

}
.tradePage .serviceDetail .lead{
    font-size: 120%;
    font-weight: 500;
    margin: 0 0 10px;
}
.tradePage .serviceDetail .cautionList{
    margin: 0 0 40px;
}
.tradePage .serviceDetail .op_detail{
    margin: 0 0 40px;
}
.tradePage .serviceDetail .op_detail .inList{

}
.tradePage .serviceDetail .op_detail .inList li{
    padding: 0 0 0 15px;
    margin: 0 0 10px;
}
.tradePage .serviceDetail .op_detail .inList li:first-child{
    border-left: 5px solid;
    padding: 0 0 0 10px;
    line-height: 1em;
    font-weight: 500;
}
.tradePage .serviceDetail .op_detail .inList li:last-child{
    margin: 0;
}
.tradePage .serviceDetail .op_detail .inList li span{
    font-size: 80%;
    background: #848484;
    border-radius: 2px;
    padding: 2px 10px;
    color: #FFF;
    margin: 0 10px 0 0;
    vertical-align: 1px;
}
.tradePage .serviceDetail h4{
    font-size: 160%;
    margin: 0 0 20px;
}

.tradePage .serviceDetail .serviceCaution{

}
.tradePage .serviceDetail .serviceCaution li{
    font-size: 100%;
    margin: 0 0 20px;
    font-weight: 500;
    border-bottom: 1px dashed;
    padding: 0 0 20px;
}
.tradePage .serviceDetail .serviceCaution li:first-child{
    border-top: 1px dashed;
    padding: 20px 0 20px;
}
.tradePage .serviceDetail .btnQuest{

}
.tradePage .serviceDetail .btnQuest a{
    position:relative;
}
.tradePage .serviceDetail .btnQuest a span{
    display: inline-block;
    width: 40px;
    position: absolute;
    bottom: 7px;
    left: calc(100% + 20px);
    transition: 0.5s ease;
    line-height: 0;
}
.tradePage .serviceDetail .btnQuest a span svg .st0{
    fill: none;
    stroke: #231815;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    transition: 0.5s ease;
}
.tradePage .soon{
    text-align: center;
    font-size: 140%;
    font-weight: 500;
}
.tradePage .floatBtn{
    position: fixed;
    bottom: 60px;
    right: 60px;
    color: #FFF;
    transition: 0.5s ease;
}
.tradePage .floatBtn .btnInner{

}
.headerFix.tradePage .floatBtn{
    transform: translateY(0);
}
.bottomFix.tradePage .floatBtn{
    transform: translateY(200%);
}
.tradePage .floatBtn a{
    font-size: 140%;
    text-align: center;
    font-weight: 600;
    line-height: 1.3em;
    background: #000;
    border-radius: 100px;
    width: 150px;
    height: 150px;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tradePage .floatBtn a span{
    display: block;
    font-size: 80%;
    line-height: 1.4em;
}
.tradePage .btnTrade a{
    margin: 0 auto 0;
    width: 420px;
    font-size: 140%;
    padding: 25px;
    border-radius: 10px;
    background: #ba670f;
    color: #FFF;
}

/* tradePage:PC-min-770 */
@media screen and (min-width: 770px){

.tradePage .serviceDetail .btnQuest a:hover span{
    left: calc(100% + 30px);
}
.tradePage .serviceDetail .btnQuest a:hover span svg .st0{
    stroke: #645DFF;
}
.tradePage .btnTrade a:hover{
    background: #645DFF;
}
.tradePage .tradeDetail .ticketCellList .cellInner .capSale,
.tradePage .tradeDetail .ticketCellList .cellInner .capBuy{
    display:none;
}
}
/*  tradePage:SP-max-769 */
@media screen and (max-width: 769px){
.tradePage .tradeBox .inBox {
    padding: 40px 20px;
    margin-bottom: 60px;
}
.tradePage .intro .thumb {
    width: 100%;
}
.tradePage .intro .txt {
    font-size: 100%;
    text-align: left;
    margin: 0 0 20px;
    line-height: 1.4em;
}
.tradePage .intro .cap {
    text-align: left;
    font-size: 80%;
    line-height: 1.3em;
}
.tradePage .captionList {
    padding: 20px;
    text-align: left;
    margin-bottom: 40px;
}
.tradePage .captionList dt {
    font-size: 100%;
    margin: 0 0 5px;
    line-height: 1.5em;
}
.tradePage .captionList dd {
    font-size: 90%;
    line-height: 1.3em;
}
.tradePage .merit {
    margin: 0 0 60px;
}
.tradePage .meritList {
    padding: 25px;
}
.tradePage .meritList dt {
    font-size: 120%;
    margin: 0 0 10px;
}
.tradePage .meritList dt span {
    width: 35px;
    height: 35px;
}
.tradePage .meritList dt span:before {
    border-width: 55px 55px 0 0;
}
.tradePage .meritList dd > * {
    margin: 0 0 10px;
}
.tradePage .meritList .innerLink {
    text-align: right;
}
.tradePage .meritList .innerLink a {
    font-size: 60%;
    font-weight: 600;
}
.tradePage .tradeDetail h3 {
    font-size: 140%;
    padding: 0 0 0 10px;
    margin: 0 0 20px;
    border-left: 5px solid;
    line-height: 1.3em;
}
.tradePage .tradeDetail .ticketType {
    border: none;
    margin: 0 0 40px;
}
.tradePage .tradeDetail .ticketCellList {
    display: block;
    border: 2px solid;
}
.tradePage .tradeDetail .ticketCellList:not(:last-child) {
    margin-bottom: 20px;
}
.tradePage .tradeDetail .ticketCellList.cellHead{
    display: none;
}
.tradePage .tradeDetail .ticketCellList li {
    width: 100%;
}
.tradePage .tradeDetail .ticketCellList li:not(:last-child) {
    border-right: none;
    border-bottom: 2px solid;
}
.tradePage .tradeDetail .ticketCellList .ticketName {
    width: 100%;
    display: block;
}
.tradePage .tradeDetail .ticketCellList .ticketSall {
    width: 100%;
}
.tradePage .tradeDetail .ticketCellList .ticketBuy {
    width: 100%;
}
.tradePage .tradeDetail .ticketCellList .ticketName .cellInner .txt {
    display: block;
}
.tradePage .tradeDetail .ticketCellList .ticketCaption .txtInfo {
    font-size: 70%;
    font-weight: 600;
}
.tradePage .tradeDetail .ticketCellList .ticketCaption .txtInfo a{
    text-decoration: underline;
}
.tradePage .tradeDetail .ticketCellList .ticketCaption {
    width: 100%;
    
}
.tradePage .tradeDetail .ticketCellList .cellInner .txt .blueTicket,
.tradePage .tradeDetail .ticketCellList .cellInner .txt .yellowTicket{
    margin: 0 auto 10px;
}
.tradePage .tradeDetail .ticketCellList .cellInner .capSale,
.tradePage .tradeDetail .ticketCellList .cellInner .capBuy{
    display: block;
    margin: 0 0 10px;
    font-weight: 600;
    font-size: 120%;
    border-left: 5px solid;
    padding: 0 0 0 10px;
}
.tradePage .tradeDetail .ticketType.negType {
    margin: 0 0 40px;
}
.tradePage .ticketChange {
    padding: 20px;
    margin: 0 0 40px;
}
.tradePage .tradeDetail h3 {
    font-size: 120%;
}
.tradePage .changeType {
    margin: 0 0 20px;
}

.tradePage .changeTypeTit {
    text-align: center;
    font-size: 100%;
}
.tradePage .changeDetail {
    border-top: 4px solid #efefef;
    display: block;
}
.tradePage .changeDetail dt {
    width: 100%;
    border-right: none;
    border-bottom: 4px solid #efefef;
    padding: 10px;
    font-size: 100%;
}
.tradePage .changeDetail dd {
    width: 100%;
}
.tradePage .changeDetail .changeFlow li {
    align-items: center;
    padding: 15px;
}
.tradePage .changeDetail .changeFlow li .changeBefore {
    width: 45%;
}
.tradePage .changeDetail .changeFlow li .changeBefore span {
    padding: 10px;
    font-size: 60%;
    font-weight: 600;
}
.tradePage .changeDetail .changeFlow li .changeArrow {
    width: 10%;
}
.tradePage .changeDetail .changeFlow li .changeArrow:after {
    width: 5px;
    height: 5px;
}
.tradePage .changeDetail .changeFlow li .changeAfter {
    width: 45%;
}
.tradePage .changeDetail .changeFlow li .changeAfter span.afterD {
    padding: 10px;
    font-size: 60%;
}
.tradePage .changeDetail .changeFlow li .changeAfter span.afterP {
    padding: 10px;
    font-size: 60%;
}
.tradePage .serviceDetail {
    border: 2px solid;
    padding: 20px;
    margin: 0 0 40px;
}
.tradePage .serviceDetail .lead {
    font-size: 90%;
    line-height: 1.5em;
}
.tradePage .serviceDetail .cautionList {
    margin: 0 0 20px;
}
.tradePage .serviceDetail .op_detail {
    margin: 0 0 40px;
}
.tradePage .serviceDetail .op_detail .inList li:first-child {
    font-weight: 600;
    font-size: 80%;
}
.tradePage .serviceDetail h4 {
    font-size: 120%;
    margin: 0 0 20px;
}
.tradePage .serviceDetail .serviceCaution li {
    font-size: 80%;
}
.tradePage soon{
    font-size: 90%;
}
.tradePage .btnTrade a {
    font-size: 100%;
    width: 100%;
    padding: 20px;
}
.tradePage .floatBtn {
    bottom: 40px;
    right: 10px;
}
.tradePage .floatBtn a {
    font-size: 100%;
    width: 90px;
    height: 90px;
}
.tradePage .floatBtn a span {
    font-size: 60%;
}
.tradePage .floatBtn .btnInner {
    line-height: 1.3em;
}
.tradePage .soon{
    font-size: 100%;
}

}
/*===================================================
  pages:cancel
====================================================*/
.cancelPage{

}
.cancelPage .pageTit h2 {
    font-size: 300%;
}
.cancelPage .cancelBox{

}
.cancelPage .cancelBox .inBox{
    background: #FFF;
    padding: 80px 0;
}
.cancelPage .cancelBox .inBox .innerBlock{
    padding: 60px;
    margin: 0 auto 100px;
}
.cancelPage .cancelBox .inBox .inner{
    margin: 0 0 60px;
    padding: 0 0 60px;
    border-bottom: 1px dashed;
}
.cancelPage .cancelBox .inBox .inner .txt{
    font-size: 160%;
    text-align: center;
    margin: 0 0 40px;
    font-weight: 500;
}
.cancelPage .cancelBox .inBox .inner .lead{
    margin: 0 0 20px;
}
.cancelPage .cancelBox .inBox .inner .thumb{

}

.cancelPage .cancelBox .inBox .intro{

}
.cancelPage .cancelBox .inBox .downGrade{
}
.cancelPage .cancelBox .inBox .notdownGrade{
    margin: 0;
    padding: 0;
    border: none;
}
.cancelPage .QaBlock{
    max-width: 1000px;
    margin: 0 auto 100px;
    background: #EFEFEF;
    padding: 60px;
}
.cancelPage .QaBlock .txt{
    text-align: center;
    font-size: 160%;
    font-weight: 500;
    margin: 0 0 40px;
}
.cancelPage .QaBlock .btnList{
    display: flex;
    justify-content: center;
}
.cancelPage .QaBlock .btnList li{
    margin: 0 20px 0;
}
.cancelPage .QaBlock .btnList li a{
    width: 400px;
}
.cancelPage .QaBlock .btnList li.btnT a{
    background: #0088B1;
    color: #FFF;
}
.cancelPage .QaBlock .btnList li.btnC a{
    background: #3AA9F0;
    color: #FFF;
}

.cancelPage .cancelAttention{
    max-width: 1000px;
    margin: 0 auto;
}
.cancelPage .cancelAttention dt{
text-align: center;
    font-size: 160%;
    font-weight: 500;
    margin: 0 0 40px;
    border-bottom: 1px dashed;
    padding: 0 0 40px;
}
.cancelPage .cancelAttention dd{
    margin: 0 0 40px;
    border-bottom: 1px dashed;
    padding: 0 0 40px;
}
.cancelPage .cancelAttention dd:last-child{
    margin: 0;
}
.cancelPage .cancelAttention dd .txt{

}
.cancelPage .cancelAttention dd .txt span{
    color: #ff4343;
}


/* cancelPage:SP-max-769 */
@media screen and (max-width: 769px){

.cancelPage .cancelBox .inBox {
    padding: 40px 20px 40px;
    margin-bottom: 60px;
}
.cancelPage .pageTit h2 {
    font-size: 180%;
    line-height: 1.4em;
}
.cancelPage .cancelBox .inBox .innerBlock {
    margin: 0 auto 60px;
    padding: 0;
}
.cancelPage .cancelBox .inBox .inner {
    margin: 0 0 25px;
    padding: 0 0 25px;
    border-bottom: 1px dashed;
}
.cancelPage .cancelBox .inBox .inner:last-child {
    margin: 0 ;
    padding: 0;
    border-bottom: none;
}
.cancelPage .cancelBox .inBox .inner .txt {
    font-size: 120%;
    font-weight: 600;
    text-align: left;
    margin: 0 0 20px;
    line-height: 1.3em;
}
.cancelPage .cancelBox .inBox .inner .lead {
    margin: 0 0 20px;
    font-size: 90%;
    line-height: 1.5em;
}
.cancelPage .QaBlock .txt {
    text-align: left;
    font-size: 120%;
    line-height: 1.5em;
    margin: 0 0 20px;
}
.cancelPage .QaBlock {
    padding: 20px;
    margin: 0 auto 60px;
}
.cancelPage .QaBlock .btnList {
    display: block;
}
.cancelPage .QaBlock .btnList li {
    margin: 0 auto;
}
.cancelPage .QaBlock .btnList li a {
    width: 100%;
    font-size: 16px;
}
.cancelPage .QaBlock .btnList li.btnC a {
    margin: 0;
}
.cancelPage .cancelAttention dt {
    padding: 0 0 20px;
    text-align: left;
    font-size: 120%;
    line-height: 1.4em;
    font-weight: 500;
    margin: 0 0 20px;
}
.cancelPage .cancelAttention dd {
    margin: 0 0 20px;
    padding: 0 0 20px;
}
}



/*===================================================
  pages:dticket
====================================================*/
.dticketPage{

}
.dticketPage .pageTit h2 {
    font-size: 300%;
}
.dticketPage .dticketBox{

}
.dticketPage .dticketBox .inBox{
    margin-bottom: 0;
    padding: 0 0 60px;
}
.dticketPage .dticketBox .inBox .innerBlock{
    padding: 60px;
    margin: 0 auto 100px;
    background: #FFF;
}
.dticketPage .dticketBox .inBox .inner{
    margin: 0 0 60px;
    padding: 0 0 60px;
    border-bottom: 1px dashed;
}
.dticketPage .dticketBox .inBox .inner:last-child{
    margin: 0;
    padding: 0 ;
    border-bottom:none;
}
.dticketPage .dticketBox .inBox .inner > *{
    margin: 0 0 20px;
}
.dticketPage .dticketBox .inBox .inner > *:last-child{
    margin: 0;
}
.dticketPage .dticketBox .inBox .inner .txt{
    font-size: 160%;
    text-align: center;
    margin: 0 0 40px;
    font-weight: 500;
}
.dticketPage .dticketBox .inBox .inner .txt span{
    color: #ff4343;
}
.dticketPage .dticketBox .inBox .inner .lead{
    margin: 0 0 20px;
}
.dticketPage .dticketBox .inBox .inner .thumb{

}
.dticketPage .dticketBox .inBox .inner .txtlink{
    text-align: right;
}
.dticketPage .dticketBox .inBox .inner .txtlink .innerLink{
}
.dticketPage .dticketBox .inBox .inner .column{
    display: flex;
    align-items: center;
}
.dticketPage .dticketBox .inBox .inner .column dt{
    width: 60%;
}
.dticketPage .dticketBox .inBox .inner .column dt .tit{
    font-size: 130%;
    margin: 0 0 20px;
}
.dticketPage .dticketBox .inBox .inner .column dt .txt{
    font-size: 100%;
    text-align: left;
    font-weight: 400;
    margin: 0;
}
.dticketPage .dticketBox .inBox .inner .column dd{
    width: 40%;
    padding: 0 0 0 40px;
}

.dticketPage .dticketBox .inBox .inner .goodDealBlock{
    border-top: 1px solid;
    margin: 0 0 40px
}
.dticketPage .dticketBox .inBox .inner .goodDealBlock .goodDeal{
    display: flex;
    width: 100%;
    border-bottom: 1px solid;
}
.dticketPage .dticketBox .inBox .inner .goodDealBlock .goodDeal dt{
    width: 30%;
    display: flex;
    align-items: center;
    padding: 20px;
    border-right: 1px solid;
    border-left: 1px solid;
}
.dticketPage .dticketBox .inBox .inner .goodDealBlock .goodDeal dd{
    width: 70%;
    display: flex;
    align-items: center;
    padding: 20px;
    border-right: 1px solid;
}
.dticketPage .dticketBox .inBox .inner .goodDealBlock .goodDeal:first-child dt{
    text-align: center;
    justify-content: center;
    background: #000;
    color: #FFF;
    border: none;
}
.dticketPage .dticketBox .inBox .inner .goodDealBlock .goodDeal:first-child dd{
    text-align: center;
    justify-content: center;
    background: #000;
    color: #FFF;
    border: none;
}
.dticketPage .dticketBox .inBox .inner .goodDealBlock .goodDeal dt .icatch{
    width: 100px;
}
.dticketPage .dticketBox .inBox .inner .goodDealBlock .goodDeal dt .txt{
    width: calc(100% - 100px);
    font-size: 100%;
    margin: 0;
}
.dticketPage .dticketBox .inBox .inner .goodDealBlock .goodDeal dd .price{
    font-size: 90%;
    margin: 0 20px 0 0;
}
.dticketPage .dticketBox .inBox .inner .goodDealBlock .goodDeal dd .price span{
font-size: 70%;
}
.dticketPage .dticketBox .inBox .inner .goodDealBlock .goodDeal dd .bear{
    font-size: 90%;
}
.dticketPage .dticketBox .inBox .inner .goodDealBlock .goodDeal dd .bear span{
    font-size: 160%;
    padding: 0 5px;
    font-weight: 600;
}


.dticketPage .dticketBox .inBox .inner .pticket{
    display: flex;
    width: 100%;
    border-bottom: 1px solid;
    border-top: 1px solid;
}
.dticketPage .dticketBox .inBox .inner .pticket dt{
    width: 30%;
    display: flex;
    align-items: center;
    padding: 20px;
    border-right: 1px solid;
    border-left: 1px solid;
}
.dticketPage .dticketBox .inBox .inner .pticket dd{
    width: 70%;
    display: flex;
    align-items: center;
    padding: 20px;
    border-right: 1px solid;
}
.dticketPage .dticketBox .inBox .inner .pticket dt .icatch{
    width: 75px;
    padding: 0 5px 0 0;
}
.dticketPage .dticketBox .inBox .inner .pticket dt .txt{
    width: calc(100% - 80px);
    font-size: 100%;
    margin: 0;
}
.dticketPage .dticketBox .inBox .inner .pticket dd .price{
    font-size: 90%;
    margin: 0 20px 0 0;
}
.dticketPage .dticketBox .inBox .inner .pticket dd .price span{
    font-size: 70%;
}

.dticketPage .ticketAttention{
    margin: 0 auto 100px;
}
.dticketPage .ticketAttention dt{
    text-align: center;
    font-size: 160%;
    font-weight: 500;
    margin: 0 0 40px;
    border-bottom: 1px dashed;
    padding: 0 0 40px;
    color: #FFF;
}
.dticketPage .ticketAttention dd{
    margin: 0 0 40px;
    border-bottom: 1px dashed;
    padding: 0 0 40px;
    color: #FFF;
}
.dticketPage .ticketAttention dd:last-child{
    margin: 0;
}
.dticketPage .ticketAttention dd .txt{

}
.dticketPage .ticketAttention dd .txt span{
    color: #ff4343;
}

.dticketPage .deviceAttention{
    background: #EFEFEF;
    padding: 40px;
    margin: 0 auto 100px;
}
.dticketPage .deviceAttention dt{
    text-align: center;
    font-size: 160%;
    font-weight: 500;
    margin: 0 0 30px;
    border-bottom: 1px dashed;
    padding: 0 0 30px;
}
.dticketPage .deviceAttention dd{
    margin: 0 0 20px;
    padding: 0 0 0 25px;
    position: relative;
}
.dticketPage .deviceAttention dd:last-child{
    margin: 0;
}
.dticketPage .deviceAttention dd:before{
    content: "●";
    position: absolute;
    left: 0;
}
.dticketPage .deviceAttention dd > *{
    margin-bottom:20px;
}
.dticketPage .deviceAttention dd > *:last-child{
    margin-bottom:0;
}
.dticketPage .deviceAttention dd .txt{

}

.dticketPage .flowBlock{
    margin: 0 auto;
}
.dticketPage .flowBlock .tit{
    font-size: 160%;
    text-align: center;
    margin: 0 0 40px;
    font-weight: 500;
    color: #FFF;
}
.dticketPage .flowBlock .flowList{
    background: #efefef;
    padding: 40px;
    margin: 0 0 40px;
    position: relative;
}
.dticketPage .flowBlock .flowList dt{
    font-size: 160%;
    font-weight: 600;
    margin: 0 0 20px;
}
.dticketPage .flowBlock .flowList dt .txt a{
    color: #645DFF;
    text-decoration: underline;
}
.dticketPage .flowBlock .flowList dt span {
    position: absolute;
    top: -10px;
    left: -10px;
    color: #FFF;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    z-index: 1;
}
.dticketPage .flowBlock .flowList dt span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 80px 80px 0 0;
    border-color: #ba670f transparent transparent transparent;
    z-index: -1;
}
.dticketPage .flowBlock .flowList dd{

}
.dticketPage .flowBlock .flowList dd > *{
    margin: 0 0 20px;
}
.dticketPage .flowBlock .flowList dd > *:last-child {
    margin: 0;
}

.dticketPage .flowBlock .flowList dd .appList{
display: flex;
}
.dticketPage .flowBlock .flowList dd .appList li{
    width: 170px;
    margin: 0 20px 0 0;
}
.dticketPage .flowBlock .flowList dd .appList li a{

}
.dticketPage .flowBlock .flowList dd .appList li a .badge{
    line-height: 0;
    margin: 0 0 10px;
}
.dticketPage .flowBlock .flowList dd .appList li a span{
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 80%;
    line-height: 1em;
}
/* dticketPage:PC-min-770 */
@media screen and (min-width: 770px){
.dticketPage .flowBlock .flowList dd .appList li.iphone,
.dticketPage .flowBlock .flowList dd .appList li.android{
    display:none;
}

}
/* dticketPage:SP-max-769 */
@media screen and (max-width: 769px){

.dticketPage .pageTit h2 {
    font-size: 180%;
    line-height: 1.4em;
}
.dticketPage .dticketBox .inBox .innerBlock {
    padding: 20px;
    margin: 0 auto 60px;
}
.dticketPage .dticketBox .inBox .inner .txt {
    font-size: 120%;
    font-weight: 600;
    text-align: left;
    margin: 0 0 20px;
    line-height: 1.3em;
}
.dticketPage .dticketBox .inBox .inner {
    margin: 0 0 25px;
    padding: 0 0 25px;
    border-bottom: 1px dashed;
}
.dticketPage .dticketBox .inBox .inner .txtlink .innerLink {
    font-size: 70%;
    font-weight: 600;
}
.dticketPage .dticketBox .inBox .inner .column {
    display: block;
}
.dticketPage .dticketBox .inBox .inner .column dt {
    width: 100%;
}
.dticketPage .dticketBox .inBox .inner .column dt .tit {
    font-size: 90%;
    margin: 0 0 20px;
}
.dticketPage .dticketBox .inBox .inner .column dt .txt {
    font-size: 90%;
    margin: 0 0 20px;
}
.dticketPage .dticketBox .inBox .inner .column dd {
    width: 100%;
    padding: 0;
}
.dticketPage .dticketBox .inBox .inner .goodDealBlock .goodDeal {
    align-items: center;
    border-left: 1px solid;
    border-right: 1px solid;
}
.dticketPage .dticketBox .inBox .inner .goodDealBlock .goodDeal:nth-child(1) {
    background: #000;
    font-size: 60%;
    font-weight: 600;
    line-height: 1.3em;
    text-align: center;
}
.dticketPage .dticketBox .inBox .inner .goodDealBlock .goodDeal dt {
    display: block;
    padding: 10px;
    border-left: none;
}
.dticketPage .dticketBox .inBox .inner .goodDealBlock .goodDeal dt .icatch {
    width: 100%;
    margin: 0 0 5px;
}
.dticketPage .dticketBox .inBox .inner .goodDealBlock .goodDeal dt .txt {
    width: 100%;
    font-size: 70%;
    text-align: center;
}
.dticketPage .dticketBox .inBox .inner .goodDealBlock .goodDeal dd {
    display: block;
    padding: 10px;
    border: none;
}
.dticketPage .dticketBox .inBox .inner .goodDealBlock .goodDeal dd .price {
    font-size: 60%;
    margin: 0 0 5px;
    line-height: 1.3em;
}
.dticketPage .dticketBox .inBox .inner .goodDealBlock .goodDeal dd .bear {
    font-size: 60%;
    font-weight: 600;
    border: none;
    line-height: 1em;
}
.dticketPage .dticketBox .inBox .inner .pticket dt {
    display: block;
}
.dticketPage .dticketBox .inBox .inner .pticket dt .icatch {
    width: 100%;
    margin: 0 0 5px;
}
.dticketPage .dticketBox .inBox .inner .pticket dt .txt {
    width: 100%;
    font-size: 60%;
    text-align: center;
}
.dticketPage .dticketBox .inBox .inner .pticket dd .price {
    font-size: 60%;
    font-weight: 600;
}
.dticketPage .dticketBox .inBox .inner .goodDealBlock {
    margin: 0 0 20px;
}
.dticketPage .dticketBox .inBox .inner .pticket dt {
    padding: 10px;
}
.dticketPage .dticketBox .inBox .inner .pticket dd {
    padding: 10px;
}
.dticketPage .ticketAttention {
    margin: 0 auto 60px;
}
.dticketPage .ticketAttention dt {
    border-bottom: 1px dashed;
    padding: 0 0 20px;
    font-size: 120%;
    font-weight: 600;
    text-align: left;
    margin: 0 0 20px;
    line-height: 1.3em;
}
.dticketPage .ticketAttention dd {
    margin: 0 0 20px;
    border-bottom: 1px dashed;
    padding: 0 0 20px;
}
.dticketPage .deviceAttention {
    padding: 20px;
    margin: 0 auto 60px;
}
.dticketPage .deviceAttention dt {
    border-bottom: 1px dashed;
    padding: 0 0 20px;
    font-size: 120%;
    font-weight: 600;
    text-align: center;
    margin: 0 0 20px;
    line-height: 1.3em;
}
.dticketPage .deviceAttention dd {
    margin: 0 0 10px;
    font-size: 90%;
}
.dticketPage .deviceAttention dd > * {
    margin-bottom: 10px;
}
.dticketPage .flowBlock .tit {
    font-size: 120%;
    margin: 0 0 20px;
}
.dticketPage .flowBlock .flowList {
    padding: 25px;
}
.dticketPage .flowBlock .flowList:last-child{
    margin: 0;
}
.dticketPage .flowBlock .flowList dt {
    font-size: 120%;
    font-weight: 600;
    margin: 0 0 10px;
}
.dticketPage .flowBlock .flowList dt p span{
    color: #ff4343;
}
.dticketPage .flowBlock .flowList dt span {
    width: 35px;
    height: 35px;
}
.dticketPage .flowBlock .flowList dt span:before {
    border-width: 55px 55px 0 0;
}
.dticketPage .flowBlock .flowList dt  .txt {
    line-height: 1.3em;
}
.dticketPage .flowBlock .flowList dd .appList li {
    width: 100%;
    margin: 0;
}
.dticketPage .flowBlock .flowList dd .appList li a span {
    font-size: 60%;
}
.dticketPage .flowBlock .flowList dd .appList li a{
    width: 60%;
    display: block;
    margin: 0 auto;
}
.dticketPage .flowBlock .flowList dd .appList li a .badge {
    margin: 0;
}
}


/*===================================================
  pages:specialPage
====================================================*/

.specialPage{
    font-size: 17px;
}
.specialPage .lead{
    font-size: 110%;
    font-weight: 500;
}
.specialPage h3{
    max-width: 600px;
    margin: 0 auto 20px;
    padding: 0 20px;
}
.specialPage .eventName{
    text-align: center;
    font-size: 210%;
    font-weight: 600;
    line-height: 1.4em;
    margin: 0 0 50px;
    color: #FFF;
}
.specialPage .specialBox{
    position: relative;
    margin: 100px 0;
}
.specialPage .specialBox .inBox{
    position: relative;
    background: #FFF;
    padding: 80px 60px 60px;
}

.specialPage .specialBox .inBox .badgeVenue{
    background: #97060D;
    border: 4px solid #FFF;
    width: 110px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(20%, -20%);
}
.specialPage .specialBox .inBox .badgeVenue span{
    color: #FFF;
    font-size: 120%;
    font-weight: 700;
}
.specialPage .specialBox .inBox .badgeWeb{
    background: #00143C;
    border: 4px solid #FFF;
    width: 110px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(20%, -20%);
}
.specialPage .specialBox .inBox .badgeWeb span{
    color: #FFF;
    font-size: 120%;
    font-weight: 700;
}
.specialPage .specialInner{
    margin: 0 0 80px;
    padding: 0 0 80px;
    border-bottom: 1px solid;
}
.specialPage .specialInner:last-child{
    margin: 0;
    padding: 0;
    border-bottom: none;
}
.specialPage .specialInner > *{
    margin: 0 0 40px;
}
.specialPage .specialInner > *:last-child{
    margin-bottom: 0;
}
.specialPage .specialTit{
    font-size: 160%;
    font-weight: 800;
    text-align: center;
    line-height: 1.2em;
}


.specialPage .specialInner .specialTit{
    line-height: 1.4em;
}
.specialPage .specialInner .specialSubTitOuter{
    text-align: center;
    margin-bottom: 80px;
    position: relative;
}
.specialPage .specialInner .specialSubTitOuter:before{
    content: "";
    background-image: url(/static/kobukuro/official/feature/tour2024/images/special/ph_tit_badge.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20%;
    aspect-ratio: 1;
    opacity: 0.1;
}
.specialPage .specialInner .specialSubTit{
    position: relative;
    text-align: center;
    font-size: 42px;
    font-weight: 800;
    z-index: 1;
    display: inline-block;
    margin: 0 auto;
    line-height: 1.8em;
}
.specialPage .specialInner .specialSubTit:before{

}
.specialPage .specialInner .specialSubTit span{
    font-size: 160%;
    padding: 0 10px;
    vertical-align: -3px;
}
.specialPage .thumb{
    width: 60%;
    margin: 0 auto;
}
.specialPage .prizeImage{
    max-width: 1000px;
    margin: 0 auto 40px;
}
.specialPage .addTxt{
    text-align: center;
    margin-top: 40px;
    font-size: 110%;
    font-weight: 700;
}
.specialPage .specialInner .additionBlock{

}
.specialPage .specialInner .additionTxt{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 40px;
    line-height: 1.6em;
}
.specialPage .specialInner .additionTxt span{
    font-size: 130%;
}
.specialPage .specialInner .additionThumb{
    line-height: 0;
    width: 80%;
    margin: 0 auto 40px;
}
.specialPage .specialInner .additionCap{
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6em;
}

.specialPage .arClm{
    display: flex;
    max-width: 800px;
    margin: 0 auto 40px;
}
.specialPage .arClm dt{
    width: 30%;
}
.specialPage .arClm dd{
    width: 70%;
    padding: 0 0 0 20px;
}
.specialPage .arClm dd > *{
    margin: 0 0 20px;
}
.specialPage .arClm dd > *:last-child{
    margin: 0;
}
.specialPage .arClm .txt{
    font-size: 120%;
    line-height: 1.6em;
    font-weight: 600;
    font-size: 130%;
}
.specialPage .arClm .txt:last-child{
    font-size: 120%;
    font-weight: normal;
}
.specialPage .method{
    padding: 40px 40px 40px 60px;
    position: relative;
    background: #efefef;
}
.specialPage .method dt{
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1em;
    font-weight: 600;
    font-size: 120%;
    position: absolute;
    top: -10px;
    left: -10px;
    width: 80px;
    height: 80px;
}
.specialPage .method dt:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 110px 110px 0 0;
    border-color: #ba670f transparent transparent transparent;
    z-index: 0;
}
.specialPage .method dt span{
    position: relative;
    display: inline-block;
    z-index: 5;
    transform: rotate(-45deg);
    line-height: 1em;
    font-size: 70%;
    color: #FFF;
    font-weight: 900;
}
.specialPage .method dd{

}
.specialPage .method dd .methodList{

}
.specialPage .method dd .methodList li{
    margin: 0 0 10px;
}
.specialPage .method dd .methodList li:last-child{ 
    margin: 0 ;
}
.specialPage .method dd .methodList li .txt{
    position: relative;
    padding: 0 0 0 25px;
    font-weight: 500;
    font-size: 115%;
}
.specialPage .method dd .methodList li .txt span{
position: absolute;
    left: 0;
}
.specialPage .brtnList {
    display: flex;
    justify-content: center;
    padding: 0 40px;
    margin-bottom: 100px;
}
.specialPage .brtnList li {
    padding: 0 10px;
}
.specialPage .brtnList li a {
    display: block;
    width: 400px;
    background: #645DFF;
    color: #FFF;
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    font-weight: 500;
}
.specialPage .brtnList li a.btnTeam {
    background: #174CB1;
}
.specialPage .brtnList li a.btnClass {
    background: #3CB7E4;
}
.specialPage .brtnList li a.btnTeam img, .specialPage .brtnList li a.btnClass img {
    width: 60%;
    margin: 0 auto 10px;
}


/* specialPage:PC-min-770 */
@media screen and (min-width: 770px){


}
/* specialPage:SP-max-769 */
@media screen and (max-width: 769px){
.specialPage h3{
    margin: 0 auto 10px;
}

.specialPage h3{
    margin: 0 auto 10px;
}
.specialPage .eventName {
    text-align: center;
    font-size: 100%;
    font-weight: 600;
    line-height: 1.4em;
    margin: 0 0 60px;
}
.specialPage .specialBox {
    position: relative;
    margin: 0 0 40px;
    padding: 0 15px 0 25px;
}
.specialPage .specialBox .inBox {
    padding: 45px 20px 20px;
    margin-bottom: 0;
}
.specialPage .specialTit {
    font-size: 94%;
    text-align: center;
}
.specialPage .specialBox .inBox .badgeVenue,
.specialPage .specialBox .inBox .badgeWeb {

    width: 60px;
    height: 60px;
}
.specialPage .specialBox .inBox .badgeVenue span,
.specialPage .specialBox .inBox .badgeWeb span {
    font-size: 90%;
    line-height: 1.1em;
}
.specialPage .specialInner .specialSubTitOuter:before {
    width: 40%;
}
.specialPage .specialInner .specialSubTitOuter {
    margin-bottom: 20%;
}
.specialPage .thumb {
    width: 100%;
}
.specialPage .addTxt{
    text-align: left;
    font-size: 72%;
    font-weight: 800;
    line-height: 1.6em;
    margin-top: 20px;
}
.specialPage .arClm {
    display: block;
}
.specialPage .arClm dt {
    width: 100%;
    margin: 0 0 30px;
}
.specialPage .arClm dd {
    width: 100%;
    padding: 0;
}
.specialPage .arClm dd > * {
    margin: 0 0 10px;
}
.specialPage .arClm dd > *:last-child {
    margin: 0;
}

.specialPage .arClm .txt {
    font-size: 100%;
}
.specialPage .arClm .txt:last-child {
    font-size: 90%;
}

.specialPage .linkBox .inBox {
    padding: 40px 25px;
}

.specialPage .specialBox:before {
    background-size: 1200px;
    width: 100%;
    height: 13px;
}
.specialPage .specialBox:after {
    height: 13px;
    width: 100%;
    background-size: 1200px;
}
.specialPage .method dt {
    font-size: 110%;
    width: 60px;
    height: 60px;
    top: -15px;
    left: -15px;
}
.specialPage .method dt:before {
    top: 5px;
    left: 5px;
}
.specialPage .method dt span {
    font-size: 55%;
}
.specialPage .method dt:before {
    border-width: 75px 75px 0 0;
}
.specialPage .method{
    padding: 30px 20px 30px 30px;
}
.specialPage .method dd .methodList li .txt {
    font-size: 95%;
}




.specialPage .specialInner {
    margin: 0 0 40px;
    padding: 0 0 40px;
    border-bottom: 1px solid;
}
.specialPage .specialInner > * {
    margin: 0 0 20px;
}
.specialPage .specialInner > *:last-child{
    margin-bottom: 0;
}
.specialPage .specialBox.linkBox {
    padding: 0;
    margin: 0 0 60px;
}
.specialPage .specialBoxBg {
    top: 13px;
    background-size: 1200px;
    height: calc(100% - 26px);
}
.specialPage .specialBox.linkBox .specialBoxBgPencil {
    height: 100px;
    width: 100px;
    bottom: -40px;
}
.specialPage .linkBox .linkList {
    display: block;
    max-width: 100%;
}
.specialPage .linkBox .linkList li {
    width: 100%;
    margin: 0 0 20px;
}
.specialPage .linkBox .linkList li a {
    font-size: 120%;
    padding: 0 20px 0 25px;
}
.specialPage .leadBlock {
    display: block;
}
.specialPage .leadList {
    padding: 0;
    margin: 0 0 20px;
}

.specialPage .prize {
    padding: 20px;
}
.specialPage .specialprizeTit {
    font-size: 100%;
    margin: 0 0 20px;
}
.specialPage .specialprizeTit .outer:before {
    left: -20px;
    top: 0;
    width: 2px;
    height: 100%;
    transform: rotate(-15deg);
}
.specialPage .specialprizeTit .outer:after {
    right: -20px;
    top: 0;
    width: 2px;
    height: 100%;
    transform: rotate(15deg);
}
.specialPage .prizeBlock {
    display: block;
    margin: 0 0 40px;
}
.specialPage .prizeBlock .prizeImage {
    width: 100%;
    margin: 0 0 20px;
}
.specialPage .prizeBlock .txtBlock {
    padding: 0;
    max-width: 100%;
}
.specialPage .specialprizeTxt {
    font-size: 100%;
}
.specialPage .morePrize {
    max-width: 90%;
}
.specialPage .morePrize:before {
    width: 80vw;
}
.specialPage .morePrize + .prizeImage{
    width: 80%;
    margin: 0 auto;
}
.specialPage .prizeList li span {
    display: block;
    margin: 0 0 5px;
}
.specialPage .prizeList li {
    text-align: left;
    margin: 0 0 20px;
    font-size: 120%;
    font-weight: 600;
}

.specialPage .specialInner .specialLead dt {
    font-size: 120%;
}
.specialPage .specialInner .specialLead dd {
    font-size: 90%;
    line-height: 1.5em;
}

.specialPage .brtnList {
    display: block;
}
.specialPage .brtnList li {
    padding: 0;
    margin: 0 0 20px;
}
.specialPage .brtnList li:last-child{
    margin: 0;
}
.specialPage .brtnList {
    display: block;
}
.specialPage .brtnList li a {
    width: 100%;
}
.specialPage .brtnList li a.btnTeam img, .specialPage .brtnList li a.btnClass img {
    width: 40%;
    margin: 0 auto 5px;
}

.specialPage .specialInner .specialSubTit {
    font-size: 25px;
}
.specialPage .specialInner .specialSubTit span {
    padding: 0 5px;
}
.specialPage .specialInner .additionBlock {
    padding: 0;
}
.specialPage .specialInner .additionTxt {
    font-size: 15px;
    margin: 0 0 15px;
}
.specialPage .specialInner .additionThumb {
    width: 100%;
}
.specialPage .specialInner .additionCap {
    text-align: left;
    font-size: 14px;
    line-height: 1.4em;
}
.specialPage .brtnList {
    display: block;
    margin-bottom: 40px;
}

}



/*===================================================
  pages:meetgreetPage
====================================================*/
.meetgreetPage{
    font-size: 17px;
}
.meetgreetPage .specialBox{
    position: relative;
    margin: 100px 0;
}
.meetgreetPage .specialBox .inBox{
    position: relative;
    background: #FFF;
    padding: 60px;
}

.meetgreetPage .targetBox .specialBoxBg, 
.meetgreetPage .targetBox:before, 
.meetgreetPage .targetBox:after {
    transform: scaleX(-1);
}

.meetgreetPage .pageTit{
    margin-bottom: 0;
}
.meetgreetPage .eventName{
    margin-bottom: 40px;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.5em;
    color: #FFF;
}
.meetgreetPage .eventName span{
    font-size: 26px;
    line-height: 1.6em;
    display: inline-block;
}

.meetgreetPage .leadList{
    display: flex;
    max-width: 680px;
    margin: 0 auto 40px;
}
.meetgreetPage .leadList dt{
    width: 30%;
    padding: 0 20px 0 0;
}
.meetgreetPage .leadList dd{
    width: 70%;
    font-size: 110%;
    color: #FFF;
}
.meetgreetPage .prizeImage{
    width: 1000px;
    margin: 0 auto 40px;
}
.meetgreetPage .prizeImage + .cautionList{
    width: 1000px;
    margin: 0 auto 0;
    color: #FFF;
}

.meetgreetPage .specialBox .contentTit{
    text-align: center;
    font-weight: 600;
    font-size: 200%;
    border-bottom: none;
    padding: 0 0 10px;
}
.meetgreetPage .specialBox.targetBox .contentTit{
    border-bottom: 1px solid;
    padding: 0 0 60px;
}
.meetgreetPage .targetDetail{
    display: flex;
}
.meetgreetPage .targetDetail dt{
    width: 240px;
}
.meetgreetPage .targetDetail dd{
    width: calc(100% - 240px);
    padding: 0 0 0 40px;
}
.meetgreetPage .targetDetail dd .txt{
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3em;
    margin: 0 0 10px;
}
.meetgreetPage .detailInner .capList li{
    font-size: 85%;
    font-weight: 600;
}
.meetgreetPage .btnBase a {
    margin: 0 auto 100px;
    background: #ba670f;
    color: #FFF;
    border-radius: 10px;
    width: 420px;
}

.meetgreetPage .attentionBox{
    color: #FFF;
}
.meetgreetPage .attentionBox .inBox{
    border: 1px solid;
    padding: 60px;
    color: #FFF;
}
.meetgreetPage .attentionBox .attentionTit{
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    margin: 0 auto 60px;
}
.meetgreetPage .attentionBox .cautionList{
    border-bottom: 1px solid;
    padding: 0 0 40px;
}
.meetgreetPage .attentionBox .costormarList{

}
.meetgreetPage .attentionBox .costormarList li{
    font-size: 15px;
    font-weight: 500;
}
.meetgreetPage .attentionBox .costormarList li{
    font-size: 15px;
    font-weight: 500;
}



/* meetgreetPage:SP-max-769 */
@media screen and (max-width: 769px){
.meetgreetPage .cautionList li{
    font-size: 70%;
}
.meetgreetPage .eventName {
    margin-bottom: 60px;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.3em;
}
.meetgreetPage .eventName span {
        font-size: 55%;
        line-height: 1.3em;
        display: inline-block;
        margin-bottom: 10px;
}
.meetgreetPage .leadList {
    padding: 0 20px;
    display: block;
}
.meetgreetPage .leadList dt {
    width: 100%;
    margin: 0 auto 20px;
    padding: 0;
}
.meetgreetPage .leadList dd {
    width: 100%;
    font-size: 14px;
}
.meetgreetPage .prizeImage {
    width: 100%;
    margin: 0 auto 20px;
    padding: 0 20px;
}
.meetgreetPage .prizeImage + .cautionList {
    width: 100%;
    padding: 0 20px;
}

.meetgreetPage .btnBase a {
    width: 80%;
}
.meetgreetPage .specialBox {
    margin: 40px 0;
}
.meetgreetPage .specialBox .inBox {
        padding: 20px;
        margin-bottom: 40px;
}
.meetgreetPage .specialBox.targetBox .inBox {
        padding: 20px;
}
.meetgreetPage .specialBox .contentTit {
    font-size: 17px;
    margin-bottom: 10px;
    font-weight: 800;
}
.meetgreetPage .specialBox.targetBox .contentTit {
    border-bottom: 1px solid;
    padding: 0 0 20px;
    margin-bottom: 30px;
}
.meetgreetPage .targetDetail {
    display: block;
    margin: 0 0 40px;
}
.meetgreetPage .targetDetail dt {
    width: 80%;
    margin: 0 auto 20px;
}
.meetgreetPage .targetDetail dd {
    width: 100%;
    padding: 0;
}
.meetgreetPage .targetDetail dd .txt {
    font-size: 18px;
}
.meetgreetPage .attentionBox .inBox {
    border: 1px solid;
    padding: 20px;
}
.meetgreetPage .attentionBox {
    margin: 0 0 40px;
}
.meetgreetPage .attentionBox .attentionTit {
    font-size: 16px;
    margin: 0 auto 20px;
}
.meetgreetPage .attentionBox .costormarList li {
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 10px;
    line-height: 1.3em;
}
}

/*===================================================
  pages:集合写真
====================================================*/
.meetgreetPage .lead {
    text-align: center;
    font-size: 20px;
    color: #FFF;
}
.meetgreetPage .pswp__counter {
    display: none;
}
.meetgreetPage .pictureBox{

}
.meetgreetPage .pictureList{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.meetgreetPage .pictureList li{
    width: calc(50% - 20px);
    background: #efefe7;
    padding: 40px;
    margin: 0 0 40px;
}
.meetgreetPage .pictureList li .swiper-slide{
    background: #efefe7;
}
.meetgreetPage .pictureList li .thumb{
    margin: 0 0 10px;
}
.meetgreetPage .pictureList li .thumb img{

}
.meetgreetPage .op_contPop .contPop .popInBox {
    background: #FFF;
}
.meetgreetPage  .popInBox .date{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 40px;
}
.meetgreetPage  .popInBox .thumb{
    border-radius: 20px;
    overflow: hidden;
}
.meetgreetPage  .popInBox .thumb img{
    pointer-events: none;
}

.meetgreetPage.mgp .pictureBox .inBox{
    max-width: 1000px;
}
.meetgreetPage.mgp .pictureList {
    display: block;
}
.meetgreetPage.mgp .pictureList li {
    width: 100%;
}

/* 集合写真:SP-max-769 */
@media screen and (max-width: 769px){

.meetgreetPage .pictureBox .inBox{
    padding: 20px 0 40px;
}
.meetgreetPage .lead {
    text-align: left;
    font-size: 16px;
    padding: 0 20px;
}
.meetgreetPage .pictureList li {
    width: calc(50% - 5px);
    padding: 10px;
    margin: 0 0 10px;
}
.meetgreetPage .pictureList li .date{
    font-size: 12px;
    line-height: 1.3em;
}
.meetgreetPage .popInBox .date {
    font-size: 16px;
    margin: 0 0 20px;
}
}