@charset "utf-8";

/********** 【仮】 サイトの定義 **********

使用する文字サイズ：
10px
12px
14px
16px（基本）
18px（中サイズ見出し）
20px（特例:TOPの検索するボタンなど）
24px（特例:TOPのエリア検索・駅検索など）
28px（大サイズ見出し）

空白の使用サイズ：
10px
20px
40px（基本）
60px
120px（大見出しの段落ごと）

*******************************/




/********** 【新】 メイン画像スライダー **********/

#main_Image {
	width: 100%;
	padding-top: 187px;
}

#main_Image a {

}

#main_Image a img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

#main_Image a img:hover {
	opacity: 1;
}




main {

}




/********** お知らせ（新着3～5件） **********/

section#news_Toppage {
	text-shadow: none;
}

section#news_Toppage div.content {
	padding: 40px 0;
}


/*** ニュースティッカー ***/
section#news_Toppage div.content .newsTicker {
	padding: 20px 30px;
	background-image: linear-gradient(180deg, #ff0080, #A54CFF);
	border-radius: 35px;
}

section#news_Toppage div.content .newsTicker .ticker-wrap {
	display: flex;
	width: 100%;
}
section#news_Toppage div.content .newsTicker .ticker-wrap .ticker {
	width: 100%;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}
section#news_Toppage div.content .newsTicker .ticker-wrap .ticker ul {
	position: relative;
	list-style: none;
	height: 100%;
	margin: 0;
	padding: 0;
}
section#news_Toppage div.content .newsTicker .ticker-wrap .ticker ul li.ticker-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-right: 0;
	opacity: 0;
}

section#news_Toppage div.content .newsTicker .ticker-wrap .ticker ul li.ticker-item a {
  display: inline-block;
  width: auto;
  color: #333;
  white-space: nowrap;
  text-decoration: none;
  transition: transform 5s linear;
}
section#news_Toppage div.content .newsTicker .ticker-wrap .ticker ul li.ticker-item a .ticker-date {
	padding: 5.5px 10px;
	font-weight: bold;
	color: #fb24a2;
	background: #fff;
	border-radius: 4px;
}
section#news_Toppage div.content .newsTicker .ticker-wrap .ticker ul li.ticker-item a .ticker-title {
  margin-left: 10px;
  color: #fff;
}

/*
.ticker-new {
  color: red;
  margin-left: 10px;
  animation: blink 1s ease-in-out infinite alternate;
}
*/

section#news_Toppage div.content .newsTicker .ticker-wrap .ticker ul li.ticker-item.fadeInDown {
  opacity: 0;
}
section#news_Toppage div.content .newsTicker .ticker-wrap .ticker ul li.ticker-item.fadeInDown.run {
  animation: fadeInDown 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

section#news_Toppage div.content .newsTicker .ticker-wrap .ticker ul li.ticker-item.fadeOutDown {
  opacity: 1;
}
section#news_Toppage div.content .newsTicker .ticker-wrap .ticker ul li.ticker-item.fadeOutDown.run {
  animation: fadeOutDown 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-30px);
  }
}

/*
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
*/




section {
	text-shadow:
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff;
}




/********** 業界最大級のアダルトSEO実績 **********/

section#results_Toppage {
	background: #f5f5f7;
}


/*
1行目（右から左へ）
----------------------------*/
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

/*
2行目（左から右へ）
----------------------------*/
@keyframes infinity-scroll-right {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

/*
IE11対策
----------------------------*/
_:-ms-lang(x)::-ms-backdrop,
section#results_Toppage .slideshow {
  display: -ms-grid;
  overflow: hidden;
}
/*----------------------------*/

section#results_Toppage div.content {
	width: 100%;
}

section#results_Toppage .slideshow {
  margin-bottom: 40px;
}

section#results_Toppage .slideshow .slideshow_wrap {
  display: flex;
  overflow: hidden;
}

section#results_Toppage .slideshow .slideshow_wrap .slideshowList {
  display: flex;
  list-style: none;

	font-size: 0;
}


