.asset-footer{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

/*feature*/

#feature-archive .contents .block h1,
#feature-archive .contents .block h2,
#feature-archive .contents .block h3,
#feature-archive .contents .block h4,
#feature-archive .contents .block h5,
#feature-archive .contents .block h6{
}

.feature-header{
	width: 100%;
	text-align: center;
}


.banner img{
	width:100%;
}
.block.flex{
	width: 100%;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	-o-align-items: flex-start;
	align-items: flex-start;
}
.block{
	margin: 3rem 0;
}
.block .left{
	width: 35%;
}
.block .right{
	width: 65%;
}

#feature-archive .contents.flex{
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column;
	flex-flow: column;
}

#feature-archive .contents.flex .block .left{
	width: 100%;
	text-align: center;
}

#feature-archive .contents.flex .block .right{
	width: 100%;
}

#feature-archive h1.contents-title{
	margin-top: 0;
}
#feature-archive h1.contents-title span{
	display: block;
}

.section-title.feature{
	color:#24EB97;
}
.section-title.sns{
	color:#00A5D6;
	margin-bottom: 4rem;
}
.section-title.youtube{
	color:#CE0000;
}
.section-title.sns .main-title,
.section-title.youtube .main-title{
	top: 0;
}

.section-title.feature.block-cat,
.section-title.whatsnew.block-cat{
	text-align: center;
	margin-top: 1.3rem;
}
.section-title.feature.block-cat .divider,
.section-title.whatsnew.block-cat .divider{
	right: 0;
}
.section-title.feature.block-cat .post-year,
.section-title.whatsnew.block-cat .post-year{
	color:#24EB97;
	margin-left: 0;
	top: -0.5rem;

}
.section-title.feature.block-cat .post-date,
.section-title.whatsnew.block-cat .post-date{
	font-size: 2.4rem;
	top: -0.4rem;
	line-height: 2.8rem;
}

#feature-archive .cat-title{
	color:#24EB97;
}

.section-title.feature.block-cat .cat-title{
	background: white;
	position: relative;
	z-index: 2;
	width: 7rem;
	font-size: 1.2rem;
	text-transform: uppercase;
	width: 7rem;
	display: inline-block;
	text-align: center;
	line-height: 1.25;
	padding-top: 0.25rem;
}

#feature-link.banner{
	margin: 3rem 0;
}

body.main-index #feature-link.banner{
	margin-top: 8rem;
}

.feature.slide.banner{
	padding: 0 0.5rem;
}

#feature-archive .feature.slide.banner{
	width: 100%;
	padding: 0 1rem;
	margin-bottom: 3rem;
}

.feature.slide.banner .block{
	margin: 1rem 0 0 0 ;
}

.feature.slide.banner .block .cat-title{
	font-size: 0.5rem;
	color: #24EB97;
}
.feature.slide.banner .block .section-title.feature.block-cat{
	margin-top: 1rem;
	text-align: left;
}

.feature.slide.banner .block .section-title.feature.block-cat .post-date{
	font-size: 1.5rem;
	line-height: 1.2;
}

.feature.slide.banner .block .section-title.feature.block-cat .divider{
	width: 4.5rem;
	height: 4.5rem;
	left: -0.5rem;
	right: inherit;
}

.feature.slide.banner .block .contents-title{
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 1.5;
}

.feature.slide.banner .block .contents-title span{
	display: block;
}

.feature.slide.banner .block .txt p, .feature.slide.banner .block .field p,
.feature.slide.banner .txt.field{
	margin: 0.5rem 0 0 0;
	line-height: 1.2;
	font-size: 0.8rem;
	font-weight: 500;
}

#feature-link .list-link a,
#feature-link .list-link .divider::before{
	color: #24EB97;
}
#feature-link .list-link a:hover{
	color: silver;
}
#feature-link .list-link a i,
.feature.link .more-btn a,
#feature-archive .more-btn a{
	background: #24EB97;
}

#yumekukan{

}

#yumekukan .flex{
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	-o-align-items: flex-start;
	align-items: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	justify-content: flex-start;
	margin:  2rem 0;
	border-bottom: 1px dotted black;
}

#yumekukan .flex.align{
	margin: 0;
	border-bottom: 0;
}

