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

/* :::::::::::::::::::::::::::::::::::: */
/* ::::::: もろつかebooks ::::::: */
/* :::::::::::::::::::::::::::::::::::: */

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

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







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

}*/

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





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


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

/*#morotsuka a .main-image_box,
#morotsuka a:hover .main-image_box  {
    margin: 0 0 0;
}*/

#morotsuka #container {
    padding-bottom: 30px;
    padding-top: 0px;
}


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

#morotsuka ul.morotsuka_navi {
    padding: 0 0 0;
}



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

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

/*
#morotsuka ul.morotsuka_navi.top_menu {
	display:none;
}
*/

<!--Flexbox 試し-->
#morotsuka ul.morotsuka_navi.top_menu {
	    display: flex;          
    justify-content: center;
    align-items: center;    
}



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


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


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

/*#morotsuka a .main-image_box {
height: 165px;	
}*/

#morotsuka ul.morotsuka_navi li{
	width:20%;
	margin:0 auto;
}

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

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

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

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

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

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

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


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


/**********************/
#morotsuka #main_image{
	padding:0;	
}
#morotsuka a .main-image_box{
	height:auto;
	padding-bottom: 33%;
	background-size: 85%;
	background-position: top right;
}
#morotsuka a:hover .main-image_box{
	height:auto;
	padding-bottom: 33%;
	background-size: 85%;
	background-position: top right;

}

#morotsuka #container .site-content #bottom_navi .bottom_menu_morotsuka_navi {
	margin:50px 0px 10px !important;
}
#morotsuka .bottom_menu_morotsuka_navi li{
	width: 33% !important;
}
#morotsuka .bottom_menu_morotsuka_navi li img{
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #b2b2b2;
}
/*クラス名変更　「.bottom_menu .morotsuka_navi」を「.bottom_menu_morotsuka_navi」*/

@media screen and (min-width: 1370px) {
	#morotsuka a .main-image_box,
	#morotsuka a:hover .main-image_box {
	    background-size: 800px;
	}
}
@media screen and (max-width: 1370px) {
	#morotsuka a .main-image_box,
	#morotsuka a:hover .main-image_box {
	    background-size: 78%;
	}
}
@media screen and (max-width: 1200px) {
	#morotsuka a .main-image_box,
	#morotsuka a:hover .main-image_box {
	    background-size: 70%;
	}
}
@media screen and (max-width: 1000px) {
	#morotsuka a .main-image_box,
	#morotsuka a:hover .main-image_box {
	    background-size: 60%;
	}
}