/*! Luxeritas Child CSS */
/* Luxeritas WordPress Theme - free/libre wordpress platform
 *
 * @copyright Copyright (C) 2015 Thought is free.
 * @license http://www.gnu.org/licenses/gpl-2.0.html GPL v2 or later
 * @author LunaNuko
 * @link http://thk.kanzae.net/
 * @translators rakeem( http://rakeem.jp/ )
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 *   Theme Name: Luxeritas Child Theme
 *   Template: luxeritas
 *   Text Domain: luxech
 *   Theme URI: http://thk.kanzae.net/wp/
 *   Description: SEO optimized, Responsive layout, Super Fast, Multi Feature, Bootstrap
 *   Author: LunaNuko
 *   Author URI: http://thk.kanzae.net/
 *   License: GNU General Public License v2 or later
 *   License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *   Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-header, custom-background, custom-colors, custom-menu, theme-options, featured-image-header, editor-style, sticky-post, threaded-comments, translation-ready
 *   Since: 20151206
 *   Modify: 20200401
 *   Version: 3.0.3
 *   Template Version: 3
 *
 * ここから上を消すと正しく動作しなくなることがあります。
 * ( Erasing the elements above here might cause system issues. )
 */

/* 以下、好みに応じて子テーマ用のスタイルをお書きください。
 * ( Below here, please write down your own styles for the child theme. )
 */

body {
	padding-top: 111px;
	background: #ffffff;
	position: relative;
	color: #333;
	font-size: 14px;
}
a { color: #0099cc; }
a:hover { color: #0099cc; }
ul { list-style: none; }
.overlay-open {
	position: relative;
	width: 100%;
	height: 100%;
}
.overlay-open div.overlay {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	background: rgba(0,0,0,.75);
	transition: 1s;
}

#breadcrumb {
	padding: 0px;
}

#primary, #pnavi, #section, .grid {
	border: none;
}

p {
	line-height: 1.6;
	margin-bottom: 1em;
}


/* ヘッダー
----------------------------- */
#header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	min-width: 900px;
	background: #ffffff;
	border-bottom: 1px solid #eeeeee;
	padding: 32px 16px;
	transition: 0.5s;
}
#head-in {
	background: none;
	max-width: 1280px;
	margin: 0px auto;
	padding: 0px 32px;
}
.head-info {
	text-align: center;
}
.head-cover {
	width: 100%;
}
.header_fixed {
	padding: 16px 16px !important;
	background: rgba(255,255,255,.9) !important;
}
.header_fixed #globalNav a {
	font-size: 11px;
}
.header_fixed #logo a img {
	width: 70%;
	height: auto;
}


/* ロゴ 
----------------------------- */
#logo {
	line-height: 1;
	float: left;
	width: 24%;
	margin-bottom: 0px;
	text-align: left;
}
#logo a {
	display: block;
	vertical-align: text-bottom;
}
#logo a:hover {
	opacity: .7;
}
#logo a img {
	width: 100%;
	transition: 0.5s;
}


/* メインナビゲーション 
----------------------------- */
#castBtn,
#spMenuBtn {
	display: none;
}
#globalNav {
	float: right;
	max-width: 800px;
}
#globalNav ul {
	display: table;
	width: 100%;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#globalNav li {
	display: table-cell;
}

#globalNav li a {
	display: block;
	padding: 1em;
	font-size: 16px;
	color: #ff66cc;
	transition: 0.1s;
}

#globalNav a:hover {
	opacity: .5;
	text-decoration: underline;
}



/* メインスライダー
-----------------------------
#mainSlider {
}
.slick-list {
	height: auto;
	max-height: 560px;
	overflow: hidden;
}
.slick-dots {
	bottom: -30px !important;
}
#mainSlider li {
	height: auto;
	max-height: 560px;
}
#mainSlider img {
	width: 100%;
	height: auto;
}
#mainSlider a {
	display: block;
	position: relative;
	height: auto;
	max-height: 560px;
}
#mainSlider a:hover img {
	opacity: 1;
}
#mainSlider a span {
	display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
	text-shadow: 1px 0 10px rgba(0,0,0,1);
	font-size: 32px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1.6;
}
#mainSlider a.btn {
	display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
	text-shadow: 1px 0 10px rgba(0,0,0,1);
	background: orange;
	border-radius: 6px;
	padding: .5em 1em;
}
*/


/*
TOP 背景アニメーション
------------------------- */
#backImageLoop {
    width: 100%;
    height: 540px;
    background: url(https://renkano-lily.com/wp-content/uploads/IMG_9145.jpeg) repeat-x;
    background-position: 0 0;
    -webkit-animation: bgroop 20s linear infinite;
    animation: bgroop 35s linear infinite;
		position: relative;
}
@-webkit-keyframes bgroop {
	from {
			background-position: 0  0;
	}
	to {
			background-position: -1280px 0;
	}
}
@keyframes bgroop {
	from {
			background-position: 0 0;
	}
	to {
			background-position: -1280px 0;
	}
}
#mainbgtxt {
	width: 100%;
	max-width: 644px;
	height: 191px;
	margin: 0px auto;
	padding-top: 120px;
}
#backImageLoop a {
	display: inline-block;
	width: 200px;
	padding: 1.4em 0;
	color: #fff;
	background: #53b1ec;
	text-align: center;
	font-size: 12px;
	position: absolute;
	bottom: 20%;
	left: 50%;
	margin-left: -112px;
	z-index: 1;
	opacity: .9;
}
#backImageLoop a:hover {
	opacity: .7;
}



/*
ホームコンテンツ
------------------------- */

/* 新着１件表示 */
#topick1 {
	margin: 32px 0;
}
#topick1 span {
	display: inline-block;
	background: #eee;
	text-align: center;
	padding: 3px 12px;
	margin-right: 1em;
}
#topick1 a {
	text-decoration: underline;
}
#topick1 a:hover {
	text-decoration: none;
}


/* トップバナー */
#top-banner {
}
#top-banner .bnr-wrap {
	margin-bottom: 32px;
}
#top-banner .bnr-wrap p {
	margin-top: 1em;
	font-size: 14px;
}
#top-banner .bnr-wrap p a {
	text-decoration: underline;
}
#top-banner .bnr-wrap p a:hover {
	text-decoration: none;
}



h2.title {
	font-size: 20px;
	margin-bottom: 32px;
	letter-spacing: .3em;
	color: #FF6699;
}
span.sub {
	margin-top:  10px;
	display: block;
	font-size: 12px;
	letter-spacing: 2px;
}
h3 {
	font-size: 18px;
	margin: 32px 0;
	padding: 16px 0; 
}



/* ランキング */
#ranking {
}
#top3 {
	padding: 32px 0 32px;
	background: #f2f2f9;
}
#top3 ul {
	display: table;
	width: 100%;
	table-layout: fixed;
}
#top3 ul li {
	display: table-cell;
	width: 33.3333%;
	vertical-align: top;
	padding: 0 5px;
	text-align: center;
}
#top3 ul li:first-child {
	padding: 0 10px 0 0;
}
#top3 ul li:last-child {
	padding: 0 0 0 10px;
}
#top3 ul li a {
	display: block;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
}

