@charset "utf-8";

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

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

/*-----------------------------------------------
	secIndexRefine
-----------------------------------------------*/

.secIndexRefine{
    margin-top: 4rem;
    background-color: var(--newsBgColor);
    padding: 1rem 4rem 4rem;
}
.secIndexRefine .inner{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    border-bottom: 1px solid var(--scrollbarColor);
}
.secIndexRefine a{
    color: var(--blackColor);
    text-decoration: none;
}
.secIndexRefine .boxHead{
    position: relative;
    width: 100%;
    padding: 3rem 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.secIndexRefine .titHead{
    margin-bottom: 3rem;
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_48);
    letter-spacing: var(--pcLetterSpacing15_75);
    margin-bottom: 0;
    width: 12%;
}
.secIndexRefine .inner .boxTag{
    display: flex;
}
.secIndexRefine .titHead a{
    pointer-events: none;
}
.secIndexRefine .txtHead{
    margin: 1rem 0;
    font-size: var(--pcFontSize13);
}
.secIndexRefine .boxHead select{
    width: 30rem;
    height: 5rem;
    border: 0.1rem solid var(--gray3Color);
    font-size: var(--pcFontSize14);
    letter-spacing: var(--pcLetterSpacing14_50);
    padding: 0 1.5rem;
    background: var(--whiteColor);
    font-family: inherit;
}
.secIndexRefine .boxBody{
    display: flex;
    align-items: flex-start;
    width: calc(100% - 19rem);
}
.secIndexRefine .boxBody .txt{
    position: relative;
    font-size: var(--pcFontSize14);
    margin-right: 3rem;
}
.secIndexRefine .boxBody .txt::after{
    content: "";
    display: block;
    width: 100%;
    height: 0.2rem;
    background-color: var(--keyColor);
    position: absolute;
    bottom: -0.3rem;
    left: 0;
}
.boxNewsTop .listTag,
.secBlog .blogList li.item .tagBox ul,
.secIndexRefine .boxList{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 85%;
    overflow: hidden;
    gap: 1rem;
}
.boxNewsTop .listTag{
    width: auto;
}
.secIndexRefine .boxList{
    width: 100%;
    max-height: none;
}
.secIndexRefine .boxTagList{
}
.secIndexRefine .boxTagList.onBox{
    max-height: none;
}
.secBlog .blogList li.item .tagBox ul{
    width: 100%;
    max-height: none;
    margin-top: 2rem;
}
.boxNewsTop .listTag li,
.secBlog .blogList li.item .tagBox ul li,
.secIndexRefine .boxList li{
    font-size: var(--pcFontSize12);
}
.secBlog .boxTagList input[type="checkbox"]{
    visibility: hidden;
    position: absolute;
    margin: 0;
}
.secBlog .boxTagList .txtBg,
.boxNewsTop .listTag .txtTag,
.secBlog .blogList li.item .tagBox ul li span,
.secIndexRefine .boxList li a{
    display: block;
    padding: 1rem;
    border: 0.1rem solid var(--newsTagBorderColor);
    background-color: var(--newsTagBgColor);
}
.secBlog .boxTagList input[type="checkbox"]:checked + .txtBg{
    background-color: var(--keyColor);
    color: var(--whiteColor);
    border-color: var(--keyColor);
}
.secBlog .boxTagList .txtBg:before,
.boxNewsTop .listTag li .txtTag::before,
.secBlog .blogList li.item .tagBox ul li span::before,
.secIndexRefine .boxList li a::before{
    content: '#';
    color: var(--newsTagHashColor);
}
.secBlog .boxTagList input[type="checkbox"]:checked + .txtBg:before{
    color: var(--whiteColor);
}
.secIndexRefine .boxBtn{
    width: 34rem;
    margin: 3rem auto 0;
    text-align: center;
}
.secIndexRefine .boxBtn .btn{
    display: block;
    position: relative;
    padding: 2.7rem 3rem;
    background-color: var(--titEngColor);
    color: var(--whiteColor);
    font-size: var(--pcFontSize16);
    text-align: center;
}
.secIndexRefine .btn .txt{
    display: inline-block;
    position: relative;
    padding-left: 4rem;
}
.secIndexRefine .btn .txt::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.secIndexRefine .btn.lazyloaded .txt::before{
    background-image: url(../img/common/iconSearch.png);
}
.secIndexRefine .txtBtn{
    position: relative;
    font-size: var(--pcFontSize13);
    letter-spacing: var(--pcLetterSpacing13_50);
    color: var(--gray4Color);
    margin-top: 2rem;
    text-align: center;
    display: inline-block;
    padding-bottom: 0.5rem;
}
.secIndexRefine .txtBtn::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: 0;
    left: -1rem;
    right: 0;
    width: calc(100% + 2rem);
    height: 1px;
    background-color: var(--gray4Color);
}
.secIndexRefine .txtBtn .txt{
    position: relative;
    padding-left: 1.5rem;
}
.secIndexRefine .txtBtn .txt::before,
.secIndexRefine .txtBtn .txt::after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 79%;
    background-color: var(--gray4Color);
    transform: rotate(45deg);
}
.secIndexRefine .txtBtn .txt::before{
    transform: rotate(-45deg);
}
@media only screen and (max-width:1215px){
    .galleryPage #pnkz {
        background-color: var(--whiteColor);
    }
    .secIndexRefine{
        margin-top: 2rem;
        padding: 0;
    }
    .secIndexRefine .boxOpen{
        position: relative;
        font-size: var(--spFontSize15);
        letter-spacing: var(--spLetterSpacing15_50);
        text-align: center;
        padding: 2.1rem 0;
    }
    .secIndexRefine .boxOpen.on {
        margin-bottom: 0.5rem;
    }
    .secIndexRefine .boxOpen::before,
    .secIndexRefine .boxOpen::after{
        position: absolute;
        content: '';
        margin: auto;
        display: block;
        top: 0;
        bottom: 0;
        right: 2rem;
        width: 1.7rem;
        height: 1.7rem;
        border: 1px solid var(--gray4Color);
        transition: 0.3s ease-in-out;
    }
    .secIndexRefine .boxOpen::after {
        right: 0;
        left: 0;
        top: auto;
        width: calc(100% - 4rem);
        height: 1px;
        background-color: var(--gray4Color);
        border: none;
    }
    .secIndexRefine .boxOpen:not(.on)::after{
        opacity: 0;
    }
    .secIndexRefine .boxOpen.on::after {
        opacity: 0.5;
    }
    .secIndexRefine .boxOpen .txtOpen{
        position: relative;
        display: block;
    }
    .secIndexRefine .boxOpen .txtOpen::before,
    .secIndexRefine .boxOpen .txtOpen::after{
        position: absolute;
        content: '';
        margin: auto;
        display: block;
        top: 0;
        bottom: 0;
        right: 2.4rem;
        width: 0.9rem;
        height: 1px;
        background-color: var(--gray4Color);
        transition: 0.3s ease-in-out;
    }
    .secIndexRefine .boxOpen .txtOpen::after{
        transform: rotate(90deg);
    }
    .secIndexRefine .boxOpen.on .txtOpen::after {
        transform: rotate(0);
    }
    .secIndexRefine form{
        display: none;
    }
    .secIndexRefine .inner{
        padding: 2rem;
        flex-direction: column;
        -webkit-flex-direction: column;
    }
    .secIndexRefine .inner:first-child .boxHead,
    .secIndexRefine .boxBody{
        display: block;
    }
    .secIndexRefine .boxBody {
        width: 100%;
    }
    .secIndexRefine .boxHead select{
        width: 80%;
        height: 4rem;
        font-size: var(--spFontSize12);
        padding: 0 1rem;
    }
    .secIndexRefine .boxHead{
        flex-direction: column;
        padding: 0;
    }
    .secIndexRefine .inner:first-child .boxHead .boxBody{
        margin-left: 0;
    }
    .secIndexRefine .titHead{
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0 0 1.4rem 0;
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_14);
        letter-spacing: var(--spLetterSpacing14_50);
    }
    .secIndexRefine .titHead a::before{
        width: 1.8rem;
        height: 1.8rem;
    }
    .secIndexRefine .titHead a{
        pointer-events: inherit;
    }
    .secIndexRefine .boxBody .txt{
        display: inline-block;
        font-size: var(--spFontSize12);
        font-weight: bold;
    }
    .boxNewsTop .listTag,
    .secBlog .blogList li.item .tagBox ul,
    .secIndexRefine .boxList{
        width: 100%;
        max-height: 7.5rem;
        margin-top: 1.5rem;
    }
    .secIndexRefine .boxList{
        max-height: none;
    }
    .boxNewsTop .listTag{
        margin-top: 0;
        max-height: none;
    }
    .secBlog .blogList li.item .tagBox ul{
        max-height: 3.3rem;
        margin-top: 1rem;
    }
    .secIndexRefine .boxList:only-child{
        margin-top: 0;
    }
    .boxNewsTop .listTag li a,
    .secBlog .blogList li.item .tagBox ul li span,
    .secIndexRefine .boxList li a{
        padding: 0.8rem;
    }
    .secIndexRefine .txtHead{
        margin-top: 0;
    }
    .secIndexRefine .boxMore{
        padding: 0;
        margin-bottom: 1rem;
    }
    .secIndexRefine li{
        font-size: var(--spFontSize13);
    }
    .secIndexRefine .inner .boxTag {
        flex-direction: column;
    }
    .secBlog .boxTagList .txtBg,
    .boxNewsTop .listTag li a,
    .secBlog .blogList li.item .tagBox ul li span, .secIndexRefine .boxList li a {
        padding: 0.8rem 1rem;
    }
    .secIndexRefine .boxBtn{
        width: 24rem;
        padding: 0 0 2.5rem 0;
        margin-top: 2rem;
    }
    .secIndexRefine .boxBtn .btn{
        width: 100%;
        padding: 1.8rem 0;
        font-size: var(--spFontSize14);
        letter-spacing: var(--spLetterSpacing14_50);
    }
    .secIndexRefine .boxBtn .btn::before{
        left: 6rem;
    }
    .secIndexRefine .btn .txt{
        padding-left: 2.8rem;
    }
    .secIndexRefine .btn .txt::before{
        width: 1.6rem;
        height: 1.6rem;
    }
    .secIndexRefine .txtBtn{
        font-size: var(--spFontSize12);
        letter-spacing: var(--spLetterSpacing12_0);
        margin-top: 1rem;
        padding-bottom: 0.5rem;
    }
    .secIndexRefine .txtBtn::before{
        left: -1rem;
        width: calc(100% + 2rem);
        height: 1px;
    }
    .secIndexRefine .txtBtn .txt{
        padding-left: 1.5rem;
    }
    .secIndexRefine .txtBtn .txt::before,
    .secIndexRefine .txtBtn .txt::after{
        width: 1px;
        height: 79%;
    }
}
@media only screen and (max-width:360px){
    .secIndexRefine .boxBtn a::before{
        left: 3.5rem;
    }
}

