/* コンテンツ名 */

/* common setting */

/* 画像リンク */
x#main a:hover img {
    opacity:0.9;
    filter:alpha(opacity=90);
    -ms-filter:"alpha( opacity=90 )";
	transition-duration: 0.2s;
}

/* common setting END */


/* PCレイアウト */
/*-------------------------------------------------------------------------------------------*/
.noPC{display: none;}

/* main contents */
#main {
    overflow:hidden;
    width:950px;
    margin:0 auto 40px;
    padding:0;
    text-align:center;
}

.nu19 img{
	max-width: 100%;
	height: auto;
}


.nu19-page{background: url(../images/bg.jpg)}

.nu19-page-title{ text-align: left; display: flex; align-items: center; padding: 10px 0 0 15px; _justify-content: space-between; overflow: hidden;}
.nu19-page-title-h1h2{flex: 0 0 450px;}
.nu19-page-title-p{display: flex; flex: 0 0 450px; align-items: flex-end;}
.nu19-sap-title{ background: url("../sappari/images/bg-top.jpg") no-repeat 0 0;}
.nu19-sta-title{ background: url("../stamina/images/bg-top.jpg") no-repeat 0 0;}

/* 2021 titleBG */
.nu21-sap-title{ background: url("../sappari/images/bg-top.jpg") no-repeat 0 0;}
.nu21-sta-title{ background: url("../stamina/images/bg-top.jpg") no-repeat 0 0;}
/*.nu21-piri-title{ background: url("../pirikara/images/bg-top.jpg") no-repeat 0 0;}*/
.nu21-ata-title{ background: url("../on/images/bg-top.jpg") no-repeat 0 0;}
.nu21-tsume-title{ background: url("../rei/images01/bg-top.jpg") no-repeat 0 0;}
	
/* 2022 titleBG */
	.nu22-kodomo-title{ background: url("../kodomo/images/bg-top.jpg") no-repeat 0 0;}
	
.nu19-page-title h2{ line-height: 1.7; padding: 5px 0 20px 5px; font-size: 15px;}
.nu19-page-title .rengi{max-width:308px; max-height: 210px; overflow: hidden;}
.nu19-page-title .chra img{width: 320px;}

.nu19-listing{padding: 20px 2px 80px;}
.nu19-listing{ background: url(../images/bg_wavy.png) no-repeat bottom;}
.nu19-listing ul{ display: flex; justify-content: flex-start; flex-wrap: wrap; padding: 0 4px 40px; }
.nu19-listing li{ float: left; width: 25%; flex: 0 0 25%; margin: 0 0 20px;position: relative;}


/* 2021 icon */
.nu19-all-listing li.nu21-rec::before{content: "";display: block; background: url("../sappari/images/i-osusume.png"); width: 142px; height: 106px; position: absolute; ;left:-2px; top: -12px; z-index: 2;}

/* 2023 icon */
.nu19-all-listing li.nu-new-rec::before{content: "";display: block; background: url("../sappari/images/i-new.png"); width: 142px; height: 106px; position: absolute; ;left:-2px; top: -12px; z-index: 2;}



.gotootherpage{clear: both; text-align: center;}
._gotootherpage a{ display: inline-block; position: relative;}
._gotootherpage a em{ display: block; position: absolute; left: 0; top: 0; height: 0; overflow: hidden;}
._gotootherpage a:hover em{ height: auto;}

.gotopagetop{position: fixed; bottom: 0; right: 0;  text-align: right;}

.nu19-page-topics{margin:30px 10px 0;}
.nu19-page-topics-ttl{display: flex; justify-content: center; align-items: center; overflow: hidden;}
.howtop-copy{ position: relative;z-index: 5;}
.nu19-page-topics-ttl h2{ position: relative; left: -50px; z-index: 4;}
.howto-chara{ position: relative; left: -60px;}

.nu19-page-topics ul{ overflow: hidden; position: relative;top: 0; display: flex; justify-content: space-between;}
.nu19-page-topics li{ display: inline-block; padding: 0 4px;}
.nu19-page-topics li.topic_item1{ }
.nu19-page-topics li.topic_item2{}
.nu19-page-topics li.topic_item3 img{ }