#pop6 {
	padding: 32px 0;
}

#cast-list {
	display: flex;
	flex-wrap: wrap;
	table-layout: auto;
	width: 100%;
}
#cast-list .cast-box {
	display: table-cell;
	width: 16.6666%;
	float: left;
	padding: 5px;
	text-align: center;
}

.cast-box a {
	display: block;
	color: #fff;
	position: relative;
	
}

.cast-box a img {
	aspect-ratio: 3/4;
    object-fit: cover;
}


.cast-box a > span {
	position: absolute;
	display: inline-block;
	padding: 2px 7px;
	font-size: 12px;
	background: #333;
	top: 5px;
	left: 5px;
	z-index: 1;
	color: #fff;
	border: 1px solid #fff;
}

.cast-box a > span.no4 { background: #218ea3; }
.cast-box a > span.no5 { background: #22a16a; }
.cast-box a > span.no6 { background: #7fa224; }
.cast-box a > span.no7 { background: #a19122; }
.cast-box a > span.no8 { background: #93723f; }
.cast-box a > span.no9 { background: #706963; }

.cast-box a div.info {
	background: #333;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	padding: 20px 0 5px;
	text-shadow: 1px 0 5px rgba(0,0,0,1);
}
.furigana {
	font-size: 10px;
}

.link-btn {
	clear: both;
}
.link-btn a {
	width: 100%;
	max-width: 240px;
	margin: 0px auto;
	display: block;
	padding: 1em 2em;
	text-align: center;
	color: #FF66CC;
	border: 1px solid #FF66CC;
	font-size: 14px;
	/* 1秒かけて背景色をアニメーションさせる */
	transition: background-color 0.9s;
}
.link-btn a:hover {
	color: #fff;
	background: #333;
}



/* バナー大 */
#barBigArea {
	display: block;
	clear: both;
	flex-direction: column;
	margin: 32px 0;
}
#bnr-big-in {
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 1%;
}
#bnr-big-in a {
	display: table-cell;
	width: 50%;
	vertical-align: top;
	float: left;
}
#bnr-big-in a img {
	box-shadow: 1px 0 10px rgba(0,0,0,.2);
}
#bnr-big-in a img:hover {
	box-shadow: 0px 0 2px rgba(0,0,0,.2);
}
#bnr-big-in a:nth-child(1) {
	padding: 0 5px 5px 0;
}
#bnr-big-in a:nth-child(2) {
	padding: 0 0 5px 5px;
}
#bnr-big-in a:nth-child(3) {
	padding: 5px 5px 0 0;
}
#bnr-big-in a:nth-child(4) {
	padding: 5px 0 0 5px;
}


/* News */
#topNews,
#topCastBlog {
	margin-top: 60px;
}
.art-list-card {
	display: table;
	width: 100%;
}
.art-list-card li {
	width: 32%;
	float: left;
	margin-right: 1.333333%;
	margin-bottom: 16px;
	box-shadow: 1px 1px 10px rgba(0,0,0,.1);
}
.art-list-card li:hover {
	box-shadow: 0px 0px 2px rgba(0,0,0,.1);
}
.art-list-card li a {
	color: #666;
	display: block;
}
.art-list-card li a .thumb {
	width: 100%;
	height: 200px;
	position: relative;
}
.art-list-card li a .thumb > img {
	width: 100%;
	min-height: 200px;
	max-height: 200px;
}
.art-list-card li a .time {
	display: block;
	font-size: 11px;
	margin-bottom: 5px;
	color: #666;
}
.art-list-card li a .title {
	padding: 12px 20px 20px;
	color: #333;
	line-height: 16px;
	min-height: 7em;
}
.art-list-card .cat {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index:  1;
	font-size: 11px;
	color: #fff;
	padding: 1px 5px;
}
.art-list-card .cat.news {
	background: #1da1f3;
}
.art-list-card .cat.date-plan {
	background: #ff0068;
}
.art-list-card .cat.other {
	background: #ffba00;
}
.authorUnit {
	margin-top: -27px;
	z-index: 1;
	position: relative;
	left: 16px;
}
.authorUnit_page {
	font-size: 11px;
	position: absolute;
	bottom: 5px;
	left: 60px;
}
.authorUnit_thumb img {
	width: 50px;
	height: 50px;
	border-radius: 35px;
	overflow: hidden;
	border: 2px solid #fff;
}

.tabWrap {
	display: table;
	table-layout: fixed;
	background: #eee;
	border-radius: 35px;
	width: 100%;
	font-size: 12px;
	padding: 5px;
}
.tabWrap li {
	display: table-cell;
	text-align: center;
	padding: 5px;
}
.tabWrap li span {
	cursor: pointer;
	padding: 1em 5px;
	display: block;
	background: #666;
	border-radius: 25px;
	color: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.4);
}
.tabWrap li span:hover {
	opacity: .9;
}
.tabWrap li.selected span {
	background: #fff;
	color: #666;
	box-shadow: none;
}
.tab-cell {
	display: none;
}
.tab-cell.selected {
	display: block;
}



/* Serivce */
#topService {
	margin-top: 60px;
}
#topService a {
	text-decoration: underline;
}
#topService .imageTitle {
	padding: 100px 16px;
	background: url(https://renkano-lily.com/wp-content/uploads/S__5922902-scaled.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 32px;
}
#topService .imageTitle h2 {
	margin: 0;
	text-shadow: 0 0 2px rgba(255,255,255,1);
}

.image_set {
	display: table;
	width: 100%;
	table-layout: auto;
}
.image_set div {
	display: table-cell;
	vertical-align: middle;
}
.image_set .thumb {
	position: relative;
	width: 30%;
}
.image_set .thumb div {
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 1;
	font-size:22px;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(255,255,255,1), -1px 1px 1px rgba(255,255,255,1), -1px -1px 1px rgba(255,255,255,1), 1px -1px 1px rgba(255,255,255,1);
}
.image_set .thumb div span {
	font-size:11px;
	font-weight: normal;
	display: block;
}
.image_set .txt {
	width: 70%;
	padding-left: 32px;
}
.step {
	padding: 10px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	margin-bottom: 10px;
}
.step .thumb {
	width:20%;
}
.service_foot {
	padding: 2em;
	background:#f2f2f9;
}
.separate {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.separate div {
	display: table-cell;
	vertical-align: top;
}
.separate div:first-child {
	padding-right: 8px;
}
.separate div:last-child {
	padding-left: 8px;
}


/* プレゼント履歴＆デート後のメッセージ */
#rirekiGroup {
	clear: both;
	margin: 80px auto;
	display: table;
	table-layout: fixed;
}
#rirekiGroup li {
	clear: both;
	margin-bottom: 32px;
}
#rirekiGroup .r-box {
	padding: 32px;
	border: 1px dotted #FF33CC;
	height: 450px;
	overflow: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 16px;
}
#rirekiGroup #present-list,
#rirekiGroup #message-list {
	display: table-cell;
}
#rirekiGroup #present-list {
	padding-right: 8px;
}
#rirekiGroup  #message-list {
	padding-left: 8px;
}
#rirekiGroup a {
	display: block;
}
#rirekiGroup a:hover {
}
#rirekiGroup a span.time {
	display: block;
	color: #444;
	margin-bottom: 3px;
	font-size: 12px;
	text-decoration: none;
}
#rirekiGroup a .title {
	text-decoration: underline;
}
#rirekiGroup a .title:hover {
	text-decoration: none;
}

