@charset "utf-8";

/* web fonts
======================================================= */

@import url(https://fonts.googleapis.com/css?family=Lato:300,400,400italic);
@import url(https://fonts.googleapis.com/css?family=Anton:300,400,400);



/*

	#ff4ac5;　薄いピンク
	#f5009c;　濃いピンク
	#ffdbf2; もっと薄いピンク
	#c914fe; むらさき
*/



/*===================================================== */
/* html tags
======================================================= */
/* タグ初期化 設定*/
html{
	height: 100%;
	padding:0;
	margin: 0;
}

body {
	position: relative;
	text-align:left;
	padding:0;
	margin:0;
	
	line-height:1.3em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #ff009c;
}
a{
	text-decoration:none;
	color:#FFF;
}
a:hover{
	color:#FFF;
	/*color:#E44974;*/
	text-decoration:underline;
}
h1,h2,h3,h4,h5{margin:0;padding:0;}


h2{
	font-family: "yomogi", sans-serif;
	font-weight: 400;
	font-style: normal;
}

h2:nth-child(1){
	margin: 0 0 1.5rem;
	padding:0.4rem;
	text-align: left;
	color: #fff;
	box-sizing: border-box;
}
h2:nth-child(1)::before {
	float: left;
	margin-right: 1rem;
	display: inline-block;
	margin-left: 1rem;
  font-family: "Font Awesome 5 Free";
  content: '\f101';
  font-weight: 900;
  font-size: 1.6rem;
}
/*
h2::after {
	float: left;
	display: inline-block;
	margin-left: 1rem;
  font-family: "Font Awesome 5 Free";
  content: '\f101';
  font-weight: 900;
}
*/
h2 img{
	width:auto !important;
}
h2 strong{
	display: block;
	margin: 0 0 0.4rem;
	font-size: 1.8rem;
}
h2 span{
	display: block;
	margin-left:3.4rem;
	font-size: 1.1rem;
	color: #ffd632;
	font-weight: 100;
}
h3{}
p,ul,li{margin:0;padding:0;}
li{list-style:none;}
img{border:0;}
table{width:100%; border-collapse: collapse;}
th,td{padding:2%;}


/* クリアフィックス */

/*【clearfix決定版】*/
section:after,article:after,#wrapper:after,#container:after,#inner:after,.section:after,.inner:after,.wrap:after,#navi:after,#footer .footMenu:after{
	content:url(../images/spacer.gif);/* 1x1の透過gif */
	display:block;
	clear:both;
	height:0;
}
.clearfix:after{
	content:url(../images/spacer.gif);/* 1x1の透過gif */
	display:block;
	clear:both;
	height:0;
}
/*【clearfix for IE7 over】*/
.clearfix_for_ie7{zoom: 1;}


/* ユーティリティ */
.inner{width:auto;}
.section{width:auto;}    /*囲み*/
.box{float:left;}     /*float用小枠*/
.left{float:left;} /*左寄せ*/
.right{float:right;}/*右寄せ*/
.clear{clear:both;}/*解除*/
.d_table{display: table; table-layout: auto;}
.d_tcell{display: table-cell;}

.circle{     /*角丸*/
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}


/*===================================================== */
/* 共通設定
======================================================= */
.listArea{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width:100%;
}
/* 女の子ボックス */
.box {
	width:19%;
	margin:0 0.5% 1%;
	padding:0.5%;
	text-align: center;
	box-sizing: border-box;
	color:#fff;
	border: 1px solid #ffdbf2;
	
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.05);
}
.box .catch{
	height:2em;
	margin-bottom:5px;
	background:#c914fe;
	color: #fff;
	font-size: 0.89rem;
	line-height: 2em;
	white-space: nowrap;
	text-align: left;
	overflow: hidden; /* スクロールバーが出ないように */
    position: relative; /* マーキーの内容部分の位置の基準になるように */
}
.box .catch::after {
  content: "";
  white-space: nowrap;
  display: inline-block;
}
/* マーキーさせたい部分(内側) */
.box .catch > span {
  position: absolute;
  top: 0;
  white-space: nowrap;
  animation-name: marquee;
  animation-timing-function: linear;
  animation-duration: 12s;
  animation-iteration-count: infinite;
}
/* マウスオーバーでマーキーストップ */
.box .catch > span:hover {
  animation-play-state: paused;
  cursor: default;
}
/** マーキーアニメーション */
@keyframes marquee {
    0% { left: 100%; transform: translate(0); }
  100% { left: 0; transform: translate(-100%); }
}
.box .img{
	text-align: center;
}
.box .img img {
	display: block;
	max-width:100%;
}
.box .name{
	margin: 0 0 5px;
	padding:0.5rem;
}
.box .name a{
}
.box .name a strong{
	font-size:0.9rem;
}
.box .name a .age{
	font-size: 0.9rem;
}
.box .size{
	margin:0 0 8px;
	font-size:0.85rem;
	line-height: 1.6;
}
.box .time{
	position:relative;
	margin: 0 0 0px;
	padding:2px;
	font-size:15px;
	-webkit-border-radius:2px ;
	-moz-border-radius:2px ;
	border-radius:2px ;
	line-height: 1.6;
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff638a+0,f91d6e+100 */
background: #ff638a; /* Old browsers */
background: -moz-linear-gradient(top,  #ff638a 0%, #f91d6e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff638a 0%,#f91d6e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff638a 0%,#f91d6e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff638a', endColorstr='#f91d6e',GradientType=0 ); /* IE6-9 */

	
}
.box .time span{
	display: block;
	font-size: 11px;
	margin-right: 2px;
	font-weight: 100;
}
.box .icon{

	display: none;

	height: 30px;
	padding:1.2%;
}
.box .icon img{
	width:100%;
}

/**/
.frame_cate1{	/*standard*/
}
/**/
.frame_cate2{	/*newface*/
	background:#4fcb92;
	color: #000 ;
}
.frame_cate2 a{	/*newface*/
	color: #E53169
}
/**/
.frame_cate3{	/*pickup*/
	background:#eac2d2;
}
.frame_cate3 a{	/*pickup*/
	color: #E53169
}
/**/
.frame_cate4{	/*banner*/
}
/**/
.frame_cate5{	/*premier*/
	background: rgb(255,245,177);
	background: linear-gradient(0deg, rgba(255,245,177,0.9934348739495799) 1%, rgba(221,209,124,1) 100%);
	color: #000 !important;
}
.frame_cate5 a{	/*premier*/
	color: #E53169
}
/**/
.frame_cate6{	/*yaricolle*/
	background:#E4DD19;
	color: #000;
}
.frame_cate6 a{	/*yaricolle*/
	color: #E53169
}
.frame_cate6 .size{	/*yaricolle*/
	color: #E53169
}
.frame_cate6 .time{
	color: #FFF
}
/**/
.frame_cate7{	/*staff*/
}
/**/
.frame_cate8{	/*MG*/
	background:#fd88db;
	color: #fff;
}

/**/
.cate{ }
.img{ position:relative;margin:0 0 10px;}
.name{ margin:0 0 10px;}
.age{}
.size{ }
.time{}

/* icon */

.img .new_icon{
	position: absolute;
	top:0;
	right:0;
}

/* twitter */
.img .twitter_icon{
	position: absolute;
	bottom:0;
	left:0;
}

/* cast icon */
.box .cast_icon_L{
	position: absolute;
	left: 0;
	top: 0;
	width:40%;
}
.box .cast_icon_R{
	position: absolute;
	right: 0;
	bottom: 0;
	width:40%;
}
.box .cast_icon_L img,
.box .cast_icon_R img{
	width:100%;
}
.box .cast_icon{

	display: none;


	width:96%;
	height: 74px;
	margin: auto;
	text-align: left;
}
.box .cast_icon img{
	display: inline-block;
	width:48%;
	margin: 0 1% 0px;
}


/* new icon */

.img .new{
	position:absolute;
	top:-1px;
	right:-2px;
}
.img .new img{
	width:90%;
}

/* */
.icon{
	padding: 0 0;
	}
.icon img{
	width:100%;
}
.icon .gaijin{
	display: inline-block;
	width:22%;
}
.icon .deli{
	display: inline-block;
	width:22%;
}

.box .cont{
	position: relative;
}
/* cate icon */
.cont .cate_icon{
	position:absolute;
	top:0px;
	left:0px;
	min-height:10%;
	padding:1%;
}
.cont .cate_icon img{
	display: block;
	width:55% !important;
	margin: auto;
}

.cont .cate_icon img{
	display: block;
	width:55%;
	margin: auto;
}
/*  icon */

.cont .cate0{
	background: rgba(79,79,79,0.92);
}
.cont .cate1{
	background: rgba(106,94,60,0.92);
}
.cont .cate2{
	background: rgba(29,100,99,0.92);
}
.cont .lion{
	background: rgba(223,52,131,0.92);
}



/* pageNavi */

.pageNavi{
	position:relative;
	clear:both;
	padding:30px 0;
	margin:auto;
	text-align:center;
	color:#eee;
	font-size:15px;
}
.pageNavi b{
	display: inline-block;
	padding:8px;
}
.pageNavi u{
	color:#eee;
}
.pageNavi a{
	display: inline-block;
	color:#dfdfdf;
	padding:8px;
	background:#252525;
	
}
.pageNavi img.prev{
	display: inline-block;
	width:14px;
}
.pageNavi img.next{
	display: inline-block;
	width:14px;
}

/**/
.flexSection{
	display: flex;
	flex-wrap:nowrap;
	justify-content: space-between;
}
/*===================================================== */
/* オプション検索
======================================================= */

#slideMenu{
}
#slideMenu .readmore{
	width:90%;
	margin:1rem auto;
}