#yumekukan #matsunojoh.flex .thumb{
	width: 100%;
}
#yumekukan .flex .thumb{
	width: 100%;
}

.thumb-cover{
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
	background: black;
}

.thumb-cover .info-btn{
	position: absolute;
	visibility: hidden;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 1rem;
	background: none;
	color: white;
	cursor: pointer;
	z-index: 1;
}


.thumb-cover:hover .info-btn{
	visibility: visible;
}
.thumb-cover:hover img{
	opacity: 0.2;
}

.thumb-cover .info-btn span{
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}
.thumb-cover .info-btn span i{
	color:red;
}

#yumekukan .flex .thumb img{
	max-width: 100%;
}
.info-btn{
	position: absolute;
	right: 0.5rem;
	top: -3rem;
	color:
	red;
	background:
	white;
	border-radius: 100%;
	cursor: pointer;
}
.info-btn:hover{
	color: silver;
}
.info-btn i{
	font-size: 2.5rem;
}

#yumekukan h4.artist,
#yumekukan h5.title{
	margin-bottom: 0.5rem;
	font-weight: 500;
	line-height: 0.5;
	position: relative;
}
#yumekukan h4.artist{
	font-size: 2rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-flow: column;
}
#yumekukan h4.artist .link-btn{
	margin-top: 2rem;
}
#yumekukan h4.artist a.link{
	font-size: 0.8rem;
	background:#24EB97;
	color:white;
	text-decoration: none;
	border-radius: 0.5rem;
	padding: 0.25rem 0.75rem;
}
#yumekukan h4.artist a.link:last-child{
	margin-left: 0.5rem;
}
#yumekukan h4.artist a.link.sns{
	background-color: #009fff;
}
#yumekukan h4.artist a.link:hover{
	background-color: silver;
}

#yumekukan h5.title{
	margin-top: 1.25rem;
	font-size: 1.17rem;
	font-weight: 600;
	line-height: 1.25;
	width: 100%;
}
#yumekukan h6.lead{
	font-weight: 500;
	font-size: 0.85rem;
	margin-top: 0.25rem;
	margin-bottom: 0;
	line-height: 1.5;
	padding-right: 1rem;
}

#yumekukan #matsunojoh h6.lead{
	min-height: auto;
}

#yumekukan #ichinosuke h6.lead,
#yumekukan #dansho .thumb:nth-child(1) h6.lead,
#yumekukan #dansho .thumb:nth-child(2) h6.lead,
#yumekukan #dansho .thumb:nth-child(3) h6.lead{
	min-height: auto;
}
#yumekukan #dansho .thumb:nth-child(4) h6.lead,
#yumekukan #dansho .thumb:nth-child(5) h6.lead,
#yumekukan #dansho .thumb:nth-child(6) h6.lead,
#yumekukan #hyakuei h6.lead{
	min-height: auto;
}
#yumekukan #danshun h6.lead{
	min-height: auto;
}


.tip-body{
	line-height: 1.5;
	word-break: break-all;
	text-align: justify;
	font-size: 0.85rem;
	padding-bottom: 0.4rem;
}
ul.disc-info{
	padding-left: 0;
	list-style-type: none;
	font-size: 0.8rem;
	border-bottom: 1px dotted white;
	padding-bottom: 0.8rem;
	padding-top: 0.4rem;
	margin-top: 0;
}

/*whatsnew-archive*/

#whatsnew-archive{

}

.section-title.whatsnew,
.section-title.whatsnew.block-cat .post-year{
	color: #F5409B;
}
.section-title.whatsnew.release,
.section-title.whatsnew.release.block-cat .post-year,
.section-title.whatsnew.release.block-cat .sub-title{
	color: #ff7474;
}

.whatsnew .more-btn a{
	background: #F5409B;
}
.whatsnew.release .more-btn a{
	background: #ff7474;
}

#whatsnew-archive .block.flex.title{
	margin: 0;
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column;
	flex-flow: column;
}
#whatsnew-archive .block.flex.title .left{
	width: 100%;
}
#whatsnew-archive .block.flex.title .right{
	width: 100%;
}

#whatsnew-archive .contents .block{
	margin: 1rem 0;
}

