@charset "utf-8";
/* CSS Document */

body {
	max-width: 500px;
	min-width: 320px;
	margin-left: auto;
	margin-right: auto;
  margin: 0 auto;
  background-color: #666;
  color: #000;
}

a {
  text-decoration: none;
  color: #FFF;
}

#wrap {
  margin: 0 auto;

  /*垂直ストライプ*/
  /*ここで背景のベースカラーを指定する*/
  background-color: #fff;
   
  /*ここでCSS3のグラデーションをつかってストライプのパターン・色を指定する
  (※色を変える場合は#fffffffの部分を変更)*/
  background-image: -webkit-gradient(linear, 0 0, 100% 0,
                                      color-stop(.5, #EFEFEF),
                                      color-stop(.5, transparent),
                                      to(transparent));
  /*ここでパターンの大きさを指定する
  (※ストライプの太さ)*/
  -webkit-background-size: 15px;
  /*■縦ストライプのサンプルを見る
  ※スマートフォンからかwebkit系のブラウザでご覧ください。*/
  -webkit-background-size: 120px;
}

/* 文字
-----------------------------------------------*/

/* ヘッダー画像
-----------------------------------------------*/
header {
  background-color: #000;
}

header #hbox_logo {
  width: 35%;
  padding: 0.6em;
  background-color: #000;
}
/* ヘッダー　リストナビ
-----------------------------------------------*/
#mainimg {
}
.navmenu {
  clear: both;
  width: 100%;
  background-size: 100% auto;
}
.navmenu ul {
}
.navmenu ul:after {
  content: "";
  clear: both;
  display: block;
}
.navmenu ul li {
  float: left;
  width: 25%;
}
.navmenu ul li a {
  display: block;
}
.navmenu ul li a:after {
}
.navmenu img {
  display: block;
  margin: 0;
}

