@charset "UTF-8";
html {
	font-size: 62.5%;
	height: 100%;
}
body {
	width: 100vw;
	height: auto;
	font-size: 12px;
	font-size: 1.2rem;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	line-height: 200%;
	color: #000;
	background-color: #fff;
	overflow-x: hidden;
	overflow-y: auto;
}
img[width="1"] {
	position: fixed;
	top: 0;
	left: 0;
}
#contentsWrapper .dispWide {
	display: block;
}
#contentsWrapper .dispNarrow {
	display: none;
}
@media screen and (max-width: 800px) {
	#contentsWrapper .dispWide {
		display: none;
	}
	#contentsWrapper .dispNarrow {
		display: block;
	}
}
.popupContents .cover,
#contentsWrapper .cover {
	width: 100%;
	height: auto;
}
#includeFooter {
	position: relative;
	z-index: 50;
}
#bgUnverse {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	z-index: 5;
}
#bgUnverse > div {
	width: 100vw;
	height: 5400px;
	background-image: url("../images/bg.jpg");
	background-position: center top;
	background-repeat: repeat;
	animation: universe 220s linear infinite;
}
#bgAdverge {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-image: url("../images/bgAdverge.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	z-index: 5;
}
@media screen and (max-width: 800px) {
	#bgUnverse {
		height: 120vh;
	}
	#bgUnverse > div {
		background-size: 170% auto;
	}
}
@keyframes universe {
	0%{
		transform: translate3d(0, 0, 0);
	}
	100%{
		transform: translate3d(0, -2700px, 0);
	}
}
#contentsWrapper {
	position: relative;
	width: 100%;
	letter-spacing: 0.05em;
	color: #fff;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 10;
}
.popupContents .widthWrapper,
#contentsWrapper .widthWrapper {
	position: relative;
	width: 78.125%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	overflow: hidden;
}
@media screen and (max-width: 800px) {
	.popupContents .widthWrapper,
	#contentsWrapper .widthWrapper {
		width: 92%;
	}
}
.popupContents .flexBlock,
#contentsWrapper .flexBlock,
#contentsWrapper .flexBlock .thumbBlock {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: row;
	flex-shrink: 0;
	list-style: none;
}
#contentsWrapper .flexBlock .thumbBlock {
	flex-direction: column;
	align-items: stretch;
	justify-content: space-between;
}
.popupContents .flexBetween,
#contentsWrapper .flexBetween {
	justify-content: space-between;
}
#contentsWrapper .flexAlignCenter {
	align-items: center;
}
.popupContents .alignCenter,
#contentsWrapper .alignCenter {
	text-align: center;
}
#contentsWrapper .alignRight {
	text-align: right;
}
#contentsWrapper .alignLeft {
	text-align: left;
}
#contentsWrapper .fontBold {
	font-weight: bold;
}
#specialHeader .fontJp,
#contentsWrapper .fontJp {
	font-family: 'G2サンセリフ-B', 'GSanSerif-B', sans-serif;
}
#contentsWrapper .text36 {
	font-size: 36px;
}
#contentsWrapper .text22,
.popupContents .text22 {
	font-size: 22px;
}
#contentsWrapper .text20,
.popupContents .text20 {
	font-size: 20px;
}
#contentsWrapper .text16,
.popupContents .text16 {
	font-size: 16px;
}
#contentsWrapper .text12 {
	font-size: 12px;
}
#contentsWrapper .text0 {
	font-size: 0;
}
@media screen and (min-width: 801px) and (max-width: 1280px) {
	#contentsWrapper .text36 {
		font-size: 2.8125vw;
	}
	#contentsWrapper .text22,
	.popupContents .text22 {
		font-size: 1.71875vw;
	}
	#contentsWrapper .text20,
	.popupContents .text20 {
		font-size: 1.5625vw;
	}
	#contentsWrapper .text16,
	.popupContents .text16 {
		font-size: 1.25vw;
	}
	#contentsWrapper .text12 {
		font-size: 0.9375vw;
	}
}
@media screen and (max-width: 800px) {
	#contentsWrapper .text36 {
		font-size: 2.4vw;
	}
	#contentsWrapper .text22,
	.popupContents .text22 {
		font-size: 4.8vw;
	}
	#contentsWrapper #aboutBlock .text22 {
		font-size: 2vw;
	}
	#contentsWrapper .text20,
	.popupContents .text20 {
		font-size: 4vw;
	}
	#contentsWrapper .text20 .dateWrapper,
	#contentsWrapper .text16,
	.popupContents .text16 {
		font-size: 3.2vw;
	}
	#contentsWrapper .text12 {
		font-size: 2.4vw;
	}
	#specialFooter ul.flexBlock .text12 {
		font-size: 3.2vw;
	}
}
.popupContents .lineHeight160,
#contentsWrapper .lineHeight160 {
	line-height: 160%;
}
#contentsWrapper .lineHeight200 {
	line-height: 200%;
}
#contentsWrapper .lineHeight260 {
	line-height: 260%;
}
@media screen and (max-width: 800px) {
	#contentsWrapper #aboutBlock .lineHeight260 {
		line-height: 200%;
	}
}
#contentsWrapper .marginTopHarf {
	margin-top: 0.5em!important;
}
.popupContents .marginTop1em,
#contentsWrapper .marginTop1em {
	margin-top: 1em!important;
}
#contentsWrapper .marginTop2em {
	margin-top: 2em!important;
}
#contentsWrapper .marginTop3em {
	margin-top: 3em!important;
}
#contentsWrapper .marginTop4em {
	margin-top: 4em!important;
}
.popupContents .marginTopAuto,
#contentsWrapper .marginTopAuto {
	margin-top: auto!important;
}
#contentsWrapper .marginRightHarf {
	margin-right: 0.5em!important;
}
#contentsWrapper a {
	color: inherit;
	background-color: transparent;
	text-decoration: none!important;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
