/* 細木かおり */
.hosokikaori__top {
	margin-bottom: 2rem;
}
.hosokikaori__top--background {
/*	background-image: url('https://s3-ap-northeast-1.amazonaws.com/www-6sei-net/assets/images/hosokikaori/hosokikaori_top_background.png');*/
	background-image: url('https://s3-ap-northeast-1.amazonaws.com/www-6sei-net/assets/images/hosokikaori/hosokikaori_top_background.png');
	background-image: url('/assets/images/hosokikaori/hosokikaori_top_background.png');
	background-repeat: no-repeat;
	background-size: 100%;
}
.hosokikaori__top--title {
	font-size: 0;
	margin: 0;
}
.hosokikaori__top--title-img {
	width: 100%;
	height: auto
}
.hosokikaori__top--description {
	margin: -1rem 1rem 1rem;
}
.hosokikaori__top--information {
	margin: 0 1rem 1rem;
	word-break: break-all;
}
.hosokikaori__top--information-title {
	background-color: #f584b5;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.6rem 0;
	text-align: center;
}
.hosokikaori__top--profile {
	background-color: #f29c9f;
	background-image: url('https://s3-ap-northeast-1.amazonaws.com/www-6sei-net/assets/images/hosokikaori/hosokikaori_profile_background.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top right;
	color: #ffffff;
	margin: 1rem;
	padding: 1rem;
}
.hosokikaori__top--profile-title {
	margin: 0;
	position: relative;
	padding-left: 1.2rem;
}
.hosokikaori__top--profile-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}
.hosokikaori__top--profile-detail-ul, .hosokikaori__top--profile-detail-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.hosokikaori__top--profile-detail-ul {
	margin-bottom: 1rem;
}
.hosokikaori__top--profile-detail-li {
	position: relative;
	padding-left: 5.0rem;
}
.hosokikaori__top--profile-detail-li::before {
	position: absolute;
	top: 0;
	left: 0;
}
.hosokikaori__top--profile-detail-li:nth-of-type(1)::before {
	content: '出身地：';
}
.hosokikaori__top--profile-detail-li:nth-of-type(2)::before {
	content: '生年月日：';
}
.hosokikaori__top--profile-detail-li:nth-of-type(3)::before {
	content: '星人：';
}
.hosokikaori__top--profile-detail-li:nth-of-type(4)::before {
	content: '血液型：';
}
.hosokikaori__top--instagram-btn {
	margin: 0;
	text-align: center;
}
.hosokikaori__top--instagram-btn-img {
	width: 100%;
	max-width: 30rem;
	height: auto
}
.hosokikaori__top--blog-btn {
	margin: 0;
	text-align: center;
}
.hosokikaori__top--blog-btn-img {
	width: 100%;
	max-width: 30rem;
	height: auto
}
.hosokikaori__top--accordion-bar {
	background-color: #ffffff;
	border: 1px solid #eb6d9a;
	padding: .375rem .75rem;
	position: relative;
	user-select: none;
	margin: 0 1rem;
}
.hosokikaori__top--accordion-inner {
	position: relative;
}
.hosokikaori__top--accordion-block {
	width: 100%;
	margin: 0 auto;
}
.hosokikaori__top--anchor {
	margin: 1rem;
	text-align: center;
}
.hosokikaori__top--anchor-img {
	width: 100%;
	max-width: 20rem;
	height: auto;
}


/* 親と子の六星占術 */
.hosokikaori__child {
	margin-bottom: 2rem;
}
.hosokikaori__child--title {
	background-color: #f584b5;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.6rem 0;
	text-align: center;
}
.hosokikaori__child--kaori-img {
	width: 50%;
	max-width: 14rem;
	height: auto;
	margin: 0 1rem 0.4rem 0;
}


.child__input-affinity--background {
	background-image: url('https://s3-ap-northeast-1.amazonaws.com/www-6sei-net/assets/images/child/child_background.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 1rem;
}
.child__input-affinity--block {
	padding: 1rem;
}
.child__input-affinity--birthday-text {
	margin: 0;
	font-weight: bold;
}
.child__input-affinity--birthday-example {
	margin: 0;
	font-size: 80%;
	text-align: left;
}
.child__input-affinity--caution-text {
	color: #f66076;
	font-size: 80%;
	margin: 0;
	padding-left: 1.0rem;
	position: relative;
}
.child__input-affinity--caution-text::before {
	color: #f66076;
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}
.child__input-affinity--gender-ul, .child__input-affinity--gender-li,
.child__input-affinity--other-ul, .child__input-affinity--other-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.child__input-affinity--other-li {
	margin: 0 auto;
}
.child__input-affinity--radio-boy,
.child__input-affinity--radio-girl {
	display: none;
}
.child__input-affinity--radio-boy-bg,
.child__input-affinity--radio-girl-bg {
	margin: 0;
}
.child__input-affinity--radio-boy + .child__input-affinity--radio-boy-bg,
.child__input-affinity--radio-boy:checked + .child__input-affinity--radio-boy-bg,
.child__input-affinity--radio-girl + .child__input-affinity--radio-girl-bg,
.child__input-affinity--radio-girl:checked + .child__input-affinity--radio-girl-bg {
	width: 60%;
	max-width: 8rem;
	height: auto;
}
.child__input-affinity--radio-boy + .child__input-affinity--radio-boy-bg {
	position: relative;
	padding: 3rem;
	display: inline-block;
	background: url('https://s3-ap-northeast-1.amazonaws.com/www-6sei-net/assets/images/child/child_boy_off.png') no-repeat center center/contain;
}
.child__input-affinity--radio-boy:checked + .child__input-affinity--radio-boy-bg {
	background: url('https://s3-ap-northeast-1.amazonaws.com/www-6sei-net/assets/images/child/child_boy_on.png') no-repeat center center/contain;
}
.child__input-affinity--radio-girl + .child__input-affinity--radio-girl-bg {
	position: relative;
	padding: 3rem;
	display: inline-block;
	background: url('https://s3-ap-northeast-1.amazonaws.com/www-6sei-net/assets/images/child/child_girl_off.png') no-repeat center center/contain;
}
.child__input-affinity--radio-girl:checked + .child__input-affinity--radio-girl-bg {
	background: url('https://s3-ap-northeast-1.amazonaws.com/www-6sei-net/assets/images/child/child_girl_on.png') no-repeat center center/contain;
}
.child__input-affinity--button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	appearance: none;
}
.child__input-affinity--button-img {
	width: 100%;
	max-width: 20rem;
	height: auto;
}
.child__input-affinity--other-button-img {
	width: 100%;
	max-width: 16rem;
	height: auto;
}
.child__input--input-birthday-text {
	font-weight: bold;
	margin: 0;
	text-align: left;
}
.child__input--input-birthday-example {
	font-size: 80%;
	margin: 0;
	text-align: left;
}
.child__input--input-text {
	width: 100%;
}
.child__input--input-birthday-caution {
	color: #f66076;
	font-size: 80%;
	padding-left: 1.0rem;
	position: relative;
}


/* Kaorism ～細木かおり4つの柱～ */
.hosokikaori__kaorism {
	margin-bottom: 2rem;
}
.hosokikaori__kaorism--title {
	background-color: #f584b5;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.6rem 0;
	text-align: center;
}

.hosokikaori__kaorism--movie {
	margin: 1rem;
}
.hosokikaori__kaorism--movie-whats {
	margin: 0;
}

.hosokikaori__kaorism--movie-wrapper {
	margin-bottom: 1rem;
	position: relative;
	text-align: center;
	width: 100%;
}
.hosokikaori__kaorism--movie-wrapper::before {
	content: '';
	display: block;
	padding-top: 56.25%;
}
.hosokikaori__kaorism--movie-wrapper > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.hosokikaori__kaorism--pillar-ol, .hosokikaori__kaorism--pillar-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.hosokikaori__kaorism--pillar-ol {
	counter-reset: number 0;
	padding: 0 1rem 1rem;
}
.hosokikaori__kaorism--pillar-li {
	position: relative;
}
.hosokikaori__kaorism--pillar-li::before {
	counter-increment: number 1;
	content: counter(number)'.';
	position: absolute;
	top: 0;
	left: 0;
	color: #f682b0;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.1;
}
.hosokikaori__kaorism--pillar-title {
	color: #f682b0;
	font-weight: bold;
	margin: 0;
	padding-left: 1.2rem;
}
.hosokikaori__kaorism--info {
	border: 1px solid #f29c9f;
	margin: 0 1rem 1rem;
	padding: 1rem;
}
.hosokikaori__kaorism--info-title {
	color: #23b8bc;
	font-size: 1.2rem;
	text-align: center;
}
.hosokikaori__kaorism--info-lecture {
	text-align: center;
}
.hosokikaori__kaorism--info-lecture-img {
	width: 100%;
	max-width: 30rem;
	height: auto;
}
.hosokikaori__kaorism--info-detail-ul, .hosokikaori__kaorism--info-detail-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.hosokikaori__kaorism--info-detail-ul {
	margin-bottom: 1rem;
}
.hosokikaori__kaorism--info-detail-li {
	position: relative;
	padding-left: 5.0rem;
}
.hosokikaori__kaorism--info-detail-li::before {
	position: absolute;
	top: 0;
	left: 0;
}
.hosokikaori__kaorism--info-detail-li:nth-of-type(1)::before {
	content: '■出演者：';
}
.hosokikaori__kaorism--info-detail-li:nth-of-type(2)::before {
	content: '■日　程：';
}
.hosokikaori__kaorism--info-detail-li:nth-of-type(3)::before {
	content: '■時　間：';
}
.hosokikaori__kaorism--info-detail-li:nth-of-type(4)::before {
	content: '■会　場：';
}
.hosokikaori__kaorism--info-url {
	word-break: break-all;
}


/* 2019年はどんな年になる？ */
.hosokikaori__this-year {
	margin-bottom: 2rem;
}
.hosokikaori__this-year--title {
	background-color: #f584b5;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.6rem 0;
	text-align: center;
}
.hosokikaori__this-year--ul, .hosokikaori__this-year--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.hosokikaori__this-year--ul {
	margin: 1rem;
}
.hosokikaori__this-year--li-question {
	color: #f682b0;
	font-weight: bold;
	margin: 0;
}


