@charset "UTF-8";

/* #################################################################################################################### */
/* #################################################################################################################### */
/* ▼original
*/

/* original.css */

/* ####################################################### */
/* ▼ PCのみ表示／SPのみ表示
*/

/* ▼PC/タブレット 表示領域が600px以上の場合 */
@media (min-width: 600px) {
	/* PC表示 (SP非表示) */
	.display_on_sp{
		display: none !important;
	}
}

/* ▼スマホ 表示領域が600px未満の場合 */
@media (max-width: 599px) {
	/* SP表示 (PC非表示) */
	.display_on_pc{
		display: none !important;
	}
}
/*
<div class="display_on_pc">PC [blog_parts id="12020"] </div>
<div class="display_on_sp">SP [blog_parts id="12020"] </div>
*/


/* #################################################################################################################### */
/* #################################################################################################################### */
/* ▼動画記事用クラス
*/

.area_wrap_av_videos_title				{}
.area_wrap_av_videos_pagetop_title		{
	padding: 15px 0 15px 0 !important;
	background-color: #fff2f8;
	border-top: 4px #ad0a50 solid !important;
	border-bottom: 4px #ad0a50 solid !important;
}

.area_wrap_av_videos_cid				{}
.area_wrap_av_videos_actress			{}
.area_wrap_av_videos_performer			{}
.area_wrap_av_videos_maker				{}
.area_wrap_av_videos_label				{}
.area_wrap_av_videos_director			{}
.area_wrap_av_videos_series				{}
.area_wrap_av_videos_volume				{}
.area_wrap_av_videos_date				{}
.area_wrap_av_videos_genre				{}
.area_wrap_av_videos_genre_pagetop		{
	padding: 15px 0 15px 0 !important;
	background-color: #fff2f8;
	border-top: 4px #ad0a50 solid !important;
	border-bottom: 4px #ad0a50 solid !important;
}

.area_wrap_av_videos_random1			{}
.area_wrap_av_videos_random2			{}
.area_wrap_av_videos_random3			{}

.area_wrap_av_videos_detail-list		{}
.area_wrap_av_videos_detail-table		{}
.area_wrap_av_videos_package			{}
.area_wrap_av_videos_package img		{
	width:75%;
	margin:0 auto 0 auto;
	padding:5px;
	border:3px solid #eeeeee;
}
.area_wrap_av_videos_sample-movie2		{}
.area_wrap_av_videos_sample-movie		{}
.area_wrap_av_videos_tachiyomi			{}
.area_wrap_av_videos_sample-cap			{}
.area_wrap_av_videos_sample-photo		{
	width:100% !important;
	text-align:center !important;
}
.wp-block-image{
	width:100% !important;
	text-align:center !important;
}
.area_wrap_av_videos_sample-photo img	{
	margin:0 auto 25px auto !important;
	/* box-shadow: 2px 2px 2px 1px rgb(128 128 128 / 20%); */
	box-shadow: 0 5px 8px 0 rgba(128, 128, 128, 0.5);
}
.area_wrap_av_videos_sample-flex		{}
.area_wrap_av_videos_act-info			{}
.area_wrap_av_videos_act-table			{}
.area_wrap_av_videos_comment			{}
.area_wrap_av_videos_comment-short		{}
.area_wrap_av_videos_aff-button			{}
.area_wrap_av_videos_aff-button2		{}
.area_wrap_av_videos_aff-link			{}
.area_wrap_av_videos_tachiyomi-link		{}


/* #################################################################################################################### */
/* #################################################################################################################### */
/* ▼PCとSP 個別CSS
*/

/* ####################################################### */
/* ▼タイトル系
*/

/* ▼PC/タブレット 表示領域が600px以上の場合 */
@media (min-width: 600px) {

	/* テキスト メインビジュアル トップページ */
	.text_main_visual_no1{
		font-size: 160% !important;
		letter-spacing:0.35em !important;
	}
}

/* ▼スマホ 表示領域が600px未満の場合 */
@media (max-width: 599px) {

	/* テキスト メインビジュアル */
	.text_main_visual_no1{
		font-size: 180% !important;
		letter-spacing:0.25em !important;
	}

}

/* ####################################################### */
/* ▼ボタン系
*/

/* ボタン アフィリエイト系 */
.btn_affi_base,
a.btn_affi_base,
button.btn_affi_base {
	position: relative;
	display: inline-block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

/* ▼PC/タブレット 表示領域が600px以上の場合 */
@media (min-width: 600px) {

	/* ボタン アフィリエイト系 赤*/
	a.btn_affi_clr_red {
		background-color: #d20010;
		border: 2px solid #9f000c;
	}

	/* ボタン アフィリエイト系 紫*/
	a.btn_affi_clr_purple {
		background-color: #cc32cf;
		border: 2px solid #9e15a1;
	}

	/* ボタン アフィリエイト系 オレンジ*/
	a.btn_affi_clr_orange {
		background-color: #e87400;
		border: 3px solid #e66400;
	}

	/* ボタン アフィリエイト系 タイプA*/
	a.btn_affi_type_a {
		font-size: 1.5rem !important;
		letter-spacing: 0.1em;
		font-weight: 700;
		line-height: 1.5;
		width:100%;

		position: relative;
		padding: 20px 0px 20px 0px;
		color: #fff !important;
		border-radius: 100vh !important;
		-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .3) !important;
		box-shadow: 0 5px 5px rgba(0, 0, 0, .3) !important;
	}

}