#contentsWrapper a.hover {
	color: inherit;
	background-color: rgba(255,255,255,0.25);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#contentsWrapper a.opacity {
	opacity: 1;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
#contentsWrapper a.opacity.hover {
	opacity: 0.75;
	background-color: transparent;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.popupContents .textWhite,
#contentsWrapper .textWhite {
	color: #fff;
}
.popupContents .textOrange,
#contentsWrapper .textOrange {
	color: #eda617;
}
.popupContents .textYellow,
#contentsWrapper .textYellow {
	color: #ffe100;
}
#contentsWrapper .textRed {
	color: #f00;
}
a.deactive {
	pointer-events: none;
}
/*footer*/
#specialFooter {
	margin: 4em 0 0;
	padding: 0 0 1em;
	background-color: #000;
	border-top: 1px solid #808080;
}
#specialFooter > .flexBlock {
	position: relative;
}
#specialFooter > .flexBlock > div {
	width: 20%;
	height: 7em;
}
#specialFooter > .flexBlock > div > a {
	display: block;
	height: 100%;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
#specialFooter > .flexBlock > div:nth-child(1) > a {
	width: 100%;
	background-image: url("../images/logoDbs.png");
}
#specialFooter > .flexBlock > ul.flexBlock + div {
	transform: translateY(-50%);
}
#specialFooter > .flexBlock > ul.flexBlock + div > a {
	width: 7em;
	height: 100%;
	margin: 0 auto;
	background-image: url("../images/btnPageTop.png");
}
#specialFooter > .flexBlock > ul.flexBlock {
	width: 60%;
}
#specialFooter ul.flexBlock li > a,
#specialFooter ul.flexBlock li > a.hover {
	display: block;
	position: relative;
	color: #fff;
	padding: 1em 2em;
	background-color: transparent;
	border-bottom: none;
	text-decoration: none;
}
#specialFooter ul.flexBlock li:not(:nth-child(1)) > a::before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 1em;
	background-color: #fff;
	transform: translateY(-50%);
}
#specialFooter ul.flexBlock li > a::after {
	display: block;
	content: "";
	position: absolute;
	bottom: 0.75em;
	left: 50%;
	width: 0;
	height: 1px;
	background-color: #fff;
	transform: translateX(-50%);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#specialFooter ul.flexBlock li > a.hover::after {
	width: 75%;
}
/* sns */
#contentsWrapper .snsBlock {
	position: relative;
	width: 100%;
	height: 20px;
	margin: 0 auto;
	padding: 8px 0;
	overflow: visible;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-shrink: 0;
}
#contentsWrapper .snsBlock .snsBtn {
	height: 20px;
	margin: 0 4px 0 0;
	line-height: 100%;
	display: block;
}
@media screen and (max-width: 800px) {
	#specialFooter > .flexBlock {
		padding: 0;
	}
	#specialFooter > .flexBlock > div {
		width: 100%;
		height: 5em;
	}
	#specialFooter > .flexBlock > div:nth-child(1) > a {
		width: 50%;
		background-size: auto 125%;
		margin: 0 auto;
	}
	#specialFooter > .flexBlock > ul.flexBlock {
		width: 100%;
		margin-top: 0;
		flex-direction: column;
	}
	#specialFooter > .flexBlock > ul.flexBlock + div {
		position: absolute;
		top: 0;
		right: 0;
		width: 5em;
		height: 5em;
	}
	#specialFooter > .flexBlock > ul.flexBlock + div > a {
		width: 100%;
	}
	#specialFooter ul.flexBlock li > a,
	#specialFooter ul.flexBlock li > a.hover {
		padding: 0.25em 0;
	}
	#specialFooter ul.flexBlock li > a::before {
		display: none!important;
	}
	.popupContents .snsBlock,
	#contentsWrapper .snsBlock {
		margin-top: 1em;
	}
}
/*btn*/
#contentsWrapper .btn {
	position: relative;
}
#contentsWrapper .btn > a,
#contentsWrapper .btn > span {
	display: inline-block;
	min-width: 40%;
	padding: 0.5em 1em;
	border: 2px solid #fff;
	border-radius: 3em;
	box-sizing: border-box;
	cursor: pointer;
	z-index: 1;
}
#contentsWrapper .btnTab > span.hover {
	background-color: rgba(255,255,255,0.25);
}
#contentsWrapper .btn > a > span,
#contentsWrapper .btn > span > span {
	display: inline-block;
	position: relative;
	padding-right: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#contentsWrapper .btn > a.hover > span,
