/*
Theme Name: テーマの名前（必須）
Theme URL: テーマのサイトのURI
Description: テーマの説明
Author: 作者の名前
Version: テーマのバージョン
Tags: テーマの特徴を表すタグ（カンマ区切り/オプション）
License: テーマのライセンス
License URI: テーマのライセンスのURI
*/
@charset "UTF-8";
body{  font-size: 16px; }
h1{ 
	font-size:28px; font-weight: bold;  
	text-align: center;
}
h1 a{text-decoration: none;color:black;}
h1 a:hover{text-decoration: none;color:sliver;}
h2{ font-size:20px;}
h3{ font-size:18px;}
img{ max-width:100%;  margin: 2px 2px 0;border-radius: 15px;}
a:link { color:black; }
header{ background-color: #eee; }
header p{
	padding:15px 0;
	color: white;
	text-align: center;
	width:100%;
}
.inner{
	width: 90%;
	margin: 185px auto;
	/*max-width: 1024px;*/
}
#indexs{
	/*width: 100%;*/
	/*margin: 185px auto;*/
	/*margin: 100px 0 0 0;*/
	/*max-width: 1024px;*/
	text-align:center;
}

.index_area{
	float:left;
	/*width:30%;*/
	padding:0 5px;
}
.index_area img{
border-radius: 15px;
}

.index_pagination{clear:both;}
.pagination {
	clear: both;
	/*padding: 20px 0;*/
	/*position: relative;*/
	font-size: 14px;
	line-height: 14px;
	text-align: center;
}
.pagination-box {
	display: inline-block;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	width: auto;
	color: #000; /* 通常の文字色 */
	background: sliver; /* 通常の背景色 */
}
.pagination a:hover{
	color: white; /* マウスホバー時の文字色 */
	background: black; /* マウスホバー時の背景色 */
}
.pagination .current{
	padding: 10px 15px 10px 15px;
	color: white; /* 現在のページの文字色 */
	background: red; /* 現在のページの背景色 */
}
.new_img{
position:absolute;top:25px;right: 25px;width:31px !important;height:18px !important;border-radius: 2px !important;
}
.flag_img{
position:absolute;top:45px;right: 25px;width:31px !important;height:18px !important;border-radius: 2px !important;
}
.moromie img{
width: 200px;  height: 200px;  object-fit: cover;
}
.home_dtiaffs{
	position: relative;
    text-align: center;
    float: left;
    padding: 5px;
    display: flex;
    justify-content: center;
}
.home_actress {
 float: left;
}
.home_actress img{
width: 240px;  height: 120px;  object-fit: cover;border-radius: 6px;
}
.ping_img{
 float: left;
}
body {
    padding-top: 0px; /* ヘッダーの後ろに要素が隠れないようにするため */
}

header {
	z-index:1000;
    width: 100%; /* 幅いっぱいを指定 */
    /*height: 185px; */ /* 高さを50pxに指定 */
    /* padding: 20px 50px; */ /* ヘッダーに上下左右それぞれ余白を指定 */
    box-sizing: border-box; /* padding分を含んで幅を100%にするため */
    position: fixed; /* ウィンドウを基準に画面に固定 */
    top: 0; /* 上下の固定位置を上から0pxにする */
    left: 0; /* 左右の固定位置を左から0pxにする */
    /*display: flex; *//* 中の要素を横並びにする */
    align-items: center; /* 中の要素を上下中央に並べる */
    background-repeat: no-repeat;
    background-position: center;
}

header .gnav .menu {
    display: flex; /* 中の要素を横並びにする */
}

header .gnav .menu li {
    list-style: none; /* リストの[・]を消す */
}

header .gnav .menu li + li {
    margin-left: 40px; /* メニューそれぞれに間隔をあけるため */
}

main {
    height: 100vw; /* スクロールの演出を見れるようにmainに高さを指定 */
}
footer{ 
	z-index:1000;
	position: fixed;
	bottom: 0px;
	/*background-color: rgba(201, 187, 155, 0.5); */
	width: 100%; /* 幅いっぱいを指定 */
	background: #000; /* 背景色にグレーを指定 */
	box-sizing: border-box;
}
footer p{
	padding: 0;
	color: white;
}
.description {
	/*background-image: url("");*/
	background-repeat: no-repeat;
	background-position: center;
	font-size: 8px;
	color: #000;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
		-1px 1px 0 #FFF, 1px -1px 0 #FFF,
		0px 1px 0 #FFF,  0-1px 0 #FFF,
		-1px 0 0 #FFF, 1px 0 0 #FFF;
}
.footer ul{
	display: flex;
}
.footer li{
	display: inline-block;
	list-style: none; 
	margin-left: 20px;
	font-size: xxx-large;
}
.center {
	text-align: center;
}
.logo_img{position: absolute;left:0;top:0;width:100px;height:100px;border-radius: 20px;padding: 5px;}
.index_area{position: relative;text-align:center;}
.top-left {position: absolute;bottom: 25px;left: 25px;font-weight: bold;text-shadow: 1px 1px 2px white;color:black;}
.index_area img{width: 250px;  height: 250px;  object-fit: cover;}
.ctg {text-align:center;position: relative;width:100%;padding:0 100px;}
.ctg ul li{list-style:none;float:left;}
.ctg a{text-decoration: none;}
.img-radius{border-radius: 15px;}
.waku{border-style:solid;border-color: silver;border-width:1px;padding:15px;border-radius: 15px;}
.itemList{
	width: 480px;
}
.itemList .thumb a {
position: relative;
display: block;
text-decoration: none;
}

.itemList .thumb a:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  //border: 6px solid #E6C612;
  border: 6px solid red;
  width: 60px;
  height: 60px;
}
 
.itemList .thumb a:after {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%);
  border-style: solid;
  //border-color: transparent transparent transparent #E6C612;
  border-color: transparent transparent transparent red;
  border-width: 15px 0 15px 25px;
}
.moromie{text-align: center;}
.fa-arrow-alt-circle-up {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 50px;
  width: 50px;
  height: 50px;
  font-size: 50px;
  /*color: rgba(0,0,255,0.5);*/
  /*color: white;*/
  cursor: pointer;
  @media screen and (max-width:499px) {
    right: 5px;
    bottom: 5px;
    /*color: rgba(0,0,255,0.2);*/
  }
}
/* pc */
@media screen and (min-width: 769px) {
/*ここにpc用スタイルを記述*/
}
 
/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 960px) {
/*ここにtablet用スタイルを記述*/
}
/* smartPhone */
@media only screen and (max-width: 640px) {
	.pagination {
		font-size: 12px;
		line-height: 12px;
	}
	.pagination span, .pagination a {
		padding: 8px 10px 8px 10px;
	}
	.pagination .current{
		padding: 8px 10px 8px 10px;
	}
	.index_area{
		float:left;
		width:100%;
		padding:0 5px;
	}
	.description {
		display: block;
	}
}