#slideMenu .readmore img{
	border-radius:6px;
}

#slideMenu .displayNone {
    display: none;
}
#slideMenu .readmore .switch{
    text-align:center !important;
    cursor:pointer;
	width:400px;
	margin: 0 auto 0.5rem;
	padding:2px;
 }
#slideMenu .readmore .switch img{
    cursor:pointer;
}
#slideMenu .readmore a {
    display: block;
}
#slideMenu .readmore a img{
    display: block;
}
#slideMenu .contentWrap {
	padding:1rem;
	margin: 0;
	border: 1px solid #f5742e;
	background:#353535;
	color: #c0c0c0;
}
#slideMenu .readmore table{
	width:100%;
}
#slideMenu .readmore th,
#slideMenu .readmore td{
	border-bottom:1px solid #454545;
}
#slideMenu .readmore th{
	width:16%;
	font-size: 0.75rem;
}
#slideMenu .readmore td{}


#slideMenu .contentWrap dl{
    display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding:0;
	margin: 0;
}
#slideMenu .readmore dd{
	display: inline-block;
	width:auto;
	margin: 0 5px 5px;
	font-size: 0.7rem;
}
#slideMenu .readmore dd label{
	cursor: pointer;
}
#slideMenu .readmore .submitArea{
	text-align: center;
}
#slideMenu .readmore .submitArea input[type="submit"]{
	padding:0.5rem 1rem;
	cursor: pointer;
}