/* 「細木数子六星占術」サイトについて */
.hosokikaori__about {
	margin-bottom: 2rem;
}
.hosokikaori__about--title {
	background-color: #f584b5;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.6rem 0;
	text-align: center;
}
.hosokikaori__about--capture {
	margin: 1rem;
	text-align: center;
}
.hosokikaori__about--capture-img {
	width: 100%;
	max-width: 30rem;
	height: auto;
}
.hosokikaori__about--description {
	margin: 0 1rem 2rem;
}
.hosokikaori__about--site-img {
	background-image: url('https://s3-ap-northeast-1.amazonaws.com/www-6sei-net/assets/images/hosokikaori/hosokikaori_rokusei_btn.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	color: #fefbdb;
	padding: 1rem 2rem;
	position: relative;
}
.hosokikaori__about--site-img::after {
	border: 0.06rem solid;
	border-color: #ffffff #ffffff transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 1.0rem;
	transform: translate(0, -50%) rotate(45deg);
}


/* フッター */
.hosokikaori__footer {
	background-color: #eeeeee;
	padding: 1rem;
}


.accordion-btn {
	background: #ffffff;
}
.accordion-btn::after {
	background: #999999;
}
.accordion-btn::before {
	background: #999999;
}



/* ================================================================== */
/* 子どもとの相性 結果 */
.child__result-affinity {
	margin-bottom: 2rem;
}
.child__result-affinity--title {
	font-size: 0;
	margin: 0;
}
.child__result-affinity--title-img {
	width: 100%;
	height: auto;
}
.child__result-affinity--subtitle {
	font-size: 0;
	margin: 0;
}
.child__result-affinity--subtitle-img {
	width: 100%;
	height: auto;
}
.child__result-affinity--affinity-img {
	width: 100%;
	max-width: 10rem;
	height: auto;
}
.child__result-affinity--background {
	background-image: url('https://s3-ap-northeast-1.amazonaws.com/www-6sei-net/assets/images/child/child_background.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
.child__result-affinity--contents {
	user-select: none;
}
.child__result-affinity--person {
	padding: 1rem 0;
}
.child__result-affinity--destinystar-word {
	font-size: 1.4rem;
	font-weight: bold;
}
.child__result-affinity--pair-result {
	font-size: 3rem;
}
.child__result-affinity--pair-word{
	font-size: small;
	font-weight: bold;
}
.child__result-affinity--pair-img {
	width: 50%;
	max-width: 4rem;
	height: auto;
}


/* 子どもとの相性 結果 詳細 */
.child__result-affinity-detail {
	margin-bottom: 1rem;
}
.child__result-affinity-detail--contents {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
}
.child__result-affinity-detail--title {
	background-color: #fd5300;
	color: #ffffff;
	font-size: 1.2rem;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.child__result-affinity-detail--block {
	background-color: #ffffff;
	border: 1px solid #cfbfaa;
	margin: 1rem;
	padding: 1rem;
}
.child__result-affinity-detail--sentence {
	margin: 0;
}
.child__result-affinity-detail--ul, .child__result-affinity-detail--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.child__result-affinity-detail--btn {
	background-color: #ffffff;
	border: 2px solid #eb6d9a;
	width: 85%;
}
.child__result-affinity-detail--left::before {
	border: 0.06rem solid;
	border-color: #565656 #565656 transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	left: 0.6rem;
	transform: translate(0, -50%) rotate(225deg);
}
.child__result-affinity-detail--back-img {
	width: 30%;
	height: auto;
	max-width: 8rem;
}
.child__result-affinity-detail--button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	appearance: none;
}
.child__result-affinity-detail--course-button-img {
	width: 100%;
	max-width: 20rem;
	height: auto;
}
.child__result-affinity-detail--btn-ul, .child__result-affinity-detail--btn-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.child__result-affinity-detail--btn-li {
	margin: 0 auto;
}
.child__result-affinity-detail--button-img {
	width: 100%;
	max-width: 16rem;
	height: auto;
}

/* タブ情報 */
.hosoki_laori_information-detail {
	background-color: #9c9c9c;
	font-size: 1.0rem;
	color: #ffffff;
}
.is_active{
	background-color: #ff7c80;
	margin: 0.5px;
}
.mm-link {
}
.mm-link__contents--nav {
}
.mm-link__contents--ul, .mm-link__contents--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mm-link__contents--li {
	align-items: center;
	border: 0.5px solid #ffffff;
	display: flex;
	justify-content: center;
	word-break: break-all;
}
.mm-link__contents--li:last-child {
	border-right: none;
}
.mm-link__contents--a {
	display: block;
	width: 100%;
	padding: 0.4rem;
	color: #ffffff;
}
.mm-link__contents--b {
	display: block;
	width: 100%;
	padding: 0.4rem;
}
.information_title {
	padding: 0.5rem;
	font-weight: bold;
	border-left: 5px solid #000000;
	border-bottom: 1px solid #000000;
}
.kaori__page--number {
	align-items: center;
	display: flex;
	margin: 0 2rem;
}
/* あなたはどんな人ですか？ */
.first__introduction {
	margin-bottom: 0;
}
.first__introduction--title {
	font-size: 0;
	margin: 0;
}
.first__introduction--title-img {
	width: 100%;
	height: auto;
}
.first__introduction--start {
	padding: 1rem;
}
.first__introduction--start-frame {
	margin: 0;
	text-align: center;
}
.first__introduction--start-img {
	width: 100%;
	max-width: 30rem;
	height: auto;
}
.first__introduction--bnr {
	font-size: 0;
	margin: 0 auto 1rem;
	padding: 0 1rem;
	max-width: 40rem;
}
.first__introduction--bnr-img {
	width: 100%;
	height: auto;
}


.first__introduction-input {
	background-color: #faddeb;
	border-radius: .4rem;
	margin: 0 0 1rem;
}
.first__introduction-input--title {
	font-size: 0;
	margin: 0;
}
.first__introduction-input--title-img {
	width: 100%;
	height: auto;
}
.first__introduction-input--block {
	margin: 0 1rem;
}
.first__introduction-input--wrapper {
	margin: 0 auto;
	position: relative;
	width: 100%;
	max-width: 40rem;
}
.first__introduction-input--block-input {
	display: inline-block;
	margin: 0;
	text-align: center;
	width: 60%;
}
.first__introduction-input--block-input-text {
	border: 1px solid transparent;
	border-radius: .4rem;
	width: 100%;
	max-width: 30rem;
	padding: 0.4rem 0 0.4rem 0.4rem;
	vertical-align: middle;
}
.first__introduction-input--block-input-btn {
    display: inline-block;
	margin: 0 auto;
	position: relative;
	width: 38%;
	max-width: 20rem;
	background-image: url('/assets/images/gentosha/gentosha_button_01.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 1rem;
}
.first__introduction-input--block-input-btn-a {
	color: #ffffff;
	appearance: none;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
}
.first__introduction-input--block-input-btn-a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.first__introduction-input--block-caution {
	font-size: 80%;
	text-align: left;
	margin: 0;
	padding: 0 0 .6rem;
}


.first__introduction-input--accordion {
	margin: 0 0 1rem;
}
.first__introduction-input--accordion-block {
	background-color: #ffffff;
	border: 2px solid #ef90bf;
	border-radius: 0.4rem;
	margin: 0 auto 1rem;
	padding: .375rem .75rem;
	user-select: none;
	width: 100%;
	max-width: 40rem;
}
.first__introduction-input--accordion-block-qa {
	background-color: #ffffff;
	border: 2px solid #898989;
	border-radius: 0.4rem;
	margin: 0 auto 1rem;
	padding: .375rem .75rem;
	user-select: none;
	width: 100%;
	max-width: 40rem;
}
.first__introduction-input--accordion-position {
	position: relative;
}
.first__introduction-input--accordion-title {
	color: #ef90bf;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.first__introduction-input--accordion-title-qa {
	color: #898989;
	font-weight: bold;
	margin: 0;
	text-align: center;
	padding: 0 2rem;
}
.first__introduction-input--accordion-btn-color {
	background-color: #ef90bf;
}
.first__introduction-input--accordion-btn-color {
	background: #ffffff;
	border: 2px solid #ef90bf;
}
.first__introduction-input--accordion-btn-color::after {
	background: #ef90bf;
}
.first__introduction-input--accordion-btn-color::before {
	background: #ef90bf;
}
/* アコーディオンの十字ボタン(〈showなし〉非表示 > 表示〈showあり〉表示 > 非表示)*/
.first__introduction-input--accordion-btn, .first__introduction-input--accordion-btn-show {
	user-select: none;
	outline: none !important;
	width: 100%;
    max-width: 3.375rem;
    height: 100%;
    max-height: 3.375rem;
	transition: 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1);
	white-space: nowrap;
	z-index: 10;
	border: none;
	outline: none;
	padding: 0;
	appearance: none;
	background-color: transparent;
}
.first__introduction-input--accordion-btn::after, .first__introduction-input--accordion-btn-show::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
.first__introduction-input--accordion-btn::after {
	background-image: url('/assets/images/gentosha/first_lp_accordion_plus.png');
}
.first__introduction-input--accordion-btn-show::after {
	background-image: url('/assets/images/gentosha/first_lp_accordion_minus.png');
}
.first__introduction-input--accordion-btn.clicked, .first__introduction-input--accordion-btn-show.clicked {
	transform: translate(0, -50%) rotate(0deg);
	box-shadow: none;
}
.first__introduction-input--accordion-btn.clicked::after, .first__introduction-input--accordion-btn-show.clicked::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	display: inline-block;
	background-size: contain;
}
.first__introduction-input--accordion-btn.clicked::after {
	background-image: url('/assets/images/gentosha/first_lp_accordion_minus.png');
}
.first__introduction-input--accordion-btn-show.clicked::after {
	background-image: url('/assets/images/gentosha/first_lp_accordion_plus.png');
}
.first__introduction-input--profile {
	padding-top: 1rem;
	margin-bottom: 2rem;
}
.first__introduction-input--profile-figure {
	margin: 0 auto 1rem;
	text-align: center;
	width: 100%;
	max-width: 26.25rem;
}
.first__introduction-input--profile-figure-img {
	width: 100%;
	height: auto;
}
.first__introduction-input--profile-ul, .first__introduction-input--profile-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first__introduction-input--profile-ul {
	margin-bottom: 1rem;
}
.first__introduction-input--profile-li {
	position: relative;
	padding-left: 5.0rem;
}
.first__introduction-input--profile-li::before {
	position: absolute;
	top: 0;
	left: 0;
}
.first__introduction-input--profile-li:nth-of-type(1)::before {
	content: '出身地：';
}
.first__introduction-input--profile-li:nth-of-type(2)::before {
	content: '生年月日：';
}
.first__introduction-input--profile-li:nth-of-type(3)::before {
	content: '星人：';
}
.first__introduction-input--profile-li:nth-of-type(4)::before {
	content: '血液型：';
}
.first__introduction-input--profile-explain {
	margin: 0;
}
.first__introduction-input--float-img {
	width: 50%;
	min-width: 200px;
	padding: 0 1rem 0.6rem 0;
}


.first__introduction-input--pr-link {
	margin: 0;
	width: 100%;
}
.first__introduction-input--pr-link-img {
	width: 100%;
	height: auto;
}
/*
.first__input {
	background-color: #faebd7;
	padding-bottom: 1rem;
}
.first__input--title {
	font-size: 0;
	margin: 0;
}
.first__input--title-img {
	width: 100%;
	height: auto;
    margin-top: -1.2rem;
}
.first__input--block {
	margin: 0 1rem;
	padding: 1rem;
}
.first__input--wrapper {
	background-color: #ffc000;
	border-radius: 1rem;
	margin: 0 auto;
	padding: 1rem;
	position: relative;
	width: 100%;
	max-width: 40rem;
}
.first__input--block-input {
	margin: 0;
	text-align: center;
}
.first__input--block-input-text {
	width: 100%;
	max-width: 24rem;
	padding-left: 0.4rem;
}
.first__input--block-caution {
	font-size: 80%;
	text-align: center;
}
.first__input--whats {
	margin: 0 1rem 1rem;
}
.first__input--whats-block {
	background-color: #ffffff;
	border: 2px solid #fd7c13;
	border-radius: 0.4rem;
	margin: 0 auto;
	padding: .375rem .75rem;
	user-select: none;
	width: 100%;
	max-width: 40rem;
}
.first__input--whats-accordion {
	position: relative;
}
.first__input--whats-accordion-title {
	color: #fd7c13;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.first__input--whats-accordion-btn-color {
	background-color: #fd7c13;
}

.first__fortune {
	background-image: url('/assets/images/gentosha/first_lp_background_dot.png');
	background-size: cover;
	background-position: center center;
	padding: 1rem 1rem 2rem;
}
.first__fortune--frame {
	margin: 0;
	text-align: center;
}
.first__fortune--frame-img {
	width: 100%;
	max-width: 30rem;
	height: auto;
}
*/

/* 会員になると何が出来るの？ */
.first__contents {
	background-color: #fff;
	padding-bottom: 2rem;
}
.first__contents--title {
	font-size: 0;
	margin: 0;
}
.first__contents--title-img {
	width: 100%;
	height: auto;
}
.first__contents--block {
}
.first__contents--ol, .first__contents--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first__contents--li {
}
.first__contents--frame {
	margin: 1rem auto;
	width: 100%;
}
.first__contents--frame1 {
	margin: 0;
	text-align: center;
}
.first__contents--frame-title {
	width: 100%;
	margin: 0 auto 1rem;
	text-align: center;
}
/*
.first__contents--frame-title-img {
	width: auto;
	height: 1.2rem;
}
*/
.first__contents--frame-title-img {
	width: 100%;
	height: auto;
}
.first__contents--frame-block-noimage{
    padding: 0% 5% 1% 5%;
}
.first__contents--frame-block{
    background-size: 100%;
    padding: 25% 5% 1% 5%;
}
.first__contents--frame-block-image1{
	background-image: url('/assets/images/gentosha/gentosha_04.png');
}
.first__contents--frame-block-image2{
	background-image: url('/assets/images/gentosha/gentosha_08.png');
}
.first__contents--frame-block-image3{
	background-image: url('/assets/images/gentosha/gentosha_11.png');
}
.first__contents--frame-block-image4{
	background-image: url('/assets/images/gentosha/gentosha_15.png');
}
.first__contents--frame-block > p {
    font-size: 100%;
}
.first__contents--frame-block-noimage  > p {
    font-size: 100%;
}
.first__contents--frame-block-title {
	font-weight: bold;
}
.first__contents--btn {
	margin: 1rem auto 0;
	width: 50%;
	max-width: 10rem;
}
.first__contents--btn-img {
	width: 100%;
	height: auto;
}
.first__contents--frame-caution {
	color: #e51087;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.first__contents--frame-img {
	width: 100%;
	height: auto;
}
.first__contents--frame-img-right {
	width: 50%;
	height: auto;
}
.first__contents--frame-img-rightmini {
	width: 30%;
	height: auto;
}


/* あの人との相性が知りたい！ */
.first__affinity {
	background-image: url('/assets/images/gentosha/first_lp_background_dot.png');
	background-size: cover;
	background-position: center center;
	padding: 0 0 2rem;
}
.first__affinity--title {
	font-size: 0;
	margin: 0;
}
.first__affinity--title-img {
	width: 100%;
	height: auto;
}
.first__affinity--wrapper {
	margin: 1rem auto 1rem;
	max-width: 30rem;
	padding: 0 1rem;
}
.first__affinity--introduction {
	color: #fd7c13;
	font-weight: bold;
	margin: 0;
}
.first__affinity--frame {
	margin: 0;
	text-align: center;
}
.first__affinity--frame-img {
	width: 100%;
	max-width: 30rem;
	height: auto;
}


/* この悩み解決できる！？ */
.first__premium {
	background-color: #fef4e1;
	padding-bottom: 1rem;
}
.first__premium--title {
	background-color: #ffffff;
	font-size: 0;
	margin: 0;
	padding: 0 0 2rem;
}
.first__premium--title-img {
	width: 100%;
	height: auto;
}
.first__premium--introduction {
	color: #fd7c13;
	font-weight: bold;
	margin: 1rem 0;
	text-align: center;
}
.first__premium--ul, .first__premium--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first__premium--li {
	position: relative;
	background-color: #ffffff;
	border-bottom: 1px solid #9c9c9c;
	padding: 0.4rem 1.0rem 0.4rem 0.4rem;
}
.first__premium--li:first-child {
	border-top: 1px solid #9c9c9c;
}
.first__premium--li::after {
	border: 0.06rem solid;
	border-color: #565656 #565656 transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 0.6rem;
	transform: translate(0, -50%) rotate(45deg);
}
.first__premium--a {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0.4rem 0;
	text-decoration: none;
}
.first__premium--tag {
	border-radius: 0.2rem;
	color: #2a2a2a;
	display: block;
	font-size: 0.7rem;
	letter-spacing: 0.6rem;
	padding: 0;
	text-align: center;
	text-indent:0.6rem;
	user-select: none;
	width: 6rem;
}
.first__premium-btn {
	margin: 1rem auto 0;
	width: 90%;
}
.first__premium-btn-image {
	width: 100%;
	height: auto;
}


/* サービス比較一覧 */
.first__service {
	background-color: #fef4e1;
	padding-bottom: 2rem;
}
.first__service--title {
	font-size: 0;
	margin: 0;
	padding: 0 0 2rem;
}
.first__service--title-img {
	width: 100%;
	height: auto;
}
.first__service--table-contents {
	margin: 0 auto;
	padding: 0 1rem;
	width: 100%;
	max-width: 30rem;
}
.first__service--table {
	border: 1px solid #000000;
	margin: 0;
	width: 100%;
}
.first__service--table-thead {
	background-color: #dbdcdc;
	border: 1px solid #000000;
}
.first__service--table-thead-tr {
	width: 100%;
}
.first__service--table-thead-tr th {
	border-right: 1px solid #000000;
	text-align: center;
}
.first__service--table-thead-tr th:first-of-type {
	max-width: 4rem;
}
.first__service--table-thead-tr th:last-of-type {
	border-right: none;
}
.first__service--table-tbody {
	background-color: #ffffff;
}
.first__service--table-tbody-tr {
	border-bottom: 1px solid #000000;
}
.first__service--table-tbody-tr:last-of-type {
	border-bottom: none;
}
.first__service--table-tbody-tr td {
	border-right: 1px solid #000000;
	text-align: center;
}
.first__service--table-tbody-tr td:first-of-type {
	max-width: 8rem;
	text-align: left;
	font-weight: bold;
	padding: 0.6rem;
}
.first__service--table-tbody-tr td:nth-of-type(3) {
	background-color: #fed9e9;
}
.first__service--table-tbody-tr td:last-of-type {
	border-right: none;
}
.first__service--table-tbody-tr-td-rowspan {
	border-right: 1px solid #000000 !important;
}
.first__service--table-mark-batsu {
	font-size: 1.6rem;
}


/* その他 */
.first__info {
	padding: 2rem 0;
}
.first__info--point-present {
	font-size: 0;
	margin: 0 auto;
	text-align: center;
	width: 90%;
}
.first__info--point-present-img {
	width: 100%;
	max-width: 28rem;
	height: auto;
}
.first__info--point-present-caution {
	color: #ab8c4f;
	margin: 0 auto;
	padding: 0 0 0 1.2rem;
	position: relative;
	width: 90%;
}
.first__info--point-present-caution::before {
	content: '※';
	position: absolute;
	top: 0;
	left: .2rem;
	font-size: 1.2rem;
	line-height: 1.2;
}
.first__info--what-premium {
	border: 2px solid #55c6fb;
	margin: 1rem auto 2rem;
	padding: 1rem;
	width: 90%;
}
.first__info--what-premium-text, .first__info--what-premium-text-caution {
	color: #e82290;
	font-weight: bold;
	margin: 0;
}
.first__info--what-premium-text-caution {
	padding: 0 0 0 1.2rem;
	position: relative;
}
.first__info--what-premium-text-caution::before {
	content: '※';
	position: absolute;
	top: 0;
	left: .2rem;
	font-size: 1.2rem;
	line-height: 1.2;
}


/* 他にも占えることが盛りだくさん！！ */
.first__other {
	background-image: url('/assets/images/gentosha/first_lp_background_checked.png');
	background-size: cover;
	background-position: center center;
	padding: 0 0 1rem;
}
.first__other--title {
	font-size: 0;
	margin: 0;
}
.first__other--title-img {
	width: 100%;
	height: auto;
}
.first__other--introduction {
	color: #fd7c13;
	font-weight: bold;
	margin: 1rem 0;
	text-align: center;
}
.first__other--ul, .first__other--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first__other--frame {
	text-align: center;
}
.first__other--frame-img {
	width: 100%;
	max-width: 30rem;
	height: auto;
}
.first__other--last {
	margin: 1rem 1rem 2rem;
}
.first__other--last-wrapper {
	margin: 0 auto;
	width: 100%;
	max-width: 20rem;
}
.first__other--last-subject {
	color: #fd7c13;
	font-weight: bold;
}


/* その他 会員登録・解約～お知らせ */
.first__footer {
	margin-bottom: 1rem;
}
.first__footer--title {
	background-color: #eeeeee;
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
}
.first__footer--ul, .first__footer--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first__footer--li {
	align-items: center;
	display: flex;
	position: relative;
	border-bottom: 1px solid #9c9c9c;
	padding: 0.4rem;
}

.first__footer--li::after {
	border: 0.06rem solid;
	border-color: #565656 #565656 transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 0.6rem;
	transform: translate(0, -50%) rotate(45deg);
}
.first__footer--a {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0.4rem 0;
	text-decoration: none;
}


/* ランディングページ、診断ボタン */
.first__lp--check-btn {
	background-color: #f66076;
	color: #ffffff;
    display: block;
	margin: 0 auto;
	position: relative;
	width: 90%;
	max-width: 20rem;
}
.first__lp--check-btn::before {
	border: 0.06rem solid;
	border-color: #ffffff #ffffff transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translate(0, -50%) rotate(45deg);
}
.first__lp--check-btn-a {
	color: #ffffff;
	appearance: none;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
}
.first__lp--check-btn-a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* ランディングページ、会員登録 */
.first__lp--member-btn {
	background-color: #f66076;
	color: #ffffff;
    display: block;
	margin: 0 auto;
	position: relative;
	width: 60%;
	max-width: 20rem;
}
.first__lp--member-btn::before {
	border: 0.06rem solid;
	border-color: #ffffff #ffffff transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translate(0, -50%) rotate(45deg);
}
.first__lp--member-btn-a {
	color: #ffffff;
}
.first__lp--member-btn-a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* ==============================================================*/
/* ランディングページ 生年月日入力後 (first/detail) */
.first__detail-introduction {
	margin-bottom: 0;
}
.first__detail-introduction--title {
	font-size: 0;
	margin: 0;
}
.first__detail-introduction--title-img {
	width: 100%;
	height: auto;
}
.first__detail-introduction--start {
	background-size: contain;
	background-position: center center;
	padding: 1rem;
    background-color: #f9dceb;
}
.first__detail-introduction--frame {
	background-color: #ffffff;
	border-radius: 1rem;
	font-weight: bold;
	margin: 0 auto;
	padding: 1rem;
	text-align: center;
	max-width: 40rem;
}
.first__detail-introduction--destinystar {
	color: #ec8bbe;
	font-size: 1.6rem;
}


/* あなたの基本性格 */
.first__detail-character {
	margin-bottom: 0;
}
.first__detail-character--title {
	font-size: 0;
	margin: 0;
}
.first__detail-character--title-img {
	width: 100%;
	height: auto;
}
.first__detail-character--subject {
	font-size: 0;
	margin: 0 auto;
	padding: 1rem;
	max-width: 40rem;
}
.first__detail-character--frame {
	font-size: 0;
	margin: 0;
}
.first__detail-character--frame-img {
	width: 100%;
	height: auto;
}
.first__detail-character--frame-body {
	background-image: url('/assets/images/gentosha/gentosha_32.png');
	background-size: 100% auto;
	background-position: center center;
	font-size: 1rem;
	margin: 0;
	padding: 0 3rem;
}


/* 年運気グラフ */
.first__detail-graph {
	margin-bottom: 2rem;
}
.first__detail-graph--title {
	background-color: #eb6d9a;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first__detail-graph--contents {
	font-size: 0;
}
.first__detail-graph--contents-year {
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	display: inline-block;
	font-size: 1rem;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.first__detail-graph--contents-month {
	background-color: #5fc3d8;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	color: #ffffff;
	display: inline-block;
	font-size: 1rem;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.first__detail-graph--contents-parts {
	display: inline-block;
	width: calc((100% / 7) - .01px);
}
.first__detail-graph--contents-parts-ymd {
	border: 1px solid #c0c0c0;
	display: block;
	font-size: 1rem;
	padding: 1rem 0;
	text-align: center;
}
.first__detail-graph--contents-parts-img {
	width: 100%;
	height: auto;
}


/*  結婚・恋愛・才能・適職 */
.first__detail-foundation {
	margin-bottom: 2rem;
}
.first__detail-foundation--title {
	background-color: #eb6d9a;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first__detail-foundation--subject {
	padding: 1rem;
}


/*  用語集・六星占術 */
.first__detail--rokusei {
	background-color: #fcf9d6;
	padding: 1rem;
}
.first__detail--rokusei-word {
	background-color: #ffffff;
	border: 2px solid #fd7c13;
	border-radius: 0.4rem;
	margin: 0 auto 1rem;
	padding: .375rem .75rem;
	position: relative;
	user-select: none;
	width: 100%;
	max-width: 40rem;
}
.first__detail--rokusei-word::before {
	border: 0.06rem solid;
	border-color: #fd7c13 #fd7c13 transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translate(0, -50%) rotate(45deg);
}
.first__detail--rokusei-word-a {
	color: #fd7c13;
}
.first__detail--rokusei-word-a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}
.first__detail--rokusei-word-title {
	color: #fd7c13;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.first__detail--rokusei-block {
	background-color: #ffffff;
	border: 2px solid #fd7c13;
	border-radius: 0.4rem;
	margin: 0 auto;
	padding: .375rem .75rem;
	user-select: none;
	width: 100%;
	max-width: 40rem;
}
.first__detail--rokusei-accordion {
	position: relative;
}
.first__detail--rokusei-accordion-title {
	color: #fd7c13;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.first__detail--rokusei-accordion-btn-color {
	background-color: #fd7c13;
}


/* 占いは統計学～運命は変えることができる・プロフィール */
.first__detail--profile-fortune {
	background-image: url('/assets/images/gentosha/first_lp_background_stripe.png');
	background-size: contain;
	background-position: center center;
	padding: 1rem;
}
.first__detail--profile-fortune-ul, .first__detail--profile-fortune-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first__detail--profile-fortune-frame {
	margin: 0 auto 1rem;
	width: 100%;
	max-width: 30rem;
}
.first__detail--profile-fortune-img {
	width: 100%;
	height: auto;
}
.first__detail--profile-block {
	background-color: #ffffff;
	border: 2px solid #fd7c13;
	border-radius: 0.4rem;
	margin: 0 auto;
	padding: .375rem .75rem;
	user-select: none;
	width: 100%;
	max-width: 40rem;
}
.first__detail--profile-accordion {
	position: relative;
}
.first__detail--profile-accordion-title {
	color: #fd7c13;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.first__detail--profile-accordion-btn-color {
	background-color: #fd7c13;
}
.first__detail--profile--detail {
	margin-bottom: 0;
	padding: 1rem;
}
.first__detail--profile--detail-figure {
	margin: 0 auto 1rem;
	text-align: center;
	width: 100%;
	max-width: 26.25rem;
}
.first__detail--profile--detail-figure-img {
	width: 100%;
	height: auto;
}
.first__detail--profile--detail-ul, .first__detail--profile--detail-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first__detail--profile--detail-li {
	position: relative;
	padding-left: 6.0rem;
}
.first__detail--profile--detail-li::before {
	position: absolute;
	top: 0;
	left: 1.0rem;
}
.first__detail--profile--detail-li:nth-of-type(1)::before {
	content: '出身地：';
}
.first__detail--profile--detail-li:nth-of-type(2)::before {
	content: '生年月日：';
}
.first__detail--profile--detail-li:nth-of-type(3)::before {
	content: '星人：';
}
.first__detail--profile--detail-li:nth-of-type(4)::before {
	content: '血液型：';
}
.first__detail--profile--detail-subject {
	margin: 0;
	padding: 1rem;
}



/* ==============================================================*/
/* はじめての方へ */
.first-free__introduction {
	padding-bottom: 3rem;
}
.first-free__introduction--title {
	font-size: 0;
	margin: 0;
}
.first-free__introduction--title-img {
	width: 100%;
	height: auto;
}
.first-free__introduction--pre {
	background-image: url('/assets/images/gentosha/first_background_star.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin-top: 1rem;
	padding: 1rem;
}
.first-free__introduction--pre-text {
	color: #7f2e06;
	font-weight: bold;
	margin: 0;
	text-align: center;
}


/* 自分のことを占いたい！ */
.first-free__fortune {
	background-image: url('/assets/images/gentosha/first_background_wave.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 3rem;
	margin: -3rem 0 0;
	padding-bottom: 5rem;
}
@media screen and (max-width:480px) {
	.first-free__fortune {
		background-position: 0 3.4rem;
	}
}
.first-free__fortune--title {
	font-size: 0;
	margin: 0;
	user-select: none;
}
.first-free__fortune--title-img {
	width: 100%;
	height: auto;
}
.first-free__fortune--contents {
	margin: 0 auto;
	max-width: 40rem;
	padding: 1rem;
}
.first-free__fortune--contents-title {
	color: #7f2e06;
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0;
}
.first-free__fortune--contents-title::before {
	color: #7f2e06;
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}
.first-free__fortune--capture {
	margin: 1rem;
}
.first-free__fortune--capture-frame {
	margin: 0;
	text-align: center;
}
.first-free__fortune--capture-img {
	width: 100%;
	max-width: 30rem;
	height: auto;
}
.first-free__fortune--notice {
	background-color: #fcf9d6;
	padding: 0.4rem;
	margin: 1rem;
}


/* 自分とあの人の相性を占いたい！ */
.first-free__affinity {
	margin: -3rem 0 0;
}
@media screen and (max-width:480px) {
	.first-free__affinity {
		margin: -3.4rem 0 0;
	}
}
.first-free__affinity--title {
	font-size: 0;
	margin: 0;
	user-select: none;
}
.first-free__affinity--title-img {
	width: 100%;
	height: auto;
}
.first-free__affinity--contents {
	background-color: #faebd7;
	padding: 3rem 1rem 5rem;
	margin: -2rem 0 0;
}
.first-free__affinity--contents-frame {
	margin: 0 auto;
	max-width: 40rem;
	padding: 1rem;
}
.first-free__affinity--contents-title {
	color: #7f2e06;
	font-size: 1.0rem;
	font-weight: bold;
	padding-left: 1.2rem;
	position: relative;
	margin: 0;
}
.first-free__affinity--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1;
}
.first-free__affinity--capture {
	margin: 1rem;
}
.first-free__affinity--capture-frame {
	margin: 0;
	text-align: center;
}
.first-free__affinity--capture-img {
	width: 100%;
	max-width: 30rem;
	height: auto;
}


/* ママと子どものことを占いたい！ */
.first-free__child {
	background-image: url('/assets/images/gentosha/first_background_wave.png');
	background-size: cover;
	background-position: 0 3rem;
	background-repeat: no-repeat;
	margin: -3rem 0 0;
	padding-bottom: 5rem;
}
@media screen and (max-width:480px) {
	.first-free__child {
		background-position: 0 3.4rem;
	}
}
.first-free__child--title {
	font-size: 0;
	margin: 0;
	user-select: none;
}
.first-free__child--title-img {
	width: 100%;
	height: auto;
}
.first-free__child--contents {
	margin: 0 auto;
	max-width: 40rem;
	padding: 1rem;
}
.first-free__child--media {
	margin: 0 auto 1rem;
}
.first-free__child--media-body {
	padding-right: 0.6rem;
}
.first-free__child--media-frame {
	margin: 0;
	text-align: center;
	width: 30%;
}
.first-free__child---media-img {
	width: 100%;
	max-width: 10rem;
	height: auto;
}
.first-free__child--media-title {
	color: #7f2e06;
	font-size: 1.0rem;
	font-weight: bold;
	padding-left: 1.2rem;
	position: relative;
	margin: 0;
}
.first-free__child--media-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}
.first-free__child--contents-ul, .first-free__child--contents-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first-free__child--contents-li {
	border-bottom: 2px dotted #fd7c13;
	padding: 0.4rem 0;
}
.first-free__child--contents-li:first-of-type {
	border-top: 2px dotted #fd7c13;
}
.first-free__child--contents-li-word {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0;
}
.first-free__child--contents-li-word::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}


/* 無料で色々な事を占いたい！ */
.first-free__premium-free {
	margin: -3rem 0 0;
}
@media screen and (max-width:480px) {
	.first-free__premium-free {
		margin: -3.4rem 0 0;
	}
}
.first-free__premium-free--title {
	font-size: 0;
	margin: 0;
	user-select: none;
}
.first-free__premium-free--title-img {
	width: 100%;
	height: auto;
}
.first-free__premium-free--contents {
	background-color: #faebd7;
	padding: 3rem 1rem 5rem;
	margin: -2rem 0 0;
}
.first-free__premium-free--contents-frame {
	margin: 0 auto;
	max-width: 40rem;
	padding: 1rem
}
.first-free__premium-free--contents-title {
	color: #7f2e06;
	font-size: 1.0rem;
	font-weight: bold;
	padding-left: 1.2rem;
	position: relative;
	margin: 0;
}
.first-free__premium-free--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}


/* プレミアム鑑定 */
.first-free__premium {
	background-image: url('/assets/images/gentosha/first_background_wave.png');
	background-size: cover;
	background-position: 0 3rem;
	background-repeat: no-repeat;
	margin: -3rem 0 0;
	padding-bottom: 3rem;
}
@media screen and (max-width:480px) {
	.first-free__premium {
		background-position: 0 3.4rem;
	}
}
.first-free__premium--title {
	font-size: 0;
	margin: 0;
	user-select: none;
}
.first-free__premium--title-img {
	width: 100%;
	height: auto;
}
.first-free__premium--contents {
	margin: 0 auto 1rem;
	max-width: 40rem;
	padding: 1rem;
}
.first-free__premium--contents-title {
	color: #7f2e06;
	font-size: 1.0rem;
	font-weight: bold;
	padding-left: 1.2rem;
	position: relative;
	margin: 0;
}
.first-free__premium--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}
.first-free__premium--notice {
	background-color: #fad667;
	padding: 1rem;
	margin: 1rem 0 0;
}
.first-free__premium--notice-mark, .first-free__premium--notice-to {
	margin: 0;
	padding-left: 1.2rem;
	position: relative;
}
.first-free__premium--notice-mark::before {
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}
.first-free__premium--notice-to::before {
	content: '⇒';
	position: absolute;
	top: 0;
	left: 0;
}
.first-free__premium--notice-to-a {
	text-decoration: underline;
}


