/* boyoferry Document */

/* ----------------------------------------- */
/* 最新ニュース等レイアウト                  */
/* ----------------------------------------- */
#info { /* お知らせ */ 
	width:auto;
	margin:0;
	padding:10px;
}

.news { /* ニュース新着情報 */ 
	width:auto;
	margin:10px 0;
	padding:0;
	position:relative;
	background:#fdfcf7;
}

.news h3 {
	font-size:1.3em;
	background-image:none !important;
	background:#847D69 !important;
	border-bottom:3px solid #F4A600;
	padding:3px 0 2px 8px !important;
	margin:0 !important;;	
	height:25px;
	color:#fff;
	line-height:1.5;
}

.news h4 { /* 各施設項目タイトル */
	margin-left:0;
	padding-left:0;
	font-size:105%;
	position:relative;
	background:none;
	color:#000;
}
.news h4 img { vertical-align:middle; }

/* バックナンバーへのリンク */
.news .backnumber { text-align:right; }
.news .backnumber a {
	font-size:100%;
	padding-left:20px;
	background:url(../material/icon_arrow.gif) left top no-repeat;	
	color:#F60;
}
.news .backnumber a:hover { color:#F00; }

/* ----------------------------------------- */
/*  ニュース表示		      　　　　       */
/* ----------------------------------------- */
.news ul {
	margin:0 15px;
	padding:0;
}

.news li {
	list-style-type:none;
	margin:0 0 5px 0;
	padding:2px 5px 2px 5px;
	line-height:1.5;
	border-bottom:2px dotted #bbbbbb;
}
.news li a { /*color:#0014db;*/ }
.news li a:hover { /*color:#F30;*/ }

.news li strong { /* 項目タイトル */
	font-size:100%;
	padding-left:5px;
	font-weight:normal;
	display:block;
}

.news li .topic_date { /* リスト用・日付 */
	color:#1A341E;
	font-size:72%;
	letter-spacing:0;
	font-weight:normal;
	padding:0 3px 0 2px;
}

.news li em { /* カテゴリ */
	font-size:80%;
	padding:0px 3px;
	color:#fff;
	margin:0px 8px 0px 2px;
}

.news ul li .category { background:#F66; padding:1px 3px; } /* カテゴリ */ 

.news li .pattern {
	color:#c90926;
	background:#fcfaf5;
	margin:0 5px 0 10px;
}

.recruit_list li .pattern {
	background:none;
}

.news li .ing {
	color:#fcfaf5;
	background:#c90926;
	margin:0 5px 0 10px;
}

.news ul li .fac1 { background:#307427; padding:1px 3px; } /* グループ */ 

/* ----------------------------------------- */
/* 文字装飾（トピックス内用）                */
/* ----------------------------------------- */

b { /* 太字 */
  font-size:1.06em;
}

u { /* 下線 */
  text-decoration: none;
  border-bottom:1px solid red;
  /* padding-bottom:1px; */
}

i { /* 小文字 */
  font-style: normal;
  font-size:0.72em;
}

blockquote { /* 引用 */
  color:#777;
  border-left:5px solid #ddd;
  padding-left:10px;
  margin-left:15px;
}

/* ----------------------------------------- */
/* その他                                    */
/* ----------------------------------------- */

#picup_news { margin:6px 0 6px 10px; }
#picup_news td {
	vertical-align:top;
	padding:3px;
}
#pop_up{ display:none; }

.app_area { padding-left:10px; }

/* 動画再生用バナー(TOP) */
#bn_movie a {
	width:140px;
	height:96px;
	display:block;
	background:url(../images/ddm_playmovie.png) 0 0 no-repeat;	
}
#bn_movie a:hover {
	background:url(../images/ddm_playmovie.png) 0 -96px no-repeat;	
}
#bn_movie a em { display:none; }


/* item list */
#itemArea {
    display: grid;
  	grid-template-columns: minmax(200px, 50%) minmax(200px, 50%);
  	grid-template-rows: auto auto;
    grid-gap: .8em .5em; 
    margin:0 0 0 15px;
    padding:0;
	height:auto;
}
#itemArea h5 {
    margin:0;
}
#itemArea h5:before {
    content: "▼";
}
.itemBox {
	width:100%;
	margin:0;
	padding:0;
	list-style-type:none;
}
.itemBox li {
    margin:0;
    padding:0;
    border:none;
}
.itemBox li a {
	display: block;
    clear:left;
	margin: 2px 0 8px 0;
	padding:0;
	width: 100%;
	height:auto;
    text-decoration: underline;
	overflow:hidden;
}
.itemBox img {
	max-width: 20%;
	float: left;
	padding:3px;
	margin:0 8px 5px 0;
	border:1px solid #ccc;
	background:#fff;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
}
.itemBox a img {
	border:none;
}
.itemBox a:hover img {
	filter:alpha(opacity=85);
	opacity:0.85; white-space:nowrap;
}
.itemBox .cont {
    width:200px;
	height:auto;
	float: left;
    text-decoration: underline;
}
.itemBox h4 {
	margin:0;
	padding:0 5px;
	color:green;
	font-size:100%;
}
.itemBox p {
	margin:5px;
	font-size:90%;
}

/* リンクボタン */
.link-btn {
    display: inline-block;
    width:auto;
    height:auto;
    padding:3px 8px;
    margin:3px 0;
    text-decoration:none;
    text-align: center;
    line-height:1.3;
    font-size:0.8em;
    color:#ffe;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 50px;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #000;
background: -webkit-linear-gradient(#ee9312, #ed6c00);
background: -o-linear-gradient(#ee9312, #ed6c00);
background: linear-gradient(#ee9312, #ed6c00);
    box-shadow: 0 2px 3px rgba(12, 42, 58, .4);
}
.itemBox a:hover .link-btn {
    cursor:pointer;
    color:#ff9 !important;
background: -webkit-linear-gradient(#e47365, #c23321);
background: -o-linear-gradient(#e47365, #c23321);
background: linear-gradient(#e47365, #c23321);
    box-shadow: 0 2px 3px rgba(43, 12, 13, .4);
}