/* innerBox */
.secBlog .innerBox{
    margin-top: 5.5rem;
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width:1215px){
    .secBlog .innerBox{
        flex-direction: column;
        margin-top: 2rem;
    }
}

/*blogList*/
.secBlog .blogBox{
    width: 70%;
}
.secBlog .blogList{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    margin-top: 2rem;
    position: relative;
}
.secBlog .blogList li.item{
    position: relative;
    width: 100%;
    margin-right: 0;
    display: flex;
    border-top: 0.1rem solid var(--newsBorderColor);
}
.secBlog .blogList li.item:last-child{
    border-bottom: 0.1rem solid var(--newsBorderColor);
}
.secBlog .blogList li.item a{
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2.8rem 0;
}
.secBlog #mainList li.item a{
    padding-right: 3.5rem;
}
.secBlog #mainList li.item a::before,
.secBlog #mainList li.item a::after{
    position:absolute;
	top:0;
    bottom:0;
    right:0;
    margin:auto;
    content:"";
    vertical-align:middle;
	z-index:2;
}
.secBlog #mainList li.item a::before{
    width:3rem;
    height:3rem;
    -webkit-border-radius:50%;
    border-radius:50%;
	background: var(--keyColor);
}
.secBlog #mainList li.item a::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);
}
.secBlog .blogList li.item a .box{
    display: flex;
    align-items: center;
    margin-top: 1.3rem;
}
.secRelated .blogListBtm .iconNew,
.secBlog .blogList li.item a .iconNew{
    position: absolute;
    top: 0;
    left: 0;
    width: 5.6rem;
    background: var(--newColor);
    font-size: var(--pcFontSize14);
    text-align: center;
    font-weight: bold;
    padding: 0.4rem 0 0.3rem;
    line-height: 1;
    z-index: 2;
}
.secBlog .blogList li.item .img{
    width: 22.558%;
    padding-top: 17.08%;
    height: 0;
}
.secBlog .blogList li.item .txtBox{
    width: 74%;
}
.secBlog .blogList li.item .txtBox .topTxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_20);
}
.secBlog .blogList li.item .txtBox .tit{
    font-size: var(--pcFontSize17);
    line-height: var(--pcLineHeight17_29);
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 5.8rem;
    margin-top: 0.8rem;
}
.secBlog .blogList li.item .txtBox .dateTxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_20);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: var(--pcLetterSpacing14_100);
    padding-right: 2.8rem;
    width: 100%;
}
.secBlog .blogList li.item .txtBox .iconNew + .dateTxt{
    margin-left: 1rem;
}
.secBlog .secCmnNextLoad{
    margin-top: 6rem;
}
@media screen and (max-width: 1215px){
    .secBlog .blogBox{
        width: 89.335%;
    }
    .secBlog .blogList {
        margin-top: 2rem;
        padding-bottom: 3rem;
        display: block;
    }
    .secBlog .blogList li.item {
        width: 100%;
        margin-right: 0;
    }
    .secBlog .blogList li.item a{
        padding: 2rem 0;
    }
    .secBlog #mainList li.item a{
        padding-right: 2.5rem;
    }
    .secBlog #mainList li.item a::before{
        width:2.2rem;
        height:2.2rem;
    }
    .secBlog #mainList li.item a::after{
        right: 0.9rem;
        width: 0.6rem;
        height: 0.6rem;
        border-width: 1px;
    }
    .secBlog .blogList li.item .img {
        padding-top: 26.778%;
        width: 35.488%;
    }
    .secBlog .blogList li.item .txtBox {
        width: 61%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .secBlog .blogList li.item .txtBox .topTxt {
        font-size: var(--spFontSize10);
        color: var(--keyColor);
    }
    .secBlog .blogList li.item .txtBox .tit {
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
        white-space: normal;
        text-overflow: inherit;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        max-height: 4.6rem;
        margin-top: 0;
    }
    .secBlog .blogList li.item .txtBox .iconNew + .dateTxt{
        margin-left: 0;
    }
    .secBlog .blogList li.item .txtBox .dateTxt {
        font-size: var(--spFontSize10);
        line-height: 1;
        margin-top: 0;
        padding-right: 0;
        position: static;
    }
    .secBlog .blogList li.item::after{
        width: 2.2rem;
        height: 2.2rem;
    }
    .secBlog .blogList li.item a .box{
        margin-top: 1rem;
    }
    .secRelated .blogListBtm .iconNew,
    .secBlog .blogList li.item a .iconNew{
        width: 3.6rem;
        height: 2rem;
        line-height: 2rem;
        font-size: var(--spFontSize11);
        padding: 0;
    }
    .secBlog .secCmnNextLoad{
        margin-top: 0;
    }
}

