@charset "utf-8";







/*----------------------
	mini-head
----------------------*/
#mini-head	{ width:980px; margin:0 auto; }

#mini-head .logo		{ width:650px; float:left; }
#mini-head .logo img	{ width:85%; padding:5px 0; }

#mini-head .menu	{ width:35px; float:right; padding:5px 30px 30px 30px; }


/*---------- menu-btn ----------*/




.menu-btn	{ text-align:right; padding:15px 15px 0 0; }

.menu-hamburger,.menu-hamburger span 	{ display:inline-block; transition: all .4s; box-sizing:border-box; cursor: pointer; }
.menu-hamburger							{ position:relative; width:50px; height:44px; }
.menu-hamburger span					{ position:absolute; left:0; width:100%; height:4px; background-color:#000; border-radius:4px; font-size:90%; text-align:center; }
.menu-hamburger span:nth-of-type(1)		{ top:0; }
.menu-hamburger span:nth-of-type(2)		{ top:20px; }
.menu-hamburger span:nth-of-type(3)		{ bottom:0; }



.menu-hamburger-close span:nth-of-type(1)	{ top:20px; transform: rotate(-45deg); }
.menu-hamburger-close span:nth-of-type(2)	{ top:20px; transform: rotate(45deg); }
.menu-hamburger-close span:nth-of-type(3)	{ display:none; }



#nav-menu			{ position:fixed; width:100%; height: 0; background-color: #ffcc00; z-index: 800000; overflow: auto; transition: all 300ms ease; top: 0; left: 0; }
#nav-menu.active	{ position:fixed; width: 100%; height: 100%; background-color: #ffcc00; z-index: 800000; overflow: auto; }

#nav-menu ul					{ display:flex; flex-wrap:wrap; overflow-y:auto; -ms-overflow-style:none; width:90%; margin:0 auto; }
#nav-menu ul::-webkit-scrollbar	{ display:none; }

#nav-menu ul li		{ width:33%;  }/* width:25%; height: 100px;  box-sizing: border-box; margin: 2%; background-color: #fff;*/
#nav-menu ul li img	{ width:90%; padding:5%; }

#nav-menu h4	{ width:90%; margin:20px auto 0 auto; padding:10px; text-align:center; border:solid 2px #ffffff; letter-spacing:3px; font-size:120%; }

#nav-menu h4 img	{ width:30%; }


/*----------------------
	main-menu
----------------------*/
/*#main-menu	{	background:url("../images/mini-head.gif") center top; background-repeat:repeat; }*/


#main-menu			{ background-color:#ffcc00; padding:40px 0; }

#main-menu h3	{ width:900px; margin:0 auto; background-color:#e66400; color:#ffffff; font-weight:normal; padding:15px; letter-spacing:4px; }
#main-menu h3 img	{ width:20%; }

#main-menu h4	{ width:850px; margin:20px auto 0 auto; padding:10px; text-align:center; border:solid 2px #ffffff; letter-spacing:3px; font-size:120%; }
#main-menu h4 img	{ width:30%; }

#main-menu ul	{ width:900px; margin:0 auto; padding:15px 0 20px 0; }
#main-menu li		{ width:300px; float:left; text-align:center; padding:15px 0; }
#main-menu li img	{ width:90%; }




/*----------------------------------------------------------------------*/

#content .line {
    margin: 40px 0;
    border-bottom: solid 1px #c5c5c5;
}


/*----------------------------------------------------------------------*/


/*----------------------
	header
----------------------*/
#header	{ width:980px; margin:0 auto; }


/*----------------------
	irregular
----------------------*/
#irregular	{ width:980px; margin:0 auto; }





/*----------------------
	new-list
----------------------*/
#new-list		{ width:100%; background:url("../images/main_base.jpg") 50% 0 no-repeat fixed; }
#new-list .inner	{ width:980px; margin:0 auto; }


/*
#new-list h2	{ width:900px; margin:0 auto; background-color:#e66400; color:#ffffff; font-weight:normal; padding:15px; letter-spacing:4px; }

#new-list dl		{ width:800px; margin:0 auto; padding:20px 0; border-bottom:solid 1px #b5b5b5; }
#new-list dt		{ width:200px; float:left; }
#new-list dt img	{ width:100%; }
#new-list dd		{ width:570px; float:right; line-height:200%; }
#new-list dd a			{ color:#333333; font-weight:bold; }
#new-list dd a:hover	{ color:#e66400; }
*/
/*#new-list: width:900px; margin:0 auto; padding-bottom:80px; */
/*dd:	font-size:120%; letter-spacing:1px;	*/



/*----------------------
	info
----------------------*/
#info			{ width:800px; margin:0 auto; padding:0 0 20px 0; }/*padding:20px 0; */
#info h3		{ background-color:#e66400; color:#ffffff; font-weight:normal; padding:15px; letter-spacing:4px; }

#info h4		{ background-color:#fed000; margin-bottom:20px; padding:0; }
#info h4 img	{ width:40%!important; }


#info dl		{ padding:0 0 20px 0; }/*padding:20px 0;*/
#info dt		{ width:100%; }
#info dd		{ width:90%; margin:0 auto; padding:0 0 20px 0; }
#info dd img	{ width:640px; height:auto; display:block; margin:0 auto; padding:10px 0; }

