@charset "utf-8";
@media screen and (max-width:767px){
    .sec_contentsWrap{
        padding: 0 calc(20 / var(--vw-min) * 100vw);
    }
}
/*-----------------------------------------------
 * SPECIAL
-------------------------------------------------*/
.specialLists{
    margin-bottom:min(calc(30 / var(--vw-min) * 100vw), 30px);
    display: flex;
    flex-wrap: wrap;
}
.specialLists__item{
    width: calc((100% - min(calc(40 / var(--vw-min) * 100vw),40px))/2);
	padding-bottom: 4px;
	padding-right: 4px;
	position: relative;
	margin-bottom: min(calc(60 / var(--vw-min) * 100vw),60px);
}
.specialLists__item:nth-child(odd){
    margin-right: min(calc(40 / var(--vw-min) * 100vw),40px);
}
.specialLists__item__inner{
	border-radius: min(calc(18 / var(--vw-min) * 100vw),18px);
    border: 2px solid var(--color-main);
    padding:min(calc(20 / var(--vw-min) * 100vw),20px);
	transition: all .3s ease;
	background-color: #FFF;
	width: 100%;
}
.specialLists__item::before{
	border-radius: 20px;
    border: 2px solid var(--color-main);
	transition: none;
	background-color: #FFBEDF;
	height: calc(100% - 8px);
	width: calc(100% - 8px);
	content: "";
	position: absolute;
	z-index: -1;
	right: 0;
	bottom: 0;	
}
.specialLists__item:hover .specialLists__item__inner{
	background-color: var(--color-main);
	transform: translate(4px, 4px);
}
.specialLists__item:hover .specialLists__item__inner::before{
	display: none;
}
@media screen and (max-width:767px){
	.specialLists{
		margin-bottom:calc(15 / var(--vw-min) * 100vw);
        flex-direction: column;
	}
	.specialLists__item{
        width: 100%;
	}
    .specialLists__item:nth-child(odd){
        margin-right:0;
    }
	.specialLists__item__inner{
		border-radius:calc(15 / var(--vw-min) * 100vw);
		padding:calc(16 / var(--vw-min) * 100vw);
		transition: all .3s ease;
		background-color: #FFF;
		width: 100%;
	}
	.specialLists__item::before{
		border-radius:calc(15 / var(--vw-min) * 100vw);
		transition: none;
		background-color: #FFBEDF;
		height: calc(100% - calc(6 / var(--vw-min) * 100vw));
		width: calc(100% - calc(6 / var(--vw-min) * 100vw));
		content: "";
		position: absolute;
		z-index: -1;
		right: 0;
		bottom: 0;	
	}
	.specialLists__item:hover .specialLists__item__inner{
		background-color: var(--color-main);
		transform: translate(4px, 4px);
	}
}
.specialLists__item a{
    color:var(--color-main);
    display: flex;
    text-decoration: none;
    position: relative;
    transition: all .3s ease;
    flex-direction: column;
}
.specialLists__item:hover a{
	color: #FFF;
}
.item_title{
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	line-height: calc(28 / 16);
	transition: transform .3s ease;
	letter-spacing: 0.04em;
}
.item_img {
    margin-bottom: min(calc(20 / var(--vw-min) * 100vw),20px);
}
.item_img img{
    width: 100%;
    height: auto;
}
@media screen and (max-width:767px){
	.specialLists__item a {
		align-items: flex-start;
	}

	.item_title{
		font-size:calc(12.5 / var(--vw-min) * 100vw);
		letter-spacing: 0.02em;
	}
	/*detail*/
	.detail_headBlock .item_title{
		padding-right: calc(10 / var(--vw-min) * 100vw);
	}
}

/*-----------------------------------------------
 * DETAIL
-------------------------------------------------*/
/* specialArticle */
/* box_headBlock */
.box_headBlock{
    height: min(calc(48 / var(--vw-min) * 100vw),48px);
    padding: 0 calc(24 / var(--vw-min) * 100vw);
    display: flex;
    align-items: center;
}
.box_headBlock--txt{
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    padding: 0;
}
@media screen and (max-width: 767px) {
    .box_headBlock{
        height: calc(32 / var(--vw-min) * 100vw);
        padding: 0 calc(20 / var(--vw-min) * 100vw);
    }
    .box_headBlock--txt{
        font-size:calc(12 / var(--vw-min) * 100vw);
    }
}

