@charset "utf-8";

/* 日本語版トップ専用 */

/* bx-sliderの初期スタイル */
@import url("../shared/js/bxslider/jquery.bxslider.min.css");


/* トップのみ背景変更*/
body{
	/*
	background-image:url(../img/bg_body_top.jpg);
	background-repeat:repeat-x;
	*/
}


/*
***********************************************************************************************
ヘッダー
***********************************************************************************************
*/

#wrapper_header{
	/*
	min-width: 990px;
	box-shadow:0px 3px 3px 0 rgba(0,0,0,0.1);
	*/
}


/*
***********************************************************************************************
本文のコンテナ
***********************************************************************************************
*/

#wrapper{
	min-width: 990px;
	width:auto;
}

#container {
	background-image: none;
	margin:0px 0 0 0;
	padding:0 0 0 0px;
	width:auto;
}


/*
***********************************************************************************************
中央カラム
***********************************************************************************************
*/

#centercolumn{
	margin: 0px;
	max-width: none;
}


/*
***********************************************************************************************
アイキャッチ画像
***********************************************************************************************
*/

.wrapper_eyecatch {
	background: #005487; /* Old browsers */
	background: -moz-linear-gradient(-10deg, #005487 30%, #0083d0 50%, #005487 70%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-10deg, #005487 30%,#0083d0 50%,#005487 70%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(10deg, #005487 30%,#0083d0 50%,#005487 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005487', endColorstr='#005487',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

	/* 背景のグラデーション */
	.wrapper_eyecatch::after {
		bottom: 0px;
		content: "";
		height: 40px;
		left: 0;
		position: absolute;
		width: 100%;
		z-index: -1;

		background:-moz-linear-gradient(top, #ffffff 0%, #dddddd 10%, #ffffff 50%); /* FF3.6-15 */
		background:-webkit-linear-gradient(top, #ffffff 0%,#dddddd 10%, #ffffff 50%); /* Chrome10-25,Safari5.1-6 */
		background:linear-gradient(to bottom, #ffffff 0%,#dddddd 10%, #ffffff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

.eyecatch {
	max-width: none;
	position: relative;
}

	/* アイキャッチの背景 */
	.eyecatch .bg_eyecatch {
		display: none;
		height :520px;
	}


/*
***********************************************************************************************
ホームのカルーセル（jquery.bxslider.js版）
***********************************************************************************************
*/

.bx-wrapper {
	background-color:transparent;
	border:0px solid #fff;
	margin: 0px auto;
	box-shadow: none;
}

	.bx-wrapper .bx-viewport{
		background-color:transparent;
		border: solid #fff 0px;
		/*
		height:460px !important;
		min-width:950px;
		*/
		/*
		overflow-y:visible !important;
		*/
		box-shadow: none;
		left:0px;	/* デフォルトのずれを修正 */
	}

		.bx-wrapper .bx-controls{
			width:100%;
			z-index:100;
			margin-left:auto;
			margin-right:auto;
			position:relative;
			top:0px;
		}

			.bx-wrapper .bx-controls-direction{
				bottom:250px;
				position:relative;
				z-index:115;
			}

				.bx-wrapper .bx-controls-direction a{
					background-position:0px 0px !important;
					background-repeat:no-repeat;
					background-image:none;
					text-indent:0px;
					text-decoration:none;
					width:50px;
					height:50px;
					
					transition:all 0.2s ease;
				}
				
					.bx-wrapper .bx-controls-direction a:before{
						background-color:transparent;
						color:#eee;
						content:"\f053";	/* fa-chevron-left */
						display:block;
						font-family:FontAwesome;
						font-size:28px;
						line-height:50px;
						text-align:center;
						
						text-shadow:0px 0px 10px #000;
					}
				
					.bx-wrapper .bx-controls-direction a:hover{
						background-position:0px 0px !important;
						
						transform:scale(1.2);
					}
					
						body.viewmode-mobile .bx-wrapper .bx-controls-direction a{
							width:20px;
							height:20px;
						}
	
					.bx-wrapper .bx-controls-direction .bx-prev{
						left:5px;
					}
					
					.bx-wrapper .bx-controls-direction .bx-next{
						right:5px;
					}

						.bx-wrapper .bx-controls-direction .bx-next:before{
							content:"\f054";	/* fa-chevron-right */
							text-indent:2px;
						}


#slider{
	/* 読み込み完了までは非表示 */
	visibility:hidden;
	/*
	opacity: 0;
	-ms-filter:"alpha(opacity=0)";
	*/
}

	#slider img{
	
		/* widthもしくはheightをピクセルで指定しないとIE9でコールバックが発火しないので注意  */
		width: 100%;
		
		/*
		box-shadow:rgba(204, 204, 204, 0.65098) 0px 0px 6px 3px;
		-webkit-box-shadow:rgba(204, 204, 204, 0.65098) 0px 0px 6px 3px;
		-moz-box-shadow:rgba(204, 204, 204, 0.65098) 0px 0px 6px 3px;
		*/
	}

	/* キャプション */
	.bx-wrapper .bx-caption{
		border-left:2px solid #fff;
		background-color:#fff;
		background-color:rgba(255, 255, 255, 0.80);
		/*
		bottom:-40px;
		*/
		text-align:center;
	}

		.bx-wrapper .bx-caption span{
			color:#111;
			/* for modan browser */
			text-shadow:1px 1px 0px #ffffff;
			/* for IE */
			filter:dropshadow(color=#ffffff,offx=0,offy=1,positive=1);
		}

	/* デフォルトのページャー */
	.bx-wrapper .bx-pager{
		/*
		background-image:url(../img/home/bg_pagenation01.png);
		*/
		background-position:center 1px;
		background-repeat:no-repeat;
		bottom:15px;
		font-size:0px;
		padding-top:0px;
	}

		.bx-wrapper .bx-pager .bx-pager-item a{
				background-color:transparent;
				background-image:url(../img/bullets.png);
				background-position:center -22px;
				width:22px;
				height:22px;
				
				border-radius:0px;
		}
		
			/* 現在表示されているページャー */
			.bx-wrapper .bx-pager .bx-pager-item a.active{
				background-color:transparent;
				background-image:url(../img/bullets.png) !important;
				background-position:center -22px;
			}
			
			/* マウスオーバーされているページャー */
			.bx-wrapper .bx-pager .bx-pager-item a:focus,
			.bx-wrapper .bx-pager .bx-pager-item a:hover{
				background-color:transparent;
				background-image:url(../img/bullets.png) !important;
				background-position:center -22px;
			}


	/* サムネイル式のページャー */
	#pager{
		background-color:#4E5C70;
		text-align:center;
		letter-spacing:-.40em; /* 文字間を詰めて隙間を削除する */
		padding:15px 0;
	}
	
		#pager a{
			background-color:#000;
			display:inline-block;
			letter-spacing:normal; /* 文字間を通常に戻す */
			margin:0 10px;
			vertical-align:top;
		}
	
			#pager a img{
				border:1px solid #fff;
				max-width:175px;	/* カルーセル×5枚の場合 */
				max-width:140px;	/* カルーセル×6枚の場合 */
				opacity:0.5;
				
				transition:all 0.2s ease;
			}
				
				/* 選択中のサムネイル */
				#pager a.active img{
					border:1px solid #fff;
					opacity:1;
				}



/*
***********************************************************************************************
パンくずリスト
***********************************************************************************************
*/

#breadcrumb {
	display: none;
}


