@charset "utf-8";

a:link
{
	color:#EB0041;
}

a:visited
{
	color:#E8618F;
}

a:hover,#box_footer a:hover
{
	color:#FFA805;
}

#obj_information_box section
{
	display:none;
}

#obj_information_box section.c_info_furi,#obj_information_box section.c_info_all
{
	display:block !important;
}

.c_infodate
{
	color:#FF90B2;
}

@media screen and (min-width: 0px) and (max-width: 480px) 
{
	/* common */
		
	/* body, wrap */
		
	.media_year {
		color:#ffffff;
		background-color:#F16193;
		padding:0 0.5em;
		font-size:100%;
		font-weight:bold;
		margin-bottom:1em;
	}
	
	.media_img {
		width:45%;
		float:left;
		margin-right:1em;
	}
	
	.media_img img{
		border:#C4C4C4 1px solid;
		box-shadow: 0.2em 0.1em 0.2em rgba(0,0,0,0.1); 
	}
	
	.thumb {
		margin:0 0.5em 0 0;
	}
	
	.book_title {
		font-size:0.8em;
		color:#777777;
		line-height:1.1em;
		margin-bottom:0.5em;
		text-align:center;
	}
	
	.book_title2 {
		font-size:0.8em;
		color:#777777;
		line-height:1.1em;
		margin-bottom:0.5em;
	}
	
	.dot_line {
		border-bottom:#EF4E7B 1px dotted;
		padding:0.5em 1em;
		margin-bottom:1.5em;
	}
	.dot_line_gray {
		border-bottom:#666666 1px dotted;
		padding:0 1em;
		margin:1.5em 0;
	}
	
	/* header */
	
	#box_site_header
	{

	}
	
	#obj_header_menu_box a:hover
	{
		color:#FFFFFF;
		background:#E15E8B;
	}
	
	/* nav */
	
	#obj_open_menu
	{
		color:#FFFFFF;
		background:#E15E8B;
	}
	#obj_open_menu:before{
    display: block;
    content: "";
    position: absolute;
    top: 10%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #obj_open_menu a:before, #obj_open_menu a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #E15E8B ;
  }
  #obj_open_menu a:before{
    margin-top: -6px;
  }
  #obj_open_menu a:after{
    margin-top: 2px;
  }

	
	#obj_close_menu
	{
		color:#FFFFFF;
		background:#E15E8B;
	}
	
	#obj_close_menu a
	{
		text-decoration:none;
		color:#FFFFFF;
	}

	#box_nav
	{
		background:#FCDEE6;
	}
	
	#box_nav a:hover
	{
		color:#FFFFFF;
		background:#E15E8B;
	}
	
	.c_mainmenu:hover .c_containing_menu
	{
		background:#ECECEC;
		color:#c21c55;
	}


	.c_fur_box
	{
		border:dotted 1.2px #757575;
		padding:3px;
	}
		
	.c_fur_box:nth-child(n+2)
	{
		border-top:none;
	}
	
	.c_fur_box img
	{
		display:block;
		float:left;
		max-width:50%;
	}
	
	.c_fur_box div
	{
		font-size:0.75em;
		margin:0 auto 5px auto;
	}

} 

@media screen and (min-width:481px) and (max-width: 950px) 
{
	/* common */
		
	/* body, wrap */
	.media_year {
		color:#ffffff;
		background-color:#F16193;
		padding:0 0.5em;
		font-size:100%;
		font-weight:bold;
		margin-bottom:1em;
	}
	
	.media_img {
		width:20%;
		float:left;
		margin-right:1em;
	}
	
	.media_img img{
		border:#C4C4C4 1px solid;
		box-shadow: 0.2em 0.1em 0.2em rgba(0,0,0,0.1); 
	}
	
	.thumb {
		margin:0 0.5em 0 0;
	}
	
	.book_title {
		font-size:0.8em;
		color:#777777;
		line-height:1.1em;
		margin-bottom:0.5em;
		text-align:center;
	}
	
	.book_title2 {
		font-size:0.8em;
		color:#777777;
		line-height:1.1em;
		margin-bottom:0.5em;
	}
	
	.dot_line {
		border-bottom:#EF4E7B 1px dotted;
		padding:0.5em 1em;
		margin-bottom:2em;
	}
	.dot_line_gray {
		border-bottom:#666666 1px dotted;
		padding:0 1em;
		margin-bottom:1.5em;
	}
	
	/* header */
	
	#box_site_header
	{
	}

	#obj_header_menu_box a:hover
	{
		color:#FFFFFF;
		background:#E15E8B;
	}


	/* nav */

	#box_nav
	{
		background:#FCDEE6;
	}
	
	.c_mainmenu
	{
		width:25%;
	}
	

	#box_nav a:hover
	{
		color:#FFFFFF;
		background:#E15E8B;
	}
	
	.c_mainmenu:hover .c_containing_menu
	{
		background:#ECECEC;
		color:#c21c55;
	}

	.c_fur_box
	{
		float:left;
		width:33.3%;
		border:dotted 1.2px #757575;
		padding:3px;
	}
	
	.c_furbox:first-child

	{
		margin-left:0.1%;
	}
	
	.c_fur_box:nth-child(n+2)
	{
		border-left:none;
	}
	
	.c_fur_box div
	{
		font-size:0.75em;
		width:14em;
		margin:0 auto 5px auto;
	}
	
	.page_back_btn {
	margin:1em 0;
	float:left;
}

}

