@charset "utf-8";

/*-----------------------------------------------
	index
-----------------------------------------------*/
.mainTitBox.lazyloaded{ background:url(../img/title/bgNews.jpg) top center / cover no-repeat;}

@media only screen and (max-width:1215px){
    .mainTitBox.lazyloaded{ background:url(../img/title/bgNews_sp.jpg) top center / cover no-repeat;}
    .secIndex{
        width: 100%;
    }
}

/*-----------------------------------------------
	boxTab
-----------------------------------------------*/
.boxTab {
    margin-top: 4rem;
    display: flex;
    justify-content: space-between;
}
.boxTab .item {
    width: calc((100% / 2) - 1px);
}
.boxTab .item .link{
    width: 100%;
    height: 10rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--tabColor);
    padding: 1.5rem 0;
    font-size: var(--pcFontSize16);
    letter-spacing: var(--pcLetterSpacing16_50);
    color: var(--whiteColor);
}
.boxTab .item .link.active{
    background-color: var(--tab_activeColor);
    pointer-events: none;
}
.boxTab .link.active .txt{
    position: relative;
    display: block;
}
.boxTab .link.active .txt:after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: -2.2rem;
    left: 0;
    right: 0;
    width: 7.5rem;
    height: 0.3rem;
    background-color: var(--keyColor);
}
@media only screen and (max-width:1215px){
    .boxTab {
        margin-top: 5.2rem;
    }
    .boxTab .item .link{
        height: 6rem;
        font-size: var(--spFontSize13);
        letter-spacing: var(--spLetterSpacing13_50);
    }
    .boxTab .link.active .txt:after{
        bottom: -1.3rem;
        width: 2.5rem;
        height: 0.2rem;
    }
}