.nav_title {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 0.5em;
  color: #fff;
  background: -webkit-gradient(radial, 100% 56%, 0, 100% 56%, 243, color-stop(1.00, #FF0059), color-stop(0.01, #50021d));
  background: -webkit-radial-gradient(100% 56%, circle, #50021d 1%, #FF0059 100%);
  background: -moz-radial-gradient(100% 56%, circle, #50021d 1%, #FF0059 100%);
  background: -o-radial-gradient(100% 56%, circle, #50021d 1%, #FF0059 100%);
  background: -ms-radial-gradient(100% 56%, circle, #50021d 1%, #FF0059 100%);
  background: radial-gradient(100% 56%, circle, #50021d 1%, #FF0059 100%);
  box-shadow: 1px 1px 10px #969696;
}

/* シリーズ毎のタイトルバー
-----------------------------------------------*/
span.series_title {
  display: block;
  margin: 0 0 0 1.0em;
  font-size: small;  
  color: #fff;
}
h3 {
  margin: 0.5em 0 0 0.8em;
  font-size: 110%;
}

/* メインテキスト
-----------------------------------------------*/
#maintxt {
  min-width: 320px;
  background-color: #000;
  padding-bottom: 1.0em;
  padding-top: 0.8em;
}

#maintxt span,h1,h2,p {
}
#maintxt h1 {
  display: block;
  margin: 0.2em 0.8em 0.2em 0.7em;
  font-size: 160%;
  font-weight: bold;
  color: #FF0059;
}
#maintxt h2 {
  display: block;
  padding: 0.3em 0.5em;
  margin: 0 0.8em;
  color: #fff;
  background: -webkit-gradient(radial, 100% 56%, 0, 100% 56%, 243, color-stop(1.00, #FF0059), color-stop(0.01, #50021d));
  background: -webkit-radial-gradient(100% 56%, circle, #50021d 1%, #FF0059 100%);
  background: -moz-radial-gradient(100% 56%, circle, #50021d 1%, #FF0059 100%);
  background: -o-radial-gradient(100% 56%, circle, #50021d 1%, #FF0059 100%);
  background: -ms-radial-gradient(100% 56%, circle, #50021d 1%, #FF0059 100%);
  background: radial-gradient(100% 56%, circle, #50021d 1%, #FF0059 100%);
}
#maintxt p {
  display: block;
  margin: 0.5em 1.0em 0 1.0em;
  line-height: 1.4em;
  color: #fff;
}

/* カテゴリトップバナー
-----------------------------------------------*/
#beauty, #sport, #acter {
  box-shadow: 1px 1px 5px #000000;
  margin-bottom: 0.8em;
}



/* リスト装飾 
-----------------------------------------------*/
#titlebar_01, #titlebar_02, #titlebar_03, #titlebar_04, #titlebar_05, #titlebar_06, #titlebar_07 {
  margin-top: 1.0em;
  padding: 0.5em 0;
  background-color: #000;
  color: #fff;
  background: -webkit-gradient(radial, 100% 56%, 0, 100% 56%, 243, color-stop(1.00, #FF0059), color-stop(0.01, #50021d));
  background: -webkit-radial-gradient(100% 56%, circle, #50021d 1%, #FF0059 100%);
  background: -moz-radial-gradient(100% 56%, circle, #50021d 1%, #FF0059 100%);
  background: -o-radial-gradient(100% 56%, circle, #50021d 1%, #FF0059 100%);
  background: -ms-radial-gradient(100% 56%, circle, #50021d 1%, #FF0059 100%);
  background: radial-gradient(100% 56%, circle, #50021d 1%, #FF0059 100%);
  box-shadow: 1px 1px 10px #969696;
}
/* 切り替え　海外美女／スポーツ／黒人 */
#dispnone {
  display: none;
}
s
.category {
}
.category p {
  line-height: 1.2em;
  margin: 0 3%;
  margin-bottom: 1.0em;
}
.category section {
  display: block;
  margin-top: 0.8em;
}
.category section img {
  display: block;
  margin-bottom: 0.8em;
  box-sizing: border-box;
  border: solid 1px #fff;
}

/* リスト大 
-----------------------------------------------*/
section.list_l {
  padding: 0 3%;
}
section.list_l ul:after {
  content: "";
  clear: both;
  display: block;
}
section.list_l ul {
  margin-left: 2%;
}
section.list_l li {
  float: left;
  width: 47%;
  margin-right: 3%;
}
section.list_l li a {
}

/* リスト小 4行
-----------------------------------------------*/
section.list_s4 {
  padding: 0 3%;
}
section.list_s4 ul:after {
  content: "";
  clear: both;
  display: block;
}
section.list_s4 ul {
  margin-left: 2%;
}
section.list_s4 li {
  float: left;
  width: 22%;
  margin-right: 3%;
}
section.list_s4 li a {
}

/* リスト小 3行
-----------------------------------------------*/
section.list_s3 {
  padding: 0 3%;
}
section.list_s3 ul:after {
  content: "";
  clear: both;
  display: block;
}
section.list_s3 ul {
  margin-left: 2%;
}
section.list_s3 li {
  float: left;
  width: 22%;
  margin-right: 3%;
}
section.list_s3 li a {
}


/* 作品詳細へ
-----------------------------------------------*/
.goto_content span {
  display: block;
  text-align: center;
}
.goto_content {
  padding: 0 15%;
  margin-top: 10px;
  margin-bottom: 15px;
  display: block;
}
.goto_content a {
  position: relative;
  display: block;
  padding: 14px 0;
  padding-left: 10px;
  font-weight: bold;
  font-size: 120%;
  text-decoration: none;
  
  border-radius: 3px;
  background: #fff;
  color: #FC0013;
}
.goto_content a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: solid 2px #FC0013;
  border-right: solid 2px #FC0013;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}

/* go to もっとみる
----------------------------------------------------------*/
.goto_motto a {
  clear: both;
  display: block;
  text-align: center;
  height: 44px;
  line-height: 44px;
  background-color: #000;
  color: #fff;
  margin: 0 1.5em;
  font-weight: bold;
  text-decoration: none;
  border-radius: 0.2em; 
  
  background: -webkit-gradient(radial, 100% 56%, 0, 100% 56%, 243, color-stop(1.00, #FF0059), color-stop(0.01, #50021d));
  background: -webkit-radial-gradient(100% 56%, circle, #50021d 1%, #FF0059 100%);
  background: -moz-radial-gradient(100% 56%, circle, #50021d 1%, #FF0059 100%);
  background: -o-radial-gradient(100% 56%, circle, #50021d 1%, #FF0059 100%);
  background: -ms-radial-gradient(100% 56%, circle, #50021d 1%, #FF0059 100%);
  background: radial-gradient(100% 56%, circle, #50021d 1%, #FF0059 100%);
  box-shadow: 1px 1px 10px #969696;
}


/* go to top
----------------------------------------------------------*/
.gototop {
  display: block;
  text-align: center;
  height: 44px;
  line-height: 44px;
  background-color: #333;
  color: #E7E7E7;
  margin: 10px 0 0 50%;
} 

/* フッター
---------------------------------------------------------- */
#ft_navi {
	clear: both;
	border-top: #E7E7E7 solid 1px;
}
#ft_navi ul{
}
#ft_navi ul li{
}
#ft_navi ul li a{
	position:relative;
	display:block;
	height:44px;
	padding:0 10px;
	font-size:14px;
	font-weight:bold;
	color:#E7E7E7;
	text-decoration:none;
	text-indent:10px;
	line-height:44px;
	border-bottom:#E7E7E7 solid 1px;
  background-color: #333;
}
#ft_navi ul li a:after {
	position:absolute;
	right:10px;
	top:50%;
	margin:-8px 0 0 0;
	display:block;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: solid 2px #E7E7E7;
  border-right: solid 2px #E7E7E7;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}

/* !風営法など
---------------------------------------------------------- */
footer {
	min-width: 320px;
	max-width: 500px;
	background-position: 0 bottom;
	background-repeat: repeat-x;
	background-size: 320px 18px;
	-webkit-background-size: 320px 18px;
	-moz-background-size: 320px 18px;
	-o-background-size: 320px 18px;
	-ms-background-size: 320px 18px;
  background-color: #fff;
	color:#666;
  padding-bottom: 10px;
}
	#footerIn img {
		margin: 10px;
	}
	#footerIn {
		margin: 0 10px;
		text-align: center;
	}
	#footerIn p {
		padding-bottom: 60px;
		text-align: center;
	}

/* !Button
---------------------------------------------------------- */
.bannerfloat {
  width: 100%;
}

button.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  font-weight: bold;
	color: #ffffff;
  width: 100%;
	padding: 10px 50px;
	background: -moz-linear-gradient(
		top,
		#80ff00 0%,
		#4f9905 50%,
		#468704 50%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#80ff00),
		color-stop(0.50, #4f9905),
		color-stop(0.50, #468704),
		to(#000000));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #fcd8fc;
	-moz-box-shadow:
		0px 1px 3px rgba(0,0,0,0.5),
		inset 0px 0px 1px rgba(250,252,249,0);
	-webkit-box-shadow:
		0px 1px 3px rgba(0,0,0,0.5),
		inset 0px 0px 1px rgba(250,252,249,0);
	box-shadow:
		0px 1px 3px rgba(0,0,0,0.5),
		inset 0px 0px 1px rgba(250,252,249,0);
	z-index: 9999;
}