﻿@charset "utf-8";

/* --------------------------------------------------------------- */
/* Bear News (2025/11/12) SmartPhone  */
/* --------------------------------------------------------------- */

*{
	margin:0;
	padding:0;
	border:0;
	outline:none;
	}

.sp{display:inline-block;}
.tb{display:none;}
.pc{display:none;}

img{
	border:0;
	}

a:link{   text-decoration:none;       color:#222222;}
a:visited{text-decoration:none;       color:#555555;}
a:hover{  text-decoration:none;       color:#dd2222;}
a:focus{  text-decoration:none;       color:#dd2222;}
a:active{ text-decoration:none;       color:#dd2222;}

html, body{
	background-color:#ffffff;
	scrollbar-base-color       : #eeeeee;
	scrollbar-face-color       : #ffffff;
	scrollbar-track-color      : #eeeeee;
	scrollbar-arrow-color      : #33aaaa;
	scrollbar-3dlight-color    : #dddddd;
	scrollbar-highlight-color  : #dddddd;
	scrollbar-shadow-color     : #dddddd;
	scrollbar-darkshadow-color : #dddddd;
	}

header{
	top:0;
	z-index:10;
	position:fixed;
	width:100%;
	height:60px;
	margin:0;
	padding:0;
	background-color:#78c6b6;
/*	opacity:0.85;*/
	}

footer{
	width:100%;
	height:80px;
	margin:20px 0px 0px 0px;
	padding:0px auto 10px auto;
	background-color:#78c6b6;
	text-align:center;
	}

footer .credit{
	margin:20px auto 0px auto;
	padding:20px 0px 0px 0px;
	font-size:16px;
	font-family:sans-serif;
	color:#000000;
	line-height:30px;
	text-align:center;
	}

#pageTop{
	position:fixed;
	bottom:60px;
	right:0px;
	}
#pageTop a{
	}
#pageTop a:hover {
	}

#main{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#ffffff;
	z-index:1;
	}

#title{
	width:100%;
	margin:0px auto 0px auto;
	text-align:center;
	background-color:#ffd900;
	}

header h1{
	width:320px;
	height:50px;
	margin:0px 0px 5px 10px;
	padding:0px;
	display:block;
	z-index:100;
	text-align:left;
	}

header h1#backhome a{
	width:290px;
	height:50px;
	margin:15px 0px 0px 0px;
	padding:0px;
	display:block;
	background-image:url("../images/bear_header.png");
	background-size:100%;
	background-repeat:no-repeat;
	z-index:100;
	text-align:left;
	}

#wrapper{
	width:100%;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-color:#ffffff;
	}

#wrapper .panel,
#wrapper .news_movie{
/*	width:95%;*/
	margin:10px 10px 10px 10px;
	padding:10px 0px 0px 0px;
	background-color:#eeeeee;
	}

#wrapper .panel img{
	margin:0px auto 0px auto;
	padding:0px;
	width:310px;
	}

h2.section_title{
/*	width:100%;*/
	margin:0px 10px 10px 10px;
	padding:10px;
	text-align:center;
	line-height:26px;
	font-size:18px;
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	background-color:#78c6b6;
	border-radius:6px;
	color:#000000;
	}

.map{
	width:90%;
	height:400px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
	}

.map_credit{
	width:300px;
	margin:10px auto 10px auto;
	line-height:18px;
	font-size:13px;
	}

.unit{
	margin:0px auto 10px auto;
	padding:10px 0px 10px 0px;
	text-align:center;
	}

ul.news_movie{
	width:300px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	text-align:center;
	}

ul.news_movie li{
display:block;
	width:300px;
	height:280px;
	margin:10px auto 15px auto;
	padding:0px 0px 0px 0px;
	list-style-type:none;
/*	float:left;*/
	background-color:#ffffff;
	overflow:hidden;
	text-overflow:ellipsis;
	}

ul.news_movie li .news_date{
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 10px;
	line-height:22px;
	font-size:16px;
	font-family:HiraKakuProN-W3,"ヒラギノ角ゴ Pro W3";
	color:#dd0000;
	text-align:left;
	}

ul.news_movie li img{
	margin:0px;
	padding:0px;
	width:300px;
	height:170px;
	overflow-y:hidden;
	}

ul.news_movie li .news_title{
	width:285px;
	height:80px;
	margin:0px 0px 0px 5px;
	padding:0px 5px 5px 5px;
	line-height:20px;
	font-size:14px;
	font-family:HiraKakuProN-W3,"ヒラギノ角ゴ Pro W3";
	color:#555555;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:left;
	}


ul.link{
	margin:10px 10px 10px 10px;
	padding:0px 0px 0px 0px;
	}

ul.link li{
	margin:5px 0px 5px 0px;
	padding:0px;
	list-style-type:none;
	text-align:left;
	}

ul.link li a:link,
ul.link li a:visited{
	margin:5px;
	padding:10px 10px 10px 20px;
	list-style-type:none;
	line-height:22px;
	font-size:16px;
	font-family:HiraKakuProN-W3,"ヒラギノ角ゴ Pro W3";
	color:#000000;
	text-align:left;
	background-color:#ffffff;
	border-radius:8px;
	display:block;
	background-image:url("../images/icon/arrow_link.png");
	background-position:right center;
	background-repeat:no-repeat;
	background-size:25px 25px;
	}

ul.link li a:hover,
ul.link li a:active{
	color:#dd0000;
	}


/*---------------------------------------------------------------*/
/* 	汎用設定 */
/*---------------------------------------------------------------*/

	.clear{
		clear:both;
		}

/* ClearFix ----------------------------------------- */

	.clearfix:after{
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		}

	.clearfix {
		display:inline-table;
		}

/* Hides from IE-mac \*/
	* html .clearfix{height:1%;}
	.clearfix{display:block;}  
/* End hide from IE-mac */


	hr{
		margin:20px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		color:#aaaa33;
		background-color:#aaaa33;
		border-style:none;
		height:1px;
 		}

small{
	font-size:0.8em;
	}