/*===================================================== */
/* LAYOUT
======================================================= */

#wrapper{
	position: relative;
	width:100%;	
	margin:auto;
	padding:0;
}
/*
#outer{
}
*/
#container{
	display: flex;
	justify-content: space-between !important;
	position:relative;
	width:1200px;
	margin:0 auto 0 ;
	padding:0;
}
#side{
	width:280px;
	margin: 0;
	padding:0;
	z-index: 9999;
}
.contents{
	width:calc(100% - 280px);
	min-width:910px;	
	min-height: 1330px;
	margin:0 -10px 0 0;	
	padding: 0 20px !important;
	box-sizing: border-box;
}
#inner{	/* conentsの内枠 */
	position: relative;
	width:100%;	
	margin:auto;
	box-sizing: border-box;
}

/*===================================================== */
/* DESIGN
======================================================= */


/* header
======================================================= */
#upper{
	position: relative;
	padding:0.2rem 15px;
	background:#de5bff;
	line-height:1rem;
	color: #FFF;
	font-size:0.74rem;
	z-index: 9998;
}
#upper strong{
	display: block;
	width:1200px;
	margin: auto;
	text-align: right;
	font-weight: 100;
}

#header{
	clear:both;
	width:100%;
	min-width:1200px;
	margin:0 auto 1.5rem;
	padding:0 0 ;
	background:#d21cff;
	/*background:url("../images/common/header/header.png") top center no-repeat;*/
}
#header .inner{
	display: flex;
	justify-content:flex-start;
	position:relative;
	width:100%;
	height:100px;
	margin:auto;
	padding:0 ;
	box-sizing: border-box;
}
#header .logo{
	z-index:3;
}
#header .logo img{
	width:auto;
}

