@media all{

header{
	background:rgba(10 30 50 / .6) !important;
}

	
section.fadein{
	text-align:center;
	background:rgba(255 255 255 /.1);
	padding:3em 1em !important;
}

section.fadein p:last-child{
	margin-bottom:0;
}

#gmark {
    padding: .5em 1em;
	background: #fff;
}
	
body{
	background:#000;
}

main{
	color:#fff !important;
}

main h2,
main h3,
main a{
	color:#fff !important;
}

.slider > div > a > h1 > span{
	font-size:.8em !important;
}

section{
	margin:0 0 3em;
}

h1 + p br{
	display:none;
}

#topicPath + p + p {
    text-align: center;
}

.gradation{
	background:linear-gradient(to right, rgba(10,10,10,.5) 10em, rgba(255,255,255,.0) 65em);
	color:#fff;
}

.category{
	margin:-2.5em 0 -7.25em;
	padding:1em 2em 2em;
	position: relative;
    top: -11.75em;
	height:11.25em;
}

.category > h3{
	font-size:2.3em;
	font-weight:normal;
	color:#fff;
	text-shadow:none;
	margin:0;
}

.category > h3 > span{
	font-size:50%;
	margin-left:.5em;
}

.category > p{
	margin:0;
}

.color_img{
	padding-top:50%;
	color:#fff;
	text-align:right;
}

.color_img > p{
	display:inline;
	position:relative;
	top: -0.5em;
	right:1em;
	color:#fff;
	margin:0;
}

.CT001{background:center 50% / 100% no-repeat url(../webp/kuon.webp);}
.CT002{background:center 50% / 100% no-repeat url(../webp/sazanami.webp);}
.CT003{background:center 50% / 100% no-repeat url(../webp/kazeharuka.webp);}
.CT004{background:center 50% / 100% no-repeat url(../webp/kusamakura.webp);}
.CT005{background:center 50% / 100% no-repeat url(../webp/tamakinu.webp);}
.CT006{background:center 50% / 100% no-repeat url(../webp/yunagi.webp);}
.CT007{background:center 50% / 100% no-repeat url(../webp/saya.webp);}
.CT008{background:center 50% / 100% no-repeat url(../webp/suirei.webp);}
.CT009{background:center 50% / 100% no-repeat url(../webp/kokuyou.webp);}
.CT010{background:center 50% / 100% no-repeat url(../webp/kirino.webp);}
.CT011{background:center 50% / 100% no-repeat url(../webp/oumi.webp);}
.CT012{background:center 50% / 100% no-repeat url(../webp/ginu.webp);}
.CT013{background:center 50% / 100% no-repeat url(../webp/suzuoto.webp);}
.CT014{background:center 50% / 100% no-repeat url(../webp/syunrei.webp);}
.CT015{background:center 50% / 100% no-repeat url(../webp/mizuoto.webp);}
.CT016{background:center 50% / 100% no-repeat url(../webp/rougetsu.webp);}
.CT017{background:center 50% / 100% no-repeat url(../webp/shino.webp);}
.CT018{background:center 50% / 100% no-repeat url(../webp/maika.webp);}
.CT019{background:center 50% / 100% no-repeat url(../webp/tsukikage.webp);}
.CT020{background:center 50% / 100% no-repeat url(../webp/shirotae.webp);}
.CT021{background:center 50% / 100% no-repeat url(../webp/kyoumon.webp);}
.CT022{background:center 50% / 100% no-repeat url(../webp/murasame.webp);}
.CT023{background:center 50% / 100% no-repeat url(../webp/bashou.webp);}
.CT024{background:center 50% / 100% no-repeat url(../webp/suien.webp);}
.CT025{background:center 50% / 100% no-repeat url(../webp/youryu.webp);}
.CT026{background:center 50% / 100% no-repeat url(../webp/kamiko.webp);}
.CT027{background:center 50% / 100% no-repeat url(../webp/orikotoba.webp);}
.CT028{background:center 50% / 100% no-repeat url(../webp/yakumo.webp);}
.CT029{background:center 50% / 100% no-repeat url(../webp/rakusui.webp);}
.CT030{background:center 50% / 100% no-repeat url(../webp/suminagi.webp);}
.CT031{background:center 50% / 100% no-repeat url(../webp/gunkei.webp);}
.CT032{background:center 50% / 100% no-repeat url(../webp/honoka.webp);}
.CT033{background:center 50% / 100% no-repeat url(../webp/shijima.webp);}
.CT034{background:center 50% / 100% no-repeat url(../webp/kanata.webp);}
.CT035{background:center 50% / 100% no-repeat url(../webp/sourei.webp);}
.CT036{background:center 50% / 100% no-repeat url(../webp/sion.webp);}
.CT037{background:center 50% / 100% no-repeat url(../webp/oriiro.webp);}
.CT038{background:center 50% / 100% no-repeat url(../webp/kohaku.webp);}
.CT039{background:center 50% / 100% no-repeat url(../webp/eifu.webp);}
.CT040{background:center 50% / 100% no-repeat url(../webp/unite.webp);}
.CT041{background:center 50% / 100% no-repeat url(../webp/memory.webp);}
.CT042{background:center 50% / 100% no-repeat url(../webp/layer.webp);}

h2.cl_inkjet{
	background: rgba(255 255 255 / .3);
    padding: .5em;
    text-shadow: none;
    margin: 0 0 3em;
}
	
h2.cl_inkjet > span{
	margin-left:1em;
	font-size:75%;
}

.CT040 + .category > p:nth-of-type(1),
.CT041 + .category > p:nth-of-type(1),
.CT042 + .category > p:nth-of-type(1){
    display: inline;
    background: rgb(100 0 0 / 70%);
    padding: 0 1em;
}

