@charset 'utf-8';
/* CSS Document */
.top
{
	float:right;
	font-size:10px;
}

.pinktitle{
	color:#FFF;
	padding:15px 15px 15px 20px;
	background-color: #EB73A0;
	border-radius:5px;
	font-size:14px;
	font-weight:bold;
	line-height:120%;
	margin-bottom:10px;
}


/*ギャラリー*/  
#gallery{  
    width:548px;  
    /*スマフォでは 
    width:97%; 
    に変更して使用*/     
}  
  
#gallery .gallery01 img{  
    float:left;  
    width:25%;  
}  
  
#gallery img {  
    -webkit-transition: all 0.5s;  
    transition: all 0.5s;  
}  
#gallery img:hover{  
    -webkit-transform: scale(2.0);  
    transform: scale(2.0);  
}  
  
#gallery .gallery02 img{  
    float:left;  
    width:25%;  
}  
  
.clear{  
    clear:both;  
}  
  
/*見出し色指定*/  
h3.gallery_title {  
 float: left;  
 clear: left;  
        width: 95%;  
 font-size: 17px;  
 font-weight: lighter !important;  
 line-height: 1.4;  
 margin-top: 24px;  
 margin-bottom: 10px;  
 margin-right: 15px;  
 padding: 13px;  
 display: block;  
 color: #FFFFFF;  
 background-color: #EB73A0; /* 色はページにあわせて変える */  
 border-radius: 5px;   /* CSS3草案 */  
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
 -moz-border-radius: 5px;  
}



/*1017漫画*/  
#comic_viewer #comic {
    height: 480px;
    margin: 2.5px auto;
    position: relative;
    width: 480px;
	padding:0 -1px;
}
.view_btns img {
    margin: 5px 7px;
    float: left;
}
.view_check_btn {
    float: left;
    margin: 20px 0 0 6px;
    width: 290px;
}
.mrg_btm_15 {
    margin-bottom: 15px;
}
.back_btn_01 {
    float: left;
    margin: 200px 15px 0 10px;
}
.back_btn_01 img:hover {
    cursor: pointer;
    opacity: 0.5;
}
.fwd_btn_01 {
    float: left;
    margin: 200px 10px 0 15px;
}
.fwd_btn_01 img:hover {
    cursor: pointer;
    opacity: 0.5;
}

.comic_area .viewer img{
	padding:0 -1px !important;
}