/*
Theme Name: eブックス
Theme URI: http://www.oita-ebooks.jp
Description: Actibookの検索・表示専用のテーマ
Author: いづみ印刷株式会社
Author URL: http://www.printing-izumi.co.jp/
Version: 4.0
tags:このスタイルシートは、サイドバー用に制作されたものです。
*/









/*===============================================
　01.breakpoint 768px 〜
===============================================*/


.top_article{
	display:none;
}

.frame-typeA{
	display:none;
}



@media print, screen and (min-width: 769px) {
#secondary .side_event{
    border: 4px solid #c8bb9b;
    margin: 0 0 10px;
	display:none;

}

#secondary .side_event img{
margin: 0;
width:100%;
}

#secondary .banner a {
display: block;
font-size: 0;
line-height: 0;
}

#secondary .banner {
line-height:0;
margin:7px 0 0 0;
}

/* イベント情報
------------------------------ */
.side_event_top_hd {
    margin: 0;
}

.side_event_top_hd a{
  width:100%;
		height: 25px;
}

#side_recommend_event {
    display: block;
    margin-bottom: 0;
    padding: 0 4%;
    width: 92%;
}

#side_recommend_event .side_recommend_event_wrap {
    background: #FFFDE6;
    display: block;
    padding: 0;
    width:100%;
				margin: 0;
}

#side_recommend_event a.side_recommend_title {
    background: url("../img/eventbooks/subtitle_notice.png") no-repeat scroll 0 0 transparent;
    clear: both;
    display: block;
    height: 33px;
    margin: -12px 0 0 -4%;
    padding: 0;
    text-indent: -9999px;
    width: 168px;
}
#side_recommend_event a.side_recommend_booktitle {
    color: #A1434C;
    line-height: 140%;
}
#side_recommend_event a.side_recommend_booktitle:hover, #side_recommend_event .side_event_box .side_event_data_info a.btn_topside_event:hover {
    opacity: 0.8;
}
#side_recommend_event .side_event_box {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 2;
}
#side_recommend_event .side_event_box .side_event_vispace {
    display: block;
    float: left;
    margin: 10px 0 0 10px;
    min-height: 141px;
				width: 45%;
    padding: 0;
}
#side_recommend_event .side_event_box .side_event_data {
    display: block;
    float: right;
    height: 130px;
    margin: 10px 2% 0 0;
    overflow: hidden;
    padding: 0;
				font-size: 85%;
    line-height: 130%;
    width: 45%;
}
#side_recommend_event .side_event_box .side_event_data p {
    line-height: 130%;
    margin: 2px 0;
    outline: medium none;
    text-decoration: none;
}
#side_recommend_event .side_event_box .side_event_data_info {
    clear: both;
    display: block;
    margin: 10px 0;
    padding: 0 10px;
				font-size: 85%;
    line-height: 130%;
}
#side_recommend_event .side_event_box .side_event_data_info a.btn_topside_event{
    display: block;
    margin: 0 auto;
				padding-bottom: 5px;
}

#side_recommend_event .side_event_box .side_event_data_info a.btn_topside_event img{
    display: block;
    height: auto;
    margin: 7px auto 5px;
    width: auto;
}

/* SNS,facebook,twitter
------------------------------ */
#secondary .facebook {
display: block;
width: 99%!important;
border:1px solid #5477AA;
margin:7px 0 0 0;
}

#secondary .facebook div.fb-like-box,
#secondary .facebook div.fb-like-box iframe[style],
#secondary .facebook div.fb-like-box span {
width: 100% !important;
}

#secondary .twitter {
display: block;
width: 99%!important;
border:1px solid #0084B4;
margin-top: 7px;
}

#secondary .twitter .twitter_head{
display: block;
color: #fff;
font-size: 13px;
font-weight: bold;
background-color: #0084B4;
border: 1px solid #0084B4;
padding: 5px;
margin: 0;
border-left: medium none;
border-right: medium none;
border-top: medium none;
}

/* どんぐり
------------------------------ */
#secondary .planting2 {
    height: auto;
    width: 100%;
}

#secondary .planting2 object{
max-width: 100%;
    height: auto;
}

#secondary .d_ttl {
    margin: 7px 0 0;
    padding: 0;
}

#secondary .d_ttl img{
    width: 100%;
    height: auto;
}



/* サイドバー（PC版）のスタイル
------------------------------ */

#secondary .banner01
 {
display: block;
width: 100%!important;
border:none;
line-height:0;
margin:0 0 7px 0;
}

#secondary .banner01 a
 {
display: block;
width: 100%!important;
font-size: 0;
line-height: 0;　　　　　　　　　　　　　　　　　　
}

#secondary .banner01 a img
{
display: block;
width: 100%!important;
}


/* movie
------------------------------ */
.movie_wrap{
position: relative;
margin-top: 5px;
margin-bottom: 1.2em;
padding-bottom: 50%;
padding-top: 69px;
overflow: hidden;
}

.movie_wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.sp_sidebar_wrap {
	display:none;
}
}


/*===============================================
　02.breakpoint 〜 768px
===============================================*/
@media screen and (max-width: 768px) {
	#secondary .side_event{
display:none;
}

#secondary .side_event img{
display:none;
}

#secondary .banner a {
display: block;
font-size: 0;
line-height: 0;
}

#secondary .banner {
line-height:0;
margin:7px 0 0 0;
}

/* SNS,facebook,twitter
------------------------------ */

#secondary .insta {
display:none;
}

#secondary .facebook {
display:none;
}

#secondary .twitter {
display:none;
}

#secondary .test_icon_show {
display: none;
}

/* banner
------------------------------ */
#secondary .banner01 {
display: none;
}

#secondary .banner01 a {
display: block;
width: 100%!important;
font-size: 0;
line-height: 0;
}

#secondary .banner01 a img {
display: block;
width: 100%!important;
}

/* movie
------------------------------ */
.movie_wrap{
display: none;
}

#secondary .planting2 {
	display: none;
}

#secondary .d_ttl {
	display: none;
}

.inline-media img{
		width: 439px!important;
	height: auto!important;
}
}
/*===============================================
　03.breakpoint 〜 360px
===============================================*/
@media screen and (max-width:360px) {

}