#more a{
	display:block;
	background:#666;
	color:#fff;
	padding:.8em .1em;
	max-width:300px;
	text-align:center;
	margin:2em auto;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	text-decoration:none;
}

#more a:hover{
	background:#333;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

}

@media screen and (min-width:1130px) {

.color_img{
	background-attachment:fixed !important;
}

}

@media screen and (min-width:768px) and (max-width:1129px) {

.color_img{
	padding-top:50%;
}

}

@media screen and (max-width:960px) {

#topicPath + p + p {
    text-align: left;
}

}

@media screen and (max-width:900px){
	
section.fadein > p{
	text-align:left;
}


}

@media screen and (max-width:900px){
	
.category{
	top: 0;
	height:auto;
	margin:0 0 5em;
	background: rgba(255 255 255 / .1);
}

.gradation{
	background:linear-gradient(to right, rgba(255 255 255 / .3) 10em, rgba(255 255 255 / 0) 30em);
}

.color_img {
    padding-top:95%;
}

.CT001{background:center 50% / 100% no-repeat url(../webp/mb/kuon.webp);}
.CT002{background:center 50% / 100% no-repeat url(../webp/mb/sazanami.webp);}
.CT003{background:center 50% / 100% no-repeat url(../webp/mb/kazeharuka.webp);}
.CT004{background:center 50% / 100% no-repeat url(../webp/mb/kusamakura.webp);}
.CT005{background:center 50% / 100% no-repeat url(../webp/mb/tamakinu.webp);}
.CT006{background:center 50% / 100% no-repeat url(../webp/mb/yunagi.webp);}
.CT007{background:center 50% / 100% no-repeat url(../webp/mb/saya.webp);}
.CT008{background:center 50% / 100% no-repeat url(../webp/mb/suirei.webp);}
.CT009{background:center 50% / 100% no-repeat url(../webp/mb/kokuyou.webp);}
.CT010{background:center 50% / 100% no-repeat url(../webp/mb/kirino.webp);}
.CT011{background:center 50% / 100% no-repeat url(../webp/mb/oumi.webp);}
.CT012{background:center 50% / 100% no-repeat url(../webp/mb/ginu.webp);}
.CT013{background:center 50% / 100% no-repeat url(../webp/mb/suzuoto.webp);}
.CT014{background:center 50% / 100% no-repeat url(../webp/mb/syunrei.webp);}
.CT015{background:center 50% / 100% no-repeat url(../webp/mb/mizuoto.webp);}
.CT016{background:center 50% / 100% no-repeat url(../webp/mb/rougetsu.webp);}
.CT017{background:center 50% / 100% no-repeat url(../webp/mb/shino.webp);}
.CT018{background:center 50% / 100% no-repeat url(../webp/mb/maika.webp);}
.CT019{background:center 50% / 100% no-repeat url(../webp/mb/tsukikage.webp);}
.CT020{background:center 50% / 100% no-repeat url(../webp/mb/shirotae.webp);}
.CT021{background:center 50% / 100% no-repeat url(../webp/mb/kyoumon.webp);}
.CT022{background:center 50% / 100% no-repeat url(../webp/mb/murasame.webp);}
.CT023{background:center 50% / 100% no-repeat url(../webp/mb/bashou.webp);}
.CT024{background:center 50% / 100% no-repeat url(../webp/mb/suien.webp);}
.CT025{background:center 50% / 100% no-repeat url(../webp/mb/youryu.webp);}
.CT026{background:center 50% / 100% no-repeat url(../webp/mb/kamiko.webp);}
.CT027{background:center 50% / 100% no-repeat url(../webp/mb/orikotoba.webp);}
.CT028{background:center 50% / 100% no-repeat url(../webp/mb/yakumo.webp);}
.CT029{background:center 50% / 100% no-repeat url(../webp/mb/rakusui.webp);}
.CT030{background:center 50% / 100% no-repeat url(../webp/mb/suminagi.webp);}
.CT031{background:center 50% / 100% no-repeat url(../webp/mb/gunkei.webp);}
.CT032{background:center 50% / 100% no-repeat url(../webp/mb/honoka.webp);}
.CT033{background:center 50% / 100% no-repeat url(../webp/mb/shijima.webp);}
.CT034{background:center 50% / 100% no-repeat url(../webp/mb/kanata.webp);}
.CT035{background:center 50% / 100% no-repeat url(../webp/mb/sourei.webp);}
.CT036{background:center 50% / 100% no-repeat url(../webp/mb/sion.webp);}
.CT037{background:center 50% / 100% no-repeat url(../webp/mb/oriiro.webp);}
.CT038{background:center 50% / 100% no-repeat url(../webp/mb/kohaku.webp);}
.CT039{background:center 50% / 100% no-repeat url(../webp/mb/eifu.webp);}
.CT040{background:center 50% / 100% no-repeat url(../webp/mb/unite.webp);}
.CT041{background:center 50% / 100% no-repeat url(../webp/mb/memory.webp);}
.CT042{background:center 50% / 100% no-repeat url(../webp/mb/layer.webp);}

}

@media screen and (max-width:640px) {

h1 + p br{
	display:block !important;
}

.category > h3 {
    font-size: 1.8em;
	height:auto;
}

.category > p > br{display:none;}

.fadein p:nth-of-type(4) > br:nth-of-type(1){display:none;}
.fadein p:nth-of-type(4) > br:nth-of-type(2){display:none;}
.fadein p:nth-of-type(4) > br:nth-of-type(4){display:none;}

}

@media screen and (max-width:480px) {
	
.slider > div > a > h1 > span {
    display:block;
}

.slider > div > a > h1 + p {
    text-align:center;
}

.fadein p:nth-of-type(1) br:nth-of-type(1){display:none;}

}