/* あの日の運気を知りたい！ */
.first-free__unki {
	margin: -3rem 0 0;
}
@media screen and (max-width:480px) {
	.first-free__unki {
		margin: -3.4rem 0 0;
	}
}
.first-free__unki--title {
	font-size: 0;
	margin: 0;
	user-select: none;
}
.first-free__unki--title-img {
	width: 100%;
	height: auto;
}
.first-free__unki--contents {
	background-color: #faebd7;
	padding: 3rem 1rem 5rem;
	margin: -2rem 0 0;
}
.first-free__unki--contents-frame {
	margin: 0 auto;
	max-width: 40rem;
	padding: 1rem;
}
.first-free__unki--contents-title {
	color: #7f2e06;
	font-size: 1.0rem;
	font-weight: bold;
	padding-left: 1.2rem;
	position: relative;
	margin: 0;
}
.first-free__unki--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}
.first-free__unki--contents-ul, .first-free__unki--contents-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first-free__unki--contents-li {
	padding-left: 1.2rem;
	position: relative;
}
.first-free__unki--contents-li::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}


/* 有名人の占い結果が見たい！ */
.first-free__famous {
	background-image: url('/assets/images/gentosha/first_background_wave.png');
	background-size: cover;
	background-position: 0 3rem;
	background-repeat: no-repeat;
	margin: -3rem 0 0;
	padding-bottom: 3rem;
}
@media screen and (max-width:480px) {
	.first-free__famous {
		background-position: 0 3.4rem;
	}
}
.first-free__famous--title {
	font-size: 0;
	margin: 0;
	user-select: none;
}
.first-free__famous--title-img {
	width: 100%;
	height: auto;
}
.first-free__famous--contents {
	margin: 0 auto 1rem;
	max-width: 40rem;
	padding: 1rem;
}
.first-free__famous--contents-title {
	color: #7f2e06;
	font-size: 1.0rem;
	font-weight: bold;
	padding-left: 1.2rem;
	position: relative;
	margin: 0;
}
.first-free__famous--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}


