@charset "UTF-8";
/* CSS Document */


div#top-img01	{
	width: 728px;
	height: 1050px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	position: relative;
}


.top-img01-img	{
	position: absolute;
	top: 0px;
	left: 0px;
}

div#top-img-rogo	{
	top: 285px;
	right:5px;
	position: absolute;
}

div#top-img-mkb-rogo	{
	top: 0px;
	left: 90px;
	position: absolute;
}

div#top-big-catch01	{
	top: 170px;
	left: 120px;
	position: absolute;
	/*
	transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg); 
	*/
	}

div#top-big-catch01	p	{
	position: absolute; top: 76px; left: 10px; width: 436px; height: auto;
	font-size:16px; line-height:24px; text-align:justify; vertical-align:text-top; color:#FFF; 
text-shadow: -2px 2px 2px #F00,
 2px -2px 2px #F00,
 -2px -2px 2px#F00,
2px 2px 2px #F00;
}


/*
div#top-big-catch01 :hover
	{
	transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg); 
}
*/


div#youtube_on_frame	{
	width:704px; height:200px; padding:12px; margin:0 auto 10px auto;
	border:#F00 1px solid;
	border-radius: 6px;
}
div#youtube_on_flame iframe	{ float:left; width:355px; height:auto; }

div#youtube_info_box	{
	width:320px; height:auto; margin:0; padding:0; float:right;
}


/*　2020-5　*/

div#top-2008big-catch01	{
	top: 630px;
	left: 5px;
	position: absolute;
	}

.mds_202003_lead-txt1	{
	position: absolute;
	top: 832px;
	left: 436px;
	width: 278px;
	height: auto; padding:2px;
	background-color:#FFF; opacity:0.7;
	border-radius:4px;
 }
 
 .mds_202003_lead-p	{
	 font-size:11px; line-height:18px; color:#000; font-weight:bold; text-align:justify;
 }
div#mds_202008_btn-1	{
	position: absolute;
	top: 850px;
	left: 80px;
 }
 
 div#mds_202008_btn-2	{
	position: absolute;
	top: 575px;
	left: 330px;
 }
 
/*　2020-10　*/
.mds_202010_obi-1	{
	position: absolute; top: 616px; left: 500px; }
.mds_202010_obi-2	{
	position: absolute; top: 670px; left: 500px; }
.mds_202010_obi-3	{
	position: absolute; top: 724px; left: 500px; }

.img_2010_ytube-1	{
	position: absolute; top: 694px; left: 10px; }
.img_2010_ytube-1	p	{
	position: absolute; top: 81px; left: 0px; width: 140px; height: auto; font-size: 12px; text-align: center; padding: 1px 0px;
}

.img_2010_ytube-2	{
	position: absolute; top: 694px; left: 160px; }

.img_2010_ytube-2	p	{
	position: absolute; top: 81px; left: 0px; width: 140px; height: auto; font-size: 12px; text-align: center; padding: 1px 0px;
}

.img_2010_ytube-3	{
	position: absolute; top: 694px; left: 310px; }

.img_2010_ytube-3	p	{
	position: absolute; top: 81px; left: 0px; width: 140px; height: auto; font-size: 12px; text-align: center; padding: 1px 0px;
}

div#top2108-seiyu	{position: absolute; top: 620px; left: 478px;}
div#top2108-seiyu-mds3	{position:absolute; top: 735px; left: 472px; }


/*　2021-12　*/

/*　Youtube囲み用　*/

div#top2112_bg	{ position:absolute; top:460px; right: 10px; width: 220px;
}

div#top2112_yt2	{
	width: 200px; height: auto; position: absolute; top: 490px; right: 20px;
}
div#top2112_yt2 .m0img	{
	position: relative; margin: 0; padding: 0;
}
div#top2112_yt2_smds	{
position: absolute; top: 445px; right: 15px;
}

div#top2112_yt2_seiyu	{
	position: relative; top: 624px; left: 10px;
}
.vchara	{
	position: absolute; top: 0px; left: 0px;
}
.vchara_mds	{
	position: absolute; top: 95px; left: 0px;
}
.vchara_p1	{
	position: absolute; top: 136px; left: 0px; width: 404px; height: auto;
	font-size: 13px; line-height: 20px; text-align: justify; font-weight: bold;
	color:#000; padding: 1px 6px; background: rgba(255, 255, 255,0.75)
}
div#top2112_yumo-t	{
	position: relative; top: 120px; left: -2px;
}
.yumo-t_rogo	{
	position: absolute; top: 0px; left: 0px;
}
.yumo-t_mds	{
	position: absolute; top: 40px; left: 170px;
}
.yumo-t_p1	{
	position: absolute; top: 110px; left: 170px; width: 300px; height: auto;
	font-size: 13px; line-height: 21px; text-align: justify; font-weight: bold;
	color:#009; padding: 2px 8px; background: rgba(255, 255, 255,0.75)
}

.serif_yumo01	{
	position: absolute; top: 190px; left: 160px;
}




/*  トピックス囲み  */
div#tpcs_box	{
	position: fixed; width: 270px; height: auto; top: 60px; right: 0px; 
	
	transition: transform 0.3s ;
	transform: translateX(232px);
	
}
div#tpcs_box.mm	{
	position: fixed; width: 270px; height: auto; top: 60px; right: 0px;
	transition: transform 0.5s ;
	transform: translateX(-0px);

}