#rirekiGroup  div.thumb {
	width: 64px;
	height: 64px;
	overflow: hidden;
	border-radius: 32px;
	float: left;
  margin-right: 16px;
}
#rirekiGroup  div.thumb img {
	width: 64px;
	height: auto;
}




/*
カスタム固定ページ
------------------------- */
#customPage {
}
#customPage h1.entry-title {
	padding: .5em 0;
}
.page h3 {
	border-bottom: none;
}


/*
イメージ付き固定ページヘッド
------------------------- */
#mainVisHead {
	padding: 100px 16px;
}
#mainVisHead h1.entry-title {
	color: #fff;
	font-size: 24px;
	text-align: center;
	text-shadow: 1px 1px 5px rgba(0,0,0,.5)
}
#mainVisHead p.ah-sub {
	text-align: center;
	color: #fff;
	margin-bottom: 2em;
	text-shadow: 1px 1px 5px rgba(0,0,0,.9)
}

#start-info section {
	padding-bottom: 30px;
}

.linkMenu {
	text-align: center;
}
.linkMenu ul {
	width: 100%;
	max-width: 960px;
	margin: 0px auto;
}
.linkMenu ul li {
	display: inline-block;
	width: 33%;
}
.linkMenu ul li a {
	display: block;
	padding: 1em .5em;
  　background: #FFCCFF;
	color: #fff;
	text-decoration: none;
	margin-bottom: 5px;
	opacity: .95;
}
.linkMenu ul li a:hover {
	opacity: .7;
}

/* キャスト一覧 */
.castAllHead {
	background: url(https://renkano-lily.com/wp-content/uploads/S__5840968-scaled.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 16px;
}
/* 料金システム */
.systemHead {
	background: url(https://renkano-lily.com/wp-content/uploads/IMG_9928.jpeg) no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 32px;
}
/* 初めての方へ */
.welcomeHead {
	background: url(https://renkano-lily.com/wp-content/uploads/S__5840966-scaled.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 32px;
}
/* ご予約方法 */
.howtobookHead {
	background: url(https://renkano-lily.com/wp-content/uploads/S__5840966-scaled.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 32px;
}
/* お問い合わせ */
.contactHead {
	background: url(https://renkano-lily.com/wp-content/uploads/S__5840966-scaled.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 32px;
}
/* Q&A */
.qaHead {
	background: url(https://renkano-lily.com/wp-content/uploads/S__5840966-scaled.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 32px;
}
/* キャスト募集 */
.recruitHead {
	background: url(https://renkano-lily.com/wp-content/uploads/S__5840966-scaled.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 32px;
}
/* プレゼントシステムについて */
.present-systemHead {
	background: url(https://renkano-lily.com/wp-content/uploads/S__5857498-scaled.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 32px;
}



/*キャスト一覧
------------------------- */
/* rank説明 */
#aboutRank {
	position: relative;
}
#aboutRank p.btn {
	color: #fff;
	text-align: center;
	width: 200px;
	background: #CCCCFF;
	border-radius: 24px;
	padding: 1em;
	margin: 0px auto;
	cursor: pointer;
	border: 1px solid #fff;
}

#aboutRank p.btn:hover {
	opacity: .7;
}
.rankInformation {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: none;
	width: 90%;
	max-width: 640px;
	margin: 0px auto;
	border-radius: 10px;
	overflow: hidden;
	background: rgba(255,255,255,.95);
	z-index: 2;
	box-shadow: 0px 0px 15px rgba(0,0,0,.3);
}
.rankInformation p.btnx {
	color: #fff;
	font-size: 16px;
	background: #CCCCFF;
	padding: 1.5em 2.5em;
	position: relative;
	margin: 0;
	cursor: pointer;
}
.rankInformation p.btnx span {
	position: absolute;
	right: 34px;
	font-size: 32px;
	top: 10px;
}
.rankInformation dl {
	padding: 3em;
	margin: 0px;
	font-size: 12px;
	color: #333;
}
.rankInformation dt {
	margin-top: 1em;
	color: #99FFCC;
}
.rankInformation dd {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 1em;
}

#castListWrap ul {
	margin:0;
	padding:0;
}
#castListWrap #cast-list .cast-box {
	width: 20%;
}
#castListWrap ul li a {
	margin-bottom: 5px;
	line-height: 1.5;
	position: relative;
}

#castListWrap ul li a span i {
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 1;
	color: #fff;
	margin-left: 10px;
	padding: 5px 4px;
	display: inline-block;
	background: rgba(0,0,0,.4);
	border-radius: 4px;
}

#castListWrap .style {
	text-align: left;
	font-size: 11px;
	min-height: 4em;
}
#castListWrap .style span {
	background: #CCCCFF;
	border-radius: 24px;
	color: #fff;
	padding: 1px;
}
#castListWrap div.rank {
	text-align: left;
	color: #99FFCC;
}
#castListWrap table td {
	border: none;
	padding: 0;
	vertical-align: top;
}
#castListWrap table td:first-child {
	width: 3em;
}

#castFilter {
	cursor: pointer;
	display: table;
	width: 100%;
	table-layout: fixed;
	text-align: center;
	margin-bottom: 32px;
	overflow: hidden;
	border-radius: 4px;
	border: 1px dotted #eee;
}
#castFilter div {
	border-right: 1px solid #eee;
	display: table-cell;
	padding: 5px;
	font-size: 11px;
	color: #666;
	background: #fff;
}
#castFilter div:hover {
	background: none;
}
#castFilter div.active {
	color: #fff;
	background: #0c2656;
}
#castFilter div.hide {
	display: none;
}
#castFilter div:last-child {
	border-right: none;
}



/* バナー小エリア */
#barSmallArea {
	margin-top: 60px;
}
#bnr-small-in {
	display: table;
	width: 100%;
	table-layout: fixed;
}
#bnr-small-in a {
	display: table-cell;
	width: 25%;
	padding: 1%;
	vertical-align: top;
	float: left;
}
#bnr-small-in a img {
	box-shadow: 1px 0 10px rgba(0,0,0,.2);
}
#bnr-small-in a img:hover {
	box-shadow: 0px 0 2px rgba(0,0,0,.2);
}