/* loading */
#infscr-loading{
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
}
#infscr-loading img{
    width: 6.4rem;
    margin-bottom: 1rem;
}
@media screen and (max-width: 1215px){
    #infscr-loading{
        bottom: 0;
    }
}

/* pickBox */
.secBlog .pickBox{
    width: 24.276%;
    margin-top: 0.8rem;
}
.secBlog .pickBox .pickTitBox{
    color: var(--titEngColor);
    font-weight: bold;
    text-align: center;
    letter-spacing: var(--pcLetterSpacing15_100);
    display: flex;
    align-items: center;
}
.secDetails.secBlog .pickBox .pickTitBox{
    margin-top: 12.3rem;
}
.secBlog .pickBox .pickTitBox .engTit{
    font-size: var(--pcFontSize30);
}
.secBlog .pickBox .pickTitBox .pickTxt{
    font-size: var(--pcFontSize15);
    margin-left: 1.5rem;
}
.secBlog .pickBox .blogList{
    margin-top: 2rem;
}
.secBlog .pickBox .blogList li.item .img{
    width: 11rem;
    padding-top: 24.78%;
}
.secBlog .pickBox .blogList li.item a{
    align-items: center;
    padding: 2rem 0;
}
.secBlog .pickBox .blogList li.item .txtBox{
    padding: 0;
    width: 63%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.secBlog .pickBox .blogList li.item .txtBox .box{
    margin-top: 0;
}
.secBlog .pickBox .blogList li.item .txtBox .tit{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_23);
    font-weight: normal;
    white-space: normal;
    text-overflow: inherit;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /*表示マックスの行*/
    line-clamp: 2;
    overflow: hidden;
    max-height: 4.6rem;
    margin: 0.3rem 0 0.5rem 0;
}
.secBlog .pickBox .blogList li.item .txtBox .tagTxt{
    font-size: var(--pcFontSize11);
    color: var(--keyColor);
    line-height: 1.3;
}
.secBlog .pickBox .blogList li.item .txtBox .dateTxt{
    font-size: var(--pcFontSize10);
    padding-right: 0;
    line-height: 1.3;
}
.secBlog .pickBox .blogList li.item::after{
    display: none;
}
@media screen and (max-width: 1215px){
    .secBlog .pickBox{
        width: 100%;
        margin-top: 5rem;
        padding: 3rem 0 1rem;
        background-color: var(--gray6Color);
    }
    .secBlog .pickBox .pickTitBox{
        color: var(--titEngColor);
        font-weight: bold;
        text-align: center;
        letter-spacing: var(--pcLetterSpacing15_100);
        display: flex;
        align-items: center;
    }
    .secDetails.secBlog .pickBox .pickTitBox{
        margin-top: 12.3rem;
    }
    .secBlog .pickBox .pickTitBox .engTit{
        font-size: var(--pcFontSize30);
    }
    .secBlog .pickBox .pickTitBox .pickTxt{
        font-size: var(--pcFontSize15);
        margin-left: 1.5rem;
    }
    .secBlog .pickBox .blogList{
        margin-top: 2rem;
    }
    .secBlog .pickBox .blogList li.item .img{
        width: 11rem;
        padding-top: 24.78%;
    }
    .secBlog .pickBox .blogList li.item a{
        align-items: center;
        padding: 2rem 0;
    }
    .secBlog .pickBox .blogList li.item .txtBox{
        padding: 0;
        width: 63%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .secBlog .pickBox .blogList li.item .txtBox .box{
        margin-top: 0;
    }
    .secBlog .pickBox .blogList li.item .txtBox .tit{
        font-size: var(--pcFontSize14);
        line-height: var(--pcLineHeight14_23);
        font-weight: normal;
        white-space: normal;
        text-overflow: inherit;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; /*表示マックスの行*/
        line-clamp: 2;
        overflow: hidden;
        max-height: 4.6rem;
        margin: 0.3rem 0 0.5rem 0;
    }
    .secBlog .pickBox .blogList li.item .txtBox .tagTxt{
        font-size: var(--pcFontSize11);
        color: var(--keyColor);
        line-height: 1.3;
    }
    .secBlog .pickBox .blogList li.item .txtBox .dateTxt{
        font-size: var(--pcFontSize10);
        padding-right: 0;
        line-height: 1.3;
    }
    .secBlog .pickBox .blogList li.item::after{
        display: none;
    }
}

/*-----------------------------------------------
	secSearch
-----------------------------------------------*/
.secSearch {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}
.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;
}
@media 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: 0 auto 0;
	}
	.secSearch .titSearch .num{ font-size:var(--spFontSize22);}
}