div#tpcs_box p.topi_1	{
	font-size: 18px; line-height: 20px; margin: 0; margin-top: 28px; color: #666; font-weight:normal;
}
.rr_1	{
	font-size: 18px; line-height: 20px; margin: 0; margin-top: 128px; color: #09F; font-weight: normal; text-align: center; transform: rotate(-90deg);
}
/*
div#tpcs_box p.rr_1	{
	font-size: 18px; line-height: 20px; margin: 0; margin-top: 128px; color: #09F; font-weight: normal;
	transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
div#tpcs_box p.rr_1.mm	{
	font-size: 18px; line-height: 20px; margin: 0; margin-top: 128px; color: #09F; font-weight: normal;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
*/
/*
div#tpbtn	{
	width: 38px; height: 240px; vertical-align: top; margin: 0; padding: 0;
}
*/
.tdc_topi_pill	{
	width:38px; height: 240px; vertical-align:top; background-image: url("../img_echotech/img_topi/img_topi_pill01.png"); background-repeat: no-repeat; 
}
.tdc_topi_main	{
	width: 200px; height:auto; vertical-align: top; padding: 16px; background-color: #FFF; box-shadow: 3px 3px 3px #666;
}

.tdc_topi_main img	{margin: 0; padding: 0;}
.tdc_topi_main hr	{border-style: solid 1px;  margin: 0; margin-top: 4px; margin-bottom: 8px;
}
.mini-index1	{
	padding: 1px 16px; background-color:#700; color:#FFF;
	text-align: center; margin: 0; margin-bottom: 8px;
}

.mini-index1:hover	{
	padding: 1px 16px; background-color:#F00; color:#FF0;
	text-align: center; margin: 0; margin-bottom: 8px;
}

.mini-index2	{
	padding: 1px 16px; background-color:#333; color:#FFF;
	text-align: center; margin: 0; margin-bottom: 8px;
}

/*  2023-06  */

/* 2023-06ユーモ豊橋 */
div#top_yumo-t2306	{
	position: absolute; top: 430px; right: 20px; width: 240px; 
}
.yumo-t2306_rogo	{
	position: absolute; top: -120px; right: -60px; filter:drop-shadow(3px 3px 4px rgba(0,0,0,0.7));
}
.yumo-t2306_mds	{
	position: absolute; top: 40px; left: 20px;
}
.yumo-t2306_p1	{
	position: absolute; top: 140px; left: 20px; width: 220px; height: auto;
	font-size: 13px; line-height: 21px; text-align: justify; font-weight: bold;
	color:#009; padding: 2px 8px; background: rgba(255, 255, 255,0.75)
}

.serif_yumo-t2306_01	{
	position: absolute; top: 190px; left: 160px;
}

/* 2023-06 ファンブック */
div#fanbook_box	{
	position: absolute; top: 440px; left: 0px; width: 728px;
}
.new_chara_box	{
	position: absolute; top: 340px; left: 10px;
}
.fanbook2_mds01	{
	position: absolute; top: 0px; left: 0px;
}
.fanbook2_p1	{
	position: absolute; top: 250px; left: 10px; width: 708px; height: auto;
	font-size: 16px; line-height: 28px; text-align: justify; font-weight: bold;
	color:#C0C; padding: 2px 8px; background: rgba(255, 255, 255,0.75)
}
.txt_title_box {
	position: absolute; top: 340px; right: 10px; width: 283px; height: 160px;
	background-color: rgba(255,0,255,0.9);
}

.txt_title_box:hover {
	background-color: rgba(64, 64, 255, 0.9);
}

.txt_title	{
	position: absolute; top:0px; left: 0px;
}
.fanbook2_p2	{
	position: absolute; top: 110px; left: 10px; width: 263px; height: auto;
	font-size: 12px; line-height: 18px; text-align: justify; font-weight: bold;
	color:#FFF; padding: 2px 8px; 
}

.fanbook2_p2_box	{
	border: solid 1px #FFF; padding: 2px; color: #FFF; 
}
.fanbook2_new01	{
	position: absolute; top: -16px; right: -10px;
}

/*  2024-06  */

div#top-2406_mid-catch01	{
	position: absolute; bottom: 0px; left: 0px;
}

/* 2023-06ユーモ豊橋 */
div#top_yumo-t2406	{
	position: absolute; top: 740px; left: 100px; width: 240px; 
}
.yumo-t2406_rogo	{
	position: absolute; top: -65px; right: 115px; filter:drop-shadow(3px 3px 4px rgba(0,0,0,0.7));
}
.yumo-t2406_mds	{
	position: absolute; top: 40px; left: 20px;
}
.yumo-t2406_p1	{
	position: absolute; top: 140px; left: 20px; width: 360px; height: auto;
	font-size: 13px; line-height: 21px; text-align: justify; font-weight: bold;
	color:#009; padding: 2px 8px; background: rgba(255, 255, 255,0.75)
}

.serif_yumo-t2406_01	{
	position: absolute; top: 190px; left: 160px;
}