/* キャスト詳細ページ
----------------------------- */
#castProfileWrap {
	clear: both;
	margin-top: 32px;
	position: relative;
}
h2.castName  {
	padding: 0;
	border: none !important;
	margin-bottom: 10px;
}
h2.castName span {
	display: block;
	font-size: 20px;
	letter-spacing: 2px;
	font-weight: bold;
}
p.online-date-label {
	margin: 10px 0;
	padding: 0px;
}
p.online-date-label span {
	font-size: 11px;
	background: #ccccff;
	color: #fff;
	padding: 2px 5px;
	display: inline-block;
}
#castInfo {
	padding-left: 520px;
}
#castProfileWrap h3 {
/*	border-left: 5px solid #ddd; */
	border-bottom: none;
	letter-spacing: 3px;
}
#castProfileWrap h3 span {
	display: block;
	font-size: 11px;
	letter-spacing: 2px;
}
table#castProfile {
	width: 100%;
	border: none;
	border-top: 1px solid #333;
}
table#castProfile th,
table#castProfile td {
	font-size: 15px;
	border: none;
	border-bottom: 1px solid #333;
}
table#castProfile th {
	font-weight: normal;
	color: #333;
	background: #f9f9f9;
	width: 10%;
	min-width: 6em;
}
table#castProfile td {
	width: 40%;
	background: #fff;
	word-break: break-all;
}
table#castProfile td.rank {
	color: #00ff99;
}

/* 出勤スケジュール
----------------------------- */
#schedule {
	margin-bottom: 64px;
	padding: 16px;
	font-size: 13px;
	max-height: 260px;
	overflow: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #333;
}


/* 画像スライダー調整
----------------------------- */
#imageSlider {
	width:100%;
	max-width:480px;
	float:left;
	margin-bottom:32px;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	border: 1px solid #fff;
}

/* メッセージ
----------------------------- */
#cmaq {
	clear: both;
	padding-top: 64px;
}
#cmaq .hide {
	display: none;
}
.cmaqTab {
	display: table;
	width: 100%;
	table-layout: fixed;
	font-size: 13px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
.cmaqTab span {
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	display: table-cell;
	padding: 1em;
	text-align: center;
	cursor: pointer;
	color: #666;
	transition: 0.5s;
}
.tab-bottom {
	margin-bottom: 32px;
}
.tab-bottom span {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333 !important;
}
.tab-bottom span.active {
	border-top: none !important;
	border-bottom: 1px solid #333 !important;
}
.cmaqTab span:hover {
	background: #fff;
}
.cmaqTab span.active {
	color: #000;
	background: #fff;
	border-top: 1px solid #333;
	border-bottom: 1px solid #fff;
}
.cmaqTab span:last-child {
	border-right: none;
}
.cmaq-box {
	position: relative;
	padding: 32px;
	background: #fff;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}


.btnGroup {
	clear: both;
	display: table;
	width:100%;
	table-layout: fixed;
}
.btnGroup .act-btn {
	display: table-cell;
	width: 50%;
	padding: 5px;
}
.btnGroup .act-btn input[type="submit"],
.btnGroup .act-btn a {
	display: block;
	border: none;
	-webkit-appearance: none;
	width: 100%;
	margin:0;
	padding:0;
	height: 46px;
	line-height: 46px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border-radius: 32px;
	cursor: pointer;
}
.btnGroup .act-btn input[type="submit"]:hover,
.btnGroup .act-btn a:hover {
	opacity: .7;
}
#btnYoyaku input {
	background:#cc99ff;
		url(https://warmrelation.com/wp-content/themes/luxech/images/icon-calender.png) no-repeat;
	background-size: 30px 30px;
  background-position: 16px 8px;
	border: 2px solid transparent;
}

#btnYoyaku input:hover{
    border: 2px solid #FF66CC;
    background: #FFF;
    color: #333;
}

#btnMail a {
	background: blue url(https://warmrelation.com/wp-content/themes/luxech/images/icon-mail.png) no-repeat;
	background-size: 30px 30px;
  background-position: 9px 3px;
}
#btnLine a {
	background: #00b900 url(https://warmrelation.com/wp-content/themes/luxech/images/icon-line.png) no-repeat;
	background-size: 40px 40px;
  background-position: 9px 3px;
	text-decoration: none;
	border: 2px solid transparent;
}

#btnLine a:hover{
    border: 2px solid #00b900;
    background: #FFF;
    color: #333;
}

#btnX a {
	background: #3399FF url(https://crossroad24.com/wp-content/uploads/ha-tomail.png) no-repeat;
	background-size: 40px 40px;
  background-position: 9px 3px;
	text-decoration: none;
	border: 2px solid transparent;
}

#btnX a:hover{
    border: 2px solid #1a66ce;
    background: #FFF;
    color: #333;
}


/* ＱＡ
----------------------------- */
#castQa dl {
	margin-top: 16px;
}
#castQa dt {
	font-weight: bold;
}
#castQa dd {
	margin-bottom: 16px;
}


/* プレゼントリスト
----------------------------- */
.present-list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	table-layout: fixed;
	margin: 32px auto;
	padding: 0px !important;
}
.present-list li {
	display: flex;
	flex-wrap: wrap;
	width: 10%;
	float: left;
	padding: 5px;
	position: relative;
}
.present-list li img {
	width: 100%;
	height: auto;
	border-radius: 6px;
}
.present-list li span {
	display: inline-block;
	position: absolute;
	right: 5px;
	bottom: 5px;
	z-index: 1;
	background: rgba(0,0,0,.7);
	color: #fff;
	padding: 1px 5px;
	border-radius: 6px;
	font-size: 10px;
}

##btn-send-present {
	clear: both;
	margin: 5px 0 5px;
	text-align: center;
}
#btn-send-present input[type="submit"] {
	display: block;
	border: none;
	width: 100%;
	-webkit-appearance: none;
	max-width: 100%;
	margin: 0px auto;
	padding: 0;
	height: 46px;
	line-height: 46px;
	font-size: 24px;
	color: #fff;
	text-align: center;
	border-radius: 64px;
	cursor: pointer;
	text-decoration: none;
	background: #ff899d;
}
#btn-send-present input[type="submit"]:hover {
	opacity: .7;
}



	
/* ブログ
----------------------------- */
.post {
	font-size: 1em;
}
.post .image_set p {
	margin-top: 0;
}
.post .art-list-card {
	margin:	0;
	padding: 0px !important;
}

.post h2 {
/*	border-bottom: 1px solid #333; */
	border-left: none;
	padding-left: 0;
}

#castSnsArea {
	clear: both;
	margin-top: 32px;
	display: table;
	table-layout: fixed;
	width: 100%;
}
#castSnsArea > div {
	display: table-cell;
	width: 50%;
	padding: 16px;
}
#castSnsArea #twitterArea .sns-in {
	border: 1px solid #333;
	padding: 1px;
	max-height: 575px;
	overflow: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
