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

/* :::::::::::::::::::::::::::::::::::: */
/* ::::::: くにとみebooks ::::::: */
/* :::::::::::::::::::::::::::::::::::: */

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

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







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

}

#kunitomi a .main-image_box{
	    background: url("../../img/subpage/city_ebooks/kunitomi/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;
}





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


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

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

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


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

#kunitomi ul.kunitomi_navi {
    padding: 0 0 0;
}



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

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

/*
#kunitomi ul.kunitomi_navi.top_menu {
	display:none;
}
*/


#CityEbooks_tpl #kunitomi ul li {
	float:left;
    width: 50%;
	margin:0 0 10px 0;
}


#CityEbooks_tpl #kunitomi ul li img {
    max-height: 30px;
	width:auto;
}


#kunitomi ul.kunitomi_navi li {
    width: 22%;
}
#kunitomi ul.kunitomi_navi li img{
	max-width: 137px;
}
#kunitomi .title_booklist {
    padding: 11px 0px 11px;
    text-align: center;
}
}
@media screen and (max-width: 480px) {
#kunitomi {
	width:100%;
	max-width:480px;
	overflow: hidden;
}
#kunitomi #logo {
	height:50px !important;
}
#kunitomi .site-content .sub-total img {
	width:20%;
}
#kunitomi .title_booklist {
	display:none;
}
#kunitomi #main_image {
	height:120px;
}
#kunitomi #book_list .books {
	width:18%;
	min-width:unset;
	height:unset;
}

#kunitomi a .main-image_box {
height: 165px;	
}

#kunitomi ul.kunitomi_navi li{
	width:20%;
	margin:0 auto;
}

}
@media screen and (max-width: 414px) {
#kunitomi #logo {
	height:50px !important;
}

#kunitomi a .main-image_box {
height: 145px;
}

}
@media screen and (max-width: 375px) {
#kunitomi #main_image {
	height:140px !important;
}

#CityEbooks_tpl #kunitomi .books .cover {
    height: 80px;
}

#kunitomi a .main-image_box {
height: 130px;
}

}
@media screen and (max-width: 360px) {
#kunitomi {
	width:100%;
	max-width:360px;
	overflow: hidden;
}

}
@media screen and (max-width: 320px) {
#kunitomi {
	width:100%;
	max-width:320px;
	overflow: hidden;
}
#kunitomi #logo{
	height:35px !important;
}
#kunitomi #main_image {
	height:120px !important;
}
#kunitomi #book_list .books {
	width:31%;
	min-width:30%;
}
#kunitomi ul.kunitomi_navi li{
	width:20%;
	margin:0 auto;
}


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

#kunitomi a .main-image_box {
height: 115px;
}
}


/***********
2017/03/27 修正分
***********/
#kunitomi #main_image{
	padding:0;	
}
#kunitomi a .main-image_box{
	height:auto;
	padding-bottom: 33%;
	background-size: 85%;
	background-position: top right;
}
#kunitomi a:hover .main-image_box{
	height:auto;
	padding-bottom: 33%;
	background-size: 85%;
	background-position: top right;

}
#kunitomi ul.kunitomi_navi{
	padding:0;
}
@media screen and (min-width: 1370px) {
	#kunitomi a .main-image_box,
	#kunitomi a:hover .main-image_box {
	    background-size: 800px;
	}
}
@media screen and (max-width: 1370px) {
	#kunitomi a .main-image_box,
	#kunitomi a:hover .main-image_box {
	    background-size: 58%;
	}
}
@media screen and (max-width: 1200px) {
	#kunitomi a .main-image_box,
	#kunitomi a:hover .main-image_box {
	    background-size: 50%;
	}
}
@media screen and (max-width: 1000px) {
	#kunitomi a .main-image_box,
	#kunitomi a:hover .main-image_box {
	    background-size: 40%;
	}
}