#header .area img{
	display:block;
	width:100%;
}
#header .catch{
	z-index:10;
}

#header .telArea{
	display: flex;
	justify-content: flex-start;
	
	width:100%;
	padding:3rem 1.2rem 0;
	box-sizing: border-box;
	line-height: 1;
	font-family: 'Lato', sans-serif ; 
	color: #fff;
	white-space: nowrap;
}

#header .telArea span,#header .telArea strong{
	display: inline-block;
}
#header .telArea span{
	font-size: 0.85rem;
}
#header .telArea strong{
	font-size: 1.6rem;
}
/**/
#header .telArea .open{
	margin: 0 0.4rem 0 0;
}
#header .telArea .open strong{
}
#header .telArea .tel{
	margin: 0 1rem;
}
#header .telArea .tel strong{
	
}

#header .telArea .other{
	display: block;
	width:100%;
	margin: 0;
	padding:0;
	line-height: 1;
}
#header .telArea .text{
	margin: 0;
	padding:0;
	display: inline-block;
	font-size: 0.7rem;
	font-weight:100;
}
#header .telArea .toContact{
	display: inline-block;
	height: 1rem;
	padding:0;
	margin: 0;
	line-height: 1;
}
#header .telArea .toContact a{
	background:#1AB352;
	margin: 0;
	padding:0.2rem 0.8rem;
	font-size: 0.7rem;
	color: #fff;
	border-radius:10px;
	line-height: 1 !important;
}
#header .chatBot{
	position: absolute;
	top:0.4rem;
	right: 360px;
}


/* navi
======================================================= */

#navi{
	width:100%;
	margin:0 auto 5px;
	text-align: left;
	z-index:999;
}
#navi ul{
	width:100%;
	margin:0 auto 1rem;
	padding:0 0;
	box-sizing: border-box;
}
#navi li{
	display:block;
	margin:0 0 ;
	padding:0;
	z-index:999;
}
#navi li.home{
}
#navi li a{
	display: block;
	padding:0.5rem 0.8rem;
	margin: 0;
	background:#ff4ac5;
	border:1px solid #f5009c;
	color: #fff;
	text-decoration: none;
	box-sizing: border-box;


	font-family: "yomogi", sans-serif;
	font-weight: 400;
	font-style: normal;	
}

#navi li a:hover{
	background:#252525;
}
#navi li a strong{
	display: block;
	margin: 0 0 0.2rem;
	font-size: 1rem;
}
#navi li a span{
	display: block;
	font-size: 0.7rem;
	color: #ffd632;
}


#navi li a img{
	display:block;
}


/* ティッカー
======================================================= */
#ticker{
	width:100%;
	height:39px;
	margin: 0 0 20px;
	padding:8px 0;
	background:url(../images/top/ticker/bg.png) no-repeat;
	box-sizing: border-box;
}
#ticker .inner{
	padding:0 10px 0 80px !important;
	color: #ddd;
}
#ticker #js_news{

}


/* --注意事項
======================================================= */
/*
#noteArea{
	margin:0 0 15px;	
	box-sizing: border-box;
}
#noteArea h3{
	width:100%;
	margin: 0 0 25px;
	padding:12px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	box-sizing: border-box;
}
#noteArea .inner{
	padding:25px;
	line-height: 1.6;
}
#noteArea .warning{
	background:#9C0E10;
	margin: 0 0 15px;
	padding:2.5%;
}
#noteArea ul{
	margin: 0 0 20px;
}
#noteArea ul li{
	margin: 0 0 ;
	padding:4px;
	border-bottom:1px dotted #999;
	font-size: 15px;
	color: #ddd;
}
#noteArea .ban{
	margin: 0 0 25px;
	border: 3px solid #990606;
	color: #ddd;
}
#noteArea .ban h3{
	background:#990606;
	color: #ddd;
}
#noteArea .note{
	margin: 0 0 25px;
	border: 3px solid #998306;
	color: #ddd;
}
#noteArea .note h3{
	background:#998306;
	color: #ddd;
}
#noteArea .note .af{
	width:94%;
	margin: auto;
	padding:2.4%;
}
#noteArea .note .af h4{
	margin: 0 0 12px;
	font-weight: 100;
}
#noteArea .note .af p{
	width:80%;
	padding:0;
	font-size: 13px;
	line-height: 1.6;
}
#noteArea .scout{
	width:94%;
	margin: auto;
	padding:2.4%;
	
}

#noteArea .stealshot{
	width:94%;
	margin: auto;
	padding:2.4%;}
*/