section#results_Toppage .slideshow .slideshow_wrap:hover .slideshowList-left,
section#results_Toppage .slideshow .slideshow_wrap:hover .slideshowList-right {
  /* animation-play-state: paused; ← マウスを乗せると一時停止 */

	font-size: 0;
}

section#results_Toppage .slideshow .slideshow_wrap .slideshowList-left {
animation :infinity-scroll-left 60s infinite linear 0.5s both;

	font-size: 0;
}

section#results_Toppage .slideshow .slideshow_wrap .slideshowList-right {
animation :infinity-scroll-right 60s infinite linear 0.5s both;

	font-size: 0;
}


section#results_Toppage .slideshow .slideshow_wrap .slideshowList .item {
    position:relative;

	width: 160px;
	/* width: calc(100vw / 10); */
	margin-right: 40px;
	padding: 10px;

	/* background: rgba(255,255,255,1.0); */

	align-items: center; /* テキストの中央揃え */
	bottom: 0;
	display: flex; /* テキストの中央揃え */
	justify-content: center; /* テキストの中央揃え */

}
section#results_Toppage .slideshow .slideshow_wrap .slideshowList .item img {
	width: 100%;
	margin-bottom: 0;
}

/*
section#results_Toppage .slideshow .slideshow_wrap .slideshowList .item a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 20px);
    height: calc(100% - 20px);

	padding: 10px;
}
*/




/********** 創業○○年。アダルトSEO対策.JP **********/

section#about {
	/* border-bottom: 1px solid #ddd; */

  background-image: 
    /* 1枚目の背景画像のパス */
    url("../../img/pc/about_bg_L.webp"),
    /* 2枚目の背景画像のパス */
    url("../../img/pc/about_bg_R.webp");

  background-position:
    /* 1枚目の背景画像の表示位置 */
    left center,
    /* 2枚目の背景画像の表示位置 */
    right center;

  background-repeat:
    /* 1枚目の背景画像の設定 */
    no-repeat,
    /* 2枚目の背景画像の設定 */
    no-repeat;
}

section#about .content {

}

section#about .content div p {

}

section#about .content div p.title1 {
	margin: 0;
	
	font-size: 80px;
	font-family: 'Noto Sans JP',system-ui;
	font-weight: 900;
}

section#about .content div p.title2 {
	margin-bottom: 40px;

	font-size: 48px;
	font-family: 'Noto Sans JP',system-ui;
	font-weight: 900;
	color: #777;
}

section#about .content .appeal {
	margin-bottom: 40px;
}

section#about .content .appeal .ajsa {
	display: inline-block;
	width: 308px;
	margin-right: 40px;
}

section#about .content .appeal .ajsa img {
	width: 100%;
}

section#about .content .appeal .a-seo {
	display: inline-block;
	vertical-align: bottom;
	width: 852px;
}

section#about .content .appeal .a-seo ul li {
	margin-bottom: 20px;
}

section#about .content .appeal .a-seo ul li:last-child {
	margin-bottom: 0;
}

section#about .content .appeal .a-seo ul li p {
	font-size: 24px;
	text-align: left;
}




/********** おさえておきたい3つのポイント **********/

section#point {
	background: #f5f5f7;
	border-bottom: 1px solid #ddd;

  background-image: 
    /* 1枚目の背景画像のパス */
    url("../../img/pc/point_bg_L.webp"),
    /* 2枚目の背景画像のパス */
    url("../../img/pc/point_bg_R.webp");

  background-position:
    /* 1枚目の背景画像の表示位置 */
    left center,
    /* 2枚目の背景画像の表示位置 */
    right center;

  background-repeat:
    /* 1枚目の背景画像の設定 */
    no-repeat,
    /* 2枚目の背景画像の設定 */
    no-repeat;
}

section#point .content {

}

section#point .content ul.feature_Box {
	width: 100%;
	margin-bottom: 40px;
	font-size: 0;
}

section#point .content ul.feature_Box li {
	display: block;
	vertical-align: middle;
	
	width: 100%;
	margin-bottom: 20px;
	padding: 0;

	font-size: 16px;
}

section#point .content ul.feature_Box li:last-child {
	margin-bottom: 20px;
}

