@charset "utf-8";
/* ===================================================================
CSS information

 file name  :zzz.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */

/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */
#header {
	position: absolute;
	background: url(../images/header/bg_header.png) repeat-x 0 0;
	top: 560px;
	height:160px;
}
#header #con_header{
	overflow: hidden;
	padding:0;
}

#header #con_header #box_header{
	margin-top: 46px;


}
#header #con_header h1{
	float: left;
	width: 148px;
	height:147px;
	top: 0;
}

#homepage { }

/* header_info 
----------------------------------------------------------- */
.header_info{
	top: 720px;
    position: absolute;
    left: 0px;
    z-index: 15;
    width: 100%;
}
/*  staynavi .box_bn
----------------------------------------------------------- */
.box_bn {
	width: 920px;
	margin: 0 auto 50px;
}
.box_bn a img { width: 100%; }

/*  #keyvisual
----------------------------------------------------------- */

#keyvisual {
	background: url(../images/homepage/bg_kv.gif) no-repeat center 0;
	position: relative;
	z-index: 1;
}
#keyvisual #slide{
	width: 1120px;
	margin: 0 auto;
}
#keyvisual .bx-wrapper {
	max-width: 1120px!important;
	margin: 0 auto;
}

#contents {
	padding-top: 280px;
}

#main {
	width: 950px;
	overflow: hidden;
	margin: 0 auto;
}

#news{
	width: 617px;
	float: left;
}

#news .news_top {
	background: url(../images/homepage/bg_ntop.gif) no-repeat 0 0;
	padding: 17px 20px 13px 18px;
}
#news #article {
	background: url(../images/homepage/bg_article.gif) repeat-y 0 0;
	padding-left: 19px;
}
#news #article .box_article{
	background-color: #f2f0e9;
	width: 560px;
	padding: 6px 10px;
	overflow: hidden;
	margin-bottom: 5px;
}
#news #article .box_article .image{
	background: url(../images/homepage/bg_nimage.gif) no-repeat 0 0;
	overflow: hidden;
	padding: 8px;
	width: 112px;
	float: left;
}
#news #article .box_article .image img{
	width: 112px;
	height: 72px;
}

#news #article .box_article .detail{
	width: 420px;
	float: left;
	padding-left: 10px;
	padding-top: 6px;
}
#news #article .box_article .detail .date{
	color: #000;
	font-size: 10px;
	width: 70px;
	text-align: center;
	margin-bottom: 5px;
	float:left;
}
#news #article .box_article .detail .cate{
	background-color: #841A1A;
	color: #ffffff;
	font-size: 10px;
	width: 90px;
	text-align: center;
	margin-bottom: 5px;
	float:left;
	margin-left:5px;
}
#news #article .box_article .detail .title{
	clear:both;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	font-size: 14px;
	margin-bottom: 8px;
}
#news #article .box_article .detail .wrap_article{
	font-size: 10px;
}
#news .news_bottom {
	margin-top: -5px;
}



#con_fb {
	background-color: #ffffff;
	width: 280px;
	float: right;
	padding: 0 10px;
	margin-top: 5px;
}

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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


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

	hack - 各種cssハック - for IE6

=======================================*/
* html {}

/* ▼ポップアップ */
    .popup {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,0.5);
      z-index: 9999;
      opacity: 1;
      visibility: visible;
      transition: opacity 0.5s ease, visibility 0.5s ease;
    }

    /* フェードアウト用クラス */
    .popup.hide {
      opacity: 0;
      visibility: hidden;
    }

    /* ポップアップの中身 */
    .popup-content {
		text-align: center;
      background-color: #fff;
      width: 80%;
      max-width: 800px;
      margin: 10% auto;
      border-radius: 10px;
      position: relative;
    }

    /* バツボタン */
    .close-btn {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 24px;
      cursor: pointer;
      color: #fff;
    }

    /* スタイル調整（必要に応じて） */
    .box_popup .wrp_att .title_att {
      font-size: 155%;
    padding: 0.8em 1.5em 0.8em 1.5em;
    background: #113b11;
    color: #fff;
    font-weight: bold;
    }

	.box_popup .wrp_att .info_att {
    padding: 4%;
    background-color: #fff;
    line-height: 1.8;
	font-size: 105%;
    }

	.box_popup .wrp_att .info_att .pick_att {
	 position: relative;
	display: inline-block;
	font-size: 160%;
	font-weight: bold;
	z-index: 1;
	padding: 0 5px;
    }
	.box_popup .wrp_att .info_att .pick_att::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 20px; /* 背景を少し下にずらす */
	bottom: 5px;
	background-color: #ede90c; /* お好きな背景色 */
	z-index: -1;
}

	.box_popup .wrp_att .info_att .bold_att {
		font-weight: bold;
		color: #ff0000;
    }

	.box_popup .wrp_att .info_att a {
		color: #444;
    }

	.box_popup .wrp_att .info_att .lnk_rsv {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 20px;
    }
	.box_popup .wrp_att .info_att .lnk_rsv li {
		margin-right: 20px;
    }

	/* 検索窓お知らせ非表示 */

	.wrap_search .info_search{
		display: none !important;
	}

	.wrap_search .att_search{
		display: none !important;
	}

	#con_search{
		margin-bottom: 3% !important;
	}