.archive.link{

}
.link .block.flex{
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	justify-content: flex-start;
}
.link .block.flex .box{
	width: calc(100% / 1);
	padding: 1rem;
}
/*
.box{
position: relative;
bottom: -100px;
opacity: 0;
-webkit-transition: all 800ms 0s ease-in-out;
transition: all 800ms 0s ease-in-out;
}
.box.on{
opacity: 1;
bottom: 0;
}
*/
.link-header img{
	width: 100%;
}

.link .block.flex .box .section-title.whatsnew.block-cat{
	text-align:center;
	transform: scale(0.6);
	-webkit-transform: scale(0.6);
	margin: 0;
	bottom: -1rem;
}
#search-results.link .block.flex .box .section-title.whatsnew.block-cat{
	bottom: -0.75rem;
}

#search-results .section-title.whatsnew.feature{
	color:#24EB97;
}
#search-results .section-title.whatsnew.release,
#release-link .section-title.release,
#release-archive .section-title.release,
#release-archive .section-title.whatsnew.release,
#release-archive .section-title.whatsnew.block-cat .post-year,
#release-archive .section-title.whatsnew.block-cat .sub-title{
	color: #ff7474;
}

#release-archive .section-title.whatsnew.block-cat .sub-title,
.whatsnew.release.link .section-title.whatsnew.block-cat .sub-title{
	margin-left: 3.5rem;
	top: -0.25rem;
}


h2.tag-line{
	font-size: 1.5rem;
	margin-top: 0;
	margin-bottom: 0.75rem;
	font-weight: 400;
}
.tag-line span{
	margin-right: 0.5rem;
}

#release-archive h3.txt{
	font-size: 1.2rem;
}

.spec-title{
	position: relative;
	width: 100%;
	border-bottom: 1px solid;
	padding-bottom: 1rem;
}
.spec-title::before{
	content: '';
}

.spec-title h4, .spec-title h5{
	font-size: 1rem;
	font-weight: 400;
	margin: 0.25rem 0;
}
.spec-title h6.tag-line{
	margin: 0;
	font-weight: 400;
	font-size: 1rem;
}
.spec-title h4 span, .spec-title h5 span, .spec-title h6 span.spec{
	font-weight: 200;
	margin-right: 0.5rem;
}

#release-archive .block.release .field{
	width: 100%;
	border-bottom: 1px solid black;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
}

.block.release .field:last-child{

}

#search-results .section-title.whatsnew.artist{
	color: olive;
}
#search-results .link-header.search img{
	display: none;
}
#search-results .link-header.search img:first-child{
	display: block;
}

.link .block.flex .box .section-title.whatsnew.block-cat .divider{
	right: 0;
}

#release-link.link .block.flex .box .section-title.whatsnew.block-cat .divider{
	top: -14px;
}

.link .block.flex .box .section-title.whatsnew.block-cat .post-date{
	/*line-height: 1.8rem;*/
}

.link .block.flex .box .section-title.whatsnew.block-cat .post-year {
	font-size: 0.8rem;
}

.link .block.flex .box h5.contents-title,
.link .block.flex .box .txt{
	font-size: 0.8rem;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
	min-height: 2.4rem;
	line-height: 1.5;
}
.link .block.flex .box .txt{
	line-height: 1.5;
	word-break: break-all;
}

.whatsnew .list-link a,
.whatsnew .list-link .divider::before{
	color: #F5409B !important;
}

.whatsnew.release .list-link a,
.whatsnew.release .list-link .divider::before{
	color: #ff7474 !important;
}
.whatsnew.release .list-link a:hover{
	color: silver !important;
}

.whatsnew .list-link a i{
	background: #F5409B;
}
.whatsnew.release .list-link a i{
	background: #ff7474;
}

#whatsnew .pager-nav .current_page{
	color: #F5409B;
}

.tag-line{
	font-size: 0.8rem;
}


/*release*/
#release-link{

}
#release-link .link .block.flex,
#release-index .link .block.flex{
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column;
	flex-flow: column;
}
#release-link .whatsnew.release.link .block.flex .box.flex,
#release-index .whatsnew.release.link .block.flex .box.flex{
	width: 100%;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	justify-content: flex-start;
}

#release-link .section-title.whatsnew.release.block-cat,
#release-index .section-title.whatsnew.release.block-cat{
	width: 30%;
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	left: -1.2rem;
}
#release-link .whatsnew.release.link .section-title.whatsnew.block-cat .sub-title,
#release-index .whatsnew.release.link .section-title.whatsnew.block-cat .sub-title{
	font-size: 1rem;
}