/* ▼スマホ 表示領域が600px未満の場合 */
@media (max-width: 599px) {

	/* ボタン アフィリエイト系 赤*/
	a.btn_affi_clr_red {
		background-color: #d20010;
		border: 2px solid #9f000c;
	}

	/* ボタン アフィリエイト系 紫*/
	a.btn_affi_clr_purple {
		background-color: #cc32cf;
		border: 2px solid #9e15a1;
	}

	/* ボタン アフィリエイト系 オレンジ*/
	a.btn_affi_clr_orange {
		background-color: #e87400;
		border: 3px solid #e66400;
	}

	/* ボタン アフィリエイト系 タイプA*/
	a.btn_affi_type_a {
		font-size: 1.3rem !important;
		letter-spacing: 0.1em;
		font-weight: 700;
		line-height: 1.5;
		width:100%;

		position: relative;
		padding: 20px 0px 20px 0px;

		color: #fff !important;
		border-radius: 100vh !important;
		-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .3) !important;
		box-shadow: 0 5px 5px rgba(0, 0, 0, .3) !important;
	}

}

/* ####################################################### */
/* ▼テキスト系
*/

/* ▼PC/タブレット 表示領域が600px以上の場合 */
@media (min-width: 600px) {

	/* テキストサイズ */
	.text_size_xxs			{font-size: 70% !important;}
	.text_size_xs			{font-size: 90% !important;}
	.text_size_s			{font-size: 110% !important;}
	.text_size_m			{font-size: 120% !important;}
	.text_size_l			{font-size: 130% !important;}
	.text_size_xl			{font-size: 150% !important;}
	.text_size_xxl			{font-size: 170% !important;}

	/* 行間サイズ */
	.text_line_xxs			{line-height: 70% !important;}
	.text_line_xs			{line-height: 90% !important;}
	.text_line_s			{line-height: 110% !important;}
	.text_line_m			{line-height: 120% !important;}
	.text_line_l			{line-height: 130% !important;}
	.text_line_xl			{line-height: 150% !important;}
	.text_line_xxl			{line-height: 170% !important;}

	/* 文字間サイズ */
	.text_letter_xxs		{letter-spacing:0.01em !important;}
	.text_letter_xs			{letter-spacing:0.05em !important;}
	.text_letter_s			{letter-spacing:0.1em !important;}
	.text_letter_m			{letter-spacing:0.15em !important;}
	.text_letter_l			{letter-spacing:0.20em !important;}
	.text_letter_xl			{letter-spacing:0.25em !important;}
	.text_letter_xxl		{letter-spacing:0.30em !important;}

}

/* ▼スマホ 表示領域が600px未満の場合 */
@media (max-width: 599px) {

	/* テキストサイズ */
	.text_size_xxs			{font-size: 70% !important;}
	.text_size_xs			{font-size: 90% !important;}
	.text_size_s			{font-size: 110% !important;}
	.text_size_m			{font-size: 120% !important;}
	.text_size_l			{font-size: 130% !important;}
	.text_size_xl			{font-size: 150% !important;}
	.text_size_xxl			{font-size: 170% !important;}

	/* 行間サイズ */
	.text_line_xxs			{line-height: 70% !important;}
	.text_line_xs			{line-height: 90% !important;}
	.text_line_s			{line-height: 110% !important;}
	.text_line_m			{line-height: 120% !important;}
	.text_line_l			{line-height: 130% !important;}
	.text_line_xl			{line-height: 150% !important;}
	.text_line_xxl			{line-height: 170% !important;}

	/* 文字間サイズ */
	.text_letter_xxs		{letter-spacing:0.01em !important;}
	.text_letter_xs			{letter-spacing:0.05em !important;}
	.text_letter_s			{letter-spacing:0.1em !important;}
	.text_letter_m			{letter-spacing:0.15em !important;}
	.text_letter_l			{letter-spacing:0.20em !important;}
	.text_letter_xl			{letter-spacing:0.25em !important;}
	.text_letter_xxl		{letter-spacing:0.30em !important;}

}

/* ####################################################### */
/* ▼パディング、マージン、幅
*/

/* ▼スマホ 表示領域が599px未満の場合 */
@media screen and (max-width: 599px) {
	/* パディング左右、幅 採用案内 */
	.padding_group_leftandright_intro,
	.padding_group_leftandright_achieve,
	.padding_group_leftandright_recruit,
	.padding_group_leftandright_news{
		padding:0 0 0 0 !important;
	}
}

/* ▼タブレット 600px～1379px */
@media screen and (min-width: 600px) and (max-width: 1119px){
	/* パディング左右、幅 採用案内 */
	.padding_group_leftandright_intro,
	.padding_group_leftandright_achieve,
	.padding_group_leftandright_recruit,
	.padding_group_leftandright_news{
		padding:0 0 0 0 !important;
	}
}

