/*
=====================================================================
custom ciana
=====================================================================

   TOC:

===================================================================== */

img.sp {display: none;}

@media only screen and (max-width: 767px){
#nav-wrap > a {
    background-color: #00c4c0;
}

img.sp {display: block;}
img.pc {display: none;}
}

/* ------------------------------------------------------------------ */
/* 
/* ------------------------------------------------------------------ */

#illust a.button, #illust a.button:visited {
	color: #ffffff;
	
}#illust a.button:hover, #illust a.button:active {
	color: #6e7881;
}

#illust_icon .bgrid-quarters [class*="column"] {
    width: 20%;
    width: 16.6666%;
}

@media only screen and (max-width: 767px) {#illust .column, #illust .columns {
    width: 50% !important;
	padding: 0 20px;
	float: left;
}
}

@media only screen and (max-width: 767px) {
#illust #illust_icon .column,
#illust #illust_icon .columns,
#illust #illust_rippleman .column,
#illust #illust_rippleman .columns{
    width: 33.3% !important;
	padding: 0 10px;
	margin-bottom: 20px;
}

#illust #illust_icon .portfolio-wrapper,
#illust #illust_rippleman .portfolio-wrapper {
	padding-bottom: 14px;
    margin-left: -10px;
    margin-right: -10px;
}



}

/* ------------------------------------------------------------------ */
/* manga
/* ------------------------------------------------------------------ */

#manga .box {
	position: relative;
	padding: 0 0 0 450px;
	min-height: 448px;
}

#manga .box .sample {
	position: absolute;
	top: 0;
	left: 0;
}

#manga .box .sample img {
	max-width: 400px;
	height: auto;
	border: 1px solid #c7cfcf;
	border: 1px solid #fff;
}

#manga .box {
    margin-bottom: 48px;
    padding-bottom: 24px;
    border-bottom: 1px solid #dce3e3;
}	

#manga .box ul {
	margin-bottom: 50px;
}

#manga .box:last-child {
    border-bottom: none;
}

#manga .box p {
	margin-top: 16px;
	margin-bottom: 16px;
	line-height: 28px;
}	

#manga .portfolio-wrapper {
	margin-top: 20px;
    margin-left: -10px;
    margin-right: -10px;
}

#manga #manga_other .columns {
	width: 16.666%;
}

#manga .portfolio-wrapper .columns {
	margin-bottom: 20px;
}

#manga .column.portfolio-item, #manga .columns.portfolio-item {
	padding: 0 10px;
}

@media only screen and (max-width: 768px) {

#manga .box {
	padding: 0 0 0 0;
}

#manga .box .sample {
	position: relative;
	top: 0;
	left: 0;
}

#manga .box .sample img {
	max-width: 100%;
}

}
.popup-modal.manga {
	text-align: center;
}
.popup-modal.manga .description-box {
	text-align: left;
}
.popup-modal.manga img {
    max-height: 450px;
}

@media only screen and (max-width: 767px) {#manga .column.portfolio-item, #manga .columns.portfolio-item {
    width: 25% !important;
	padding: 0 10px;
	float: left;
}
}

/* ------------------------------------------------------------------ */
/* nohome
/* ------------------------------------------------------------------ */

.nohome header {
    height: auto;
    min-height: inherit;
    background: #161415 url(../images/header-background.png) no-repeat top center;
}

.nohome header h1 {
	padding: 40px 0 20px 0;
}

.nohome header h1 {
	padding: 40px 0 20px 0;
}
  
section.gallery .row > p {
	margin-top: 20px;
}
  
section.gallery {
	padding: 25px 0 30px 0;
	background: #ffffff;
}
  
section.gallery > .row {
	max-width: 940px;
	margin: 0 auto;
}
  
section.gallery ul li {
	text-align: center;
}

.nohome #gallery {
	margin: 0 -10px 40px -10px;
}

.nohome #gallery .item {
    width: 320px;
    float: left;
	vertical-align: bottom;
	line-height: 0.1px;
}

.nohome #gallery .item img {
	display: block;
	padding: 10px;
  }