#release-link .whatsnew.release.link .block.flex .box.flex .link-header.release,
#release-index .whatsnew.release.link .block.flex .box.flex .link-header.release{
	width: 70%;
	position: relative;
	overflow: hidden;
}
#release-link .whatsnew.release.link .block.flex .box.flex .link-header.release img,
#release-index .whatsnew.release.link .block.flex .box.flex .link-header.release img{
	height: 100%;
	object-fit: cover;
	object-position: center;
}

#release-link .release-link-txt-box.flex,
#release-index .release-link-txt-box.flex{
	width: 100%;
	padding-left: 0rem;
}
#release-link .release-link-txt-box.flex h5.contents-title,
#release-index .release-link-txt-box.flex h5.contents-title{
	min-height: auto;
	font-size: 1rem;
}
#release-link .release-link-txt-box.flex .release-link-txt .txt,
#release-index .release-link-txt-box.flex .release-link-txt .txt{
	min-height: auto;
	margin-top: 0;
}
#release-link .release-link-txt-box.flex .release-link-txt .txt.product-title,
#release-index .release-link-txt-box.flex .release-link-txt .txt.product-title{
	font-size: 1rem;
}


#release-archive .block.flex.title{
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column;
	flex-flow: column;
}

#release-archive .block.flex.title .left,
#release-archive .block.flex.title .right{
	width: 100%;
}

#release-archive .block.flex.title .right h1.contents-title{
	margin-top: 0;
}

#release .pager-nav .current_page{
	color: #ff7474;
}


/*label*/
section#label-link{
	margin-top: 10rem;
}
#label-link .block.flex {
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
}
.section-title.label{
	color: #B740F5;
}


/*youtube*/
section#polystartube{
	margin-top: 10rem;
}

/*search*/
.section-title.search {
	color: #3adcbe;
}
.section-title.search h1.main-title{
	margin: 0;
}

iframe#twitter-widget-1,
iframe#twitter-widget-2{
	/*margin-bottom: -7px;*/
	vertical-align: bottom;
}

#search-menu-box button[type=submit]{
	left: 0;
}

#menu-modal .inner.flex ul{
	width: 65%;
}
#search-menu-box input#search{
	font-size: 16px;
}

@media screen and (min-width: 481px) {
	.whatsnew.link .block.flex .box,
	.search.link .block.flex .box{
		width: calc(100% / 1);
	}
	#sns #twitter, #sns #facebook {
		width: 100%;
	}
}