.nu19-page-lineups{position: relative;background: url("../images/bg-b-mizutama.png") no-repeat center top;top: 0; padding: 80px 10px;background-size: contain;}
.nu19-page-lineup{background: url("../images/bg-pk.png") no-repeat 0 0;position: relative; }
.nu19-page-lineup h2{position: absolute; left: 275px; top: -40px;}
.nu19-page-lineup ul{ border: 0px solid #000; margin: 0 auto; padding: 40px 0 30px;}
.nu19-page-lineup li{ display: inline-block; padding: 20px;}
.nu19-page-lineup a{color: #000;}


/* 949px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 949px) {

img, object, embed, video {
    max-width:100%;
    height:auto;
}

/* main contents */
#main {
    width:96%;
}
.nu19-sap-topics h3{ width: auto; }
	.nu19-sap-topics ul{text-align: left;}
	.nu19-sap-topics li.topic_item1{width: 30%; padding: 0 8px;}
	.nu19-sap-topics li.topic_item2{width: 32%;}
	.nu19-sap-topics li.topic_item3{ width: 42%;position: absolute; right: 0; top: 0;}
	.nu19-sap-topics li.topic_item3 img{ }
.nu19-page-title-h1h2{width: 96%; margin: auto; text-align: center;}

.gotopagetop{display: none; opacity: 0}

}
/*-------------------------------------------------------------------------------------------*/
/* 949px以下 END */



/* 640px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 640px) {

/* main contents */
#main {
    width:94%;
	overflow: visible;
}
.noPC{display: inline;}
	.noSP{display: none;}
 
 
 
 .nu19-page-title{ text-align: center; display: block; align-items: flex-end; padding: 10px 10px 0; overflow: hidden;}
.nu19-page-title-h1h2{width: 96%; margin: auto; text-align: center;}
.nu19-sap-title{background-size: cover}
.nu19-sta-title{background-size: cover}
    
/* 2021 titleBG */
.nu21-sap-title{ background-size: cover}
.nu21-sta-title{ background-size: cover}
.nu21-piri-title{ background-size: cover}
.nu21-ata-title{ background-size: cover}
.nu21-tsume-title{ background-size: cover}
/* 2022 titleBG */			
.nu22-kodomo-title{ background-size: cover}
    
    
.nu19-page-title h2{ text-align: center; padding: 5px 0;}
.nu19-page-title-p { flex: auto; text-align: center; display: block; padding-left: 5vw;}
.nu19-page-title .rengi{ margin: auto;}
.nu19-page-title .chra img{position: relative; left: -20px; flex: 0 0 55%}

 .nu19-listing ul{justify-content: space-between;}
 .nu19-listing li{ flex: 0 0 48%;  text-align: center; float: none; width: auto; margin-bottom:10px;}
	.nu19-listing li a{display: block; padding: 0 2px;}
	.nu19-lineup ul{ border: 1px solid #000; margin: 12px 4px; padding: 24px 0;}
	
 
 .nu19-page-topics-ttl{height: auto;}
 .nu19-page-topics-ttl h2,
 .howto-chara{left: auto;}
 
	.nu19-page-topics{}
.nu19-page-topics h3{ width: auto; }
.nu19-page-topics h3 span{}
.nu19-page-topics ul{ overflow: hidden; position: relative; margin: 0 auto 2em; text-align: center; top: 0; flex-wrap: wrap; justify-content: center;}
.nu19-page-topics li{ display: block; width: auto; text-align: center;}
	.nu19-page-topics li img{width: auto; max-width: 240px;}
	.nu19-sap-topics li.topic_item1{ width: auto;}
.nu19-sap-topics li.topic_item2{ width: auto}
.nu19-sap-topics li.topic_item3{ left: -0em; position: relative; width: auto;}
.nu19-sap-topics li.topic_item3 img{ position: static; right: 0; top: 0; }

	.nu19-page-lineup{ background-size: 200%; background-position: center center}
.nu19-page-lineup ul{  padding: 16px; display: flex;}
.nu19-page-lineup li{ display: inline-block; padding: 12px 0;}
.nu19-page-lineup h2{position: relative; left: auto; top: 0; text-align: center; width: 80%; margin: auto;}

.nu19-sap-listing li.nu19-rec::before{ background: url("../sappari/images/i-osusume.png"); width: 40px; height: 40px; background-size: cover;}
.nu19-sta-listing li.nu19-rec::before{ background: url("../stamina/images/i-osusume.png"); width: 40px; height: 40px; background-size: cover;}

/* 2021 icon */
.nu19-all-listing li.nu21-rec::before{ background: url("../sappari/images/i-osusume.png"); width: 95px; height: 75px; background-size: cover;}


    
    
}
/*-------------------------------------------------------------------------------------------*/
/* 640px以下 END */
	@media only screen and (max-width: 484px) {
		.nu19-sap-listing li{ float: left; width: 50%; flex: 0 0 50%; margin: 0 0 5px;position: relative;}
.nu19-sap-topics h2 img{ position: relative; width: auto; max-width: 120%; left: -10%;}
	.nu19-sap-listing li a{display: block; padding: 0 2px;}
	.nu19-sap-lineup ul{  display: flex;}

	}

	@media only screen and (max-width: 364px) {
		.nu19-sap-topics li{max-width: 240px; margin: auto;left: 1em;position: relative; }
		.nu19-sap-topics li.topic_item3{ position: relative; width: auto; max-width: 92%; left: 0em;}


	}