@charset "utf-8";

/* ==========================================

  “TOP” CSS
		
========================================== */


/* Header & Nav(smartmenus)
========================================== */
header		{	border-bottom:0;}

/* Pagetop
========================================== */
@media print, screen and (min-width:600px) {
#pageTop				{	margin-top:0;} 
}



/* Content　Base(2nd pages)
========================================== */

	/* wrapper etc..
	---------------------------------------- */
	main .in			{	width:94%; max-width:1120px; margin:0 auto; font-size:14px;}

	@media print, screen and (min-width:600px) {
	main .in			{	font-size:16px;}
	}

	@media print, screen and (min-width:920px) {
	main .in			{	font-size:18px;}
	}
	
/* Main Content
========================================== */


	/* slide
	----------------------------------------*/
	/*style_top_slider.css*/


	/* scroll efect
	----------------------------------------*/
	.moveIn		{	opacity: 0;
					transition: .8s;
					transform: translate(0,40px); -webkit-transform: translate(0,40px); }
	.moveInComp	{	opacity: 1.0;
					transform: translate(0,0); -webkit-transform: translate(0,0);}


	/* title
	----------------------------------------*/
	.ttlA			{	border-left:0; border-right:0; padding:0;}
	.ttlA:after		{	display:none;}


	/* Menu
	----------------------------------------*/
	ul.menu		{	margin-top:15px;}
	ul.menu li	{	display:table; width:100%; margin-bottom:5px; line-height:1.5; height:150px;
					background-image:url(../_img/top/btn_bg02.jpg); background-repeat:no-repeat; background-position:top center;
					background-size:cover; -webkit-background-size:cover; -moz-background-size:cover;}
	ul.menu li:nth-child(2n)	{	float:right; background-image:url(../_img/top/btn_bg01.jpg);}
	ul.menu li a	{	display:table-cell; vertical-align:middle; text-align:center; font-size:1.714em; color:#fff;}
	ul.menu li a > span:last-child	{	display:none;}
	ul.menu li a > span span	{	font-size:0.750em;}

	@media print, screen and (min-width:600px) {
	ul.menu li	{	width:48%; float:left; height:250px;}
	ul.menu li:nth-child(2n)	{	float:right;}
	ul.menu li a	{	padding:10px;}
	ul.menu li a:hover					{	background:rgba(0,0,0,.5); padding:10px 30px;}
	ul.menu li a:hover > span:first-child	{	display:none;}
	ul.menu li a:hover > span:last-child	{	display:table-cell; font-size:0.600em;}
	}



	/* News
	----------------------------------------*/
	.news dl	{	width:100%; margin:5px auto 0; line-height:1.4; background:#efefef; padding:15px 15px 15px 15px;}
	.news dt 	{	padding:10px 0 5px 0; }
	.news dd	{	padding:0 0 10px 0;} 
	.news dd a			{	display:block; padding:5px 40px 5px 5px; background:#ddd; position:relative; }
	.news dd a:after	{	content:""; width:10px; height:10px;
							border-top:2px solid #fff; border-right:2px solid #fff;
							-webkit-transform: rotate(45deg); transform: rotate(45deg);
							position:absolute; top:50%; right:10px; margin-top:-2px;}
	.news dd a:before	{	content:""; width:30px; height:100%; display:block; position:absolute; right:0; top:0; background:#ccc;}
	.news dd:last-child	{	border-bottom:0;}

	@media print, screen and (min-width:600px) {
	.news dl	{	overflow:hidden;}
	.news dt 	{	clear:both; float:left; width:7em; padding:10px 0 10px 0;}
	.news dd	{	padding:10px 0 10px 7em;} 
	.news dd a			{	padding:0; background:transparent; text-decoration:underline;}
	.news dd a:after	{	display:none;}
	.news dd a:before	{	display:none;}
	}

	@media print, screen and (min-width:920px) {
	.news			{	position:relative; display:table; width:100%;}
	.news article	{	display:table-cell; width:50%; padding-left:2%;}
	.news article:first-child	{	padding-left:0; padding-right:2%;}
	.news dl		{	padding-right:0; padding-bottom:50px; height:100%;}
	.news dt 		{	clear:none; float:none; width:auto; padding-bottom:5px;}
	.news dd		{	padding:0 10px 10px 0; font-size:90%;} 
	}

	/* Bnrs
	----------------------------------------*/
	.bnrs			{	margin:5px 0 0 4px; text-align:center;}
	.bnrs li		{	width:50%; float:left; padding:2px 2px;}
	.bnrs li a		{	display:block; border:1px solid #ccc;}
	.bnrs li a img	{	width:80%;}
	.bnrs li a:hover{	border:1px solid #000;}
	

	@media print, screen and (min-width:600px) {
	.bnrs li	{	width:25%}
	}

	@media print, screen and (min-width:920px) {
	.bnrs		{	width:99.9%; margin:5px auto 0;}
	.bnrs li	{	width:16.5%}
	}
	
	/* SNS
	----------------------------------------*/
	#sns	{	border-top:10px solid #11468e; padding:20px 0; margin-top:30px;}
	#sns ul	{	display:table; margin:0 auto;}
	#sns li	{	display:table-cell; padding:0 5px;}
	#sns li a:hover	{	opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";
						-moz-opacity:0.7; -khtml-opacity: 0.7; zoom:1;}
	#sns li img	{	width:70px;}


	@media print, screen and (min-width:600px) {
	#sns	{	margin-top:80px;}
	}