/*
***********************************************************************************************
ホームのコンテンツ
***********************************************************************************************
*/

#centercolumn {
	margin-top: 30px;
	min-height: 0;
	padding-bottom: 25px;
}

	#centercolumn img {
		vertical-align: top;
	}

	/* ギャンブル依存症対策啓発週間 */
	#centercolumn > ul {
		letter-spacing:-.40em; /* 文字間を詰めて隙間を削除する */
		list-style-type: none;
		margin: 20px auto 0 auto;
		max-width: 1050px;
		padding: 0;
		text-align: center;
	}

		#centercolumn > ul > li {
			letter-spacing: normal; /* 文字間を通常に戻す */
			display: inline-block;
			margin: 0px 10px 0px 10px;
			vertical-align: top;
		}

			#centercolumn > ul + ul > li {
				margin: 0px 6.5px 0px 6.5px;
			}

			/* のめり込みに不安のある方は */
			#centercolumn li div {
				position: relative;
			}
			
			#centercolumn li div ul {
				bottom: 25px;
				letter-spacing:-.40em; /* 文字間を詰めて隙間を削除する */
				list-style-type: none;
				margin: 0px auto 0 auto;
				padding: 0;
				position: absolute;
				right: 17px;
				text-align: center;
			}
			
				#centercolumn li div li {
					letter-spacing: normal; /* 文字間を通常に戻す */
					display: inline-block;
					margin: 0px 10px 0px 10px;
					vertical-align: top;
				}
				
					#centercolumn li div li a {
						background-color: #0082ce;
						border: 1px solid #fff;
						border-radius: .35em;
						color: #fff;
						padding: .5em 1em .5em 2em;
						position: relative;
						box-shadow: 5px 5px 0px 0 rgba(0,0,0,.07);
						transition: all .2s ease;
					}
					
					#centercolumn li div li a:hover {
						background-color: #fff;
						border: 1px solid #0082ce;
						color: #0082ce;
						text-decoration: none;
					}
					
						/* 矢印の飾り */
						#centercolumn li div li a::before {
							color: inherit;
							content: "\f054";	/* fa-chevron-right */
							display: block;
							font-family: "Font Awesome 5 Free";
							font-weight: 900;
							font-size: 12px;
							line-height: 1;
							top: 1.15em;
							left: 1em;
							position: absolute;
						}
						
							#centercolumn li div li a:hover::before {
								
							}
							
							#centercolumn li div li .icon_external {
								display: none;
							}


/*
***********************************************************************************************
フッター
***********************************************************************************************
*/

#footer {

}