section#point .content ul.feature_Box li p {

}

section#point .content ul.feature_Box li h4 {
	margin-bottom: 0;
	padding: 0 20px 10px 35px;

	font-size: 36px;
	font-family: 'Noto Sans JP',system-ui;
	font-weight: 900;

	letter-spacing: -0.64px;

	color: #fff;
	text-align: left;

	background: #000;

	text-shadow: none;
}

section#point .content ul.feature_Box li h4 span {
	margin-right: 10px;
	font-family: 'Dynalight', cursive;
	font-size: 68px;
	color: #fb24a2;

	text-shadow:
		0 0 2px #ffffff,
		0 0 2px #ffffff,
		0 0 2px #ffffff,
		0 0 2px #ffffff,
		0 0 2px #ffffff,
		0 0 2px #ffffff,
		0 0 2px #ffffff,
		0 0 2px #ffffff,
		0 0 2px #ffffff,
		0 0 2px #ffffff,
		0 0 2px #ffffff,
		0 0 2px #ffffff,
		0 0 2px #ffffff,
		0 0 2px #ffffff,
		0 0 2px #ffffff,
		0 0 2px #ffffff,
		0 0 2px #ffffff,
		0 0 2px #ffffff,
		0 0 2px #ffffff,
		0 0 2px #ffffff;
}

section#point .content ul.feature_Box li .text {
	padding: 20px;

	background: #fff;

	border-right: 4px solid #000;
	border-bottom: 4px solid #000;
	border-left: 4px solid #000;
}

section#point .content ul.feature_Box li .text p {
	margin-bottom: 20px;
	font-size: 16px;
	text-align: left;
	text-shadow: none;
}

section#point .content ul.feature_Box li .text p:last-child {
	margin-bottom: 0;
}

section#point .content ul.feature_Box li .text p span {
	margin: 0 3px;
	padding: 0 3px;
	font-weight: bold;
	color: #fb24a2;
	background-image: linear-gradient(transparent 57.5%, #ffff00 0%)
}




/********** アダルトSEO対策.JP 料金例 **********/

section#price {
  background-image: 
    /* 1枚目の背景画像のパス */
    url("../../img/pc/price_bg_L.png"),
    /* 2枚目の背景画像のパス */
    url("../../img/pc/price_bg_R.webp");

  background-position:
    /* 1枚目の背景画像の表示位置 */
    left center,
    /* 2枚目の背景画像の表示位置 */
    right center;

  background-repeat:
    /* 1枚目の背景画像の設定 */
    no-repeat,
    /* 2枚目の背景画像の設定 */
    no-repeat;
}

section#price div.content {

}


section#price div.content .plan {
	margin-bottom: 20px;
}


/* テーブル表（料金表） */
section#price div.content .plan ul {

}

section#price div.content .plan ul li {
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 3 - 40px /3);
	margin-right: 20px;
}

section#price div.content .plan ul li:last-child {
	margin-right: 0;
}



section#price div.content .plan ul li table {
	text-align: left;

	border-spacing: 0;
}

section#price div.content .plan ul li table th {
	padding: 20px;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid;
	border-right: 1px solid;
	border-left: 0;

	color: #fff;
}

section#price div.content .plan ul li table.single th {
	border-top-color: #00b900;
	border-right-color: #00b900;
	background: #00b900;
}
section#price div.content .plan ul li table.pack1 th {
	border-top-color: #fb24a2;
	border-right-color: #fb24a2;
	background: #fb24a2;
}
section#price div.content .plan ul li table.pack2 th {
	border-top-color: #2864f0;
	border-right-color: #2864f0;
	background: #2864f0;
}


section#price div.content .plan ul li table th.title {
	font-size: 28px;
	font-family: 'Noto Sans JP',system-ui;
	font-weight: 900;

	border-top: 0;
	border-right: 0;

	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

section#price div.content .plan ul li table td {
	height: 476.5px;

	padding: 20px;
	vertical-align: middle;

	background: #fff;

	border-right: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;

	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