/* 悩みを相談したい！ */
.first-free__judgment {
	margin: -3rem 0 0;
}
@media screen and (max-width:480px) {
	.first-free__judgment {
		margin: -3.4rem 0 0;
	}
}
.first-free__judgment--title {
	font-size: 0;
	margin: 0;
	user-select: none;
}
.first-free__judgment--title-img {
	width: 100%;
	height: auto;
}
.first-free__judgment--contents {
	background-color: #faebd7;
	padding: 3rem 1rem 5rem;
	margin: -2rem 0 0;
}
.first-free__judgment--contents-frame {
	margin: 0 auto;
	max-width: 40rem;
	padding: 1rem
}
.first-free__judgment--contents-title {
	color: #7f2e06;
	font-size: 1.0rem;
	font-weight: bold;
	padding-left: 1.2rem;
	position: relative;
	margin: 0;
}
.first-free__judgment--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}


/* 六星占術の基本的なことが知りたい！ */
.first-free__whats {
	background-image: url('/assets/images/gentosha/first_background_wave.png');
	background-size: cover;
	background-position: 0 3rem;
	background-repeat: no-repeat;
	margin: -3rem 0 0;
	padding-bottom: 3rem;
}
@media screen and (max-width:480px) {
	.first-free__whats {
		background-position: 0 3.4rem;
	}
}
.first-free__whats--title {
	font-size: 0;
	margin: 0;
	user-select: none;
}
.first-free__whats--title-img {
	width: 100%;
	height: auto;
}
.first-free__whats--contents {
	margin: 0 auto 1rem;
	max-width: 40rem;
	padding: 1rem;
}
.first-free__whats--contents-title {
	color: #7f2e06;
	font-size: 1.0rem;
	font-weight: bold;
	padding-left: 1.2rem;
	position: relative;
	margin: 0;
}
.first-free__whats--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}