/*-----------------------------------------------
	secSearch
-----------------------------------------------*/
.secSearch {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    margin-top: 4rem;
}
.secSearch .titSearch{
	font-size:var(--pcFontSize16);
	line-height:var(--pcLineHeight16_18);
	letter-spacing:var(--pcLetterSpacing16_125);
}
.secSearch .titSearch .num{ 
	font-size:var(--pcFontSize36);
	font-weight:900;
    color:var(--keyColor);
    font-size:var(--pcFontSize34);
    vertical-align:-2px;
    margin-right: 0.5rem;
}
.secSearch .boxForm,
.secSearch .boxForm li {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}
.secSearch .boxForm li{
    margin-right: 2rem;
}
.secSearch .boxForm li:last-child{
    margin-right: 0;
}
.secSearch .boxForm .tit {
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_18);
    letter-spacing: var(--pcLetterSpacing14_70);
    margin-right: 0.7rem;
}
.secSearch .boxForm .inputBox select {
    min-width: 20rem;
    height: 5rem;
    font-size: var(--pcFontSize14);
    padding-left: 1.1rem;
    border: 1px solid var(--gray3Color);
    background: var(--whiteColor);
    font-family: inherit;
}
@media only screen and (max-width:1215px){
	.secSearch {
		text-align:center;
        margin-top: 0;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
    .secSearch .boxForm{
        display: block;
    }
	.secSearch .titSearch{
		font-size:var(--spFontSize13);
		letter-spacing:var(--spLetterSpacing13_50);
		order:2;
		width:92%;
        margin: 2.7rem auto 0;
	}
	.secSearch .titSearch .num{ font-size:var(--spFontSize22);}
	.secSearch .boxFormIn{
		order:1;
		background:var(--gray2Color);
		width:100%;
		padding:2rem 4%;
	}
	.secSearch .boxForm .inputBox select {
        min-width: 19.1rem;
        font-size: var(--spFontSize12);
        text-align: right;
    }
    .secSearch .boxForm .tit{
        font-size: var(--spFontSize12);
    }
    .secSearch .boxForm li {
        margin-right: 0;
        justify-content: flex-end;
    }
    .secSearch .boxForm li:first-child{
        margin-bottom: 1rem;
    }
}


/*-----------------------------------------------
	list
-----------------------------------------------*/
.secIndex .list{ margin-top:4rem;}
.secIndex .aBox {
    display:flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    text-decoration:none;
    padding:3rem 0;
    border-bottom:1px solid var(--gray3Color);
	position:relative;
}
.secIndex .box:first-child .aBox{
    border-top:1px solid var(--grayColor);
}
.secIndex .aBox::before,
.secIndex .aBox::after{
    position:absolute;
	top:0;
    bottom:0;
    right:0;
    margin:auto;
    content:"";
    vertical-align:middle;
	z-index:2;
}
.secIndex .aBox::before{
    width:3rem;
    height:3rem;
    -webkit-border-radius:50%;
    border-radius:50%;
	background: var(--keyColor);
}
.secIndex .aBox::after{
    right:1.2rem;
    width:0.8rem;
    height:0.8rem;
	bottom:0;
    border-top:0.2rem solid var(--whiteColor);
    border-right:0.2rem solid var(--whiteColor);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}
.secIndex .imgBox{
	width:21rem;
	height:15.9rem;
    position: relative;
}
.secIndex .boxIn{
	width:calc(100% - 30rem);
	padding-left:4rem;
}
.secIndex .boxTit{
	font-weight:700;
	font-size:var(--pcFontSize21);
	line-height:var(--pcLineHeight21_29);
	letter-spacing:var(--pcLetterSpacing21_100);
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.secIndex .boxSub{
    display: flex;
    display: -webkit-flex;
    margin-top: 0.8rem;
}
.secIndex .labelPc{
    width: 5.6rem;
    background: var(--newColor);
    font-size: var(--pcFontSize14);
    text-align: center;
    padding: 0.4rem 0 0.3rem;
    margin-right: 1rem;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.secIndex .subList{
    display: flex;
    display: -webkit-flex;
}
.secIndex .subItem{
    font-size: var(--pcFontSize14);
    padding:0.5rem 1rem;
    position: relative;
}
.secIndex .subItem:first-child{
    padding-left: 0;
}
.secIndex .subItem::after{
    content: "";
    position: absolute;
    width: 1px;
    height: 1.5rem;
    background: var(--blackColor);
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.secIndex .subItem:last-child::after{
    display: none;
}
.secIndex .labelSp{
    display: none;
}
.secIndex .txtSub{
    font-size: var(--pcFontSize18);
    text-align: center;
    margin-top: 5rem;
}
.secIndex .txtDate{
	font-size:var(--pcFontSize14);
	line-height:var(--pcLineHeight14_21);
	letter-spacing:var(--pcLetterSpacing14_50);
    margin-top: 1rem;
}
@media only screen and (max-width:1215px){
	.secIndex .list{
        margin:3rem auto 0;
    }
	.secIndex .aBox { padding:1.5rem 0;}
    .secIndex .aBox::before{
        width:2.4rem;
        height:2.4rem;
    }
	.secIndex .aBox::after{
		right:1rem;
		width:0.6rem;
		height:0.6rem;
	}
	.secIndex .imgBox{
		width:11rem;
		height:8.3rem;
	}
    .secIndex .labelSp{
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        z-index: 10;
        font-size: var(--spFontSize11);
        background: var(--newColor);
        color: var(--blackColor);
        width: 3.6rem;
        height: 2rem;
        line-height: 2rem;
        text-align: center;
    }
	.secIndex .boxIn{
		width:calc(100% - 15rem);
		padding-left:1.3rem;
	}
	.secIndex .boxTit{
		font-size:var(--spFontSize12);
        line-height:var(--spLineHeight12_21);
		letter-spacing:var(--spLetterSpacing12_100);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        white-space: normal;
	}
	.secIndex .labelPc{
        display: none;
    }
    .secIndex .subItem{
        font-size: var(--spFontSize10);
        padding:0 0.3rem;
    }
    .secIndex .subItem:first-child{
        padding-left: 0;
    }
    .secIndex .subItem::after{
        height: 1.2rem;
    }
    .secIndex .boxSub{
        margin-top: 1rem;
    }
    .secIndex .txtSub{
        font-size: var(--spFontSize15);
        text-align: center;
        margin-top: 2rem;
    }
    .secIndex .txtDate{
        font-size:var(--spFontSize11);
        line-height:var(--spLineHeight11_16);
        letter-spacing:var(--spLetterSpacing11_50);
        margin-top: 0.5rem;
    }
}

/*-----------------------------------------------
	detailsTit
-----------------------------------------------*/
.secDetails .detailsTit{
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-align-items:center;
    align-items:center;
	position:relative;
    margin:4rem auto;
    padding:0 0 2.5rem;
    border-bottom:1px solid var(--gray3Color);
}
.detailsTit .boxTit{
    order:1;
    width:100%;
    margin-top:1.5rem;
	font-weight:700;
    font-size: var(--pcFontSize34);
    line-height: var(--pcLineHeight34_54);
}
.detailsTit .listIcon li.icon{
    min-width:9rem;
    font-size: var(--pcFontSize14);
    padding: 0.8rem 1rem 1rem;
    margin-bottom: 0;
}
.detailsTit .txtDate{
    padding: 0 1.2rem 0 1.8rem;
    color: var(--keyColor);
    font-weight:700;
    font-size: var(--pcFontSize24);
    letter-spacing: var(--pcLetterSpacing24_125);
    border-right:1px solid var(--gray5Color);
}
.detailsTit .txtAdd{
    position: relative;
    margin-left:0.7rem;
    padding-left:0.7rem;
    color: var(--gray4Color);
    font-size: var(--pcFontSize14);
}
.detailsTit .txtAdd:before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0.4rem;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: var(--gray4Color);
}
.detailsTit .boxTit + .txtAdd:before,
.detailsTit .txtDate + .txtAdd:before{
    display: none;
}
.detailsTit .txtDate + .txtAdd{
    margin-left: 1.2rem;
}
.detailsTit .boxTit + .txtAdd{
    margin-left: 0;
    padding-left: 0;
}
@media only screen and (max-width:1215px){
	.secDetails .detailsTit{
        margin:3rem auto 2rem;
        padding-bottom:1.3rem;
    }
	.secDetails .detailsTit .boxTit{
        margin-top:1rem;
		font-size: var(--spFontSize17);
        line-height: var(--spLineHeight17_28);
	}
	.secDetails .detailsTit .txtDate{
        padding: 0 0 0 0.8rem;
		font-size: var(--spFontSize16);
		letter-spacing: var(--spLetterSpacing16_100);
        border-right:none;
        width:calc(100% - 13rem);
	}
    .detailsTit .listIcon li.icon{
        min-width:6rem;
        font-size: var(--spFontSize11);
        padding: 0.7rem 0.5rem 0.8rem;
    }
    .detailsTit .txtAdd{
        margin: 1.4rem 0 0 0.4rem;
        padding-left: 0.4rem;
        font-size: var(--spFontSize11);
        letter-spacing: var(--spLetterSpacing11_50);
    }
    .detailsTit .txtAdd:before {
        top: 0.2rem;
    }
    .detailsTit .txtDate + .txtAdd {
        margin-left: 0;
        padding-left: 0;
    }
}

/*-----------------------------------------------
	secDetailsTable
-----------------------------------------------*/
.secDetailsTable{ margin-top:40px;}
.secDetailsTable .boxTable{ width:100%;}
.secDetailsTable th,
.secDetailsTable td{
	padding:2rem 3rem;
	border:1px solid var(--tableborderColor);
	font-size:var(--pcFontSize15);
	line-height:var(--pcLineHeight15_28);
    letter-spacing:var(--pcLetterSpacing15_50);
	vertical-align:middle;
}
.secDetailsTable th{
	width:25rem;
	background:var(--tablebgColor);
	text-align:center;
    vertical-align:middle;
}
.secDetailsTable td a{
	display:inline-block;
	color:var(--editor_linkColor);
	text-decoration:underline;
}
@media only screen and (max-width:1215px){
	.secDetailsTable{ margin-top:2rem;}
	.secDetailsTable th,
	.secDetailsTable td{
		font-size:var(--spFontSize12);
		line-height:var(--spLineHeight12_24);
		padding:1.4rem 1rem;
	}
	.secDetailsTable th{ width:7rem;}
}

/*-----------------------------------------------
	secDetailsMovie
-----------------------------------------------*/
.secDetailsMovie{
    text-align: center;
    margin-top: 8rem;
}
.secDetailsMovie iframe{
    max-width: 100%;
    width: 80rem;
    height: 45rem;
    margin: 0 auto;
}
@media only screen and (max-width:1215px){
    .secDetailsMovie{
        margin-top: 5rem;
        width: 100%;
        height: 0;
        padding-top: 56.12%;
        position: relative;
    }
    .secDetailsMovie iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
}

/*-----------------------------------------------
	secDetailsEntry
-----------------------------------------------*/
.secDetailsEntry{
    margin-top: 8rem;
}
@media only screen and (max-width:1215px){
    .secDetailsEntry{
        margin-top: 5rem;
    }
}

/*-----------------------------------------------
	secDetailsEntry
-----------------------------------------------*/
.secDetailsMap{
    margin-top:7rem;
    padding-top:7.8rem;
    border-top:1px solid var(--gray5Color);
}
.secDetailsMap .boxTit{
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    -webkit-align-items:center;
    align-items:center;
}
.secDetailsMap .boxTit .titEng{
    font-weight:700;
    font-size:var(--pcFontSize30);
    letter-spacing:var(--pcLetterSpacing30_50);
}
.secDetailsMap .boxTit .titJpn{
    margin-top:0.8rem;
    font-weight:700;
    font-size:var(--pcFontSize16);
    letter-spacing:var(--pcLetterSpacing16_50);
}
.secDetailsMap .boxMap{
    margin-top:2.8rem;
}
.secDetailsMap iframe{
	width:100%;
	height:50rem;
}
@media only screen and (max-width:1215px){
    .secDetailsMap{
        margin-top:5rem;
        padding-top:2.5rem;
    }
    .secDetailsMap .boxTit .titEng{
        font-size:var(--spFontSize24);
    }
    .secDetailsMap .boxTit .titJpn{
        font-size:var(--spFontSize14);
    }
	.secDetailsMap .boxMap{
		margin-top:2rem;
		position:relative;
		padding-top:89.55%;
	}
	.secDetailsMap iframe{
        width:100%;
        height:100%;
        position:absolute;
        top:0;
	}
}

/* btnPrevMainIn  */
.btnPrevMainIn {
    margin:10rem auto ;
}
@media only screen and (max-width:1215px){
    .btnPrevMainIn {
        margin:5rem auto ;
    }
}