@media screen and (min-width: 769px) {
	.whatsnew.link .block.flex .box,
	.search.link .block.flex .box{
		width: calc(100% / 2);
	}
	#sns #twitter, #sns #facebook {
		width: 100%;
	}
	#footer-inner .block.flex,
	#footer-inner .block.flex .left #footer-menu.flex{
		-webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		-o-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	#footer-inner .block.flex{
		margin: 1.4rem;
	}
	#footer-inner .block.flex .left,
	#footer-inner .block.flex .right{
		width: 50%;
	}
	#footer-menu-list{
		width: calc(100% - 4.2rem);
		padding-left: 1.4rem;
		text-align: left;
	}
	#footer-inner .block.flex .right.flex{
		-webkit-align-items: flex-end;
		-moz-align-items: flex-end;
		-ms-align-items: flex-end;
		-o-align-items: flex-end;
		align-items:flex-end;
		margin-top: 0;
	}
	iframe#twitter-widget-1,
	iframe#twitter-widget-2{
		/*margin-bottom: -7px;*/
		vertical-align: top;
	}
	#header-ci{
		width: 4.2rem;
		height: 4.2rem;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		top: 0;
		bottom: 0;
	}
	#feature-archive .feature.slide.banner{
		width: 50%;
		opacity: 0;
	}

	.feature.slide.banner .block .section-title.feature.block-cat .post-date{
		font-size: 1.85rem;
	}
	.feature.slide.banner .block .section-title.feature.block-cat .divider{
		width: 6rem;
		height: 6rem;

	}

	.block .left{
		width: 25%;
	}
	.block .right{
		width: 75%;
	}

	#feature-archive .contents.flex{
		-webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		-o-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	#feature-archive .contents.flex .block .left{
		width: 20%;
		text-align: left;
	}

	#feature-archive .contents.flex .block .right{
		width: 80%;
	}
	.section-title.feature.block-cat, .section-title.whatsnew.block-cat{
		text-align: left;
	}
	.section-title.feature.block-cat .divider,
	.section-title.whatsnew.block-cat .divider{
		right: inherit;
	}

	#whatsnew-archive .block.flex.title{
		margin: 0;
		-webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		-o-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	#whatsnew-archive .block.flex.title .left{
		width: 15%;
	}
	#whatsnew-archive .block.flex.title .right{
		width: 85%;
	}
	#menu-modal .inner.flex ul li{
		font-size: 1.25rem;
		margin: 1rem auto;
	}
	#search-box{
		display: flex;
	}
	#search-menu-box{
		display: none;
	}

	#release-link .whatsnew.release.link .block.flex .box.flex,
	#release-index .whatsnew.release.link .block.flex .box.flex{
		-webkit-flex-flow: row nowrap;
		-moz-flex-flow: row nowrap;
		-ms-flex-flow: row nowrap;
		-o-flex-flow: row nowrap;
		flex-flow: row nowrap;
		opacity: 0;
	}

	#release-link .section-title.whatsnew.release.block-cat,
	#release-index .section-title.whatsnew.release.block-cat{
		width: 20%;
		left: 0rem;
	}

	#release-link .whatsnew.release.link .block.flex .box.flex .link-header.release,
	#release-index .whatsnew.release.link .block.flex .box.flex .link-header.release{
		width: 25%;
		height: auto;
	}

	#release-link .release-link-txt-box.flex,
	#release-index .release-link-txt-box.flex{
		width: 50%;
		padding-left: 1rem;
		-webkit-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-ms-justify-content: flex-start;
		-o-justify-content: flex-start;
		justify-content: flex-start;
	}

	#release-link .release-link-txt-box.flex .more-btn,
	#release-index .release-link-txt-box.flex .more-btn{
		margin-left: 0;
		margin-right: 0;
	}

	#release-link .release-link-txt-box.flex h5.contents-title,
	#release-index .release-link-txt-box.flex h5.contents-title{

	}

	#release-link .release-link-txt-box.flex .release-link-txt .txt,
	#release-index .release-link-txt-box.flex .release-link-txt .txt{

	}

	#release-archive .block.flex.title{
		-webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		-o-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	#release-archive .block.flex.title .left{
		width: 15%;
	}
	#release-archive .block.flex.title .right{
		width: 85%;
	}

	iframe#twitter-widget-2{
		margin-bottom: 0;
		vertical-align: bottom;
	}
	#search-menu-box button[type=submit]{
		left: -0.25rem;
	}

	#menu-modal .inner.flex ul{
		width: auto;
	}
	#search-menu-box input#search{
		font-size: 16px;
	}
	#search-box{
		width: 30%;
	}
}

