@charset "utf-8";


/* --------------------------------------------

						#news　お知らせ

---------------------------------------------- */ 
.news__list,
.news__Detail{ width: 94%; max-width: 780px; margin:4em auto;}

.news__list {padding-top: 2em;}
.news__list__inner { border-top:1px solid #aaa; padding: 1.2em 1em; line-height: 78px; }
.news__list__inner:last-child { border-bottom:1px solid #aaa; }
.news__list__inner span.imageBox { display: inline-block; float: left; margin-right: 2em; width: 78px; height: 78px; overflow: hidden; vertical-align:middle; background: url(../img/news/image_thum.png) center no-repeat #254a06; }
.news__list__inner span.imageBox img { width: 100%; height: 100%;}
.news__list__inner h3 { overflow: hidden; width: 60%; font-size: 1.15em; float: left; text-overflow: ellipsis; white-space: nowrap;}
.news__list__inner h3 span { font-size: 0.71em; padding: 0 2em 0 1.4em; }
.news__list__inner a { float: right; font-size: 0.76em; }
@media screen and (max-width:750px) {
.news__list__inner span.imageBox { display: block; float: none; margin: 0 auto 1em;}
.news__list__inner h3 { float: none; width: 90%; margin: 0 auto; text-align: center; line-height: 2; }
.news__list__inner h3 span { display: block;}
.news__list__inner a { display: block; float: none; width: 80%; max-width: 200px; height: 40px; margin: 0 auto; font-size: 1em; line-height: 40px; text-align: center;}
}

#pager { text-align:center; height:50px; margin-bottom:40px; margin-top:40px;}
#pager ul {display:inline-block; margin:0 auto 40px;}
#pager ul li { float:left; font-size:20px; font-weight:bold; width:50px; height:50px; line-height:50px; text-align:center; color: #CFCFCF; }
#pager ul li a { font-weight: 700; color: #262626; text-decoration:none; display:block; }
#pager ul li a:hover { color: #fff; background:#212121; }
#pager ul li.next img,
#pager ul li.prev img { opacity:0.5;}
#pager ul li.next a img,
#pager ul li.prev a img { opacity:1 !important; display: block;}
#pager ul li.prev:hover a img,
#pager ul li.next:hover a img { opacity:0 !important; display:none;}

#pager ul li.prev a:hover { background:url(../img/shop/prevBtnO.png) #212121;}
#pager ul li.next a:hover { background:url(../img/shop/nextBtnO.png) #212121;}

.topicsPager {
margin-bottom: 5em;
text-align: center;
}
.topicsPager a {
display: inline-block;
width: 50%;
max-width: 200px;
padding: .5em .15em;
text-decoration: none;
color: #fff;
border-radius: 5px;
box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.8);
background: #00843b;
}

/* --------------------------------------------
					 			詳細ページ
---------------------------------------------- */ 
.news__Detail__title { overflow: hidden; border-top:1px solid #aaa; border-bottom:1px solid #aaa; padding: 1.2em 1em; line-height: 78px;}
.news__Detail__title > img { float: left; padding-top: 1.7em; }
.news__Detail__title h3 { position: relative; padding-left: 7em; font-size: 1.21em; float: left; line-height: 1.8; }
.news__Detail__title h3 span { position: absolute; top: .5em; left: 0; font-size: 0.71em; padding: 0 2em 0 1.4em; }
.news__Detail .textBox,
.news__Detail .imgBox { max-width: 650px; margin:2em auto; position: relative; }
.news__Detail .textBox{ margin: 3em auto 1em;}

.news__Detail .imgBox .tab_item { position: absolute; bottom: 0; display: block; width:1px; padding:8px; border: 16px solid #fff; background: #b3b3b3; transition: all 0.2s ease; cursor: pointer; border-radius:2em;}
.news__Detail .imgBox .tab_item:hover {}
.news__Detail .imgBox input[name="img_tab"] { display: none; }
.news__Detail .imgBox input:checked + .tab_item { background: #0067a0;}
.news__Detail .imgBox .content { overflow: hidden; display: none; text-align: center; height:470px; padding-bottom:10%; }
.news__Detail .imgBox .content img { margin: auto ; max-width: 100%; max-height: 100%;}
.news__Detail .imgBox #img1:checked ~ #img1_content,
.news__Detail .imgBox #img2:checked ~ #img2_content,
.news__Detail .imgBox #img3:checked ~ #img3_content,
.news__Detail .imgBox #img4:checked ~ #img4_content,
.news__Detail .imgBox #img5:checked ~ #img5_content { display: block;}

.news__Detail .imgBox .tab_item[for="img1"] { left:34%;}
.news__Detail .imgBox .tab_item[for="img2"] { left:40%;}
.news__Detail .imgBox .tab_item[for="img3"] { left:46%;}
.news__Detail .imgBox .tab_item[for="img4"] { left:52%;}
.news__Detail .imgBox .tab_item[for="img5"] { left:58%;}

@media screen and (max-width:750px) {
.news__Detail__title > img { border: 1px solid #000; }

  .news__Detail__title h3 { padding-left: 0; font-size: 1.21em; float: none; line-height: 1.8; }
  .news__Detail__title h3 span { display: block; position: static; padding: 0;}

	.news__Detail .imgBox .content { height:250px; }
	.news__Detail .imgBox .tab_item { padding:6px; border: 8px solid #fff;}
	.news__Detail .imgBox .tab_item[for="img1"] { left:26%;}
	.news__Detail .imgBox .tab_item[for="img2"] { left:36%;}
	.news__Detail .imgBox .tab_item[for="img3"] { left:46%;}
	.news__Detail .imgBox .tab_item[for="img4"] { left:56%;}
	.news__Detail .imgBox .tab_item[for="img5"] { left:66%;}

}