@charset "utf-8";
@media print, screen and (min-width:769px){
/*=========================================================================
STYLE BASIC
=========================================================================*/
.for_sp {display: none !important;}



/*=========================================================================
HEADER
=========================================================================*/
#Header {top:0; right: 0; width: 100%; position: sticky;height: 5.7vw;}


/*=========================================================================
HEADER：GLOBAL NAVI
=========================================================================*/
.global_navi {
width: 29%;
height: 100vh;
max-width: 530px;
top:0;
padding-top:5.7vw;
-ms-box-shadow: -3px 6px 9px 3px rgba(0,0,0,.1);
-moz-box-shadow: -3px 6px 9px 3px rgba(0,0,0,.1);
-webkit-box-shadow: -3px 6px 9px 3px rgba(0,0,0,.1);
box-shadow: -3px 6px 9px 3px rgba(0,0,0,.1);
}


/* ---------------------------------------------------------------- */
.menu-trigger {
max-width: 60px;
width:3.2vw;
height: 3.2vw;
top :50%;
right: 6%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

/* ---------------------------------------------------------------- */
.menu-trigger span {width: 100%;left: 0%;}
.menu-trigger span:nth-child(1) {top:20%;}
.menu-trigger span:nth-child(2) {top: 48%;}
.menu-trigger span:nth-child(3) {top: 76%;}
.menu-trigger.active span:nth-child(1) , .menu-trigger.active span:nth-child(3) {top: 48%; }

/* ---------------------------------------------------------------- */
ul.navi_list  {padding:0 14% 10%; margin: 0 auto;}
ul.navi_list li {width:100%; font-weight: 400;font-size: 26px;}
ul.navi_list li a, ul.navi_list li span {padding: 4.5% 0;}

@media print, screen and (max-width:1919px){
ul.navi_list a, ul.navi_list li span {font-size: 1.354vw;}
}



/*=========================================================================
FOOTER
=========================================================================*/
#Footer .section_basic {padding-bottom: 6%; }

/* ---------------------------------------------------------------- */
ul.credit_list {margin-bottom:9%;}
ul.credit_list li {font-size:20px; margin-bottom: 1%;}


@media print, screen and (max-width:1919px){
ul.credit_list li {font-size:1.146vw;}
}

@media print, screen and (max-width:1000px){
ul.credit_list li  {font-size:1.4vw;}
}


/* ---------------------------------------------------------------- */
.copy {font-size:16px;}


@media print, screen and (max-width:1919px){
.copy {font-size:0.833vw;}
}

@media print, screen and (max-width:1000px){
.copy {font-size:1.6vw;}
}



/* ---------------------------------------------------------------- */
#sns_iconBox {
position: absolute;
right: 0;
top: 23%;
width: 25%;
max-width: 280px;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

/* ---------------------------------------------------------------- */
ul#sns_iconLink {justify-content:flex-end;}
ul#sns_iconLink li {width: 20%; margin-right: 4%;}




/*=========================================================================
MODAL PAGE：
=========================================================================*/
body.modal_content{	background: none;}

/* ---------------------------------------------------------------- */
#modalWrapper {width: 63% !Important;}

/* ---------------------------------------------------------------- */
dl.modal_container {display: -webikit-flex; display: flex; flex-wrap: wrap; padding: 4.5% !important; max-height: 700px; overflow-y: scroll;}

/* ---------------------------------------------------------------- */
dl.modal_container dt {width: 37%; margin-right: 5%;}
dl.modal_container dd {width: 58%; }
dl.modal_container dd p {word-break: break-all; margin-bottom: 1.4em;}

/* ---------------------------------------------------------------- */
.modal_photo {margin-bottom: 4%; position: sticky; top:4%;}

/* ---------------------------------------------------------------- */
.modal_title {font-size:36px; margin-bottom: 4%;}
.modal_cap {font-size: 22px; margin-bottom:1%;}

@media print, screen and (max-width:1919px){
.modal_title {font-size:1.875vw;}
.modal_cap {font-size:1.146vw;}
}

/*
@media print, screen and (max-width:1200px){
.modal_title {font-size:3vw;}
.modal_cap {font-size:1.833vw;}
}

*/
/* ---------------------------------------------------------------- */
dl.modal_container dd, dl.modal_container dd p {font-size:18px;}
dl.modal_container dd p {margin:0 0 1.4em; padding: 0; }

@media print, screen and (max-width:1919px){
dl.modal_container dd, dl.modal_container dd p {font-size:0.937vw;}
}
/*
@media print, screen and (max-width:1100px){
dl.modal_container dd, dl.modal_container dd p {font-size:1.636vw;}
}
*/


/* ---------------------------------------------------------------- */
dl.modal_container .btn_basic, dl.modal_container .btn_basic a {font-size:15px;}
dl.modal_container .btn_basic a { padding: 5% 1em;}
dl.modal_container .btn_basic {margin:0 1% 2% 0; ;}

@media print, screen and (max-width:1199px){
dl.modal_container .btn_basic, dl.modal_container .btn_basic a {font-size:1.333vw;}
}

/* ---------------------------------------------------------------- */
dl.modal_container .stage_box {margin: 4% 0 6%;}

/* ---------------------------------------------------------------- */
.fancybox-prev,
.fancybox-next {width:4% !important; height: 30% !important;  max-width:45px; }
.fancybox-prev {left: 10% !important;}
.fancybox-next{	right:10% !important;}

.fancybox-prev span,
.fancybox-next span { width: 90% !important; height: 100% !important;}


/* ---------------------------------------------------------------- */
ul.modal_sns_links {margin-top: 4%;}
ul.modal_sns_links li {width: 9%; margin-right: 4%;}
ul.modal_sns_links li:last-of-type {margin-right: 0;}

/* ---------------------------------------------------------------- */
.btn_box {margin-top: 2%; margin-bottom: 3%;}

.btn_sns {width: 6%; margin:0 0 0 3% !important; max-width: 30px;}
.btn_sns:first-child {margin-left: 0 !important;}

/* ---------------------------------------------------------------- */
dl.modal_container .stage_box {padding-bottom: 2%; margin-bottom: 4%;}


/* ---------------------------------------------------------------- */
.one_period {margin-bottom: 6%;}

/* ---------------------------------------------------------------- */
dl.modal_container .one_period:first-of-type {margin-top: 4%;} 


/* ---------------------------------------------------------------- */
ul.modal_photo_list {margin-bottom: 6%;}


ul.modal_photo_list li {width: 23%; margin-right: 2%;}
ul.modal_photo_list li:nth-of-type(4n) {margin-right: 0;}

ul.modal_photo_list li img {margin-bottom: 2%;}
ul.modal_photo_list li p {font-size: 12px; text-align: center;}

@media print, screen and (max-width:1199px){
ul.modal_photo_list li p {font-size:0.8vw;}
}

@media print, screen and (max-width:900px){
ul.modal_photo_list li {width: 32%; margin:0 2% 3% 0;}
ul.modal_photo_list li:nth-of-type(4n) {margin-right: 2%;}
ul.modal_photo_list li:nth-of-type(3n) {margin-right: 0%;}
ul.modal_photo_list li p {font-size:1vw;}
}

/* ---------------------------------------------------------------- 
.one_period.type_two {display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: flex-start;}
.one_period.type_two ul.modal_photo_list {width: 48%; margin:0 4% 0 0;}
.one_period.type_two ul.modal_photo_list:nth-of-type(even) {margin-right: 0;}
.one_period.type_two ul.modal_photo_list li {width: 48%; margin:0 4% 0 0;}
.one_period.type_two ul.modal_photo_list li:nth-of-type(4n) {margin-right: 4%;}
.one_period.type_two ul.modal_photo_list li:nth-of-type(2n) {margin-right: 0;}
*/

/* ---------------------------------------------------------------- */
.p_cover {padding: 6%;}

/* ---------------------------------------------------------------- */
.photo_list_cap {font-size:18px !important; margin-bottom: .5em !important;}

@media print, screen and (max-width:1919px){
.photo_list_cap {font-size:0.937vw !important;}
}


}