/*-----------------------------------------------
	boxNewsTop
-----------------------------------------------*/
.boxNewsTop{
    margin-top: 4rem;
}
.boxNewsTop .boxTit{
    display: flex;
    align-items: center;
    gap: 2rem;
}
.boxNewsTop .txtDate{
    font-size: var(--pcFontSize14);
    letter-spacing: var(--pcLetterSpacing14_50);
    color: var(--gray4Color);
}
.boxNewsTop .tit{
    padding-bottom: 2.4rem;
    margin-top: 2rem;
    border-bottom: 1px solid var(--grayColor);
    font-size: var(--pcFontSize34);
    line-height: var(--pcLineHeight34_54);
    font-weight: bold;
    color: var(--gray4Color);
}
@media screen and (max-width: 1215px){
    .boxNewsTop .boxTit{
        align-items: flex-start;
        flex-direction: column;
        gap: 1.3rem;
    }
    .boxNewsTop .boxDate{
        width: 100%;
    }
    .boxNewsTop .txtDate{
        font-size: var(--spFontSize11);
        letter-spacing: var(--spLineHeight11_16);
    }
    .boxNewsTop .tit{
        padding-bottom: 1.4rem;
        margin-top: 0.5rem;
        font-size: var(--spFontSize17);
        line-height: var(--spLineHeight17_28);
    }
}