@media screen and (min-width:951px), print, tv
{
	/* common */
	.media_year {
		color:#ffffff;
		background-color:#F16193;
		padding:0 0.5em;
		font-size:100%;
		font-weight:bold;
		margin-bottom:1em;
	}
	
	.media_img {
		width:20%;
		float:left;
		margin-right:1em;
	}
	
	.media_img img{
		border:#C4C4C4 1px solid;
		box-shadow: 0.2em 0.1em 0.2em rgba(0,0,0,0.1); 
	}
	
	.thumb {
		margin:0 0.5em 0 0;
	}
	
	.book_title {
		font-size:0.8em;
		color:#777777;
		line-height:1.1em;
		margin-bottom:0.5em;
		text-align:center;
	}
	
	.book_title2 {
		font-size:0.8em;
		color:#777777;
		line-height:1.1em;
		margin-bottom:0.5em;
	}
	
	.dot_line {
		border-bottom:#EF4E7B 1px dotted;
		padding:0.5em 1em;
		margin-bottom:2em;
	}
	.dot_line_gray {
		border-bottom:#666666 1px dotted;
		padding:0 1em;
		margin-bottom:1.5em;
	}
	
	/* body, wrap */
	
	/* header */
	#box_common_header
	{
		width:950px;
		margin:0 auto 0 auto;
		/*border-bottom:solid 3px #EE86AD;*/
	}

	#box_common_header a:hover,.c_lookingsite a:link,.c_lookingsite a:visited
	{
		color:#E00053 !important;
	}



	#obj_header_menu_box a:hover
	{
		color:#FFFFFF;
		background:#e72f79;
	}

	/* nav */

	.c_containing_menu a:hover 
	{
		color:#FFFFFF;
		background:#e72f79;
	}
		
	.c_mainmenu
	{
		width:12.5%;
	}
	
	.c_mainmenu:hover .c_containing_menu
	{
		background:#e72f79;
		color:#FFFFFF;
	}

	.c_childmenu a:hover
	{
		background:#ec7998;
		color:#FFFFFF;
	}
	
	#box_footer
	{
		// background:url(../img/common/footer_logo.jpg) 5px bottom no-repeat;
	}
	
	.c_fur_box
	{
		float:left;
		width:33.3%;
		border:dotted 1.2px #757575;
		padding:3px;
	}
	
	.c_furbox:first-child
	{
		margin-left:0.1%;
	}
	
	.c_fur_box:nth-child(n+2)
	{
		border-left:none;
	}
	
	.c_fur_box div
	{
		font-size:12px;
		width:180px;
		margin:0 auto 5px auto;
	}
	.bx_img .bx-viewport {
		height:530px;
		position: relative;
		overflow:hidden;
	}

	figure {
	width: 180px;
	height:265px;
	margin:0;
}
figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}

figcaption h3 {
	position: absolute;
	left: -100%;
	width: 180px;
	-webkit-transition: .3s;
	transition: .3s;
	color:#FFFFFF;
	font-weight:bold;
}	

figcaption p {
	position: absolute;
	left: -100%;
	width: 180px;
	-webkit-transition: .3s;
	transition: .3s;
	color:#FFFFFF;
	font-size:0.9em;
	line-height:1.5em;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

figcaption h3 {
	top: 30px;
}
figcaption p {
	top: 75px;
}
figure:hover figcaption {
	opacity: 1;
}
figure:hover figcaption h3,
figure:hover figcaption p {
	left: 15px;
}
figure:hover figcaption h3 {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
figure:hover figcaption p {
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}

.page_back_btn {
	margin:1em 0;
	float:left;
}
#obj_copyright_box
	{
		width:950px;
		height:50px;
		background:url(../img/common/footer_logo.jpg) 5px top no-repeat;
		color:#444;
		font-size:12px;
		text-align:center;
		margin:0 auto 0 auto;
	}	

}