/* コンテンツ名 */

/* common setting */

/* 画像リンク */
#main a:hover img {
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter:"alpha( opacity=70 )";
}

/* common setting END */


/* PCレイアウト */
/*-------------------------------------------------------------------------------------------*/

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




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

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

/* main contents */
#main {
    width:96%;
}



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



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

/* main contents */
#main {
    width:94%;
}



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









#udonmaru { width:950px; }

#udonmaru #top { background:url(../image/top_main_bg.jpg) no-repeat; height:780px; position:relative;}

#udonmaru #top h1  { z-index:4; position:absolute; right:86px; top:7px;}
#udonmaru #top h2  { background:url(../image/sub.png)  no-repeat; text-indent:-9999px; height:407px; width:475px; z-index:2; position:relative; margin:0;}

#udonmaru #top .special { z-index:1; position:absolute; top:4px; right:13px;}
#udonmaru #top .button { z-index:10; position:absolute; top:240px; left:77px; display:none;}

#udonmaru #top .ill_udonmaru{ position:absolute; top: 223px; left: 265px; z-index:5;}
#udonmaru #top .month_odai{position:absolute; top:332px; left:466px; z-index:3;}


#udonmaru #top .button2 { z-index:6; position:absolute; top:570px; right:117px;}

#udonmaru #top .bg_cloud { z-index:1; position:absolute; top:0px; left:-51px;}


#udonmaru #top .kako_title { z-index:7; position:absolute; bottom:23px; right:300px;}

#senreki { padding:0px 10px 80px 40px; overflow:hidden; background:url(../image/senreki_bg.jpg) no-repeat center top;}

#senreki ul {margin:auto; overflow:hidden;}
#senreki ul li{ float:left; display:block; margin:0 0 50px; width:300px; position:relative; }
#senreki ul li span{ display:block; position:relative;}
#senreki ul li em{ display:none; opacity:0; position:absolute; left:122px; top:0; width:30px; overflow:hidden;}

#udonmaru .minigame { background:url(../image/minigame.jpg) no-repeat; width:310px; height:225px; position: absolute;
bottom:189px; right:39px;}
#udonmaru .minigame ul { padding:91px 18px 0;}
#udonmaru .minigame ul li { margin:0 0 12px;}

a:hover img{
opacity:0.7;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
a img{
	/*Transition*/
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}


/*LB*/
#udonmaru.fixed { display:none;}

#izobox{
	background:url(../image/fff95.png);
	position:absolute;
	left:0; top:0;
	width:100%;
	height:100%;
	z-index:50;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	display:none;

}
#izobox_wrap{
	width:458px;
	margin:0 auto;
	padding:40px 0;
	font-size:1.1em;
	color:#111;
	position:relative;
}
#izobox_wrap h3{
	margin:0 0 15px;
}
#izobox_wrap h4{
	font-size:16px;
	margin:0 0 13px;
	line-height:26px;
	color:#333;
	text-align:justify;
	letter-spacing:0.02em;
}
.izubox_kakomi{
	border:1px solid #111;
	border-radius:4px;
	padding:30px 30px;
	position:relative;
	position:relative;
}
.izubox_kakomi h5{
	font-size:1.2em;
}
.izubox_kakomi h6{
	margin:15px 0 9px;
	padding:0;
	font-size:1.1em;
}
.izubox_kakomi p{
	text-indent:-1em;
	padding-left:1em;
	margin:0 0 8px;
	line-height:1.5;
}
.izubox_kakomi p.mb20{
	margin:0 0 22px;
}
.izubox_kakomi p.snsbox{
	border:2px solid #ccc;
	padding:16px 40px;
	margin:30px 0 0;
	font-weight:bold;
	text-indent:0;
	font-size:13px;
	line-height:20px;
	color:#333;
}

.lbclose1{
	position:absolute;
	left:60%;
	top:20px;
	margin-left:250px;
}

.lbclose2{
	display:block;
	padding:40px 0;
	text-align:center;
}

.izubox_gotobattle{
	text-align:center;
	padding:50px 0;
}
.izubox_gotobattle a:hover img{
	opacity:0.5;
}

@media screen and (max-width: 480px) {
	img{max-width:100%; height:auto;}
	#pankuzu_dsn{height:auto;}

	#contents_area,
	#udonmaru { width:100%;}

	#pankuzu_dsn{ width:100%;}

#udonmaru #top {
	background-position:center top;
	background-repeat:repeat;
	height:auto;
	line-height:1.5;
	font-size:14px;
}

#udonmaru #top h1  { z-index:3; position:static; text-align:center; padding:5px; left:auto; top:0;}
#udonmaru #top .ill_udonmaru{ position:relative; top:-84px; left:-24px; margin-bottom:-84px; width:80%; }
#udonmaru #top h2  { background:none; background:#fff;  text-indent:0; height:auto; width:auto; padding:10px; margin:0 auto; font-weight:normal; font-size:14px; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#333; }
#udonmaru #top h2 strong{display:block; font-size:1.5em; font-weight:bold;line-height:1.2; margin:0 0 5px; color:#000;}

#udonmaru #top .special { z-index:1; position:static; top:2px; right:13px; text-align:center;}
#udonmaru #top .button { z-index:10; position:static; top:240px; left:77px; display:none;}

#udonmaru #top .battle_udonmaru { z-index:4; position:static; top:236px; left:0;}
#udonmaru #top .month_odai{position:static; text-align:center;}


#udonmaru #top .button2 { z-index:6; position:static; text-align:center; margin:0 0 2em; }

#udonmaru #top .bg_cloud { display:none;}

#udonmaru .minigame { position:relative; bottom:0; right:0;}

#udonmaru #top .kako_title { z-index:7; position:static; margin:0 0; text-align:center;}

#senreki { padding:10px 10px 80px 10px; overflow:hidden; background:url(../image/senreki_bg.jpg) no-repeat center bottom;}

#senreki ul {margin:auto; overflow:hidden;}
#senreki ul li{ float:left; display:block; margin:0 0 1em; text-align:center; width:100%;}
#senreki ul li a{display:block; width:80%; margin:auto;}
#senreki ul li.close { margin:0 0 1em;width:33%; }
#senreki ul li.open { position:relative; width:100%; float:none;}

#senreki ul li span{ display:none !important;}
#senreki ul li em{ display:block !important; opacity:1 !important; position:relative; left:0 !important; top:0; width:100% !important; overflow:hidden;}

/*LB*/
#izobox_wrap{
	width:94%;
}
.izubox_kakomi{
	padding:10px;
}
.izubox_kakomi p.snsbox{
	border:2px solid #888;
	padding:1em;
	margin:1em 0 0;
	font-weight:bold;
	text-indent:0;
}

.lbclose1{
	margin:1em auto;
	position:absolute;
	left:auto;
	right:10px;
	top:10px;
	margin-left:0;
}
	

}