@charset "shift_jis";
/* CSS Document */
/*********** 基本設定 ***********/
body{
	width:100%;
	font-size:100%;
	line-height:1;
	color:#fff;
	background:#000;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","MS P Gothic", sans-serif;
}

input,
textarea{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","MS P Gothic", sans-serif;
}

*{
	outline:none;
}

a{
	/*\*/
	overflow:hidden;
	/**/
}

/*iphoneボタン調整*/
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
}

.indent{
	text-indent:-9999px;
}

.none{
	display:none;
}

.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	clear:both;
}

.clearfix{
	zoom:100%;
}

.clearfix:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}


.ta_c{
	text-align:center;
}

.ta_r{
	text-align:right;
}

.ta_l{
	text-align:left;
}


.normal{
	font-weight:normal;
}

.bold{
	font-weight:bold;
}

/*********** 透過設定 ***********/
.opac{
}

.opac:hover{
  opacity: 0.9;
  filter: alpha(opacity=60);
}

/*********** 各種設定 ***********/
#wrap{
	background:url(/img/bg.jpg) center 0 repeat-y #000;
	min-width:1000px;
	width:100%;
}

#container{
	width:1000px;
	margin:0 auto;
}

/*********** header設定 ***********/
#h_desc{
	font-weight:normal;
	font-size:10pt;
	height:16px;
	line-height:16px;
	text-align:right;
	position:relative;
}

.h_desc_sp{
	position:absolute;
	top:0;
	left:0;
	color:#fff;
}

.h_desc_sp:hover{
	text-decoration:none;
}

#h_main{
    position: relative;
}

#h_town{
    position:absolute;
    right:10px;
    top:138px;
}

#topic{
	background:url(/img/topic.jpg) 0 0 no-repeat;
	height:36px;
}

#topic marquee{
	width:814px;
	height:28px;
	background:#fff;
	margin-left:108px;
	margin-top:4px;
	color:#000;
	line-height:28px;
	vertical-align:middle;
}

/*********** main設定 ***********/
#main{
	margin-bottom:10px;
}

/*********** side設定 ***********/
#side{
	float:left;
	width:210px;
	padding-top:5px;
	padding-left:5px;
}

#side img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

.top_side{
	display:none;
}

/*** nav設定 ***/
#nav{
	list-style-type:none;
	background:url(/img/nav.gif?200424) 0 0 no-repeat;
}

#nav li{
	margin-bottom:5px;
}

#nav a{
	opacity:0;
}

#nav a:hover{
	opacity:1;
}

/*** side_mail設定 ***/
#side_mail{
	width:214px;
	height:305px;
	background:url(/img/side_mail.jpg) 0 0 no-repeat;
	margin-left:-4px;
	margin-top:2px;
	position:relative;
}

#side_mail input[type="email"]{
	width:198px;
	height:19px;
	border:0;
	position:absolute;
	left:10px;
	top:244px;
	box-sizing:border-box;
}

#btn_mag{
	position:absolute;
	top:268px;
	left:10px;
}

#mag_on{
	background:url(/img/btn1.png) 0 0 no-repeat;
	width:98px;
	height:32px;
	border:0;
	margin-right:3px;
	cursor:pointer;
}

#mag_off{
	background:url(/img/btn2.png) 0 0 no-repeat;
	width:98px;
	height:32px;
	border:0;
	cursor:pointer;
}

/*** side_rev設定 ***/
#side_rev ul{
	list-style-type:none;
	border:1px solid #424242;
}

#side_rev li{
	padding:5px;
	font-size:9pt;
	min-height:96px;
	line-height:1.4;
	border-bottom:1px dotted #8c8c8c;
}

.side_rev_img{
	width:71px;
	height:94px;
	object-fit: cover;
	border:1px solid #d200ff;
	margin:0 5px 5px 0;
}


.side_rev_link{
	height:19px;
	line-height:19px;
}

.side_rev_link a{
	color:#fff;
	font-size:9pt;
	text-decoration:none;
	background:url(/img/arrow1.gif) 0 center no-repeat;
	padding-left:13px;
}

.side_rev_link a:hover{
	text-decoration:underline;
}

.side_rev_name{
	background:#8a33da;
	display:inline-block;
	padding:4px 5px 2px;
	font-size:10pt;
	line-height:1;
	margin-bottom:5px;
}



/*********** contents設定 ***********/
#contents{
	float:left;
}

.wrap1{
	padding-left:5px;
}

#pankuzu{
	background:url(/img/pankuzu.jpg) 0 0 repeat-x;
	height:16px;
	line-height:16px;
	font-size:8pt;
	padding:0 5px;
}

#pankuzu a{
	color:#fff;
	text-decoration:none;
}

#pankuzu a:hover{
	text-decoration:underline;
}

#pankuzu span{
	color:#a1a1a1;
}


#title1{
	margin-left:5px;
	margin-top:5px;
}

.box1{
	line-height:1.4;
	border:1px solid #404040;
	padding:10px 15px;
	width:775px;
	box-sizing:border-box;
}

.dl1 dt{
	font-weight:bold;
}

.dl1 dd{
	padding-left:1em;
}

.ul1>li{
	margin-left:25px;
	list-style:disc;
}

.ol1>li{
	margin-left:25px;
}

.text1{
	line-height:1.4;
}


/*********** アニメーション設定 ***********/
@-webkit-keyframes pulse {
 from {
   opacity: 1.0;/*透明度100%*/
 }
 to {
   opacity: 0.5;/*透明度80%*/
 }
}
.blink{
-webkit-animation-name: pulse;/* 実行する名前 */
-webkit-animation-duration: 0.3s;/* 0.3秒かけて実行 */
-webkit-animation-iteration-count:infinite;/* 何回実行するか。infiniteで無限 */
-webkit-animation-timing-function:ease-in-out;/* イーズインアウト */
-webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
-webkit-animation-delay: 0s; /* 実行までの待ち時間 */
}


/*********** footer設定 ***********/
#page_top{
	position:fixed;
	bottom:10px;
	right:10px;
}

footer{
	clear:both;
}

#f_copy{
	font-size:8pt;
	height:16px;
	line-height:16px;
	text-align:center;
}

#f_cont{
	height:110px;
	background:url(/img/footer.jpg) 0 0 no-repeat;
}

#f_nav{
	text-align:center;
	padding:15px 0;
}

#f_nav a{
	font-size:9pt;
	color:#fff;
	text-decoration:none;
	margin:0 3px;
}

#f_nav a:hover{
	text-decoration:underline;
}

#f_text{
	font-size:9pt;
	padding:0 10px;
	line-height:1.4;
}

/*********** btn設定 ***********/
.btn1{
	border:0;
	border-radius:5px;
	background-color:#ff8f01;
	display:inline-block;
	padding:5px 10px;
	cursor:pointer;
}


/*********** font設定 ***********/
.cl_green{
	color:#1eff00;
}

.cl_red{
	color:#ff0042;
}

.cl_yel{
	color:#FF3;
}

.font_s{
	font-size:80%;
}

/*********** 余白設定 ***********/
.mgb5{
	margin-bottom:5px;
}

.mgb10{
	margin-bottom:10px;
}

.mgb15{
	margin-bottom:15px;
}

.mgb20{
	margin-bottom:20px;
}

.mgb30{
	margin-bottom:30px;
}


/*********** 一覧用イベントパネル設定 ***********/
.panel_event{
    display: block;
    position: absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
}

/*********** レスポンシブル設定 ***********/
/*===============================================
●style.css 画面の横幅が1280px以上
===============================================*/
@media screen and (min-width: 1280px){
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

}