#castSnsArea p.title {
	height: 32px;
	line-height: 32px;
	padding-left: 48px;
}
#twitterArea p.title {
	background: url(https://warmrelation.com/wp-content/themes/luxech/images/icon-twitter.jpg) no-repeat;
}
#instagramArea p.title {
	background: url(https://warmrelation.com/wp-content/themes/luxech/images/icon-instagram.jpg) no-repeat;
}
#instagramArea a {
	position: relative;
	display: block;
}
#instagramArea a img {
	width: 100%;
	height: auto;
}
#instagramArea a p.txt {
	margin: 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	background: rgba(0,0,0,.7);
	color: #fff;
	padding: 1em;
	line-height: 1em;
	font-size: 12px;
	text-align: right;
}

	
/* 料金システム
----------------------------- */
.table-base {
	width: 100%;
	box-shadow: 0px 0px 10px rgba(0,0,0,.1);
	font-size: 13px;
}
.table-base th {
	width: 30%;
	background: #f1f1f1;
	color: #000000;
	font-weight: normal;
	padding: 1em;
	border: 1px solid #fff;
}
.table-base td {
	border: 1px solid #f5f5f5;
	background: #fff;
	padding: 1em;
}
.table-base th.blue {
	background: #FFABCE;
}
.table-base th.orange {
	background: #DCC2FF;
}
.table-base th.red {
	background: #D8BfD8;
}
#riyourei-res {
	font-weight: bold;
	text-align: center;
	color:#44bfaf;
	font-size: 1.2em;
}

	
/* プレゼントシステムについて
----------------------------- */
#present-systemWrap {
}
#present-item-info {
	margin-top: 32px;
}
#present-item-info .tabWrap {
	padding: 5px;
}
#present-item-info .tabWrap li {
	padding: 1px;
}
#present-item-info .tabWrap li span {
	padding: 5px;
}
#present-systemWrap .tab-cell ul {
	padding: 0px;
	display: table;
	table-layout: fixed;
}
#present-systemWrap .tab-cell ul li {
	display: table-cell;
	width: 50%;
	float: left;
	margin-bottom: 16px;
}
#present-systemWrap .tab-cell ul li img {
	float: left;
	width: 100px;
	height: 100px;
	border-radius: 6px;
	overflow: hidden;
	margin-right: 16px;
	margin-bottom: 16px;
}
#present-systemWrap .tab-cell ul li p {
	font-size: 12px;
	min-height: 4em;
}
#present-systemWrap .tab-cell ul li p b {
	display: block;
}
#present-systemWrap .tab-cell ul li:nth-child(odd) {
	padding-right: 10px;
}
#present-systemWrap .tab-cell ul li:nth-child(even) {
	padding-left: 10px;
}


	
/* お問い合わせ
----------------------------- */
#toono-message {
	font-family: "MS Serif", "New York", serif;
	padding: 3em 3em 1em;
  border: 5px solid #eee;
}
#cf7-otoiawase {
	font-size: 16px;
}
#cf7-otoiawase dd {
	margin-bottom: 16px;
}
#cf7-otoiawase dd select {
	display: block;
	width: 100%;
}
#cf7-otoiawase dd textarea {
	display: block;
	width: 100%;
}
#btnSubmit {
	text-align: center;
}
#btnSubmit input {
	width: 100%;
	max-width: 240px;
	background: #53b1ec;
	color: #fff;
	border: none;
	padding: 1em;
	border-radius: 8px;
	font-weight: bold;
	cursor: pointer;
}
#btnSubmit input:hover {
	opacity: .7;
}



/* カテゴリ
----------------------------- */
.category-description {
	padding: 0 0 1em !important;
	border-bottom: 1px solid #333;
}

#list .term img {
	width: 40%;
	height: auto;
	border-radius: 0;
}

.art-list {
	border-bottom: 1px solid #eee;
	position: relative;
}
.art-list a:hover {
	color:inherit;
	text-decoration: underline;
}
.art-list i {
	display: none;
}
.art-list p.meta {
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 11px;
	color: #666;
}
.art-list h2.entry-title {
	font-size: 18px;
}
.grid {
	padding: 0px;
}
.catBlogHead {
	background: url(https://warmrelation.com/wp-content/themes/luxech/images/bg_blog.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 32px;
}
.art-list .meta span.category {
	display: none;
}

.art-list div.author {
	margin-top: 10px;
	font-size: 11px;
	color: #666;
}
.art-list div.author img {
	width: 32px;
	height: 32px;
	border-radius: 16px;
}

.pagination li {
	padding: 1px;
}
.pagination>li>a {
	background: #333;
	color: #fff;
	border-radius: 6px;
}
.pagination>li>a, .pagination>li>span {
	border: none;
	padding: 9px 0;
}
.pagination>.active>span, .pagination .current, .pagination>li>a:hover {
	background: none;
	color: #333;
}
.pagination>li:last-child>a, .pagination>li:last-child>span, .pagination>.not-allow:first-child>span:hover {
	border: none;
}
.pagination>li>a:hover {
	background: #eee;
}


.archive.author .term {
  position: relative;
}
.archive.author .cat {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index:  1;
	font-size: 11px;
	color: #fff;
	padding: 1px 5px;
}
.archive.author .cat.news {
	background: #1da1f3;
}
.archive.author .cat.date-plan {
	background: #ff0068;
}
.archive.author .cat.other {
	background: #ffba00;
}


/* 関連記事
----------------------------- */
#related-box {
}
#related-box h2 {
	font-weight: bold;
/*	border-bottom: 1px solid #333;  */
}
#related-box h3 {
	margin: 0 0 5px;
	padding: 0;
}
#related-box h3:hover {
	text-decoration: underline;
}
.related-art {
	clear: both;
	padding: 16px 0;
	border-bottom: 1px solid #eee;
}
.related-art a {
	display: table;
	width: 100%;
	color: #333;
}
.related-art a > div {
	display: table-cell;
	vertical-align: middle;
}
.related-thumb {
	width: 40%;
}
.related-thumb img {
	width: 100%;
	height: auto;
}
.related-excerpt {
	padding-left: 16px;
}
.related-excerpt p {
	margin-bottom: 10px;
}
.related-author {
	font-size: 11px;
	color: #666;
}



/* シングル
----------------------------- */
.single .post p.meta {
	margin-bottom: 16px !important;
	padding: 0px !important;
}
.single h3 {
	border-bottom: none;
}

#custom-meta-box {
	clear: both;
	margin: 32px auto;
}
#custom-meta-in {
	overflow: hidden;
	background: #000;
}
#custom-meta-in-back {
	position: relative;
}
#custom-meta-in-back > p {
	position: absolute;
	z-index: 2;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 2em;
	text-shadow: 1px 1px 5px rgba(0,0,0,.5);
}
#custom-meta-in-back > img {
	position: absolute;
	width: 100%;
	height: auto;
	text-align: center;
	opacity: .6;
	z-index: 1;
}