/* その他のコーナーについて */
.first-free__other {
	margin: -3rem 0 0;
}
@media screen and (max-width:480px) {
	.first-free__other {
		margin: -3.4rem 0 0;
	}
}
.first-free__other--title {
	font-size: 0;
	margin: 0;
	user-select: none;
}
.first-free__other--title-img {
	width: 100%;
	height: auto;
}
.first-free__other--contents {
	background-color: #faebd7;
	padding: 3rem 1rem 5rem;
	margin: -2rem 0 0;
}
.first-free__other--contents-frame {
	margin: 0 auto;
	max-width: 40rem;
	padding: 1rem;
}
.first-free__other--contents-title {
	color: #7f2e06;
	font-size: 1.0rem;
	font-weight: bold;
	padding-left: 1.2rem;
	position: relative;
	margin: 0;
}
.first-free__other--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}


/* 自分のことを占いたい！ */
.first-free__benefit {
	background-image: url('/assets/images/gentosha/first_background_diamond.png');
	background-size: cover;
	background-position: 0 3rem;
	background-repeat: no-repeat;
	margin: -3rem 0 1rem;
	padding-bottom: 1rem;
}
@media screen and (max-width:480px) {
	.first-free__benefit {
		background-position: 0 2.4rem;
	}
}
.first-free__benefit--title {
	font-size: 0;
	margin: 0;
	user-select: none;
}
.first-free__benefit--title-img {
	width: 100%;
	height: auto;
}
.first-free__benefit--contents {
	margin: 0 auto;
	max-width: 40rem;
	padding: 1rem;
}
.first-free__benefit--image-block {
	margin: 1rem;
}
.first-free__benefit--image-frame {
	margin: 0;
	text-align: center;
}
.first-free__benefit--image-img {
	width: 100%;
	max-width: 30rem;
	height: auto;
}


/* アロー付 フッター リンク */
.first-free__footer--ul, .first-free__footer--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first-free__footer--li {
	align-items: center;
	display: flex;
	position: relative;
	border-bottom: 1px solid #9c9c9c;
	padding: 0.4rem;
}
.first-free__footer--li:first-child {
	border-top: 1px solid #9c9c9c;
}
.first-free__footer--li::after {
	border: 0.06rem solid;
	border-color: #565656 #565656 transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 0.6rem;
	transform: translate(0, -50%) rotate(45deg);
}
.first-free__footer--a {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0.4rem 0;
	text-decoration: none;
}


/* 非会員、初めての方共通ボタン(会員登録) */
.first-free__member-regist--btn {
	background-color: #f66076;
	color: #ffffff;
	margin: 0;
	position: relative;
	width: 60%;
	max-width: 20rem;
}
.first-free__member-regist--btn::before {
	border: 0.06rem solid;
	border-color: #ffffff #ffffff transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translate(0, -50%) rotate(45deg);
}
.first-free__member-regist--btn-a {
	color: #ffffff;
}
.first-free__member-regist--btn-a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* 非会員、初めての方共通ボタン(青) */
.first-free__blue--btn, .first-free__blue--btn-back {
	background-color: #5fc3d8;
	color: #ffffff;
	margin: 0;
	position: relative;
	width: 60%;
	max-width: 20rem;
}
.first-free__blue--btn::before {
	border: 0.06rem solid;
	border-color: #ffffff #ffffff transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translate(0, -50%) rotate(45deg);
}
.first-free__blue--btn-back::before {
	border: 0.06rem solid;
	border-color: #ffffff #ffffff transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	left: 1rem;
	transform: translate(0, -50%) rotate(225deg);
}
.first-free__blue--btn-a {
	color: #ffffff;
}
.first-free__blue--btn-a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* ==============================================================*/
/* はじめての方へ */
.first-member__introduction {
	margin-bottom: 2rem;
}
.first-member__introduction--title {
	margin: 0;
}
.first-member__introduction--title-img {
	width: 100%;
	height: auto;
}
.first-member__introduction--pre {
	padding: 1rem 0 0 0.4rem;
	margin: 0;
}


/* 困ったらマイページへ */
.first-member__mypage {
}
.first-member__mypage--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__mypage--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__mypage--contents-ul, .first-member__mypage--contents-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first-member__mypage--contents-li {
	position: relative;
	padding-left: 1.2rem;
}
.first-member__mypage--contents-li::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}


/* 自分のことを占いたい！ */
.first-member__fortune {
}
.first-member__fortune--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__fortune--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__fortune--contents-title {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0 0 1rem;
}
.first-member__fortune--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}
.first-member__fortune--notice {
	background-color: #fcf9d6;
	padding: 0.4rem;
	margin: 1rem;
}


/* 自分とあの人の相性を占いたい！ */
.first-member__affinity {
}
.first-member__affinity--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__affinity--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__affinity--contents-title {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0 0 1rem;
}
.first-member__affinity--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}


/* 自分とあの人の相性を占いたい！ */
.first-member__child {
}
.first-member__child--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__child--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__child--contents-title {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0 0 1rem;
}
.first-member__child--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}
.first-member__child--contents-ul, .first-member__child--contents-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first-member__child--contents-subtitle {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0;
}
.first-member__child--contents-subtitle::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}


/* 無料で色々な事を占いたい！ */
.first-member__premium-free {
}
.first-member__premium-free--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__premium-free--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__premium-free--contents-title {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0 0 1rem;
}
.first-member__premium-free--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}


/* プレミアム鑑定 */
.first-member__premium {
}
.first-member__premium--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__premium--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__premium--contents-title {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0 0 1rem;
}
.first-member__premium--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}
.first-member__premium--notice {
	background-color: #fcf9d6;
	padding: 0.4rem;
	margin: 1rem;
}


/* あの日の運気を知りたい！ */
.first-member__unki {
}
.first-member__unki--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__unki--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__unki--contents-title {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0 0 1rem;
}
.first-member__unki--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}
.first-member__unki--contents-ul, .first-member__unki--contents-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first-member__unki--contents-li {
	padding-left: 1.2rem;
	position: relative;
}
.first-member__unki--contents-li::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}


/* 有名人の占い結果が見たい！ */
.first-member__famous {
}
.first-member__famous--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__famous--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__famous--contents-title {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0 0 1rem;
}
.first-member__famous--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}


/* 悩みを相談したい！ */
.first-member__judgment {
}
.first-member__judgment--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__judgment--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__judgment--contents-title {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0 0 1rem;
}
.first-member__judgment--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}


/* プレゼントに応募したい！ */
.first-member__present {
}
.first-member__present--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__present--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__present--ul, .first-member__present--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first-member__present--li {
	padding-left: 4.8rem;
	position: relative;
}
.first-member__present--li::before {
	position: absolute;
	top: 0;
	left: 0;
}
.first-member__present--li:nth-of-type(1)::before {
	content: '「逸」･･･';
}
.first-member__present--li:nth-of-type(2)::before {
	content: '「贅」･･･';
}
.first-member__present--li:nth-of-type(3)::before {
	content: '「心」･･･';
}


/* 六星占術の基本的なことが知りたい！ */
.first-member__whats {
}
.first-member__whats--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__whats--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__whats--contents-title {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0 0 1rem;
}
.first-member__whats--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}


/* 今日の運命をメールでお届け！ */
.first-member__mail-magazine {
}
.first-member__mail-magazine--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__mail-magazine--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__mail-magazine--contents-title {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0 0 1rem;
}
.first-member__mail-magazine--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}


/* アロー付 フッター リンク */
.first-member__footer--ul, .first-member__footer--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first-member__footer--li {
	align-items: center;
	display: flex;
	position: relative;
	border-bottom: 1px solid #9c9c9c;
	padding: 0.4rem;
}
.first-member__footer--li:first-child {
	border-top: 1px solid #9c9c9c;
}
.first-member__footer--li::after {
	border: 0.06rem solid;
	border-color: #565656 #565656 transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 0.6rem;
	transform: translate(0, -50%) rotate(45deg);
}
.first-member__footer--a {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0.4rem 0;
	text-decoration: none;
}



/* ==============================================================*/
/* 基本性格 */
.appraisal__character {
	margin-bottom: 2rem;
}
.appraisal__character--title {
	margin: 0;
}
.appraisal__character--title-img {
	width: 100%;
	height: auto;
}
.appraisal__character--ul, .appraisal__character--li {
	list-style: none;
	margin: 0;
	padding: 0;
}


/* 基本性格 登録リストから選ぶ 生年月日入力 */
.appraisal__partner {
	padding-bottom: 2rem;
}


/* ==============================================================*/
/* リニューアルフッター */
.footer-renewal {
	background-color: #fef4e1;
	margin: 0;
	padding: 1rem 0;
}

/* 無料占い リスト */
.pr-free__list {
	margin-bottom: 2rem;
}
.pr-free__list--ul, .pr-free__list--li {
	list-style: none;
	margin: 0;
	padding: 0;
    border: 1px solid #ef90bf;
}
.pr-free__list--li {
	position: relative;
	padding: 0.0rem 1.0rem 0.0rem 0.4rem;
}
.pr-free__list--li::after {
	border: 0.06rem solid;
	border-color: #565656 #565656 transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 0.6rem;
	transform: translate(0, -50%) rotate(45deg);
}
.pr-free__list--a {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0.4rem 0;
	text-decoration: none;
}
.pr-free__list--tag {
	border-radius: 0.2rem;
	color: #2a2a2a;
	display: inline-block;
	font-size: 0.7rem;
	letter-spacing: 0.6rem;
	padding: 0;
	text-align: center;
	text-indent:0.6rem;
	user-select: none;
	width: 6rem;
}
.pr-free__list--type {
	color: #8f8f8f;
	display: inline-block;
	font-size: 0.7rem;
	padding: 0;
	text-align: left;
	user-select: none;
	width: 6.4rem;
}
.pr-free__list--detail {
	display: block;
    font-size: 100%;
}
.pr-free__list--page-number {
	align-items: center;
	display: flex;
	margin: 0 2rem;
}

