/*----------------------------------------------------------
:::::::::::::::::::::　　基本スタイル　 ::::::::::::::::::::
-----------------------------------------------------------*/
@charset "utf-8";
/* CSS Document */

/* :::::::::::::::::::::::::::::::::::: */
/* ::::::: みやこのじょうebooks ::::::: */
/* :::::::::::::::::::::::::::::::::::: */

/* 画像のフォルダ名を変更した場合は
CSSファイル内のパス「../hinokage/..」を任意のフォルダ名に変更してください。
（例）../../img/subpage/city_ebooks/ここを変更/logo.png */

#hinokage #container {
	width:90%;
}
#hinokage #logo {
	background-image: url("../../img/subpage/city_ebooks/hinokage/logo.png");
	height:80px !important;
	margin:0% auto 0% !important;
	overflow:hidden;
}
#hinokage.ie_box #logo {
	background-image: url("../../img/subpage/city_ebooks/hinokage/logo_ie.png");
	height:72px !important;
}
#hinokage #main_image {
	max-width:90%;
	background-image: url("../../img/subpage/city_ebooks/hinokage/bg_body.jpg");
	background-repeat:no-repeat;
	background-size:contain;
	height:457px;
	padding:60px 0 0 0;
}







#hinokage a:hover .main-image_box{
	    background: url("../../img/subpage/city_ebooks/hinokage/original-book_on.png");
		max-width:975px;
		width:100%;
		height:250px;
		text-indent:-99999px;
		background-size:100% auto;
		background-repeat:no-repeat;

}

#hinokage a .main-image_box{
	    background: url("../../img/subpage/city_ebooks/hinokage/original-book_off.png");
		background-position:top center;
		max-width:975px;
		width:100%;
		height:250px;
		text-indent:-99999px;
		background-size:100% auto;
		background-repeat:no-repeat;
}





#hinokage ul.hinokage_navi {
	background: none repeat scroll 0px 0px transparent;
	box-shadow: none;
	max-width: 950px;
	width: 100%;
	padding: 11% 0px 0px;
	margin: 0px auto;
}
#hinokage ul.hinokage_navi li {
		display:inline-block;
		display:-moz-inline-box;
    line-height: 0;
    font-size: 0px;
    width: 24%;
    margin: 0px 0px 20px;
}
#hinokage ul.hinokage_navi li img {
    width: 100%;
    max-width: 220px;
}
#hinokage .title_booklist {
    padding: 5px 0px 11px;
    text-align: center;
}
#hinokage .title_booklist img {
		height:30px;
}
#hinokage .sns .fb-like-box{
	overflow:hidden;
}
#hinokage #container .site-content #bottom_navi .line_bottom{
	margin: auto;
	padding: 0px;
	width: 100%;
	background: url('../../img/subpage/city_ebooks/hinokage/bottom_img.png') no-repeat scroll 0% 0% / 100% auto transparent;
	z-index: -9999;
	height: 45px;
}
#hinokage #container .site-content #bottom_navi .sns .fb-like-box
{
	width:930px;
	margin-left:-9px;
}


@media screen and (max-width: 1038px) {
#hinokage #container .site-content #bottom_navi .sns .fb-like-box
{
	margin-left:5px;
}
}
@media screen and (max-width: 768px) {
#hinokage {
	width:100%;
	max-width:768px;
	overflow: hidden;
}
#hinokage #logo {
	height:50px !important;
}
	
#hinokage #main_image {
	background-size:100% auto!important;
	background-repeat:no-repeat!important;
	padding: 20px 0 0;
}

#hinokage a .main-image_box,
#hinokage a:hover .main-image_box  {
    margin: 0 0 0;
}

#hinokage #container {
    padding-bottom: 30px;
    padding-top: 0px !important;
}


#hinokage #book_list .books {
	width:19%;
	min-width:unset;
	height:unset;
}