#custom-meta-in-front {
	padding: 100px 0 56px;
	position: relative;
	z-index: 2;
	text-align: center;
	color: #fff;
	font-size: 12px;
}
#custom-meta-in-front p {
	text-shadow: 1px 1px 5px rgba(0,0,0,.5);
}
#custom-meta-in-front > img {
	width: 128px;
	height: 128px;
	border-radius: 64px;
	overflow: hidden;
	box-shadow: 0px 1px 10px rgba(0,0,0,.5);
}
#custom-meta-in-front a.btn {
	display: inline-block;
	color: #fff;
	padding: 8px;
	min-width: 140px;
	border-radius: 6px;
	text-decoration: none;
	margin: 3px;
	box-shadow: 0px 1px 10px rgba(0,0,0,.3);
}
#custom-meta-in-front a.btn:hover {
	opacity: .8;
	box-shadow: 0px 1px 10px rgba(0,0,0,.1);
}
#custom-meta-in-front a.goProf {
	background: #50b2ef;
	background: -moz-linear-gradient(top,  #50b2ef 0%, #207dda 100%);
	background: -webkit-linear-gradient(top,  #50b2ef 0%,#207dda 100%);
	background: linear-gradient(to bottom,  #50b2ef 0%,#207dda 100%);
}
#custom-meta-in-front a.goPost {
	background: #a95ff0;
	background: -moz-linear-gradient(top,  #a95ff0 0%, #8e31e2 100%);
	background: -webkit-linear-gradient(top,  #a95ff0 0%,#8e31e2 100%);
	background: linear-gradient(to bottom,  #a95ff0 0%,#8e31e2 100%);
}




/* サイドバー
----------------------------- */
#sidebar {
	padding-left: 32px;
}
#sidebar h3 {
	border-bottom: 1px solid #333;
}
#sideart {
	margin-bottom: 32px !important;
}
#sideart li {
	clear: both;
	padding: 16px 0 !important;
	border-bottom: 1px solid #eee;
}
#sideart li > a {
	display: table;
	width: 100%;
	color: #333;
}
#sideart li > a:hover span.title {
	text-decoration: underline;
}
#sideart li > a > div {
	display: table-cell;
	vertical-align: middle;
}
#sideart li .side-thumb {
	width: 40%;
}
#sideart li .side-thumb img {
	width: 100%;
	height: auto;
}
#sideart li .side-excerpt {
	padding-left: 16px;
}
#sideart li .side-excerpt span {
	display: block;
}
#sideart li span.time,
#sideart li span.author {
	font-size: 11px;
	color: #666;
}
#sideart li span.title {
	font-weight: bold;
	line-height: 1.4;
}

#custom-category-list {
}
#custom-category-list p {
	border-bottom: 1px dotted #666;
	margin-bottom: 0px;
	padding-bottom: 10px;
}
#custom-category-list ul {
	margin-bottom: 32px;
}
#custom-category-list ul li {
	border-bottom: 1px dotted #666;
	padding: 10px 0;
}
#custom-category-list ul a {
	display: block;
	color: #333;
}
#custom-category-list ul a:hover {
	text-decoration: underline;
}


/* キャスト募集
----------------------------- */
#ouboFormMain {
	padding: 32px;
	border: 3px solid #333;
}
#ouboFormMain .wpcf7 {
	width: 100%;
	max-width: 640px;
	margin: 0px auto;
}
#ouboFormMain input,
#ouboFormMain select,
#ouboFormMain textarea {
	font-size: 16px;
}
#ouboFormMain textarea {
	width: 100%;
	max-width: 640px;
}
#ouboFormMain input[type="tel"] {
	width: 100%;
	max-width: 640px;
	border: 1px solid #ddd;
	line-height: 1;
	vertical-align: middle;
	padding: 12px 12px 11px;
}
#ouboFormMain input#namae,
#ouboFormMain input#furigana {
	width: 100%;
	max-width: 640px;
}
#ouboFormMain input#sinchou,
#ouboFormMain input#taijuu {
	width: 120px;
	text-align: right;
}
#ouboFormMain input#seinen {
	width: 25%;
	max-width: 200px;
	text-align: right;
	border: 1px solid #ddd;
	line-height: 1;
	vertical-align: middle;
	padding: 12px 0 11px;
}
#ouboFormMain input#gatsu,
#ouboFormMain input#pi {
	width: 18%;
	max-width: 100px;
	text-align: right;
	border: 1px solid #ddd;
	line-height: 1;
	vertical-align: middle;
	padding: 12px 12px 11px;
}
#ouboFormMain select {
	border: 1px solid #ddd;
	line-height: 1;
	vertical-align: middle;
	padding: 12px 12px 11px;
}
#ouboFormMain p.mds {
	font-weight: bold;
}
#ouboFormMain p.sub {
	font-size: 12px;
	margin-top: -10px;
}
#ouboFormMain input[type="submit"] {
	display: block;
	margin: 64px auto 0;
	width: 100%;
	max-width: 240px;
	background: #53b1ec;
	color: #fff;
	border: none;
	padding: 1em;
	border-radius: 8px;
	font-weight: bold;
	cursor: pointer;
}
#ouboFormMain input[type="submit"]:hover {
	opacity: .7;
}


/* 予約ページ
----------------------------- */
#yoyakuForm,
#sendMailForm {
	padding: 32px;
	border: 3px solid #333;
}
#yoyakuForm input,
#yoyakuForm select,
#yoyakuForm textarea,
#sendMailForm input,
#sendMailForm select,
#sendMailForm textarea {
	font-size: 16px;
}
#yoyakuForm textarea,
#sendMailForm textarea {
	width: 100%;
}
#yoyaku-cast-image,
#send-cast-image {
	width: 200px;
	height: 200px;
	overflow: hidden;
	border-radius: 100px;
	margin: 0px auto;
}
#yoyakuForm .wpcf7,
#sendMailForm .wpcf7 {
	width: 100%;
	max-width: 640px;
	margin: 0px auto;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #333;
    padding: 32px;
}
#yoyakuForm p.mds,
#sendMailForm p.mds {
	font-weight: bold;
}
#yoyakuForm p.sub,
#sendMailForm p.sub {
	font-size: 12px;
	margin-top: -10px;
}
#yoyakuForm input[type="submit"],
#sendMailForm input[type="submit"] {
	display: block;
	margin: 64px auto 0;
	width: 100%;
	max-width: 240px;
	background: #53b1ec;
	color: #fff;
	border: none;
	padding: 1em;
	border-radius: 8px;
	font-weight: bold;
	cursor: pointer;
}
#yoyakuForm input[type="submit"]:hover,
#sendMailForm input[type="submit"]:hover {
	opacity: .7;
}


	
/* プレゼントを贈る
----------------------------- */
#sendPresentWrap ul {
	padding: 0px;
}
.castThumbImg {
	text-align: center;
	width: 160px;
	height: 160px;
	overflow: hidden;
	border-radius:80px;
	margin: 0px auto;
	box-shadow: 0px 1px 10px rgba(0,0,0,.3);
}
.castThumbImg img {
	width:100%;
	height: auto;
}

#sendPresentWrap {
	padding: 32px;
	border: 3px solid #333;
}
#sendPresentWrap .wpcf7 {
	width: 100%;
	max-width: 640px;
	margin: 0px auto;
}
#sendPresentWrap input,
#sendPresentWrap select,
#sendPresentWrap textarea {
	font-size: 16px;
}
#sendPresentWrap textarea {
	width: 100%;
	max-width: 640px;
}
#sendPresentWrap select {
	border: 1px solid #ddd;
	line-height: 1;
	vertical-align: middle;
	padding: 12px 12px 11px;
	width: 40%;
	display: inline-block;
	-webkit-appearance: none;
}
#sendPresentWrap p.mds {
	font-weight: bold;
}
#sendPresentWrap p.sub {
	font-size: 12px;
	margin-top: -10px;
}
#sendPresentWrap input[type="number"] {
	border: 1px solid #ddd;
	line-height: 1;
	vertical-align: middle;
	padding: 12px 12px 11px;
	width: 4em;
	display: inline-block;
}
#sendPresentWrap input[type="submit"] {
	display: block;
	margin: 64px auto 0;
	width: 100%;
	max-width: 240px;
	background: #53b1ec;
	color: #fff;
	border: none;
	padding: 1em;
	border-radius: 8px;
	font-weight: bold;
	cursor: pointer;
}
#sendPresentWrap input[type="submit"]:hover {
	opacity: .7;
}




