@charset "utf-8";

/*
Theme Name: アーカイブ
Theme URI: http://www.archives.jp
Description: アーカイブの検索・表示専用のテーマ
Author: ○○株式会社
Author URL: http://www.archives.jp
Version: 1.0
tags:このスタイルシートは、PC版の検索用に制作されたものです。
*/

/*===============================================
　 data_info　広報紙情報
===============================================*/
#data_info {
width: 610px;
height: auto;
margin: 0;
padding: 0 0 15px 0;
display: block;
background : #fff;
overflow: hidden;
border: #e5e5e5 1px solid;
border-radius: 6px; /* CSS3 */
-webkit-border-radius: 6px; /* Safari,Google Chrome */
-moz-border-radius: 6px; /* Firefox */
}

#data_info .data_info_wrap {
width: 580px;
height: 440px;
margin: 0;
padding: 15px;
display: block;
background : #fff;
}

#data_info h2 {
	background : url(../../img/base/bg_subtitle_bar.jpg) 0 0;
	background-repeat: repeat-x;
	padding: 13px 25px;
	border-bottom: 3px solid #A6D397;
	position: relative;
	height: 55px;
}

#data_info h2::before {
  content: "";
	display: block;
	width: 9px;
	height: 100%;
	background-color: #00A73C;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

#data_info h2 img{
	width: auto;
  height: 36px;
}

/* data_info_categories 表紙画像・キワード表示部分 */
#data_info .data_info_categories {
width: 100%;
max-width: 150px;
height: auto;
margin: 0;
padding: 0;
display: block;
}

#data_info .data_info_categories a.frontpage{
width: 100%;
max-width: 150px;
height: 213px;
margin: 0;
padding: 0;
display: block;
}

#data_info .data_info_categories a.frontpage img{
width: 100%;
height: auto;
}

#data_info h4 {
width: 100%;
height: auto;
padding: 0 5px;
text-align: center;
display: block;
background-color: #D5E9CC;
border: #009F41 1px solid;
color: #006F2F;
font-weight: normal;
margin-top: 10px;
font-size: 90%;
line-height: 150%;
border-radius: 3px 3px 3px 3px;
}

#data_info a {
	text-decoration:none;
}


#data_info .data_info_categories p{
width: 100%;
height: auto;
font-size: 90%;
line-height: 150%;
color: #555;
padding-top: 5px;
text-align: justify;
}

#data_info .data_info_categories a{
width: 100%;
height: auto;
font-size: 90%;
line-height: 150%;
color: #555;
padding-top: 5px;
text-align: justify;
}

#data_info .data_info_categories .icons {
	padding-top: 12px;
}

/* data_info_categories 記事表示部分 */
#data_info .data_info_entry {
width: 100%;
max-width: 382px;
height: auto;
margin: 0;
padding: 0;
display: block;
}

#data_info .data_info_entry h3{
width: 100%;
height: auto;
display: block;
border-bottom: #eee 1px solid;
color: #555;
font-size: 120%;
line-height: 150%;
}

/* digest ダイジェスト */
#digest {
width: 100%;
height: auto;
margin: 15px 0 0 0;
padding: 0;
display: block;
}

#digest ul{
width: 100%;
height: 128px;
list-style: none;
margin: 0;
padding: 0;
display: block;
}

#digest ul li{
float: left;
width: 85px;
margin: 0 10px 0 0;
padding: 0;
display: block;
}

#digest ul li img{
width: 100%;
height: auto;
}

#data_info a.btn_dataview{
width: 382px;
height: 45px;
padding: 10px 0 7px 0;
margin: 10px 0 0 0;
display: block;
text-align: center;
}

#data_info a.btn_dataview img{
width: 100%;
height: auto;
}

/* data_entry 説明文 */

#data_info .data_entry{
width: 362px;
height: auto;
margin: 15px 0 0 0;
padding: 10px;
display: block;
background : url(../../img/base/bg_stripe.png) 0 0 repeat;
}

#data_info .data_entry_wrap{
width: 342px;
height: auto;
padding: 10px;
display: block;
background: #fff;
border: #eee 1px solid;
line-height: 160%;
}

/* before back : 前のページへ戻る */
.beforeback {
	float:left;
 width: 160px;
height: auto;
	margin-top:20px;
	margin-left:100px;
}

.beforeback img {
	border-radius:4px;
 width: 100%;
}

#book ul li.book_space {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    margin: 0 2px;
    padding: 10px;
    position: relative;
    width: 128px;
}

.carouselslider {
    height: auto;
    width: 940px;
    overflow: hidden;
    padding: 0!important;
    list-style: none;
}

ul.slides {
    list-style: none;
}

#book {
	height:auto;
}


@media screen and (max-width: 1024px) {

}


@media screen and (max-width: 768px) {
#data_info {
	width: 100%;
}

#side #refine_search, #side #key_search {
	width: 100%;
	overflow:hidden;
}


#data_info .data_info_wrap {
	width: 94%;
	padding: 15px 0;
	margin:auto;
}


#data_info .data_info_categories {
	width:32%;
}


#data_info .data_info_entry {
	width:63%
}


#digest ul {
	height:85px;
}


#digest ul li {
    margin: 0 1% 0 0;
    width: 24%;
}


#data_info a.btn_dataview {
	width:100%;
	height:25px;
	padding: 0 0 7px;
	margin:0 auto;
	}

#data_info .data_entry {
	width:100%;
	text-align:left;
	padding:0;
	margin:0;
}

#data_info .data_entry_wrap {
	width:auto;
	padding:10%;
}

.beforeback {
  float: none;
  height: auto;
	margin:20px auto;
  width: 100%;
}

.beforeback a {
  width: 164px;
  height: 31px;
  display: block;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}


#data_info h4 {
	padding:0;
}


#data_info .data_info_categories p {
	text-align:center;
	padding:3px 0 3px 0;
}
}


@media screen and (max-width: 640px) {

#main, #side
 {
	float:none;
    width: 100%;
}

}


@media screen and (max-width: 480px) {

#main.left {
	text-align:center;
}


#data_info .data_info_wrap {
	height:auto;
}


#data_info {
	text-align:center;
}

#data_info .data_info_categories {
	float:none;
	width:100%;
	max-width:none;
	text-align:center;
}


#data_info .data_info_categories a.frontpage {
	width:70%;
	max-width:none;
	height:auto;
	margin:auto;
}


#data_info .data_info_entry {
    width: 94%;
	margin:auto;
	float:none;
}

#data_info a.btn_dataview {
	padding: 20px 0 20px 0;
  height: auto;
}


}


@media screen and (max-width: 375px) {

}




@media screen and (max-width: 360px) {


#book.single_book ul li.book_space {
    margin: 0 0 0 9px;
}

}

@media screen and (max-width: 320px) {


#book.single_book ul li.book_space {
    margin: 0 2px 0 6px;
}

}