/*-----------------------------------------------
	secDetailsHero
-----------------------------------------------*/
.secDetailsHero{
    margin-top: 4rem;
}
.secDetailsHero .txt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_32);
    letter-spacing: var(--pcLetterSpacing15_50);
}
.secDetailsHero a + .txt{
    margin-top: 3rem;
}
@media screen and (max-width: 1215px){
    .secDetailsHero{
        margin-top: 2rem;
    }
    .secDetailsHero .txt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_27);
        letter-spacing: var(--spLetterSpacing13_50);
    }
    .secDetailsHero a + .txt{
        margin-top: 1.8rem;
    }
}

/*-----------------------------------------------
    secDetailsAnker
-----------------------------------------------*/
.secDetailsAnker {
    margin-top: 7rem;
}
.secDetailsAnker .boxAnker {
    position: relative;
    background-color: var(--newsBgColor);
}
.secDetailsAnker .txtAnker {
    background-color: var(--grayLinkColor);
    color: var(--whiteColor);
    width: 100%;
    height: 6rem;
    padding-left: 5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: var(--pcFontSize20);
    letter-spacing: var(--pcLetterSpacing20_80);
}
.secDetailsAnker .list{
    padding: 4rem 5rem;
}
.secDetailsAnker  .item + .item{
    margin-top: 1.8rem;
}
.secDetailsAnker  .link{
    position: relative;
    padding-left: 1.5rem;
    display: inline-block;
    text-decoration: underline;
    text-underline-offset: 0.5rem;
    color: var(--editor_linkColor);
}
.secDetailsAnker  .link::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 1.2rem;
    left: 0;
    width: 0.5rem;
    height: 0.5rem;
    background-color: var(--gray4Color);
}
.secDetailsAnker  .txtLink{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_28);
}
@media only screen and (max-width:1215px){
    .secDetailsAnker {
        margin-top: 4.5rem;
    }
    .secDetailsAnker .txtAnker {
        height: 4.5rem;
        padding-left: 0;
        justify-content: center;
        font-size: var(--spFontSize16);
        letter-spacing: var(--spLetterSpacing16_50);
    }
    .secDetailsAnker .list{
        padding: 2rem 2rem;
    }
    .secDetailsAnker  .item + .item{
        margin-top: 1.8rem;
    }
    .secDetailsAnker  .link{
        padding-left: 1.5rem;
        text-underline-offset: 0.5rem;
    }
    .secDetailsAnker  .link::before{
        top: 1.2rem;
    }
    .secDetailsAnker  .txtLink{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_27);
    }
}

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