/* YouTube iframe Fix
----------------------------- */
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}



/* フッター
----------------------------- */
#customFooter {
	background: #CCCC66;
	margin-bottom: -10px; 
	position: relative;
	z-index: 1;
	color: #fff;
	padding: 10px;  
	margin-top: 10px;
}
#customFooter .container > p {
	font-size: 16px;
}
#customFooter ul {
	display: table;
	width: 100%;
	table-layout: fixed;
}
#customFooter ul li {
	display: table-cell;
	width: 25%;
	float: left;
	padding: 1px;
}
#customFooter ul li a {
	display: block;
	color: #fff;
	text-align: center;
	background: #CCCC00;
	padding: 1em 0;
	font-size: 12px;
	border: 1px solid #fff;
}
#customFooter ul li a:hover {
	opacity: .7;
}
#ftSnsArea.separate div {
	text-align: center;
}
#ftSnsArea.separate div:last-child > div,
#ftSnsArea.separate div:last-child > div {
	padding: 0;
}
#ftSnsArea #twitterArea {
	float: right;
}
.copyright {
	text-align: center;
	font-size: 11px;
	margin-top: 32px;
}


@media (min-width: 768px) {
	.container {
			max-width: 1280px;
			min-width: 920px;
			padding: 0 32px;
	}
}

@media (max-width: 769px) {
	body {
		padding-top: 50px;
		font-size: 14px;
	}
	.container {
		padding: 16px;
	}
	#breadcrumb {
		margin: 10px 0;
	}

	.flw50 {
		width: 100%;
		float: none;
	}


	h2.title {
		font-size: 19px;
		margin-bottom: 1em;
		letter-spacing: 3px;
	}
	span.sub {
		margin-top:  5px;
		font-size: 11px;
		letter-spacing: 2px;
	}

/* ヘッダー
----------------------------- */
	#header {
		padding: 16px;
		transition: none;
		min-width: inherit;
	}
	#header.scale {
		height: 100%;
		width: 200px;
		position: fixed;
		left: inherit;
		right: 0px;
	}
	#head-in {
		padding: 0px;
	}
/* ロゴ 
----------------------------- */
	#logo {
		float: none;
		width: 100%;
		margin-left: 0;
		transition: none;
	}
	#logo a {
		text-align: center;
	}
	#logo a img {
		width: 60%;
		transition: none;
	}
	.scale #logo {
		width: 100%;
		margin-left: 0;
	}
	.scale #logo a img {
		width: 100%;
	}
/* TOPテキスト 
----------------------------- */
	#mainbgtxt {
		width: 100%;
		max-width: 90%;
		height: auto;
	}
/* メインナビゲーション 
----------------------------- */
	#spMenuBtn {
		display: block;
		width: 46px;
		height: 46px;
		padding: 14px 0 0 10px;
		color: #333;
		position: absolute;
		top: 3px;
		right: 6px;
		z-index: 30;
	}
	#spMenuBtn span {
		display: block;
		height: 1px;
		width: 21px;
		background: #333;
		margin-top: 7px;
	}
	#spMenuBtn span {
		display: block;
	}
	#castBtn {
		display: block;
		width: 46px;
		height: 46px;
		color: #ffccff;
		position: absolute;
		top: 3px;
		left: 6px;
		z-index: 30;
		padding-top: 12px;
	}
	#globalNav {
		clear: both;
		float: none;
	}
	#globalNav ul {
		clear: both;
		float: none;
		width: 100%;
		display: block;
		max-width: none;
		height: 100%;
		overflow: scroll;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
	}
	#globalNav li {
		display: block;
		border-bottom: 1px solid #f5f5f5;
	}
	#globalNav li:first-child {
		border-top: 1px solid #f5f5f5;
	}
	#globalNav li a {
		display: block;
		padding: 1em;
		font-size: 12px;
		color: #666;
		transition: 0.5s;
	}
	#globalNav a:hover {
		text-decoration: none;
		background: #eee;
	}
	#globalNav nav {
		position: absolute;
		top: 65px;
		right: 0;
		z-index: 20;
		width: 200px;
		height: 100%;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
		-webkit-transform: translateX(240px);
		-moz-transform: translateX(240px);
		-ms-transform: translateX(240px);
		-o-transform: translateX(240px);
		transform: translateX(240px);
	}
	.side-open nav {
		-webkit-transform: translateX(0px) !important;
		-moz-transform: translateX(0px) !important;
		-ms-transform: translateX(0px) !important;
		-o-transform: translateX(0px) !important;
		transform: translateX(0px) !important;
	}
	.side-open #castBtn {
		display: none;
	}
/* メインスライダー
-----------------------------
	.slider-pro {
		margin: 0px auto 32px !important;
		float: none;
	}
	#mainSlider a span {
		font-size: 16px;
	}
*/
/* homeContents
------------------------- */
	#topick1 {
		margin: 0 0 16px;
		font-size: 12px;
	}
	#top-banner .bnr-wrap,
	#top-banner .bnr-wrap p {
		margin-bottom: 0px;
		font-size: 12px;
	}

	#homeContents section {
		padding: 0;
	}
	#top3 {
		padding: 0;
	}
	/* ランキング */
	#ranking {
	}
	#top3 ul {
		display: block;
		width: 100%;
		table-layout: fixed;
		margin-bottom: 0px;
	}
	#top3 ul li {
		width: 50%;
		padding: 0 5px;
	}
	#top3 ul li:first-child {
		padding: 0;
		/* width: 100%; */
		display: block;
    width: 50%;
    text-align: center;
    margin: 0px auto;
	}
	#top3 ul li:nth-child(2) {
		padding: 10px 5px 0 0;
	}
	#top3 ul li:last-child {
		padding: 10px 0 0 5px;
	}
	
	#pop6 {
		padding: 0;
	}
	#cast-list .cast-box {
		display: table-cell;
		width: 33.3333%;
		float: left;
		padding: 5px;
		text-align: center;
	}
	.cast-box a {
		font-size: 12px;
	}
	.cast-box .furigana {
		font-size: 9px;
		margin-bottom: -3px;
	}
	.name span.age {
		font-size: 9px;
	}
	
	.link-btn {
		clear: both;
	}
	.link-btn a {
		font-size: 12px;
	}
	/* 記事リスト */
	.art-list-card li {
    width: 50%;
		margin: 0;
	}
	#barBigArea {
		margin: 0px;
	}
	#topNews,
	#topCastBlog,
	#topService {
		margin-top: 16px;
	}
	#topService .imageTitle {
		padding: 32px 0;
		margin-bottom: 16px;
	}
	.image_set,
	.image_set div {
		display: block;
	}
	.image_set .thumb,
	.image_set .txt {
		width: 100%;
		padding: 0px;
	}
	.image_set .thumb {
		margin-bottom: 16px;
	}
	.image_set .txt {
		padding: 0;
	}
	.step {
		padding: 0;
	}
	.image_set.step .txt {
		padding: 7px 20px 7px;
	}
	.separate,
	.separate div {
		display: block;
		padding: 0px;
	}