#contentsWrapper .btn > span.hover > span {
	padding-right: 1em;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
#contentsWrapper .btnTab > span > span,
#contentsWrapper .btnTab > span.hover > span {
	padding-right: 1.5em;
}
#contentsWrapper .btn > a > span::after,
#contentsWrapper .btn > span > span::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 1em;
	height: 1em;
	background-image: url('../images/arrow.svg');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	opacity: 0;
	transform: translateY(-57.5%);
}
#contentsWrapper .btnTab > span > span::after {
	transform: rotate(90deg) translateX(-65%);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#contentsWrapper .btnTab > span.active > span::after {
	transform: rotate(-90deg) translateX(35%);
}
#contentsWrapper .btnTab > span > span::after,
#contentsWrapper .btn > a.hover > span::after,
#contentsWrapper .btn > span.hover > span::after {
	opacity: 1;
}
#contentsWrapper .btnTab > span.hover > span::after {
	transform: rotate(90deg) translateX(-55%);
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
#contentsWrapper .btnTab > span.active.hover > span::after {
	transform: rotate(-90deg) translateX(45%);
}
@media screen and (max-width: 800px) {
	#contentsWrapper .btn > a,
	#contentsWrapper .btn > span {
		width: 100%;
	}
	#contentsWrapper .btn > a > span,
	#contentsWrapper .btn > span > span {
		padding-right: 1em;
	}
	#contentsWrapper .btn > a > span::after,
	#contentsWrapper .btn > span > span::after {
		opacity: 1;
	}
}
/*common*/
#contentsWrapper .sectionTitle {
	width: 71.2%;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 800px) {
	#contentsWrapper .sectionTitle {
		width: 100%;
	}
}
.popupContents .boxWrapper > .boxWrapperHeader,
.popupContents .boxWrapper > .boxWrapperFooter,
#contentsWrapper .boxWrapper > .boxWrapperHeader,
#contentsWrapper .boxWrapper > .boxWrapperFooter {
	width: 100%;
	height: 2.34375vw;
	max-height: 30px;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#.popupContents .boxWrapper > .boxWrapperHeader,