#hinokage ul.hinokage_navi {
    padding: 0 0 0;
}



#hinokage ul.hinokage_navi li {
    width: 23%;
	margin:0 0 10px;
}
#hinokage ul.hinokage_navi li img{
	max-width: 177px;
}
#hinokage #container .site-content #bottom_navi .sns .fb-like-box
{
	width:930px;
	margin-left:-10px;
}
#hinokage #container .site-content #bottom_navi .sns .fb-like-box
{
	margin-left:-5px;
}
#hinokage #container .site-content #bottom_navi .sns .fb-like-box
{
	margin-left:4px;
}
}
@media screen and (max-width: 736px) {
#hinokage {
	width:100%;
	max-width:736px;
	overflow: hidden;
}
#hinokage #logo {
	height:45px !important;
}
#hinokage #book_list .books {
	width:19%;
	min-width:unset;
	height:unset;
}
#hinokage ul.hinokage_navi li {
    width: 22%;
}
#hinokage ul.hinokage_navi li img{
	max-width: 162px;
}
}
@media screen and (max-width: 667px) {
#hinokage {
	width:100%;
	max-width:667px;
	overflow: hidden;
}
#hinokage #logo {
	height:50px !important;
}
#hinokage #book_list .books {
	width:19%;
	min-width:unset;
	height:unset;
}
#hinokage ul.hinokage_navi li {
    width: 21%;
}
#hinokage ul.hinokage_navi li img{
	max-width: 141px;
}
}
@media screen and (max-width: 568px) {
#hinokage {
	width:100%;
	max-width:568px;
	overflow: hidden;
}
#hinokage #main_image {
	height:211px;
}

#hinokage a .main-image_box {
height: 180px;	
}
#hinokage #book_list .books {
	width:19%;
	min-width:unset;
	height:unset;
}

#hinokage ul.hinokage_navi {
	display:none;
}


#hinokage ul.hinokage_navi li {
    width: 22%;
}
#hinokage ul.hinokage_navi li img{
	max-width: 137px;
}
#hinokage .title_booklist {
    padding: 11px 0px 11px;
    text-align: center;
}
}
@media screen and (max-width: 480px) {
#hinokage {
	width:100%;
	max-width:480px;
	overflow: hidden;
}
#hinokage #logo {
	height:50px !important;
}
#hinokage .site-content .sub-total img {
	width:20%;
}
#hinokage .title_booklist {
	display:none;
}
#hinokage #main_image {
	height:120px;
}
#hinokage #book_list .books {
	width:18%;
	min-width:unset;
	height:unset;
}
#hinokage ul.hinokage_navi li{
	width:20%;
	margin:0 auto;
}
#hinokage ul.hinokage_navi li img{
	max-width: 96px;
}
}
@media screen and (max-width: 414px) {
#hinokage #logo {
	height:50px !important;
}
#hinokage ul.hinokage_navi li img{
	max-width: 83px;
}
}
@media screen and (max-width: 375px) {
#hinokage #main_image {
	height:140px !important;
}
#hinokage ul.hinokage_navi li img{
	max-width: 75px;
}
}
@media screen and (max-width: 360px) {
#hinokage {
	width:100%;
	max-width:360px;
	overflow: hidden;
}
#hinokage ul.hinokage_navi li img{
	max-width: 72px;
}
}
@media screen and (max-width: 320px) {
#hinokage {
	width:100%;
	max-width:320px;
	overflow: hidden;
}
#hinokage #logo{
	height:35px !important;
}
#hinokage #main_image {
	height:120px !important;
}
#hinokage #book_list .books {
	width:31%;
	min-width:30%;
}
#hinokage ul.hinokage_navi li{
	width:20%;
	margin:0 auto;
}
#hinokage ul.hinokage_navi li img{
	max-width: 64px;
}

#hinokage #container .site-content #bottom_navi .bottom_menu .hinokage_navi ul{
	margin:15px 0px 10px;
}
}