/* バナー小エリア */
	#barSmallArea {
		margin-top: 30px;
	}
	#bnr-small-in a {
		width: 50%;
	}
	
/* プレゼント履歴＆デート後のメッセージ */
	#rirekiGroup {
		margin: 24px auto;
		display: block;
	}
	#rirekiGroup a span.time,
	#rirekiGroup a .title {
		font-size: 11px;
	}
	#rirekiGroup .r-box {
		padding: 16px;
		height: 240px;
	}
	#rirekiGroup #present-list,
	#rirekiGroup #message-list {
		display: block;
		padding: 0;
	}
	#message-list {
		margin-top: 32px;
	}



	
/*
キャスト一覧
------------------------- */
	#aboutRank p.btn {
		font-size: 12px;
	}
	.rankInformation {
		width: 100%;
	}
	.rankInformation dl {
		font-size: 11px;
	}
	#castListWrap #cast-list .cast-box {
		width: 32.3333%;
	}
	#castListWrap table td {
		line-height: 1.4;
	}
	#castListWrap table {
		margin-bottom: 0 !important;
	}
	#castFilter {
		margin-bottom: 16px;
	}
	.castAllHead {
		margin-bottom: 0px;
	}
/* キャスト詳細ページ
----------------------------- */
	#castProfileWrap {
		clear: both;
		margin-top: 16px;
		position: relative;
	}
	h2.castName  {
		position: inherit;
		left: inherit;
		top: inherit;
		z-index: 1;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	h2.castName span {
		display: block;
		font-size: 11px;
		letter-spacing: 2px;
	}
	#castProfileWrap h3 {
		clear: both;
	}
	#castInfo {
		padding-top: 0px;
		padding-left: 0px;
	}
	table#castProfile th,
	table#castProfile td {
		font-size: 12px;
	}
	.btnGroup .act-btn {
		display: block;
		width: 100%;
	}
	.btnGroup .act-btn input[type="submit"], .btnGroup .act-btn a {
		width: 80%;
		max-width: 300px;
		margin: 0px auto;
	}
	#schedule {
		margin-bottom: 32px;
	}
	h3.schedule-title {
		margin-top: -0;
	}
	#castSnsArea {
		margin-top: 0px;
	}
	#castSnsArea > div {
		width: 100%;
		display: block;
		padding: 0px;
		margin-bottom: 16px;
	}
	#castSnsArea #twitterArea .sns-in {
		max-height: 360px;
	}
/* メッセージ
----------------------------- */
	.cmaq-box {
		padding: 8px 24px;
		font-size: 13px;
	}
	#cmaq {
		padding-top: 32px;
	}
	.cmaqTab span {
		padding: 1em 0;
		font-size: 11px;
	}
/* プレゼント
----------------------------- */
	#present p {
		font-size: 13px;
	}
	.present-list li {
		width: 20%;
		padding: 0px;
		margin-bottom: 5px;
	}
	.present-list li img {
		width: 98%;
	}
	.present-list li span {
		position: absolute;
		right: 2px;
		bottom: 1px;
		font-size: 9px;
	}
	#btn-send-present a {
		width: 80%;
		max-width: 300px;
	}

/* 料金システム
----------------------------- */
	.linkMenu ul li {
		width: 49%;
	}
	.linkMenu ul li a {
		font-size: 12px;
		padding: 1em .5em;
	}
	#system-info p {
		font-size: 13px;
	}
	.table-base {
		font-size: 11px;
	}

/* カテゴリ
----------------------------- */
	#list .term {
		margin: 0 0 10px;
		max-height: 200px;
		overflow: hidden;
	}
	#list .term img {
		width: 100%;
		height: auto;
		margin: 0 0  10px;
	}
	.art-list h2.entry-title {
		margin: 0;
	}
	.art-list p.meta {
		margin: 0;
	}
	.art-list div.author {
		margin: 0 0 16px;
	}
	
/* プレゼントシステムについて
----------------------------- */
	#present-systemWrap .tab-cell ul,
	#present-systemWrap .tab-cell ul li {
		display: block;
		width: 100%;
		float: none;
	}
	#present-systemWrap .tab-cell ul li {
		border-bottom: 1px dotted #ccc;
	}
	#present-systemWrap .tab-cell ul li:after {
		content: "";
		display: table;
		clear: both;
	}
	#present-systemWrap .tab-cell ul li img {
	}
	#present-systemWrap .tab-cell ul li p {
		min-height: 6em;
		margin-top: 0px;
	}
	#present-systemWrap .tab-cell ul li:nth-child(odd),
	#present-systemWrap .tab-cell ul li:nth-child(even) {
		padding: 10px;
	}
	
/* サイドバー
----------------------------- */
	#sidebar {
		padding-left: 0;
	}



/* フッター
----------------------------- */
	#customFooter {
		padding: 0px 0px 80px;
		margin-bottom: -190px;
	}
	#customFooter ul li {
		width: 50%;
	}
	#customFooter ul li a {
		padding: 8px 0;
	}
}


@media (max-width: 521px) {
/* ランキング */
.art-list-card li {
	width: 100%;
	margin-bottom: 10px;
}
.art-list-card li a .thumb,
.art-list-card li a .thumb > img {
	height: auto;
	max-height: inherit;
	min-height: inherit;
}
.art-list-card li a .title {
	min-height: inherit;
}
/*
TOP 背景アニメーション
------------------------- */
	#backImageLoop {
		width: 100%;
		height: 330px;
		background-size: cover;
	}
	#mainbgtxt {
		padding-top: 80px;
	}
	#backImageLoop a {
		bottom: 15%;
	}
/*
キャスト一覧
------------------------- */
	#castListWrap #cast-list .cast-box {
		width: 50%;
	}
/* シングル
----------------------------- */
	#custom-meta-in-back > p {
		font-size: 1em;
		font-weight: bold;
	}
	#custom-meta-in-front {
		padding: 64px 0 16px;
		position: relative;
		z-index: 2;
		text-align: center;
		color: #fff;
		font-size: 12px;
	}
	#custom-meta-in-front p {
		text-shadow: 1px 1px 5px rgba(0,0,0,.5);
	}
	#custom-meta-in-front > img {
		width: 64px;
		height: 64px;
	}
	#custom-meta-in-front a.btn {
		display: inline-block;
		color: #fff;
		padding: 8px;
		min-width: 140px;
		border-radius: 6px;
		text-decoration: none;
		margin: 3px;
		box-shadow: 0px 1px 10px rgba(0,0,0,.3);
	}
/* プレゼント送るボタン
----------------------------- */
	#btn-send-present input[type="submit"] {
		width: 80%;
		max-width: 300px;
	}
	
#ftSnsArea #twitterArea {
	float: none;
}
	#ftSnsArea.separate div:first-child { padding-right:0px;}
	#ftSnsArea.separate div:last-child { padding-left:0px;}
}

@media (max-width: 320px) {
#castListWrap .style {
	min-height: 5em;
}
}