/*-----------------------------------------------
	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;
    }
}

/*-----------------------------------------------
    secSummary
-----------------------------------------------*/
.secSummary {
    margin-top: 8rem;
}
.secSummary .boxSummary {
    background-color: var(--summaryBgColor);
    border: 1px solid var(--summaryKeyColor);
    border-radius: 0.5rem;
    overflow: hidden;
}
.secSummary .titSummary {
    background-color: var(--summaryKeyColor);
    color: var(--whiteColor);
    width: 100%;
    height: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--pcFontSize20);
    letter-spacing: var(--pcLetterSpacing20_80);
    font-weight: bold;
}
.secSummary .titSummary .txt {
    position: relative;
    padding-left: 3.7rem;
    display: inline-block;
}
.secSummary .titSummary .txt::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2.2rem;
    height: 2.2rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.secSummary .titSummary.lazyloaded .txt::before{
    background-image: url(../img/common/iconSummary.png);
}
.secSummary .boxEntry{
    padding: 4.5rem 5rem;
}
@media only screen and (max-width:1215px){
    .secSummary {
        margin-top: 4.5rem;
    }
    .secSummary .boxSummary {
        border-radius: 0.5rem;
    }
    .secSummary .titSummary {
        height: 4.5rem;
        font-size: var(--spFontSize16);
        letter-spacing: var(--spLetterSpacing16_50);
    }
    .secSummary .titSummary .txt {
        padding-left: 2.8rem;
    }
    .secSummary .titSummary .txt::before{
        width: 1.8rem;
        height: 1.8rem;
    }
    .secSummary .boxEntry{
        padding: 2rem;
    }
}