.text-pink{
    color: #ef90bf;
}

.nav-link{
    color: #626262;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    color: #626262;
    background-color: #fcd7e8;
}
.nav-justified .nav-item{
    border: 1px solid #626262;
    background-color: #ffffff;
}
.nav-pills .nav-link{
    border-radius: .10rem;
}
.background-lightyellow{
    background-color: #fffcec;
}
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active{
	background-image: url('/assets/images/gentosha/gentosha_button_01.png');
}
/* アコーディオンの十字ボタン(〈showなし〉非表示 > 表示〈showあり〉表示 > 非表示)*/
.first__introduction-input--accordion-btn-qa, .first__introduction-input--accordion-btn-qa-show {
	user-select: none;
	outline: none !important;
	width: 100%;
    max-width: 1.375rem;
    height: 100%;
    max-height: 1.375rem;
	transition: 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1);
	white-space: nowrap;
	z-index: 10;
	border: none;
	outline: none;
	padding: 0;
	appearance: none;
	background-color: transparent;
}
.first__introduction-input--accordion-btn-qa::after, .first__introduction-input--accordion-btn-qa-show::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
.first__introduction-input--accordion-btn-qa::after {
	background-image: url('/assets/images/gentosha/first_lp_accordion_plus_gray.png');
}
.first__introduction-input--accordion-btn-qa-show::after {
	background-image: url('/assets/images/gentosha/first_lp_accordion_minus_gray.png');
}
.first__introduction-input--accordion-btn-qa.clicked, .first__introduction-input--accordion-btn-qa-show.clicked {
	transform: translate(0, -50%) rotate(0deg);
	box-shadow: none;
}
.first__introduction-input--accordion-btn-qa.clicked::after, .first__introduction-input--accordion-btn-qa-show.clicked::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	display: inline-block;
	background-size: contain;
}
.first__introduction-input--accordion-btn-qa.clicked::after {
	background-image: url('/assets/images/gentosha/first_lp_accordion_minus_gray.png');
}
.first__introduction-input--accordion-btn-qa-show.clicked::after {
	background-image: url('/assets/images/gentosha/first_lp_accordion_plus_gray.png');
}
.bg-image-pink {
	background-image: url('/assets/images/gentosha/gentosha_34.png');
    background-size: contain;
}


/* たまひよ */
.tmhy-body {
	background-image: url(/assets/images/hosokikaori/tamahiyo/tamahiyo_BG.jpg);
	background-repeat: repeat;
	background-position: center center;
}

.tmhy__introduction {
	margin-bottom: 0;
	background-color: #ffffff;
	padding-bottom: 1rem;
}
.tmhy__introduction--title {
	font-size: 0;
	margin: 0;
}
.tmhy__introduction--title-img {
	width: 100%;
	height: auto;
}


.tmhy__trouble-list--ul, .tmhy__trouble-list--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.tmhy__trouble-list--li {
	position: relative;
	padding: 1.5rem 1.6rem 1.5rem 6rem;
	min-height: 6.75rem;
}
.tmhy__trouble-list--li:nth-child(odd) {
	background-color: #fce7f1;
}
.tmhy__trouble-list--li:nth-child(even) {
	background-color: #fdfda8;
}
.tmhy__trouble-list--li::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0.6rem;
	transform: translate(0, -50%);
}
.tmhy__trouble-list--li:nth-child(1)::before {
	background: url(/assets/images/hosokikaori/tamahiyo/tmhy_contents_trouble_list_face1.png);
	width: 4.6875rem;
	height: 4.75rem;
	background-size: contain;
}
.tmhy__trouble-list--li:nth-child(2)::before {
	background: url(/assets/images/hosokikaori/tamahiyo/tmhy_contents_trouble_list_face2.png);
	width: 4.6875rem;
	height: 4.75rem;
	background-size: contain;
}
.tmhy__trouble-list--li:nth-child(3)::before {
	background: url(/assets/images/hosokikaori/tamahiyo/tmhy_contents_trouble_list_face3.png);
	width: 4.6875rem;
	height: 4.75rem;
	background-size: contain;
}
.tmhy__trouble-list--li:nth-child(4)::before {
	background: url(/assets/images/hosokikaori/tamahiyo/tmhy_contents_trouble_list_face4.png);
	width: 4.6875rem;
	height: 4.75rem;
	background-size: contain;
}
.tmhy__trouble-list--li:nth-child(5)::before {
	background: url(/assets/images/hosokikaori/tamahiyo/tmhy_contents_trouble_list_face5.png);
	width: 4.6875rem;
	height: 4.75rem;
	background-size: contain;
}
.tmhy__countents--movie {
	margin-bottom: 1rem;
}
.tmhy__countents--movie-whats {
	font-weight: bold;;
	margin: 0;
}

.tmhy__countents--movie-wrapper {
	margin-bottom: 1rem;
	position: relative;
	text-align: center;
	width: 100%;
}
.tmhy__countents--movie-wrapper::before {
	content: '';
	display: block;
	padding-top: 56.25%;
}
.tmhy__countents--movie-wrapper > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.tmhy__regist--button {
	font-size: 0;
	margin: 0 auto;
	max-width: 20rem;
	height: auto;
}
.tmhy__regist--button-img {
	width: 100%;
	height: auto;
}


.continue.btn:not(:disabled):not(.disabled).active, .continue.btn:not(:disabled):not(.disabled):active {
	background-image: none;
}


.bg-color-thin-pink {
	background-color: #fefbfb;
}
.bg-color-thin-yellow {
	background-color: #fbfbe2;
}

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

/* 細木数子TV */
.movie__introduction {
}
.movie__introduction--title {
	font-size: 0;
	margin: 0;
}
.movie__introduction--title-img {
	width: 100%;
	height: auto;
}
.movie__introduction--finish {
	border: 2px solid #ff0000;
	margin: 1rem;
	padding: 1rem;
}


/* 細木数子TV 最新動画 動画一覧 */
.movie__list {
	margin-bottom: 2rem;
}
.movie__list--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.movie__list--ul, .movie__list--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.movie__list--li {
	align-items: center;
	display: flex;
	position: relative;
	border-bottom: 1px solid #9c9c9c;
	padding: 0.4rem;
}
.movie__list--li::after {
	border: 0.06rem solid;
	border-color: #565656 #565656 transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 0.6rem;
	transform: translate(0, -50%) rotate(45deg);
}
.movie__list--li:first-child {
	border-top: 1px solid #9c9c9c;
}
.movie__list--icon-block {
	margin: 0.4rem;
}
.movie__list--icon-block-info {
	line-height: 1.0;
	margin-bottom: 0.2rem;
}
.movie__list--icon-block {
	color: #f66076;
	margin: 0;
	text-align: center;
}
.movie__list--icon-block-date {
	margin: 0;
	text-align: center;
}
.movie__list--icon-block-a {
	color: #f66076;
}
.movie__list--icon-block-a:hover {
	color: #f66076;
}
.movie__list--icon-block-a::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.movie__list--media-icon {
	width: 100%;
	heigth: auto;
	max-height: 120px;
	max-width: 120px;
}
.movie__list--icon-block-img-cover {
	position: relative;
}
.movie__list--icon-block-img-cover::before {
	background-image: url("/assets/images/movie/movie_key_s.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
}
.movie__list--word {
	margin: 0 1.2rem 0 0.4rem;
}
.movie__list--word-title {
	font-weight: bold;
	margin: 0;
}
.movie__list--word-description {
	margin: 0;
}
.movie__list--trial-regist {
	margin: 1rem 1rem 2rem;
}
.movie__list--trial-regist-button {
	appearance: none;
	background-color: #eb6d9a;
	border: none;
	color: #ffffff;
	cursor: pointer;
	outline: none;
	margin: 0;
	padding: .375rem 2.75rem;
	position: relative;
	white-space: nowrap;
}
.movie__list--trial-regist-caution {
	font-size: 80%;
	padding-left: 1.0rem;
	position: relative;
}
.movie__list--trial-regist-caution::before {
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1.4;
}


/* 注意文言 */
.movie__list--caution {
	padding: 0 1rem;
	margin-bottom: 2rem;
}
.movie__list--caution-p {
	padding-left: 1.2rem;
	position: relative;
}
.movie__list--caution-p::before {
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}


/* 会員登録 悩み投稿 */
.movie__trouble {
	background-color: #fcf9d6;
	margin: 0 1rem 1rem;
	padding: 1rem;
}


/* 会員登録 その他 */
.movie__detail {
	margin: 0 1rem 2rem;
}
.movie__detail--ul, .movie__detail--li,
.movie__detail--recommend-ul, .movie__detail--recommend-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.movie__detail--li {
	padding-left: 1.8rem;
	position: relative;
}
.movie__detail--li::before {
	color: #b2c4dc;
	content: '★';
	font-size: 1.4rem;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0.4rem;
	width: 1.2rem;
	height: 1.2rem;
	transform: rotate(10deg);
}
.movie__detail--li::after {
	color: #4db8fc;
	content: '★';
	font-size: 1.4rem;
	line-height: 1;
	position: absolute;
	top: 0;
	left: -0.2rem;
	width: 1.2rem;
	height: 1.2rem;
	transform: rotate(50deg);
}
.movie__detail--strong {
	font-weight: bold;
	margin: 0;
}
.movie__detail--recommend-li {
	padding-left: 1.4rem;
	position: relative;
}
.movie__detail--recommend-li::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}


/* 細木数子TV フッター リンク */
.movie__footer-list {
	margin-bottom: 2rem;
}
.movie__footer-list--ul, .movie__footer-list--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.movie__footer-list--li {
	align-items: center;
	display: flex;
	position: relative;
	border-bottom: 1px solid #9c9c9c;
	padding: 0.4rem;
}
.movie__footer-list--li:first-child {
	border-top: 1px solid #9c9c9c;
}
.movie__footer-list--li::after {
	border: 0.06rem solid;
	border-color: #565656 #565656 transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 0.6rem;
	transform: translate(0, -50%) rotate(45deg);
}
.movie__footer-list--a {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0.4rem 0;
	text-decoration: none;
}