#contentsWrapper .boxWrapper > .boxWrapperHeader {
	background-position: center bottom;
}
.popupContents .boxWrapper > .boxWrapperFooter,
#contentsWrapper .boxWrapper > .boxWrapperFooter {
	background-position: center top;
}
.popupContents .boxWrapper > .boxWrapperHeader,
#contentsWrapper #newsBlock.boxWrapper > .boxWrapperHeader {
	background-image: url("../images/newsBoxHeader.png");
}
.popupContents .boxWrapper > .boxWrapperFooter,
#contentsWrapper #newsBlock.boxWrapper > .boxWrapperFooter {
	background-image: url("../images/newsBoxFooter.png");
}
#contentsWrapper #seriesBlock .boxWrapper > .boxWrapperHeader {
	height: 4.375vw;
	max-height: 54px;
	background-image: url("../images/seriesBoxHeader.png");
}
#contentsWrapper #seriesBlock .boxWrapper > .boxWrapperContents {
	margin-top: -1px;
}
#contentsWrapper #seriesBlock .boxWrapper > .boxWrapperFooter {
	height: 4.375vw;
	max-height: 54px;
	background-image: url("../images/seriesBoxFooter.png");
}
#contentsWrapper #itemBlock .boxWrapper > .boxWrapperHeader {
	background-image: url("../images/itemBoxHeader.png");
}
#contentsWrapper #itemBlock .boxWrapper > .boxWrapperFooter {
	background-image: url("../images/itemBoxFooter.png");
}
.popupContents .boxWrapper > .boxWrapperContents,
#contentsWrapper .boxWrapper > .boxWrapperContents {
	width: 100%;
	background-image: url("../images/bgBox.png");
	background-repeat: repeat-y;
	background-size: 100% auto;
	box-sizing: border-box;
}
@media screen and (max-width: 800px) {
	.popupContents .boxWrapper > .boxWrapperHeader,
	#contentsWrapper #newsBlock.boxWrapper > .boxWrapperHeader {
		height: 3.5vw;
		background-image: url("../images/newsBoxHeaderSp.png");
	}
	.popupContents .boxWrapper > .boxWrapperFooter,
	#contentsWrapper #newsBlock.boxWrapper > .boxWrapperFooter {
		height: 3.5vw;
		background-image: url("../images/newsBoxFooterSp.png");
	}
	#contentsWrapper #seriesBlock .boxWrapper > .boxWrapperHeader {
		height: 6.75vw;
		background-image: url("../images/seriesBoxHeaderSp.png");
	}
	#contentsWrapper #seriesBlock .boxWrapper > .boxWrapperFooter {
		height: 6.75vw;
		background-image: url("../images/seriesBoxFooterSp.png");
	}
	#contentsWrapper #itemBlock .boxWrapper > .boxWrapperHeader {
		height: 3.5vw;
		background-image: url("../images/itemBoxHeaderSp.png");
	}
	#contentsWrapper #itemBlock .boxWrapper > .boxWrapperFooter {
		height: 3.5vw;
		background-image: url("../images/itemBoxFooterSp.png");
	}
	.popupContents .boxWrapper > .boxWrapperContents,
	#contentsWrapper .boxWrapper > .boxWrapperContents {
		background-image: url("../images/bgBoxSp.png");
	}
}
#contentsWrapper .thumbBlock {
	position: relative;
	width: 30.6%;
	margin-left: 4%;
}
#contentsWrapper .thumbBlock:nth-child(3n + 1) {
	margin-left: 0;
}
#contentsWrapper .thumbBlock:nth-child(n + 4) {
	margin-top: 3em;
}
#contentsWrapper .thumbBlock > a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#contentsWrapper .thumbBlock > span {
	display: block;
}
#contentsWrapper .thumbBlock > span.thumbBorder {
	position: relative;
	width: 100%;
	padding-top: 100%;
	line-height: 0;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	border: 2px solid;
	border-image: linear-gradient(to bottom, #751682, #0091da);
	border-image-slice: 1;
	box-sizing: border-box;
}
#contentsWrapper .thumbBlock > span.thumbBorder::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0);
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
#contentsWrapper .thumbBlock.hover > span.thumbBorder::before {
	background-color: rgba(255,255,255,0.25);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#contentsWrapper .thumbBlock > span.thumbBorder + span.textOrange {
	margin-bottom: auto;
}
#contentsWrapper .thumbBlock > span.dateWrapper {
	position: relative;
	line-height: 2.1;
	margin: 0 1em;
	background-image: url("../images/dateBg.png");
	background-position: center center;
	background-repeat: repeat-x;
	background-size: auto 100%;
}
#contentsWrapper .thumbBlock > span.dateWrapper::before,
#contentsWrapper .thumbBlock > span.dateWrapper::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	width: 2.1em;
	height: 2.1em;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	transform: translateY(-50%);
	z-index: -1;
}
#contentsWrapper .thumbBlock > span.dateWrapper::before {
	left: -1em;
	background-image: url("../images/dateBgL.png");
}
#contentsWrapper .thumbBlock > span.dateWrapper::after {
	right: -1em;
	background-image: url("../images/dateBgR.png");
}
@media screen and (max-width: 800px) {
	#contentsWrapper .thumbBlock {
		position: relative;
		width: 48%;
		margin-left: 0;
	}
	#contentsWrapper .thumbBlock:nth-child(3n + 1) {
		margin-left: 0;
	}
	#contentsWrapper .thumbBlock:nth-child(even) {
		margin-left: 4%!important;
	}
	#contentsWrapper .thumbBlock:nth-child(n + 3) {
		margin-top: 3em;
	}
	#contentsWrapper .thumbBlock > span.dateWrapper {
		height: 8.2vw;
		margin: 0 1em;
		line-height: 2.5;
	}
	#contentsWrapper .thumbBlock > span.dateWrapper::before,
	#contentsWrapper .thumbBlock > span.dateWrapper::after {
		width: 8.2vw;
		height: 8.2vw;
	}
}
/*catchVisual*/
.catchVisual {
	width: 100vw;
	height: 690px;
	background-image: url("../images/bgSliderFooter.png");
	background-position: center bottom;
	background-repeat: repeat-x;
}
.catchVisual .slider,
.catchVisual > div {
	background-color: #000;
}
.catchVisual .slider,
.catchVisual .slider li,
.catchVisual > div {
	height: 600px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.catchVisual > div {
	width: 100%;
}
.catchVisual .slider li {
	position: relative;
	opacity: 0.4;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.catchVisual .slider li.slick-active,
.catchVisual .slider li.slick-current {
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.catchVisual .slider li > a,
.catchVisual > div > a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1280px;
	height: 100%;
}
.catchVisual > div > a {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 1280px;
	height: 100%;
	transform: translateX(-50%);
}
.catchVisual .slick-list {
	z-index: 1;
}
/* Arrows */
.catchVisual [type='reset'], [type='submit'] {
	-webkit-appearance: button;
}
.catchVisual .slick-prev,
.catchVisual .slick-next,
.catchVisual .slick-prev:hover,
.catchVisual .slick-next:hover {
	display: block;
	position: absolute;
	top: 0;
	width: calc((100vw - 1280px)/2);
	height: 600px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	border: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: auto 100%;
	cursor: pointer;
	outline: none;
	z-index: 2;
}
.catchVisual .slick-prev {
	left: 0;
	background-image: url('../images/sliderArrowPrev.png');
	background-position: right center;
	opacity: 0.6;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.catchVisual .slick-next {
	right: 0;
	background-image: url('../images/sliderArrowNext.png');
	background-position: left center;
	opacity: 0.6;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.catchVisual .slick-prev:hover,
.catchVisual .slick-next:hover {
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.catchVisual .slick-dots {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
	flex-shrink: 0;
	list-style: none;
	width: 100%;
	height: 90px;
}
.catchVisual .slick-dots li,
.catchVisual .slick-dots li button {
	width: 30px;
	height: 30px;
	background-color: transparent;
}
.catchVisual .slick-dots li + li {
	margin-left: 15px;
}
.catchVisual .slick-dots li button {
	display: block;
	font-size: 0;
	line-height: 0;
	color: transparent;
	background-image: url('../images/sliderDot.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0.6;
	border: none;
	outline: none;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.catchVisual .slick-dots li button:hover,
.catchVisual .slick-dots li.slick-active button {
	opacity: 1;
}
.catchVisual .slick-dots li button:hover {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
@media screen and (min-width: 801px) and (max-width: 1500px) {
	.catchVisual {
		height: 46vw;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}
	.catchVisual .slider,
	.catchVisual .slider li,
	.catchVisual > div {
		height: 40vw;
	}
	.catchVisual .slider li > a {
		width: 85.333333vw;
	}
	/* Arrows */
	.catchVisual .slick-prev,
	.catchVisual .slick-next,
	.catchVisual .slick-prev:hover,
	.catchVisual .slick-next:hover {
		width: 7.333333vw;
		height: 40vw;
	}
	.catchVisual .slick-dots {
		height: 6vw;
	}
	.catchVisual .slick-dots li,
	.catchVisual .slick-dots li button {
		width: 2vw;
		height: 2vw;
	}
	.catchVisual .slick-dots li + li {
		margin-left: 1vw;
	}
}
@media screen and (max-width: 800px) {
	.catchVisual {
		height: 58.125vw;
		background-repeat: no-repeat;
		background-size: auto 11.25vw;
	}
	.catchVisual .slider,
	.catchVisual .slider li,
	.catchVisual > div {
		width: 100vw;
		height: 46.875vw;
	}
	.catchVisual .slider li > a,
	.catchVisual > div > a {
		width: 100vw;
	}
	.catchVisual .slick-dots {
		height: 11.25vw;
	}
	.catchVisual .slick-dots li,
	.catchVisual .slick-dots li button {
		width: 3.75vw;
		height: 3.75vw;
	}
	.catchVisual .slick-dots li + li {
		margin-left: 1vw;
	}
}
/*top news*/
#contentsWrapper #newsBlock.boxWrapper > .boxWrapperContents {
	padding: 0 1.5em;
}
#contentsWrapper #newsBlock.boxWrapper > .boxWrapperContents > li {
	border-bottom: 1px dotted #fff;
}
#contentsWrapper #newsBlock.boxWrapper > .boxWrapperContents > li:first-child {
	border-top: 1px dotted #fff;
}
#contentsWrapper #newsBlock.boxWrapper > .boxWrapperContents > li > a,
#contentsWrapper #newsBlock.boxWrapper > .boxWrapperContents > li > span {
	position: relative;
	display: block;
	padding: 0.5em 0.25em;
}
#contentsWrapper #newsBlock.boxWrapper > .boxWrapperContents > li > a > span,
#contentsWrapper #newsBlock.boxWrapper > .boxWrapperContents > li > a > span + span,
#contentsWrapper #newsBlock.boxWrapper > .boxWrapperContents > li > span > span,
#contentsWrapper #newsBlock.boxWrapper > .boxWrapperContents > li > span > span + span {
	display: inline-block;
}
#contentsWrapper #newsBlock.boxWrapper > .boxWrapperContents > li > a > span + span,
#contentsWrapper #newsBlock.boxWrapper > .boxWrapperContents > li > span > span + span {
	position: relative;
	padding-left: 2em;
}
#contentsWrapper #newsBlock.boxWrapper > .boxWrapperContents > li > a > span:first-child::after,
#contentsWrapper #newsBlock.boxWrapper > .boxWrapperContents > li > span > span:first-child::after {
	content: "";
	display: block;
	position: absolute;
	top: 1.5em;
	left: 14.8em;
	width: 1px;
	height: 1em;
	background-color: #fff;
	transform: translateY(-50%);
}
@media screen and (max-width: 800px) {
	#contentsWrapper #newsBlock.boxWrapper > .boxWrapperContents > li > a > span,
	#contentsWrapper #newsBlock.boxWrapper > .boxWrapperContents > li > a > span + span,
	#contentsWrapper #newsBlock.boxWrapper > .boxWrapperContents > li > span > span,
	#contentsWrapper #newsBlock.boxWrapper > .boxWrapperContents > li > span > span + span {
		display: block;
	}
	#contentsWrapper #newsBlock.boxWrapper > .boxWrapperContents > li > a > span + span,
	#contentsWrapper #newsBlock.boxWrapper > .boxWrapperContents > li > span > span + span {
		padding-left: 1em;
		line-height: 160%;
	}
	#contentsWrapper #newsBlock.boxWrapper > .boxWrapperContents > li > a > span + span::before,
	#contentsWrapper #newsBlock.boxWrapper > .boxWrapperContents > li > span > span + span::before {
		display: none;
	}
}
/*top about*/
#contentsWrapper #aboutBlock {
	height: 64.84375vw;
	max-height: 830px;
	background-image: url("../images/bgAbout.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
#contentsWrapper #aboutBlock .widthWrapper {
	height: 64.84375vw;
	max-height: 830px;
}
#contentsWrapper #aboutBlock .obj {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 64.84375vw;
	max-height: 830px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	pointer-events: none;
}
#contentsWrapper #aboutBlock .objAbout00 {
	background-image: url("../images/objAbout00.png");
}
#contentsWrapper #aboutBlock .objAbout01 {
	background-image: url("../images/objAbout01.png");
}
#contentsWrapper #aboutBlock .objAbout02 {
	background-image: url("../images/objAbout02.png");
}
#contentsWrapper #aboutBlock .objAbout03 {
	background-image: url("../images/objAbout03.png");
}
#contentsWrapper #aboutBlock .objAbout04 {
	background-image: url("../images/objAbout04.png");
}
@media screen and (max-width: 800px) {
	#contentsWrapper #aboutBlock.marginTop4em {
		margin-top: 2em!important;
	}
	#contentsWrapper #aboutBlock h1 {
		margin-top: -1em;
	}
	#contentsWrapper #aboutBlock .obj {
		background-size: contain;
	}
	#contentsWrapper #aboutBlock .objAbout00,
	#contentsWrapper #aboutBlock .objAbout04 {
		background-position: left top;
	}
	#contentsWrapper #aboutBlock .objAbout02 {
		background-position: left -5vw top;
	}
	#contentsWrapper #aboutBlock .objAbout01,
	#contentsWrapper #aboutBlock .objAbout03 {
		background-position: right top;
	}
}