section#price div.content .plan ul li table.single td {
	border-right-color: #00b900;
	border-bottom-color: #00b900;
	border-left-color: #00b900;
}
section#price div.content .plan ul li table.pack1 td {
	border-right-color: #fb24a2;
	border-bottom-color: #fb24a2;
	border-left-color: #fb24a2;
}
section#price div.content .plan ul li table.pack2 td {
	border-right-color: #2864f0;
	border-bottom-color: #2864f0;
	border-left-color: #2864f0;
}


section#price div.content .plan ul li table td p {

}

section#price div.content .plan ul li table.single td p a	{ color: #00b900; }
section#price div.content .plan ul li table.pack1 td p a	{ color: #fb24a2; }
section#price div.content .plan ul li table.pack2 td p a	{ color: #2864f0; }

section#price div.content .plan ul li table td p.target {
	font-size: 28px;
	font-family: 'Noto Sans JP',system-ui;
	font-weight: 900;

	animation: BLINK 0.6s ease-in-out infinite alternate;
}
@keyframes BLINK {
	0% { opacity: 1.0; }
	100% { opacity:0; }
}

section#price div.content .plan ul li table.single td p.target	{ color:#00b900; }
section#price div.content .plan ul li table.pack1 td p.target		{ color:#fb24a2; }
section#price div.content .plan ul li table.pack2 td p.target	{ color:#2864f0; }

section#price div.content .plan ul li table td p font {
	margin: 0 3px;
	padding: 0 3px;
	background-image: linear-gradient(transparent 57.5%, #ffff96 0%)
}

section#price div.content .plan ul li table td p.menu {
	line-height: 20px;
	margin-bottom: 6px;
	padding: 8px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border-radius: 18px;
}
section#price div.content .plan ul li table.single td p.menu { background:#00b900; }
section#price div.content .plan ul li table.pack1 td p.menu { background:#fb24a2; }
section#price div.content .plan ul li table.pack2 td p.menu { background:#2864f0; }

section#price div.content .plan ul li table td p.menu span { color: yellow; }

section#price div.content .plan ul li table td p.price {
	margin: 0 auto;
	margin-bottom: 12.5px;
	line-height: 1;
	font-size: 20px;
	font-weight: bold;
}
section#price div.content .plan ul li table.single td p.price	{ width:282px; color:#00b900; }	/* 余裕をもって、＋4pxで設定中 */
section#price div.content .plan ul li table.pack1 td p.price	{ width:303px; color:#fb24a2; }	/* 余裕をもって、＋4pxで設定中 */
section#price div.content .plan ul li table.pack2 td p.price	{ width:312px; color:#2864f0; }	/* 余裕をもって、＋4pxで設定中 */


section#price div.content .plan ul li table td p.price span.type {
	vertical-align: super;
	margin-right: 12px;
	padding: 4px 8px;
	font-size: 16px;
	font-weight: normal;
	border: 1px solid;
	background: #fff;
}

section#price div.content .plan ul li table.single td p.price span.type	{ border-color:#00b900; }
section#price div.content .plan ul li table.pack1 td p.price span.type		{ border-color:#fb24a2; }
section#price div.content .plan ul li table.pack2 td p.price span.type	{ border-color:#2864f0; }

section#price div.content .plan ul li table td p.price span.large {
	vertical-align: sub;
	margin-right: 4px;
	font-family: Impact;
	font-size: 56px;
	font-weight: normal;
}

section#price div.content .plan ul li table td p.price span.medium {
	vertical-align: -3px;
	margin-right: 4px;
	font-family: Impact;
	font-size: 40px;
	font-weight: normal;
}

section#price div.content .plan ul li table td p.attention {
	font-size: 12px;
}

section#price div.content .plan ul li table.single td p.attention a	{ color: #00b900; }
section#price div.content .plan ul li table.pack1 td p.attention a	{ color: #fb24a2; }
section#price div.content .plan ul li table.pack2 td p.attention a	{ color: #2864f0; }

section#price div.content .plan ul li table td p:last-child {
	margin-bottom: 0;
}

section#price div.content .caution {
	width: 787px; /* 余裕をもって、＋4pxで設定中 */
	text-align: left;
}