/*-----------------------------------------------
    secRelated
-----------------------------------------------*/
.secRelated {
    margin-top: 10rem;
}
.secRelated .blogTit {
    font-size: var(--pcFontSize20);
    padding: 4rem 0;
    background-color: var(--titEngColor);
    letter-spacing: var(--pcLetterSpacing20_80);
    text-align: center;
    color: var(--whiteColor);
}

/*blogListBtm*/
.secRelated .blogListBtm{
    display: flex;
    flex-wrap: wrap;
    margin-top: 5rem;
    gap: 2.1725%;
}
.secRelated .blogListBtm li{
    width: 31.885%;
    display: flex;
}
.secRelated .blogListBtm a{
    position: relative;
    background-color: #f9f9f9;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.secRelated .blogListBtm .img{
    width: 100%;
    padding-top: 75.6819%;
}
.secRelated .txtBox{
    padding: 1.7rem 2.5rem 5.7rem;
    position: relative;
    height: 100%;
}
.secRelated .txtBox::after{
    content: "";
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    background: url(../../column/wp-content/themes/yuyuhome/img/blog/iconBlogBtn_01.gif) center top / cover;
    bottom: 2.2rem;
    right: 3.2rem;
    z-index: 5;
}
.secRelated .txtBox .topTxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_20);
}
.secRelated .txtBox .tit{
    font-size: 17px;
    line-height: 29px;
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    max-height: 5.8rem;
    margin-top: 0.8rem;
}
.secRelated .txtBox .dateTxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_20);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-top: 1.6rem;
    letter-spacing: var(--pcLetterSpacing14_50);
    padding-right: 2.8rem;
    position: absolute;
    bottom: 2.1rem;
    left: 2.5rem;
    width: 100%;
}
@media only screen and (max-width:1215px){
    .secRelated {
        margin-top: 5rem;
    }
    .secRelated .blogTit {
        font-size: var(--spFontSize13);
        letter-spacing: var(--spLetterSpacing13_50);
        padding: 2.1rem 0;
    }
    .secRelated {
        margin-top: 5rem;
    }
    .secRelated .blogListBtm {
        margin-top: 3rem;
        display: block;
    }
    .secRelated .blogListBtm{
        gap: 2rem;
        display: flex;
        flex-direction: column;
    }
    .secRelated .blogListBtm li {
        width: 100%;
        margin-right: 0;
    }
    .secRelated .blogListBtm .img {
        padding-top: 66.866%;
    }
    .secRelated .txtBox {
        padding: 1rem 1.3rem 1.6rem;
    }
    .secRelated .txtBox .topTxt {
        font-size: var(--spFontSize11);
    }
    .secRelated .txtBox .tit {
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_20);
        line-clamp: 2;
        max-height: 4.4rem;
        margin-top: 0.5rem;
    }
    .secRelated .txtBox .dateTxt {
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_21);
        margin-top: 1rem;
        padding-right: 3rem;
        position: static;
    }
    .secRelated .txtBox::after {
        content: "";
        width: 2.2rem;
        height: 2.2rem;
        bottom: 1.5rem;
        right: 1.9rem;
    }
    .secRelated .blogTit {
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_20);
        padding: 2.1rem 0 2rem;
        letter-spacing: normal;
    }
    .secRelated .blogListBtm li a {
        display: flex;
        align-items: center;
    }
    .secRelated .blogListBtm li .img {
        padding-top: 75.825%;
    }
    .secRelated .blogListBtm .txtBox {
        padding: 1.5rem 2rem 2.5rem 2rem;
        width: 100%;
        display: flex;
        flex-flow: column;
    }
    .secRelated .blogListBtm .tit {
        order: 1;
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_20);
        max-height: 3.8rem;
        margin-top: 1.5rem;
        height: auto;
    }
    .secRelated .blogListBtm .topTxt {
        order: 1;
        font-size: var(--spFontSize11);
        color: var(--blackColor);
        margin-top: 0.2rem;
    }
    .secRelated .blogListBtm .dateTxt {
        order: 3;
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_16);
        margin-top: 0.8rem;
        padding-right: 0;
    }
    .secRelated .blogListBtm {
        margin-top: 2rem;
    }
    .secRelated .blogListBtm .txtBox::after {
        top: auto;
        bottom: 2rem;
        margin: auto;
        right: 2rem;
    }
    .secRelated .secCmnBack {
        margin-top: 47px;
    }
}