/*back btn*/
.specialDetail__back .linkBtnWrap {
    margin-top: 48px;
}
@media screen and (max-width:767px){
    .specialDetail__back{
        width:100%;
    }
}
/* detail text */
.detail_textBlock{
    padding:40px 80px;
    font-size:14px;
}

.detail_textBlock img{
    display: block;
    width: 100%;
    height: auto;
    margin: calc(24 / var(--vw-min) * 100vw) 0;

}
.detail_textBlock  .item_title{
    background-color: var(--color-main);
    color: #fff;
    font-size: 22px;
    letter-spacing: 0.03em;
    line-height: 1;
    text-align: center;
    min-height: min(calc(30 / var(--vw-min) * 100vw), 30px);
    padding: 0 min(calc(16 / var(--vw-min) * 100vw), 16px);
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-orient: unset;
    -webkit-line-clamp: unset;
    overflow: visible;
    margin-bottom: min(calc(6 / var(--vw-min) * 100vw), 6px);
}
.detail_textBlock  .item_title h1{
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: 1;
    letter-spacing: inherit;
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 769px) {
    .detail_textBlock .item_title {
        min-height: 40px;
    }
}

.detail_textBlock div{
    margin-bottom: min(calc(48 / var(--vw-min) * 100vw), 48px);
}
.detail_textBlock a{
    color: var(--color-main);
    text-decoration: underline;
}
.detail_textBlock a:hover{
    text-decoration: none;
}
.detail_textBlock p,
.detail_textBlock .text_ttl{
    margin-bottom: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.detail_textBlock > p.pc,
.detail_textBlock > p.sp {
    text-align: center;
    margin-bottom: min(calc(12 / var(--vw-min) * 100vw), 12px);
}
.detail_textBlock .wallpaperLists {
    margin-top: 0;
}

@media screen and (max-width:767px){
    .detail_headBlock {
		padding-top: calc(15 / var(--vw-min)* 100vw);
		padding-bottom: calc(20 / var(--vw-min)* 100vw);
	}
    .detail_headBlock_inner{
        width: 100%;
    }
    .detail_textBlock{
        width: 100%;
        padding: calc(40 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw);
        font-size:calc(12 / var(--vw-min)* 100vw);
    }
    .detail_textBlock img{
        display: block;
        width: 100%;
        height: auto;
        margin: calc(24 / var(--vw-min) * 100vw) 0;
    }
    .detail_textBlock p, .detail_textBlock .text_ttl {
        margin-bottom:calc(15 / var(--vw-min)* 100vw);
    }
}

/* detail ttl */
.ttl_1{
    display: inline-block;
    padding: 0 5px;
    background-color: var(--color-main);
    color: #FFF;
}
.ttl_2{
    background: linear-gradient(transparent 60%, #FBBADC 30%);
    display: inline-block;
}
.ttl_3{
    background: linear-gradient(transparent 60%, var(--color-sub) 30%);
}
@media screen and (min-width: 769px) {
    .ttl_3{
        display: inline-block;
    }
}
.ttl_4{
    background: linear-gradient(transparent 60%, #7dbefd 30%);
    display: inline-block;
}

/* detail youtube */
.ytifWrap {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
iframe[src*="youtube"] {
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
@media screen and (max-width:767px){
    .detail_textBlock div {
    margin-bottom: calc(28 / var(--vw-min)* 100vw);
}
}

/* newsBox */
@media screen and (min-width: 769px) {
.newsBox{
    display: flex;
}
.newsBox div:first-child{
    margin-right: 2vw;
}
.newsBox img{
    margin-top: 0;
    width: 300px;
}
}

/* color */
.news_red{
    color: var(--color-main);
}
.news_red_b{
    color: var(--color-main);
    font-weight: 800;
}

.news_blue{
    color: #0280fb;
}
.news_blue_b{
    color: #0280fb;
    font-weight: 800;
}



/* news_img */
@media screen and (min-width: 769px) {
    .news_img_50 img{
        width: 50%;    
    }
    .news_img_60 img{
        width: 60%;    
    }
    .news_img_70 img{
        width: 70%;    
    }
}

/* center */
@media screen and (min-width: 769px) {
    .news_center {
        display: flex;
        justify-content: center;    
    }
}

/* news_com */
@media screen and (min-width: 769px) {
    .news_com img{
        width: 100%;
        margin: 0;
    }
    .news_com ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: calc(24 / var(--vw-min)* 100vw) 0;
    }
    .news_com li:first-child{
        width: 300px;
    }
    .news_com li:last-child{
        width: 450px;
    }
}

/* indent */
.indent{
    display: block;
    padding-left: 1em;
    text-indent: -1em;
}

/* margin */
.titmb{
    margin-bottom: 0.5vw;
}

/**
* wallpaper download
**/
.wallpaperLists._icons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(12 / var(--vw-min) * 100vw);
}
.wallpaperLists._icons .news__spcimg {
    width: 100%;
    margin: 0;
}
.wallpaperLists._icons._icons--col2 {
    margin-top: calc(12 / var(--vw-min) * 100vw);
}
@media screen and (min-width: 769px) {
    .wallpaperLists._icons {
        grid-template-columns: repeat(3, 1fr);
        gap: min(calc(16 / var(--vw-min) * 100vw), 16px);
    }
    .wallpaperLists._icons._icons--col2 {
        grid-template-columns: repeat(2, calc((100% - min(calc(16 / var(--vw-min) * 100vw), 16px)) / 3));
        justify-content: center;
        margin-top: min(calc(16 / var(--vw-min) * 100vw), 16px);
    }
}
.wallpaperLists {
    display: flex;
    flex-direction: column;
    gap: min(calc(16 / var(--vw-min) * 100vw), 16px);
}
.wallpaperLists .news__spcimg {
    margin: 0;
}
.wallpaperLists .news__spcimg img {
    padding-bottom: 0;
    margin: 0;
}
.wallpaperLists .js-wallpaperDownload {
    cursor: pointer;
}
@media screen and (min-width: 769px) {
    .wallpaperLists {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: min(calc(16 / var(--vw-min) * 100vw), 16px);
    }
    .wallpaperLists .news__spcimg {
        width: 100%;
        margin: 0;
    }
}
@media screen and (max-width: 768px) {
    .wallpaperLists {
        gap: calc(12 / var(--vw-min) * 100vw);
    }
    .wallpaperLists .news__spcimg {
        width: 75%;
        margin: 0 auto;
    }
}
.wallpaperDownload {
    display: flex;
    justify-content: center;
    margin-top: min(calc(8 / var(--vw-min) * 100vw), 8px);
}
@media screen and (max-width:768px){
    .wallpaperDownload {
        margin-top: calc(8 / var(--vw-min) * 100vw);
    }
}
.detail_textBlock .wallpaperDownload__btn {
    font-size: min(calc(15 / var(--vw-min) * 100vw), 15px);
    color: #fff;
    font-weight: 600;
    line-height: 1.87;
    letter-spacing: 0;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: min(calc(8 / var(--vw-min) * 100vw), 8px) min(calc(48 / var(--vw-min) * 100vw), 48px);
    background-color: var(--color-orangeF29);
    border: min(calc(1 / var(--vw-min) * 100vw), 1px) solid var(--color-orangeF29);
    border-radius: min(calc(100 / var(--vw-min) * 100vw), 100px);
    text-decoration: none;
    transition: .3s ease-out;
}
.detail_textBlock .wallpaperDownload__btn::after {
    content: "";
    width: min(calc(10 / var(--vw-min) * 100vw), 10px);
    height: min(calc(10 / var(--vw-min) * 100vw), 10px);
    display: block;
    -webkit-mask: url(../img/common/deco/deco_arrow2.svg) no-repeat center/contain;
    mask: url(../img/common/deco/deco_arrow2.svg) no-repeat center/contain;
    background-color: #fff;
    margin-left: min(calc(8 / var(--vw-min) * 100vw), 8px);
}
@media screen and (max-width:768px){
    .detail_textBlock .wallpaperDownload__btn {
        font-size: calc(13 / var(--vw-min) * 100vw);
        padding: calc(6 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw);
        border-width: calc(1 / var(--vw-min) * 100vw);
        border-radius: calc(100 / var(--vw-min) * 100vw);
    }
    .detail_textBlock .wallpaperDownload__btn::after {
        width: calc(8 / var(--vw-min) * 100vw);
        height: calc(8 / var(--vw-min) * 100vw);
        margin-left: calc(7 / var(--vw-min) * 100vw);
    }
}
@media (hover: hover) and (pointer: fine){
    .detail_textBlock .wallpaperDownload__btn:hover {
        color: #fff;
        opacity: .8;
    }
}
/**