#contentsWrapper #seriesBlock .flexBlock > li {
	width: 25%;
}
#contentsWrapper #seriesBlock .flexBlock > li > a {
	display: block;
}
@media screen and (max-width: 800px) {
	#contentsWrapper #seriesBlock {
		margin-top: 0;
	}
}
/*item:figure*/
#contentsWrapper #itemBlock .boxWrapper {
	margin-bottom: 2em;
}
#contentsWrapper #itemBlock .boxWrapperContents {
	width: 100%;
	padding: 0.25em 3% 0;
	box-sizing: border-box;
}
.popupContents .boxWrapperContents .itemName,
#contentsWrapper .boxWrapperContents .itemName {
	position: relative;
	padding-left: 0.8em;
}
.popupContents .boxWrapperContents .itemName::before,
#contentsWrapper .boxWrapperContents .itemName::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 0.36em;
	max-width: 8px;
	height: 1em;
	background-color: #f7ab00;
	transform: translateY(-55%);
}
#contentsWrapper #itemBlock .imgPkg {
	width: 40%;
}
#contentsWrapper #itemBlock .imgLineup {
	width: 60%;
}
.wafer #contentsWrapper #itemBlock .btnTab + .cardLineupWrapper {
	display: none;
}
.wafer #contentsWrapper .btnTab + .cardLineupWrapper {
	display: none;
}
#contentsWrapper #itemBlock .cardLineup {
	width: 49.255319148%;
	max-width: 463px;
}
@media screen and (max-width: 800px) {
	#contentsWrapper #itemBlock .imgPkg {
		width: 65%;
		margin: 0 auto;
	}
	#contentsWrapper #itemBlock .imgLineup {
		width: 100%;
	}
	.wafer #contentsWrapper #itemBlock .imgLineup {
		width: 100%;
		margin-bottom: 1em;
	}
	#contentsWrapper #itemBlock .cardLineup {
		width: 100%;
	}
}
/*movie*/
#contentsWrapper .movieWrapper {
	position: relative;
	width: 100%;
	height: 0;
	margin: 0 auto;
	padding-top: 56.25%;
	overflow: hidden;
}
#contentsWrapper .movieWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*camp*/
#contentsWrapper .textList > li {
	text-indent: -1em;
	padding-left: 1em;
}
#contentsWrapper .scrollBox {
	height: 30vh;
	padding: 1em 2em;
	border: 1px solid #0987d4;
	box-sizing: border-box;
	overflow-y: scroll;
}
@media screen and (max-width: 800px) {
	#contentsWrapper .scrollBox {
		height: 40vh;
	}
}
/*tweet*/
#contentsWrapper .tweetWrapper {
	width: 100%;
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
}

/*animation*/
#contentsWrapper .init {
	opacity: 0;
	transform: translateY(40px);
}
@keyframes fadeAndSlideIn {
	0% {
		opacity: 0;
		transform: translateY(40px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
#contentsWrapper #aboutBlock.action h1 {
	animation: fadeAndSlideIn 0.75s ease 0s forwards;
}
#contentsWrapper #aboutBlock.action p {
	animation: fadeAndSlideIn 1s ease 0.5s forwards;
}
#contentsWrapper #aboutBlock.action .objAbout00 {
	animation: fadeAndSlideIn 0.5s ease 0.3s forwards;
}
#contentsWrapper #aboutBlock.action .objAbout01 {
	animation: fadeAndSlideIn 0.5s ease 0.6s forwards;
}
#contentsWrapper #aboutBlock.action .objAbout02 {
	animation: fadeAndSlideIn 0.5s ease 0.9s forwards;
}
#contentsWrapper #aboutBlock.action .objAbout03 {
	animation: fadeAndSlideIn 0.5s ease 1.4s forwards;
}
#contentsWrapper #aboutBlock.action .objAbout04 {
	animation: fadeAndSlideIn 0.5s ease 1.7s forwards;
}