/* ▼PC/タブレット 表示領域が1380px以上の場合 */
@media screen and (min-width: 1120px) {
	/* パディング左右、幅 採用案内 */
	.padding_group_leftandright_intro,
	.padding_group_leftandright_achieve,
	.padding_group_leftandright_recruit,
	.padding_group_leftandright_news{
		width:1020px !important;
	}
}


/* #################################################################################################################### */
/* #################################################################################################################### */
/* ▼icon画像有ボタン
*/

/* 基本 */
.btn_affi_icon,
a.btn_affi_icon,
button.btn_affi_icon {
	font-size: 1.6rem !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
	position: relative !important;
	display: inline-block !important;
	padding: 1rem 0 !important;
	cursor: pointer !important;
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
	-webkit-transition: all 0.3s !important;
	transition: all 0.3s !important;
	text-align: center !important;
	vertical-align: middle !important;
	text-decoration: none !important;
	letter-spacing: 0.1em !important;
	color: #ffffff !important;
	border-radius: 0.5rem !important;
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
}

/* pink */
a.btn_affi_icon_pink.btn_affi_icon_cubic {
  background-color: #D21E99 !important;
  border-bottom: 5px solid #c91e93 !important;
}
a.btn_affi_icon_pink.btn_affi_icon_cubic:hover {
  margin-top: 3px;
  color: #ffffff !important;
  background-color: #ed4ebb !important;
  border-bottom: 2px solid #c91e93 !important;
}

/* orange */
a.btn_affi_icon_orange.btn_affi_icon_cubic {
  background-color: #ff7b00 !important;
  border-bottom: 5px solid #e66605 !important;
}
a.btn_affi_icon_orange.btn_affi_icon_cubic:hover {
  margin-top: 3px;
  color: #ffffff !important;
  background-color: #ff8717 !important;
  border-bottom: 2px solid #cc8916 !important;
}

/* 角丸 */
a.btn_affi_icon_radius {
  border-radius: 100vh !important;
}

/* 矢印 */
.btn_affi_icon span.arrow-right {
  position: absolute;
  top: calc(50% - 0.2em);
  right: 1.5rem;
}

/* 陰 */
.btn_affi_icon_box .shadow{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #333333;
	background-color: #dddddd;
	font-size: 30px;
	width: 300px;
	height: 100px;
	border-radius: 3px;
	box-shadow: 0px 3px 5px 0px rgba(28, 0, 129, 0.8);
}

/* デスクトップ */
@media (min-width: 768px) {

	/*ボーナスアイコン*/
	.btn_affi_icon_box{
		position: relative;
	}

	/* デフォルト pink */
	.btn_affi_icon_box .icon{
		position: absolute;
		border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
		width:  120px;       /* ※縦横を同値に */
		height: 120px;       /* ※縦横を同値に */
		top: -60px;
		right: 30px;
		/*background:linear-gradient(to bottom, #ff9999, #b30000);*/
		background-color:#c91e93;
		z-index:10;
	}
	.btn_affi_icon_box .icon img{
		border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
		width:  120px;       /* ※縦横を同値に */
		height: 120px;       /* ※縦横を同値に */

		border:2px solid #c91e93;

		/*box-shadow: 0px 0px 5px rgba(112, 21, 21, 1);*/
	}

	/* orange */
	.btn_affi_icon_box .icon_orange{background-color:#ff7b00 !important;}
	.btn_affi_icon_box .icon_orange img{border:2px solid #ff7b00 !important;}

	/*ボーナステキスト*/
	.btn_affi_icon_box .text-area{
		position: absolute;
		top: -24px;
		width:100%;
		text-align:center;
		padding:0px;
		margin:0px;
		z-index:1;
	}
	.btn_affi_icon_box .text{
		background-color:#c91e93;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

}

/*モバイル*/
@media (max-width: 767px) {

	/*ボーナスアイコン*/
	.btn_affi_icon_box{
		position: relative;
	}

	/* デフォルト pink */
	.btn_affi_icon_box .icon{
		position: absolute;
		border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
		width:  100px;       /* ※縦横を同値に */
		height: 100px;       /* ※縦横を同値に */
		top: -50px;
		right: 10px;
		/*background:linear-gradient(to bottom, #ff9999, #b30000);*/
		background-color:#c91e93;
		z-index:10;
	}
	.btn_affi_icon_box .icon img{
		border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
		width:  100px;       /* ※縦横を同値に */
		height: 100px;       /* ※縦横を同値に */

		border:2px solid #c91e93;

		/*box-shadow: 0px 0px 5px rgba(112, 21, 21, 1);*/
	}

	/* orange */
	.btn_affi_icon_box .icon_orange{background-color:#ff7b00 !important;}
	.btn_affi_icon_box .icon_orange img{border:2px solid #ff7b00 !important;}

	/*ボーナステキスト*/
	.btn_affi_icon_box .text-area{
		position: absolute;
		top: -24px;
		width:100%;
		text-align:center;
		padding:0px;
		margin:0px;
		z-index:1;
	}
	.btn_affi_icon_box .text{
		padding:3px;
		background-color:#c91e93;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
}