/*-----------------------------------------------
    btnPrevMain
-----------------------------------------------*/
.btnPrevMain{
    display:block;
    position:relative;
    width:38rem;
    height:7.5rem;
    margin: 7rem auto 0;
    padding:2rem 0;
    overflow:hidden;
    background:#253038;
    color:#fff;
    font-size:var(--pcFontSize16);
    line-height:var(--pcLineHeight16_32);
    letter-spacing:var(--pcLetterSpacing16_100);
    text-align:center;
    text-decoration:none;
}
.btnPrevMain::before{
    position:absolute;
    bottom:3.3rem;
    left:3rem;
    z-index:0;
    width:4.1rem;
    height:0.8rem;
    background:url(../../img/common/iconArrowWht.png) right center / cover no-repeat;
    transform:scale(-1, 1);
    content:"";
}
.btnPrevMain .btnPrev{
    display:inline-block;
    position:relative;
}
.btnPrevMain .btnPrevIn{
    display:block;
    font-size:var(--pcFontSize16);
    letter-spacing:var(--pcLetterSpacing16_200);
}
@media only screen and (max-width:1215px){
    .btnPrevMain{
        width:25.5rem;
        height:5.5rem;
        font-weight:700;
        font-size:var(--spFontSize14);
        padding:1rem 0;
        margin-top: 4rem;
    }
    .btnPrevMain::before{
        bottom:2.5rem;
        left:2rem;
    }
    .btnPrevMain::after{
        left:2.8rem;
    }
    .btnPrevMain .btnPrev::before{
        width:2rem;
        height:2rem;
    }
    .btnPrevMain .btnPrev::after{
        left:-1.5rem;
        bottom:0.1rem;
        width:0.4rem;
        height:0.4rem;
    }
    .btnPrevMain .btnPrevIn{
        font-size:var(--spFontSize14);
    }
}