#info .line		{ margin:20px 0; border-bottom: solid 1px #c5c5c5; }

/*
#info .t-link			{ padding:10px 0 0 0; font-size:120%; font-weight:bold; }
#info .t-link a			{ color:#333333; }
#info .t-link a:hover	{ opacity:0.6; }
*/

#info .t-link 			{ padding-top:20px; }
#info .t-link img		{ width:50%; display:inline-block; padding:0; }


#info .c-link			{ padding:10px 0 0 0; }
#info .c-link a			{ display:block; width:80%; margin:0 auto; padding:2%; color:#e66400; border:solid 2px #e66400; }
#info .c-link a:hover	{ opacity:0.6; }



#info .link		{ padding:20px 0; }
#info .link a	{ width:50%; margin:0 auto; padding:10px; display:block; background-color:#f2e200; color:#333333; border-radius:40px; text-align:center; }
#info .link a:hover	{ background-color:#e66400; color:#ffffff; }






/*----------------------
	cast
----------------------*/
#cast			{ width:100%; background:url("../images/main_base.jpg") 50% 0 no-repeat fixed; }
#cast .inner	{ width:980px; margin:0 auto; }

#cast-head		{ background-color:#fffccc; }
#cast-head h1	{ width:980px; margin:0 auto; text-align:center; padding:60px 0; }


#cast h2	{ background-color:#e66400; color:#ffffff; font-weight:normal; padding:15px; letter-spacing:4px; }

#cast ul	{ width:800px; margin:0 auto; padding:20px 0; }

#cast li		{ width:225px; padding:20px; float:left; }
#cast li img	{ width:100%; height:auto; }








/*----------------------
	goto
----------------------*/


#goto 			{ display:none; }










/*-------------------------------*/
/*-------------------------------------------------*/
/*-------------------------------------------------*/
/*-------------------------------*/
@media screen and (max-width: 750px) {


/*----------------------
------------	mini-head
----------------------*/
	#mini-head	{ width:95%; margin:0 auto; padding:10px 0; }

	#mini-head .logo		{ width:75%; }
	#mini-head .logo img	{ width:100%; }


	#mini-head .menu	{ width:20%; padding:0; }
	#mini-head .menu-btn { padding:5px 10px 15px 0; }


	#nav-menu h4 img	{ width:50%; }



/*----------------------
------------	new-list
----------------------*/
	#new-list		{ padding-bottom:40px; background: url("../images/main_base.jpg") 0% 0 no-repeat fixed; }

	#new-list .inner	{ width:100%; margin:0; }

	#new-list h2 img	{ width:50%; padding:10px 0; }

/*	#new-list h2		{ width:94%; margin:0; padding:3%; }
	#new-list dl		{ width:90%; padding:20px 0; }
	#new-list dt		{ width:38%; float:left; padding-right:2%; }

	#new-list dd		{ width:60%; float:right; line-height:160%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
*/
/*dd	font-size:120%; letter-spacing:1px;	*/



/*----------------------
------------	main-menu
----------------------*/
	#main-menu		{ width:100%; margin:0; padding:0 0 40px 0; }

	#main-menu h3		{ width:94%; margin:0; padding:3%; }
	#main-menu h3 img	{ width:40%; }

	#main-menu h4		{ width:90%; }
	#main-menu h4 img	{ width:50%; }


	#main-menu ul	{ width:100%; margin:0 auto; padding:20px 0; }
	#main-menu li	{ width:50%; float:left; text-align:center; padding:10px 0; }







/*----------------------
---------------	header
----------------------*/
	#header	{ width:100%; margin:0; }
	#header img		{ width:100%; }

/*----------------------
---------------	irregular
----------------------*/
	#irregular	{ width:100%; margin:0; }
	#irregular img		{ width:100%; }




/*----------------------
---------------	info
----------------------*/
	#info			{ width:100%; margin:0; padding:0; }
	#info h3		{ padding:10px; letter-spacing:2px; }

	#info h4 img	{ width:60%!important; margin:0 auto!important; padding:0; }


	#info dl		{ padding:0 0 10px 0; }
	#info dd img	{ width:100%; margin:0; }

	#info .t-link img		{ width:90%; padding:0; }


	#info .c-link a		{ width:80%; }

	#info .link		{ padding:20px 0; }
	#info .link a	{ width:80%; }




/*----------------------
----------------	cast
----------------------*/
	#cast		{ width:100%; padding-bottom:0; background:none; }

	#cast .inner	{ width:100%; margin:0; }


	#cast-head h1	{ width:100%; margin:0; padding:20px 0; }
	#cast-head h1 img	{ width:90%; }


/*	#cast h2	{ background-color:#e66400; color:#ffffff; font-weight:normal; padding:15px; letter-spacing:4px; }*/

	#cast ul	{ width:100%; margin:0; }

	#cast li		{ width:50%; padding:0; float:left; }








/*----------------------
----------------	goto
----------------------*/


	#goto 			{ width:90%; margin: 0 auto; padding:20px 0; display:block; }
	#goto .back		{ width:100%; }
	#goto .back a	{ width:90%; margin:0 auto; padding:10px 0; text-align:center; display:block;
	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color:#111111;
	-moz-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
}









}