@charset "utf-8";

/* ------------------------------------------------------------- */
/* Template#039 Designed by 日影石 https://hikageishi.websozai.jp */
/* ------------------------------------------------------------- */

/* 倉庫メニュー　ジャンル分割 */
.souko img {
	display: inline-block;
}

.souko p {
	display: inline-block;
    vertical-align: top;
    width: 450px;
}

.souko a {
	display: block;
    text-decoration: none;	
    color: #2d2d2d;
}

.souko a:visited {
    color: #2d2d2d;
}

.souko a:hover {
   	background-color:#99ccff;
   	color: #2d2d2d; !important;
}

/* 倉庫リスト 横並び*/
.gallery ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

.gallery li {
    display: inline;
    font-size: 16px;
}
.gallery ul li::before {
    content: "|";
    padding: 0 0.2em;
}
.gallery ul li:first-child::before{
    content: "";
    padding: 0;
}

/* 警告 */
mark {
background-color: #006644;
color: #fff;
} 

/* 新作通知 */
.new{font-weight: bold; }
.new:after{
  position: relative;
  content: url(/new.gif);
  vertical-align: -5px; 
  padding-left: 5px; 
  margin-right: -5px;
  }

/* 画像 */
img {
    max-height: 800px; 
    max-width: 90%;
}

.comic img {
    max-width: 80%; 
    max-height: 100%;
}

.nikki img {
	max-width: 40%;
    height: auto;
}

.gifffer {
	max-width: 100%;
    height: auto;
	vertical-align: text-bottom;
	padding: 0px !important;
	background: #fff !important;
	outline: none;
	}
	
.gifffer img {
	border: none !important;
	max-width: 100%; 
	height: auto;
	margin: 0;
	padding: 0;
	}

span.aks {
   display: inline-block;
}

/* メディアクエリ */
@media only screen and (max-width: 900px) {
    video {
    width: 100%;
    height: auto;
    }
    
    .gifffer img {
    width: 100%;
    height: auto;
    }

    .souko {
    	text-align: center;
    }
@media only screen and (max-width: 650px) {
    .souko p {
        width: initial;
    }

  .youtube__padding-top {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
  .youtube__padding-top iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }

/* 500px以下の画面で適用 */
@media only screen and (max-width: 500px) {  
	img {
    max-width: 100%; 
    height: auto;
}