@media screen and (min-width: 897px) {
	.whatsnew.link .block.flex .box,
	.search.link .block.flex .box{
		width: calc(100% / 3);
	}
	#sns #twitter, #sns #facebook {
		width: 50%;
	}
	.block .left{
		width: 20%;
	}
	.block .right{
		width: 80%;
	}

	#yumekukan{

	}

	#yumekukan .flex{
		-webkit-align-items: flex-start;
		-moz-align-items: flex-start;
		-ms-align-items: flex-start;
		-o-align-items: flex-start;
		align-items: flex-start;
		-webkit-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-ms-justify-content: flex-start;
		-o-justify-content: flex-start;
		justify-content: flex-start;
		margin:  2rem 0;
		border-bottom: 1px dotted black;
	}

	#yumekukan .flex.align{
		margin: 0;
		border-bottom: 0;
	}

	#yumekukan #matsunojoh.flex .thumb{
		width: 50%;
	}
	#yumekukan .flex .thumb{
		width: calc(100%/3);
	}

	.thumb-cover{
		width: 100%;
		height: 100%;
		position: relative;
		text-align: center;
		background: black;
	}

	.thumb-cover .info-btn{
		position: absolute;
		visibility: hidden;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 100%;
		height: 1rem;
		background: none;
		color: white;
		cursor: pointer;
		z-index: 1;
	}


	.thumb-cover:hover .info-btn{
		visibility: visible;
	}
	.thumb-cover:hover img{
		opacity: 0.2;
	}

	.thumb-cover .info-btn span{
		display: flex;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
	}
	.thumb-cover .info-btn span i{
		color:red;
	}

	#yumekukan .flex .thumb img{
		max-width: 100%;
	}
	.info-btn{
		position: absolute;
		right: 0.5rem;
		top: -3rem;
		color:
		red;
		background:
		white;
		border-radius: 100%;
		cursor: pointer;
	}
	.info-btn:hover{
		color: silver;
	}
	.info-btn i{
		font-size: 2.5rem;
	}
	span.btn-caption{

	}

	#yumekukan h4.artist,
	#yumekukan h5.title{
		margin-bottom: 0.5rem;
		font-weight: 500;
		line-height: 0.5;
		position: relative;
	}
	#yumekukan h4.artist{
		font-size: 2rem;
		font-weight: 600;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-flow: row;
	}
	#yumekukan h4.artist .link-btn{
		margin-top: 0;
	}
	#yumekukan h4.artist a.link{
		font-size: 0.8rem;
		background:#24EB97;
		color:white;
		text-decoration: none;
		border-radius: 0.5rem;
		padding: 0.25rem 0.75rem;
	}
	#yumekukan h4.artist a.link:last-child{
		margin-left: 0.5rem;
	}
	#yumekukan h4.artist a.link.sns{
		background-color: #009fff;
	}
	#yumekukan h4.artist a.link:hover{
		background-color: silver;
	}

	#yumekukan h5.title{
		margin-top: 1.25rem;
		font-size: 1.17rem;
		font-weight: 600;
		line-height: 1.25;
		width: 100%;
	}
	#yumekukan h6.lead{
		font-weight: 500;
		font-size: 0.85rem;
		margin-top: 0.5rem;
		margin-bottom: 0;
		line-height: 1.5;
		padding-right: 1rem;
	}

	#yumekukan #matsunojoh h6.lead{
		min-height: 7rem;
	}

	#yumekukan #ichinosuke h6.lead,
	#yumekukan #dansho .thumb:nth-child(1) h6.lead,
	#yumekukan #dansho .thumb:nth-child(3) h6.lead{
		min-height: 7rem;
	}
	#yumekukan #dansho .thumb:nth-child(2) h6.lead{
		min-height: 6rem;
	}
	#yumekukan #dansho .thumb:nth-child(4) h6.lead,
	#yumekukan #dansho .thumb:nth-child(5) h6.lead,
	#yumekukan #dansho .thumb:nth-child(6) h6.lead{
		min-height: 7rem;
	}
	#yumekukan #hyakuei h6.lead{
		min-height: 5rem;
	}
	#yumekukan #dansho .thumb:nth-child(7) h6.lead{
		min-height: 4rem;
	}
	#yumekukan #danshun h6.lead{
		min-height: 6rem;
	}


	.tip-body{
		line-height: 1.5;
		word-break: break-all;
		text-align: justify;
		font-size: 0.85rem;
		padding-bottom: 0.4rem;
	}
	ul.disc-info{
		padding-left: 0;
		list-style-type: none;
		font-size: 0.8rem;
		border-bottom: 1px dotted white;
		padding-bottom: 0.8rem;
		padding-top: 0.4rem;
		margin-top: 0;
	}
}

@media screen and (min-width: 1025px) {
	.whatsnew.link .block.flex .box,
	.search.link .block.flex .box{
		width: calc(100% / 3);
		opacity: 0;
	}
	#sns #twitter, #sns #facebook {
		width: 50%;
	}
	.block .left{
		width: 18%;
	}
	.block .right{
		width: 82%;
	}
	.feature.archive .block .left{
		width: 20%;
	}
	.feature.archive .block .right{
		width: 76%;
	}

}

@media screen and (min-width: 1367px) {
	.block .left{
		width: 15%;
	}
	.block .right{
		width: 85%;
	}
}
@media screen and (min-width: 1409px) {

}
@media screen and (min-width: 1537px) {
	#search-box{
		width: 23%;
		-webkit-justify-content:flex-end;
		-moz-justify-content:flex-end;
		-ms-justify-content:flex-end;
		-o-justify-content:flex-end;
		justify-content:flex-end;
	}
}