/*===================================================== */
/* contact 
======================================================= */

.contents .contact{
	padding:25px 0;
	
}

/*===================================================== */
/* footer
======================================================= */

#footer{
	clear:both;
	width:100%;
	position: relative;
	padding:20px 15px;
	background:#191919 ;
	box-sizing: border-box;
	line-height:30px;
	font-size:0.74rem;
	box-shadow:2px 2px 2px 2px rgba(0,0,0,0.06);
}


#footer #underArea{
	width:1300px;
	margin: 0;
	/*background:#e05e9e;*/
	padding:0;
}

#footer #footMenu{
	width:44%;
	margin:0px auto 20px;
}

/* footer navi */

#footer #footMenu #footer_naviArea{
	width:94%;
	margin:0px 0 0px ;
}
#footer #footMenu ul.footer_navi{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	width:100%;
	text-align:left;
	margin:0 0;
}

#footer #footMenu ul.footer_navi li{
	display: inline-block;
	width:24%;
	margin:0 0.5% 2%;
	padding:1% 0.5%;
	box-sizing: border-box;
	line-height:1.8;
	font-size:0.74rem;
	color:#d0d0d0;
	/*list-style-image:url(../images/common/footer/navi_icon.png);*/
}

#footer #footMenu ul.footer_navi li i{
	display: inline-block;
	margin-right: 0.4rem;
}
#footer #footMenu ul.footer_navi li span{
	display: inline-block;
}

#footer #footMenu ul.footer_navi li:nth-last-child(1){
	border: none;
}
#footer #footMenu ul.footer_navi li a{
	color:#d0d0d0;
}
#footer #footMenu a:visited{
	text-decoration:none;
}
#footer #footMenu a:link{
	text-decoration:none;
}
#footer #footMenu a:hover{
	text-decoration:underline;
	color:#fff;
}



/* contactArea */

#footer #contactArea{
	width:28%;
	margin:0 0 20px;
	border-radius:4px;
	font-size: 14px;
	color: #dfdfdf;
}

#footer #contactArea .inner{
	padding:0 0 0;
}
#footer #contactArea h3{
	margin: 0 0 0.5rem;
	font-size: 0.8rem;
}
#footer #contactArea a{
	color: #fff;
}
#footer #contactArea .tel{
	margin-bottom:0.8rem;
}

#footer #contactArea .tel span{
	display: block;
	font-size:2.3rem;
	font-weight: bold;
	line-height: 1;
}
#footer #contactArea .open{
	margin-bottom:0.3rem;
}
#footer #contactArea .open span{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}
#footer #contactArea .text{
	font-size: 0.7rem;
}


/**/
#footer #footer_logo{
	width:25%;
	margin:0 auto 20px;
	border-radius:4px;
}



/* ###コピーライト##################################################### */
#copyright{
	position: relative;
	padding:0 15px;
	line-height:30px;
	color: #fff;
	font-size:0.74rem;
	text-align: center;
}




/*  iframeArea
======================================================================*/
#iframeArea{
	padding:2.5rem 0;
	border-top:1px solid #ddd;
}

#iframeArea ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	width:100%;
	max-width:1130px;
	margin:0 auto 40px;
}

#iframeArea li{
	display: block;
	width:250px;
	margin: 0 10px 1rem;
	padding:0;
	border: 1px solid #EB184D;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}
#iframeArea li .frame{
	width:100%;
	height: 640px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}

#iframeArea li h3{
	display: block;
	height: 40px;
	margin: 0 0 0;
	background:#EB184D;
	color: #fff;
	padding:6px;
	text-align: center;
	box-sizing: border-box;
	font-weight: 100;
}
#iframeArea iframe{
	display: block;
	width:100%;
	height: 600px;
	margin: 0 ;
	border: none;
}