/* ================================================================== */
/* 細木数子TV 動画 */
.movie-detail__contents {
	margin-bottom: 1rem;
}
.movie-detail__contents--title {
	font-size: 0;
	margin: 0;
}
.movie-detail__contents--title-img {
	width: 100%;
	height: auto;
}
.movie-detail__contents--movie-block {
	margin: 1rem;
	padding: 1rem;
	background: -webkit-repeating-linear-gradient(-45deg, #fcf9d6, #fcf9d6 3px,#fbf7c4 3px, #fbf7c4 7px);
	background: repeating-linear-gradient(-45deg, #fcf9d6, #fcf9d6 3px,#fbf7c4 3px, #fbf7c4 7px);
	border: 1px solid #af9572;
	border-radius: 0.2rem;
}
.movie-detail__contents--movie-title {
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0 0 0.4rem;
	text-align: center;
	user-select: none;
}
.movie-detail__contents--movie-title-date {
	color: #eb6d9a;
	font-size: 0.8rem;
}
.movie-detail__contents--movie-title-sentence {
	display: block;
	text-align: left;
}
.movie-detail__contents--movie-wrapper, .movie-detail__contents--movie-img-wrapper {
	position: relative;
	width: 100%;
}
.movie-detail__contents--movie-wrapper::before {
	content: '';
	display: block;
	padding-top: 56.25%;
}
.movie-detail__contents--movie-wrapper > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.movie-detail__contents--movie-img-wrapper::before {
	background-image: url("/assets/images/movie/movie_key_m.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
}


/* 会員登録 */
.movie-detail__trial--regist {
	margin: 1rem;
}
.movie-detail__trial--regist-button {
	appearance: none;
	background-color: #eb6d9a;
	border: none;
	color: #ffffff;
	cursor: pointer;
	outline: none;
	margin: 0;
	padding: .375rem 2.75rem;
	position: relative;
	white-space: nowrap;
}
.movie-detail__trial--regist-caution {
	font-size: 80%;
	padding-left: 1.0rem;
	position: relative;
}
.movie-detail__trial--regist-caution::before {
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1.4;
}


/* 会員登録 悩み投稿 */
.movie-detail__trouble {
	background-color: #fcf9d6;
	margin: 0 1rem 1rem;
	padding: 1rem;
}


/* 会員登録 その他 */
.movie-detail__detail {
	margin: 0 1rem 2rem;
}
.movie-detail__detail--ul, .movie-detail__detail--li,
.movie-detail__detail--recommend-ul, .movie-detail__detail--recommend-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.movie-detail__detail--li {
	padding-left: 1.8rem;
	position: relative;
}
.movie-detail__detail--li::before {
	color: #b2c4dc;
	content: '★';
	font-size: 1.4rem;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0.4rem;
	width: 1.2rem;
	height: 1.2rem;
	transform: rotate(10deg);
}
.movie-detail__detail--li::after {
	color: #4db8fc;
	content: '★';
	font-size: 1.4rem;
	line-height: 1;
	position: absolute;
	top: 0;
	left: -0.2rem;
	width: 1.2rem;
	height: 1.2rem;
	transform: rotate(50deg);
}
.movie-detail__detail--strong {
	font-weight: bold;
	margin: 0;
}
.movie-detail__detail--recommend-li {
	padding-left: 1.4rem;
	position: relative;
}
.movie-detail__detail--recommend-li::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}


/* その他ボタンとか諸々 */
.movie-detail__contents--post {
	margin: 0 1rem;
	padding: 0 1rem;
}
.movie-detail__contents--post-block {
	padding: 1rem 0;
}
.movie-detail__contents--post-ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.movie-detail__contents--post-li {
	list-style: none;
	margin: 0;
	padding: .375rem 0;
	white-space: normal;
}
.movie-detail__contents--post-li-a {
	color: #ffffff;
	display: block;
	width: 100%;
	height: 100%;
}
.movie-detail__contents--post-a-small {
	font-size: 0.75rem;
}
.movie-detail__contents--post-a-large {
	font-size: 1.25rem;
	font-weight: bold;
}


/* 細木数子TV 最新動画 動画一覧 */
.movie-detail__list {
	margin-bottom: 2rem;
}
.movie-detail__list--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.movie-detail__list--ul, .movie-detail__list--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.movie-detail__list--li {
	align-items: center;
	display: flex;
	position: relative;
	border-bottom: 1px solid #9c9c9c;
	padding: 0.4rem;
}
.movie-detail__list--li::after {
	border: 0.06rem solid;
	border-color: #565656 #565656 transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 0.6rem;
	transform: translate(0, -50%) rotate(45deg);
}
.movie-detail__list--li:first-child {
	border-top: 1px solid #9c9c9c;
}
.movie-detail__list--icon-block {
	margin: 0.4rem;
}
.movie-detail__list--icon-block-info {
	line-height: 1.0;
	margin-bottom: 0.2rem;
}
.movie-detail__list--icon-block {
	color: #f66076;
	margin: 0;
	text-align: center;
}
.movie-detail__list--icon-block-date {
	color: #f66076;
	margin: 0;
	text-align: center;
}
.movie-detail__list--icon-block-a {
	color: #f66076;
}
.movie-detail__list--icon-block-a:hover {
	color: #f66076;
}
.movie-detail__list--icon-block-a::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.movie-detail__list--media-icon {
	width: 100%;
	heigth: auto;
	max-height: 120px;
	max-width: 120px;
}
.movie-detail__list--icon-block-img-cover {
	position: relative;
}
.movie-detail__list--icon-block-img-cover::before {
	background-image: url("/assets/images/movie/movie_key_s.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
}
.movie-detail__list--word {
	margin: 0 1.2rem 0 0.4rem;
}
.movie-detail__list--word-title {
	font-weight: bold;
	margin: 0;
}
.movie-detail__list--word-description {
	margin: 0;
}


/* 注意文言 */
.movie-detail__list--caution {
	padding: 0 1rem;
	margin-bottom: 2rem;
}


/* ================================================================== */
/* お悩み相談 投稿 */
.movie-form__contents {
	margin-bottom: 2rem;
}
.movie-form__contents--title {
	font-size: 0;
	margin: 0;
}
.movie-form__contents--title-img {
	width: 100%;
	height: auto
}
.movie-form__contents--form {
}
.movie-form__contents--form-introduction {
	padding: 1rem;
}
.movie-form__contents--form-table {
	background-color: #ffffff;
	border: 1px solid #000;
	margin: 0 1rem 1rem;
}
.movie-form__contents--form-table-title {
	background-color: #eb6d9a;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.movie-form__contents--form-error {
	color: #f66076;
	font-size: 80%;
	margin: 0;
	padding-left: 1.2rem;
	position: relative;
}
.movie-form__contents--form-error::before {
	content: '※';
	color: #f66076;
	position: absolute;
	top: 0;
	left: 0;
}
.movie-form__contents--form-table-ul, .movie-form__contents--form-table-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.movie-form__contents--form-table-li {
	border-top: 1px solid #000000;
}
.movie-form__contents--form-table-li:nth-child(odd) {
	border-right: 1px solid #000000;
}
.movie-form__contents--form-table-text {
	width: 100%;
}
.movie-form__contents--form-table-select {
	width: 100%;
}
.movie-form__contents--form-table-textarea {
	width: 100%;
}
.movie-form__contents--form-caution {
	padding: 0 1rem;
}
.movie-form__contents--form-caution-button {
	background-color: #5fc3d8;
	border: none;
	color: #ffffff;
	cursor: pointer;
	outline: none;
	appearance: none;
	margin: 0;
}


/* お悩み相談 投稿 ヒント */
.movie-form__hint {
	margin-bottom: 1rem;
	padding: 1rem;
}
.movie-form__hint--birthday {
	margin-bottom: 1rem;
}
.movie-form__hint--birthday-title {
	font-size: 1rem;
	font-weight: bold;
	position: relative;
	padding-left: 1.2rem;
}
.movie-form__hint--birthday-title::before {
	content: '◆';
	position: absolute;
	top: 0;
	left: 0;
}
.movie-form__hint--birthday-list {
	padding: 0 1rem;
}
.movie-form__hint--birthday-ul, .movie-form__hint--birthday-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.movie-form__hint--fill {
	margin-bottom: 1rem;
}
.movie-form__hint--fill-title {
	font-size: 1rem;
	font-weight: bold;
	position: relative;
	padding-left: 1.2rem;
}
.movie-form__hint--fill-title::before {
	content: '◆';
	position: absolute;
	top: 0;
	left: 0;
}
.movie-form__hint--fill-list {
	padding: 0 1rem;
}
.movie-form__hint--fill-ul, .movie-form__hint--fill-li,
.movie-form__hint--fill-example-ul, .movie-form__hint--fill-example-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.movie-form__hint--fill-example-li {
	position: relative;
	padding-left: 1.2rem;
}
.movie-form__hint--fill-example-li::before {
	content: '⇒';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
}


/* ================================================================== */
/* お悩み相談 完了 */
.movie-end__contents {
	margin-bottom: 1rem;
}
.movie-end__contents--title {
	font-size: 0;
	margin: 0;
}
.movie-end__contents--title-img {
	width: 100%;
	height: auto
}
.movie-end__contents--report {
	padding: 1rem;
}
.movie-end__contents--report-title {
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0 0 1rem;
	text-align: center;
}


/* ================================================================== */
/* コメント投稿 投稿 */
.movie-impression-form__contents {
	margin-bottom: 2rem;
}
.movie-impression-form__contents--title {
	font-size: 0;
	margin: 0;
}
.movie-impression-form__contents--title-img {
	width: 100%;
	height: auto
}
.movie-impression-form__contents--form {
}
.movie-impression-form__contents--form-introduction {
	padding: 1rem;
}
.movie-impression-form__contents--form-table {
	background-color: #ffffff;
	border: 1px solid #000;
	margin: 0 1rem 1rem;
}
.movie-impression-form__contents--form-error {
	color: #f66076;
	font-size: 80%;
	margin: 0;
	padding-left: 1.2rem;
	position: relative;
}
.movie-impression-form__contents--form-error::before {
	content: '※';
	color: #f66076;
	position: absolute;
	top: 0;
	left: 0;
}
.movie-impression-form__contents--form-table-title {
	background-color: #eb6d9a;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.movie-impression-form__contents--form-table-ul, .movie-impression-form__contents--form-table-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.movie-impression-form__contents--form-table-li {
	border-top: 1px solid #000000;
}
.movie-impression-form__contents--form-table-li:nth-child(odd) {
	border-right: 1px solid #000000;
}
.movie-impression-form__contents--form-table-text {
	width: 100%;
}
.movie-impression-form__contents--form-table-select {
	width: 100%;
}
.movie-impression-form__contents--form-table-textarea {
	width: 100%;
}
.movie-impression-form__contents--form-caution {
	padding: 0 1rem;
}
.movie-impression-form__contents--form-caution-button {
	background-color: #5fc3d8;
	border: none;
	color: #ffffff;
	cursor: pointer;
	outline: none;
	appearance: none;
	margin: 0;
}


/* ================================================================== */
/* コメント投稿 完了 */
.movie-impression-end__contents {
	margin-bottom: 1rem;
}
.movie-impression-end__contents--title {
	font-size: 0;
	margin: 0;
}
.movie-impression-end__contents--title-img {
	width: 100%;
	height: auto
}
.movie-impression-end__contents--report {
	padding: 1rem;
}
.movie-impression-end__contents--report-title {
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0 0 1rem;
	text-align: center;
}


/* ================================================================== */
/* 紹介ページ お試し動画配信中！ */
.movie-intro__contents {
	margin-bottom: 2rem;
}
.movie-intro__contents--title {
	font-size: 0;
	margin: 0;
}
.movie-intro__contents--title-img {
	width: 100%;
	height: auto
}
.movie-intro__contents--banner {
	font-size: 0;
	margin: 0;
}
.movie-intro__contents--banner-img {
	width: 100%;
	height: auto
}
.movie-intro__contents--trial {
}
.movie-intro__contents--trial-title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.movie-intro__contents--trial-list {
	margin-bottom: 1rem;
}
.movie-intro__contents--trial-ul, .movie-intro__contents--trial-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.movie-intro__contents--trial-li {
	align-items: start;
	display: flex;
	position: relative;
	border-bottom: 1px solid #9c9c9c;
	padding: 0.4rem;
}
.movie-intro__contents--trial-li::after {
	border: 0.06rem solid;
	border-color: #565656 #565656 transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 0.6rem;
	transform: translate(0, -50%) rotate(45deg);
}
.movie-intro__contents--trial-li:first-child {
	border-top: 1px solid #9c9c9c;
}
.movie-intro__contents--trial-icon {
	line-height: 1.0;
	margin-bottom: 0.2rem;
}
.movie-intro__contents--trial-icon-a::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.movie-intro__contents--trial-icon-img {
	width: 100%;
	heigth: auto;
	max-height: 120px;
	max-width: 120px;
}
.movie-intro__contents--trial-word {
	margin: 0 1.2rem 0 0.4rem;
}
.movie-intro__contents--trial-word-title {
	font-weight: bold;
	margin: 0;
}
.movie-intro__contents--trial-word-description {
	margin: 0;
}
.movie-intro__contents--trial-list-button {
	appearance: none;
	background-color: #5fc3d8;
	border: none;
	color: #ffffff;
	cursor: pointer;
	outline: none;
	margin: 0;
}
.movie-intro__contents--trial-regist {
	margin: 0 1rem 1rem 1rem;
}
.movie-intro__contents--trial-regist-button {
	appearance: none;
	background-color: #eb6d9a;
	border: none;
	color: #ffffff;
	cursor: pointer;
	outline: none;
	margin: 0;
	padding: .375rem 2.75rem;
	position: relative;
	white-space: nowrap;
}
.movie-intro__contents--trial-regist-button::after {
	border: 0.06rem solid;
	border-color: #ffffff #ffffff transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 0.6rem;
	transform: translate(0, -50%) rotate(45deg);
}
.movie-intro__contents--trial-trouble {
	background-color: #fcf9d6;
	padding: 1rem;
}


/* 紹介ページ 「細木数子TV」ご紹介 */
.movie-intro__introduction {
	margin-bottom: 2rem;
}
.movie-intro__introduction--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.movie-intro__introduction--block {
	margin: 1rem;
}
.movie-intro__introduction--block-img {
	width: 100%;
	height: auto;
}
.movie-intro__introduction--block-button {
	appearance: none;
	background-color: #eb6d9a;
	border: none;
	color: #ffffff;
	cursor: pointer;
	outline: none;
	margin: 0;
	padding: .375rem 2.75rem;
	position: relative;
	white-space: nowrap;
}
.movie-intro__introduction--block-button::after {
	border: 0.06rem solid;
	border-color: #ffffff #ffffff transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 0.6rem;
	transform: translate(0, -50%) rotate(45deg);
}


/* ================================================================== */
/* 会員登録 */
.movie-regist__contents {
	margin-bottom: 1rem;
}
.movie-regist__contents--title {
	font-size: 0;
	margin: 0;
}
.movie-regist__contents--title-img {
	width: 100%;
	height: auto;
}
.movie-regist__contents--subtitle {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.movie-regist__contents--introduction {
	margin: 1rem;
}
.movie-regist__contents--frame {
	border: 2px solid #af9572;
	margin: 1rem 1rem 2rem;
	padding: 1rem;
}
.movie-regist__contents--frame-price {
	font-size: 1.6rem;
	font-weight: bold;
}
.movie-regist__contents--frame-button {
	background-color: #5fc3d8;
	border: none;
	color: #ffffff;
	cursor: pointer;
	outline: none;
	appearance: none;
	margin: 0;
}


/* 会員登録 悩み投稿 */
.movie-regist__trouble {
	background-color: #fcf9d6;
	margin: 1rem;
	padding: 1rem;
}


/* 会員登録 その他 */
.movie-regist__detail {
	margin: 0 1rem 2rem;
}
.movie-regist__detail--ul, .movie-regist__detail--li,
.movie-regist__detail--recommend-ul, .movie-regist__detail--recommend-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.movie-regist__detail--li {
	padding-left: 1.8rem;
	position: relative;
}
.movie-regist__detail--li::before {
	color: #b2c4dc;
	content: '★';
	font-size: 1.4rem;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0.4rem;
	width: 1.2rem;
	height: 1.2rem;
	transform: rotate(10deg);
}
.movie-regist__detail--li::after {
	color: #4db8fc;
	content: '★';
	font-size: 1.4rem;
	line-height: 1;
	position: absolute;
	top: 0;
	left: -0.2rem;
	width: 1.2rem;
	height: 1.2rem;
	transform: rotate(50deg);
}
.movie-regist__detail--strong {
	font-weight: bold;
	margin: 0;
}
.movie-regist__detail--recommend-li {
	padding-left: 1.4rem;
	position: relative;
}
.movie-regist__detail--recommend-li::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}


/* ================================================================== */
/* 会員登録 完了*/
.movie-end__contents {
	margin-bottom: 1rem;
}
.movie-end__contents--title {
	font-size: 0;
	margin: 0;
}
.movie-end__contents--title-img {
	width: 100%;
	height: auto;
}
.movie-end__contents--subtitle {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.movie-end__contents--block {
	margin: 1rem;
}
.movie-end__contents--strong {
	font-size: 1.6rem;
	font-weight: bold;
}

/* ==============================================================*/
/* アマゾン会員登録 */
.movie-amazon__contents--movie-btn {
	background-color: #5fc3d8;
	color: #ffffff;
	appearance: none;
	border: none;
	cursor: pointer;
	outline: none;
}
/* カルーセル */
.slide {
	margin-bottom: 2rem; /* カルーセルポインタ分 + 0rem */
}

.tamahiyo__campaign {
	border: 2px solid #62cac8;
	border-radius: 1rem;
	margin: 1rem;
	padding: 1rem;
}
.withonline__campaign {
	border: 2px solid #f090bf;
	border-radius: 1rem;
	margin: 0 0 1rem;
	padding: 1rem;
}
.fujingaho__campaign {
	border: 2px solid #f090bf;
	border-radius: 1rem;
	margin: 0 0 1rem;
	padding: 1rem;
}
.fuelle__campaign {
	border: 2px solid #62cac8;
	border-radius: 1rem;
	margin: 1rem;
	padding: 1rem;
}
.tv__campaign {
	border: 2px solid #62cac8;
	border-radius: 1rem;
	margin: 1rem;
	padding: 1rem;
}

.withonline__bear {
	background-image: url('/assets/images/gentosha/gentosha_32.png');
	background-size: 100% auto;
	background-position: center center;
	font-size: 1rem;
	margin: 0;
	padding: 0 3rem 1rem;
}
.withonline__bear--img {
	text-align: center;
	margin: 0 auto 1rem;
	width: 35%;
	min-width: 6rem;
}
.withonline__bear--ul, .withonline__bear--ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.anan__bear {
	background-image: url('/assets/images/hosokikaori/anan/anan_32.png');
	background-size: 100% auto;
	background-position: center center;
	font-size: 1rem;
	margin: 0;
	padding: 0 3rem 1rem;
}
.anan__bear--img {
	text-align: center;
	margin: 0 auto 1rem;
	width: 35%;
	min-width: 6rem;
}
.anan__bear--ul, .anan__bear--ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.kadokawa__bear {
	background-image: url('/assets/images/hosokikaori/kadokawa/kadokawa_32.png');
	background-size: 100% auto;
	background-position: center center;
	font-size: 1rem;
	margin: 0;
	padding: 0 3rem 1rem;
}
.kadokawa__bear--img {
	text-align: center;
	margin: 0 auto 1rem;
	width: 35%;
	min-width: 6rem;
}
.kadokawa__bear--ul, .kadokawa__bear--ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sns__bear {
	background-image: url('/assets/images/hosokikaori/sns/sns_32.png');
	background-size: 100% auto;
	background-position: center center;
	font-size: 1rem;
	margin: 0;
	padding: 0 3rem 1rem;
}
.sns__bear--img {
	text-align: center;
	margin: 0 auto 1rem;
	width: 35%;
	min-width: 6rem;
}
.sns__bear--ul, .sns__bear--ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.buzz100__bear {
	background-image: url('/assets/images/hosokikaori/buzz100/buzz100_32.png');
	background-size: 100% auto;
	background-position: center center;
	font-size: 1rem;
	margin: 0;
	padding: 0 3rem 1rem;
}
.buzz100__bear--img {
	text-align: center;
	margin: 0 auto 1rem;
	width: 35%;
	min-width: 6rem;
}
.buzz100__bear--ul, .buzz100__bear--ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.jalan__bear {
	background-image: url('/assets/images/hosokikaori/jalan/jalan_32.png');
	background-size: 100% auto;
	background-position: center center;
	font-size: 1rem;
	margin: 0;
	padding: 0 3rem 1rem;
}
.jalan__bear--img {
	text-align: center;
	margin: 0 auto 1rem;
	width: 35%;
	min-width: 6rem;
}
.jalan__bear--ul, .jalan__bear--ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tv__bear {
	background-image: url('/assets/images/hosokikaori/tv/tv_32.png');
	background-size: 100% auto;
	background-position: center center;
	font-size: 1rem;
	margin: 0;
	padding: 0 3rem 1rem;
}
.tv__bear--img {
	text-align: center;
	margin: 0 auto 1rem;
	width: 35%;
	min-width: 6rem;
}
.tv__bear--ul, .tv__bear--ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sns__bear_speech_dosei {
	background-image: url(/assets/images/sns/speech_dosei.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin: 0 1rem 0 0;
	padding: 1rem 5% 1rem 10%;
}

.sns__bear_speech_kinsei {
	background-image: url(/assets/images/sns/speech_kinsei.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin: 0 0 0 1rem;
	padding: 1rem 10% 1rem 5%;
}
.sns__bear_speech_kasei {
	background-image: url(/assets/images/sns/speech_kasei.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin: 0 1rem 0 0;
	padding: 1rem 5% 1rem 10%;
}
.sns__bear_speech_tennousei {
	background-image: url(/assets/images/sns/speech_tennousei.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin: 0 0 0 1rem;
	padding: 1rem 10% 1rem 5%;
}
.sns__bear_speech_mokusei {
	background-image: url(/assets/images/sns/speech_mokusei.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin: 0 1rem 0 0;
	padding: 1rem 5% 1rem 10%;
}
.sns__bear_speech_suisei {
	background-image: url(/assets/images/sns/speech_suisei.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin: 0 0 0 1rem;
	padding: 1rem 10% 1rem 5%;
}
* {
	box-sizing: border-box;
}
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.unki-block {
	margin-block-end: 1rem;
}
.unki {
	padding: 0;
	margin: 0;
}
.unki-decoration {
	color: #ffffff;
	border-radius: 0.4rem 0.4rem 0 0;
	font-weight: bold;
	padding: 0.3rem 0.6rem;
	margin-inline-start: 0.4rem;
}
.unki-description {
	padding: 0.2rem 1rem;
	margin: 0;
	border-radius: 0.2rem;
}
.unki-bg-color1 {
	background-color: #b8d3d3;
}
.unki-border-color1 {
	border: 1px solid #b8d3d3;
}
.unki-bg-color2 {
	background-color: #c2eded;
}
.unki-border-color2 {
	border: 1px solid #c2eded;
}
.unki-bg-color3 {
	background-color: #afffd5;
}
.unki-border-color3 {
	border: 1px solid #afffd5;
}
.unki-bg-color4 {
	background-color: #b9ff98;
}
.unki-border-color4 {
	border: 1px solid #b9ff98;
}
.unki-bg-color5 {
	background-color: #f2d265;
}
.unki-border-color5 {
	border: 1px solid #f2d265;
}
.unki-bg-color6 {
	background-color: #e1d2c9;
}
.unki-border-color6 {
	border: 1px solid #e1d2c9;
}
.unki-bg-color7 {
	background-color: #f2d9c7;
}
.unki-border-color7 {
	border: 1px solid #f2d9c7;
}
.unki-bg-color8 {
	background-color: #e0a48c;
}
.unki-border-color8 {
	border: 1px solid #e0a48c;
}
.unki-bg-color9 {
	background-color: #e3b2c0;
}
.unki-border-color9 {
	border: 1px solid #e3b2c0;
}
.unki-bg-color10 {
	background-color: #b97dae;
}
.unki-border-color10 {
	border: 1px solid #b97dae;
}
.unki-bg-color11 {
	background-color: #baa1bd;
}
.unki-border-color11 {
	border: 1px solid #baa1bd;
}
.unki-bg-color12 {
	background-color: #d0cbd4;
}
.unki-border-color12 {
	border: 1px solid #d0cbd4;
}