@charset "UTF-8";

/***********************
トップ共通
***********************/
.contents-body {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.release-day {
	position: relative;
	border-radius: 50%;
	background-image: linear-gradient(12deg, rgb(251, 205, 22) 0%, rgb(255, 233, 146) 100%);
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
	color: rgb(255, 59, 83);
	text-align: center;
}

[data-modal-btn-name] {
	cursor: pointer;
}

@media screen and (max-width: 720px) {
	.pageWrapper {
		padding-top: 16vw;
	}

	.contents-body {
		max-width: initial;
	}
}

/***********************
メインビジュアル
***********************/
.container-mv {
	background-color: #fcfcfc;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: auto;
}

.mv-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 10.0em 0 3.0em;
}

.heading-mv {
	width: 60%;
	/*padding-top: 10.0em;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.heading-mv__top {
	text-align: right;
}

.heading-mv__top img {
	width: 50%;
}

.heading-mv__middle {
	padding-right: 1.5em;
	text-align: right;
}

.heading-mv__middle img {
	width: 70%;
}

.heading-mv__bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 4.0em 0 16.0em;
}

.heading-mv__bottom img {
	width: 40%;
}

.sns-link-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
}

.sns-link-list__item {
	width: 5em;
	margin-right: 1em;
	margin-bottom: 0.5em;
}

.sns-link-list__item:hover {
	opacity: 0.7;
}

.sns-link-list__item img {
	width: 100%;
}

.lead-text {
	width: 95%;
	background-color: #cccccc;
	padding: 1.5em 1.0em;
	margin-top: 0.5em;
	line-height: 1.3;
}

.mv-body {
	width: 40%;
}

.mv-body-banner {
	display: block;
	width: 100%;
	margin-bottom: 2.0em;
}

.mv-body-banner img {
	width: 100%;
	vertical-align: bottom;
}

.mv-body-banner-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.mv-body-banner-list__item--s {
	width: 48%;
}

.mv-body-banner-list__item--s>.mv-body-banner-list__item--ss:nth-of-type(1) {
	display: block;
	margin-bottom: 2.0em;
}

.mv-body-banner-list img {
	width: 100%;
	vertical-align: bottom;
}

.banner-bottom--mv-body {
	color: #fff;
	background-color: #434343;
	border-radius: 0 0 10px 10px;
	padding: 0.5em;
}

.circle-banner {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
}

.circle-banner-text {
	position: absolute;
	z-index: 20;
	top: 10%;
	left: 0;
	width: 100%;
	background-color: #2e700d;
	color: #fff;
	padding: 0.5em;
	text-align: center;
	font-size: 1.2em;
	z-index: 11;
}

/*** バナーエリア共通 ***/
.bnr-area-title {
	letter-spacing: 0.1em;
	color: #fff;
}

.bnr-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
	margin-top: 1.0em;
}

.bnr-list img {
	width: 100%;
	height: 100%;
	display: block;
}

.bnr-list img.img-h-80 {
	height: 80%;
}

.bnr-bottom {
	height: 20%;
	color: #fff;
	background-color: #f976ba;
	border-radius: 0 0 15px 15px;
	padding: 0.3em 0.5em;
}

.bnr-bottom__head {
	display: block;
}

.bnr-bottom__title {
	display: block;
	margin-top: 0.2em;
	font-size: 0.9em;
}

/*** 有料コンテンツバナー ***/
.contents-banner-charge {
	padding: 1.0em 0;
	background-color: rgba(166, 60, 151, 0.7);
}

.bnr-list__item--charge-l {
	width: 38%;
	position: relative;
}

.bnr-list__item--charge-l+.bnr-list__item--charge-l{
    margin-left: 2%;
}

.bnr-list__item--charge-s {
	width: 20%;
	margin-left: 2%;
}

.bnr-release-day {
	position: absolute;
	top: 2%;
	right: 2%;
	width: 3.0em;
	height: 3.0em;
}

.bnr-release-day__date {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 0.9em;
	font-weight: bold;
}

.bnr-release-day__date span {
	font-size: 0.6em;
	white-space: nowrap;
	display: block;
	margin: 0.2em;
}

/*** 連載中バナー ***/
.contents-banner-serial {
	padding: 1.0em 0;
	background-color: #150658;
}

.bnr-list__item--serial {
	width: calc(96% / 5);
}

.bnr-list__item--serial+.bnr-list__item--serial {
	margin-left: 1%;
}

/*** セミナー・講演情報 ***/
.seminar-information {
	padding: 1.0em 0;
	background-color: #e6e6e6;
}

.seminar-information-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 3px solid #2307cb;
	border-radius: 10px;
	background-color: #fff;
}

.seminar-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 2.0em 2.0em 2.0em 1.0em;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #fff;
	background-image: url(../../img/top/seminer_tit.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 5px;
}

.seminar-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0 1.0em;
	border-radius: 10px;
	color: #2307cb;
	font-weight: bold;
}

.seminar-body__date {
	margin-right: 2.0em;
}

.seminar-body__date span {
	font-size: 0.8em;
}

.seminar-body__title {
	color: inherit;
}

.seminar-body__title:hover {
	color: #b9006e;
}

.seminar-body__title span {
	font-size: 0.8em;
}

.seminar-attention-txt {
	margin-top: 1.0em;
	line-height: 1.2;
}

.seminar-attention-txt a {
	color: #551A8B;
}

.seminar-attention-txt a:hover {
	text-decoration: underline;
}

.seminar-attention-txt span {
	display: block;
	font-weight: bold;
}

@media screen and (max-width: 720px) {
	.container-mv {
		background-size: 100%;
	}

	.mv-block {
		display: block;
		padding: 1.0em 0 1.0em;
	}

	.heading-mv {
		width: 100%;
		padding-top: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.heading-mv__top {
		text-align: right;
	}

	.heading-mv__top img {
		width: 50%;
	}

	.heading-mv__middle {
		padding-right: 1.5em;
		text-align: right;
	}

	.heading-mv__middle img {
		width: 65%;
	}

	.heading-mv__bottom {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		padding: 0 4.0em 0 20.0vw;
	}

	.heading-mv__bottom img {
		width: 40%;
		/*height: 2.8vh;*/
		height: 100%;
		position: relative;
	}

	.sns-link-list__item {
		width: 8.0vw;
		height: 8.0vw;
	}

	.sns-link-list__item img {
		width: 100%;
		height: 100%;
	}

	.lead-text {
		width: 100%;
		padding: 1.0em;
	}

	.mv-body {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
		padding: 1.0em 1.5em;
	}

	.mv-body-banner {
		width: 49%;
		margin-bottom: 0;
	}

	.mv-body-banner a {
		display: block;
		width: 100%;
		height: 100%;
	}

	.mv-body-banner img {
		width: 100%;
		/* height: 70%; */
	}

	.mv-body-banner-list {
		width: 49%;
	}

	.mv-body-banner-list .mv-body-banner-list__item--s {
		display: flex;
	}

	.mv-body-banner-list__item--s {
		width: 100%;
	}

	.mv-body-banner-list__item--s>.mv-body-banner-list__item--ss:nth-of-type(1) {
		display: block;
		margin-bottom: 0;
		margin-right: 1rem;
	}

	.mv-body-banner-list__item--s a {
		display: block;
		height: 100%;
	}

	.mv-body-banner-list__item--s+.mv-body-banner-list__item--s {
		margin-top: 1.0em;
	}

	.mv-body-banner-list img {
		width: 100%;
		height: 100%;
		vertical-align: bottom;
	}

	.banner-bottom--mv-body {
		height: 30%;
		color: #fff;
		background-color: #434343;
		border-radius: 0 0 10px 10px;
		padding: 0.5em;
	}

	.banner-bottom--mv-body span {
		display: block;
	}

	.circle-banner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		border-radius: 0;
		height: 100%;
		/*width: 154%;*/
		width: 100%;
	}

	.circle-banner-text {
		position: static;
		width: 35%;
		padding: 2.0em 0;
		border-radius: 10px 0 0 10px;
		line-height: 1.5;
	}

	.circle-banner-text span {
		display: block;
	}

	.circle-banner img {
		/*width: 65%;*/
		width: 100%;
		height: 100%;
	}

	/*** バナーエリア共通 ***/
	.bnr-list {
		display: block;
	}

	.bnr-list img {
		width: 100%;
		height: 100%;
		display: block;
	}

	.bnr-list img.img-h-80 {
		height: auto;
	}

	.bnr-bottom {
		height: auto;
		border-radius: 0 0 10px 10px;
		padding: 1.0em;
	}

	.bnr-bottom__title {
		margin-top: 0.5em;
	}

	/*** 有料コンテンツバナー ***/
	.contents-banner-charge {
		padding: 1.0em;
		padding-bottom: 2.0em;
	}

	.bnr-list__item--charge-l {
		width: 100%;
	}

	.bnr-list__item--charge-s {
		width: 100%;
	}

	.bnr-list__item--charge-l+.bnr-list__item--charge-l,
	.bnr-list__item--charge-l+.bnr-list__item--charge-s {
		margin-top: 1.0em;
		margin-left: 0;
	}

	/*** 連載中バナー ***/
	.contents-banner-serial {
		padding: 1.0em;
		padding-bottom: 2.0em;
	}

	.bnr-list__item--serial {
		width: 100%;
	}

	.bnr-list__item--serial+.bnr-list__item--serial {
		margin-top: 1.0em;
		margin-left: 0;
	}

	/*** セミナー・講演情報 ***/
	.seminar-information {
		padding: 1.0em 0.5em;
	}

	.seminar-body {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		padding: 2.0em 1.0em;
	}

	.seminar-body__date {
		margin: 0 0 1.0em 0;
	}

	.seminar-body__date span {
		font-size: 0.8em;
	}

	.seminar-body__title span {
		font-size: 0.8em;
	}

	.seminar-attention-txt {
		margin-top: 1.0em;
		line-height: 1.2;
	}

	.seminar-attention-txt span {
		display: block;
		font-weight: bold;
	}
}

/***********************
天海通信
***********************/
.container-tenkaitsushin {
	padding: 6.0em 0 5.0em 0;
	background-image: url(../../img/top/tenkai_bg.png);
	background-position: center bottom;
	background-size: 100%;
	background-repeat: no-repeat;
}

.heading-tsushin {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.heading-tsushin .heading-left {
	width: 45%;
}

.heading-tsushin .heading-left .heading-title .heading-title__image {
	width: 100%;
}

.heading-tsushin .heading-right {
	width: 55%;
}

.heading-tsushin .heading-right .heading-text {
	padding-top: 10%;
	color: #ff3b53;
	letter-spacing: 0.3em;
	font-weight: bold;
	text-align: right;
}

.heading-tsushin .heading-right .heading-text span {
	margin-left: 0.7em;
}

.heading-right__block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 5%;
	padding-left: 10%;
}

.tsushin-release-day {
	width: 4.2em;
	height: 4.2em;
}

.tsushin-release-day__date {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 1.2em;
	font-weight: bold;
}

.tsushin-release-day__date span {
	display: block;
	margin-top: 0.2em;
}

.heading-right__block .heading-text2 {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: center;
	line-height: 1.5;
}

.body-tsushin {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.body-btn-bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.body-tsushin .body-left {
	width: 58%;
}

.body-tsushin .body-right {
	width: 40%;
}

.body-tsushin-title {
	color: #ff3b53;
	font-weight: bold;
}

.body-tsushin-title span {
	display: block;
}

.tsushin-list {
	padding-left: 1.0em;
	margin-top: 1.0em;
}

.tsushin-list .tsushin-list__item {
	line-height: 1.8;
	margin-bottom: 0.5em;
	padding-left: 0.6em;
	position: relative;
}

.tsushin-list .tsushin-list__item::before {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
	width: 0;
	height: 0;
	border: 0.3em solid transparent;
	border-top: 0.3em solid #000;
}

.special-report__header {
	color: #ff2462;
	font-weight: bold;
	display: block;
}

.special-report__title {
	display: block;
	margin-top: 0.5em;
}

.tsushin-detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 3.0em 0 4.0em;
}

.tsushin-detail__text {
	color: #007ae0;
	text-align: center;
}

.tsushin-detail__btn {
	color: #fff;
	margin-top: 1em;
	width: 14.0em;
	white-space: nowrap;
}

.tsushin-detail__btn::before {
	background-image: url(../../img/top/ic/btn-arrow-white.svg);
}

.tsushin-buy-btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.tsushin-buy-btns__item {
	width: 48%;
}

.btn-buy {
	width: 100%;
	color: #fff;
}

.btn-buy::before {
	background-image: url(../../img/top/ic/btn-arrow-white.svg);
}

.btn-buy::after {
	background-image: url(../../img/top/ic/btn-link-white.svg);
}

/*ご注文はこちらから追加ic*/

.tsushin-order::before {
	background-image: url(../../img/top/ic/r_o_arrow.svg);
}

.tsushin-order::after {
	background-image: url(../../img/top/ic/btn-link-red.svg);
}

.btn-buy>p {
	position: relative;
}

.btn-buy>p>span {
	position: absolute;
	top: -1.0em;
	left: 0.6em;
	font-size: 0.5em;
}

.btn-audio {
	width: 100%;
	color: #15bfd3;
}

.btn-audio::before {
	background-image: url(../../img/top/ic/btn-headphone-light-blue.svg);
}

.button-and-text .button-and-text__text {
	text-align: center;
	margin-top: 0.8em;
}

.body-tsushin-midokoro {
	text-align: right;
}

.body-tsushin-midokoro__image {
	width: 50%;
}

.tsushin-video {
	width: 100%;
	height: auto;
	padding-top: 56.5%;
	position: relative;
	margin-top: 1.0em;
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
}

.tsushin-video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/*height: 100%;*/
	height: auto;
	outline: none;
}

.tsushin-video img {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	outline: none;
	margin-top: -53.2%;
}

.tsushin-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}

.tsushin-message {
	margin: 2.0em 0;
	line-height: 1.7;
}

.about-tsushin {
	margin-top: 5.0em;
	padding: 3.0em 5.0em;
	border: 3px solid #ee037e;
	border-radius: 15px;
	-webkit-box-shadow: 0px 0px 8px 3px #ccc inset;
	box-shadow: 0px 0px 8px 3px #ccc inset;
	background-color: #fff;
}

.about-tsushin-head {
	color: #ee037e;
	font-weight: bold;
	text-align: center;
}

.about-tsushin-head span {
	font-size: 0.7em;
}

.about-tsushin-list {
	margin-top: 1.0em;
}

.about-tsushin-list__item {
	line-height: 1.5;
	letter-spacing: 0.1em;
	padding-left: 1.2em;
	position: relative;
}

.about-tsushin-list__item::before {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "";
	width: 1.0em;
	height: 1.0em;
	border-radius: 50%;
	background-color: #ee037e;
}

.about-tsushin-list__item+.about-tsushin-list__item {
	margin-top: 0.2em;
}

.tsushin-attention {
	margin-top: 1em;
	line-height: 1.5;
	text-align: center;
}

/*ご注文はこちら追加ボタン*/

.tsushin-order {
	font-size: 3.2rem;
	background: linear-gradient(#ffe991 0%, #fbce1a 100%);
	color: #ff2462;
	margin-top: 1.5rem;
	margin-right: auto;
	margin-bottom: 4rem;
	margin-left: auto;
}

.tsushin-order:hover {
	opacity: 0.6;
}

@media screen and (max-width: 720px) {
	.container-tenkaitsushin {
		padding: 1.0em 0;
		background-image: url(../../img/top/tenkai_bg_sp.png);
	}

	.heading-tsushin {
		width: 90%;
		margin: auto;
		display: block;
	}

	.heading-tsushin .heading-left {
		width: 100%;
	}

	.heading-tsushin .heading-right {
		width: 100%;
	}

	.heading-tsushin .heading-right .heading-text {
		padding-top: 0.5em;
		text-align: center;
	}

	.heading-right__block {
		padding-left: 0;
	}

	.tsushin-release-day {
		width: 5.2em;
		height: 5.2em;
	}

	.body-tsushin {
		display: block;
		margin-top: 3.0em;
	}

	.body-btn-bottom {
		display: block;
	}

	.body-tsushin .body-left,
	.body-tsushin .body-right {
		width: 95%;
		margin: 2.0em auto;
	}

	.body-tsushin-title {
		line-height: 1.5;
	}

	.special-report__header {
		color: #ff2462;
		font-weight: bold;
		display: block;
	}

	.special-report__title {
		display: block;
		margin-top: 0.5em;
	}

	.tsushin-detail {
		margin: 2.0em 0 0;
	}

	.tsushin-detail__text {
		color: #007ae0;
		text-align: center;
	}

	.tsushin-detail__btn {
		width: 17.0em;
	}

	.tsushin-buy-btns {
		display: block;
		margin-top: 3.0em;
	}

	.tsushin-buy-btns__item {
		width: 100%;
		margin: 0 auto;
	}

	.tsushin-buy-btns__item+.tsushin-buy-btns__item {
		margin-top: 3.0em;
	}

	.btn-buy {
		display: block;
		margin: auto;
		width: 17.0em;
	}

	.btn-buy>p>span {
		display: none;
	}

	.btn-audio {
		width: 100%;
		color: #15bfd3;
	}

	.body-tsushin .body-right .button-and-text {
		width: 70%;
		margin: 0 auto;
	}

	.body-tsushin-midokoro {
		text-align: center;
		margin-top: 30px;
	}

	.body-tsushin-midokoro__image {
		width: 50%;
	}

	.tsushin-video {
		width: 100%;
		height: auto;
		/*padding-top: 53.2%;*/
		position: relative;
		margin-top: 1.0em;
		-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
		box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
	}

	.tsushin-video video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		outline: none;
	}

	.tsushin-message {
		margin: 2.0em 0;
		line-height: 1.7;
	}

	.about-tsushin {
		width: 95%;
		margin: 3.0em auto 0 auto;
		padding: 2.0em 3.0em;
	}
}

/***********************
短期狙い株特急便
***********************/
.container-stock {
	padding: 6.0em 0 5.0em 0;
	background-image: url(../../img/top/tanki_bg.png);
	background-position: left bottom;
	background-size: 100%;
	background-repeat: no-repeat;
}

.heading-stock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.heading-stock__title {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-right: 2.0em;
}

.heading-stock-title-image {
	width: 100%;
}

.stock-release-day {
	width: 4.2em;
	height: 4.2em;
}

.stock-release-day span {
	font-size: 0.6em;
	margin-bottom: 0.1em;
	white-space: nowrap;
}

.subscribe-stock-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-top: 1.5em;
}

.subscribe-stock-text__value {
	font-size: 1.5em;
}

.subscribe-stock-text__source-text {
	margin-left: 1.5em;
}

.subscribe-stock-text__source-image {
	width: 5.0em;
}

.stock-btn-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	width: 80%;
	margin: 5.5em auto 0;
}

.stock-btn-list__item {
	width: 40%;
}

.btn-subscribe {
	width: 100%;
	color: #fff;
}

.btn-subscribe::before {
	background-image: url(../../img/top/ic/btn-arrow-white.svg);
}

.btn-subscribe::after {
	background-image: url(../../img/top/ic/btn-link-white.svg);
}

.btn-free-sample {
	width: 100%;
	color: #fff;
}

.btn-free-sample::before {
	background-image: url(../../img/top/ic/btn-arrow-white.svg);
}

.about-stock-list {
	padding: 1.7em 2.0em;
	border-radius: 20px;
	background-color: rgb(234, 250, 253);
	margin-top: 2.5em;
	font-weight: bold;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.about-stock-list__item {
	width: 50%;
}

.about-stock-list__item:nth-child(n+1) {
	margin-top: 1.0em;
}

.about-stock-block__title {
	padding-left: 1.6em;
	position: relative;
}

.about-stock-block__content {
	line-height: 1.5;
	padding-left: 0.5em;
	margin-top: 0.2em;
}

.about-stock-block__content span {
	color: #ee037e;
}

.about-stock-block__title::before {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content: '';
	width: 1.0em;
	height: 1.0em;
	background-color: #052677;
}

@media screen and (max-width: 720px) {
	.container-stock {
		padding: 2.0em 0 3.0em 0;
		background-image: url(../../img/top/tanki_bg_sp.png);
	}

	.heading-stock {
		width: 90%;
		margin: 0 auto;
	}

	.heading-stock__title {
		padding-right: 1.0em;
	}

	.stock-release-day {
		width: 5.2em;
		height: 5.2em;
	}

	.stock-btn-list {
		display: block;
		width: 60%;
		margin: 3.5em auto 0;
	}

	.stock-btn-list__item {
		width: 100%;
	}

	.stock-btn-list__item+.stock-btn-list__item {
		margin-top: 2.0em;
	}

	.about-stock-list {
		width: 95%;
		padding: 1.7em 3.0em;
		margin: 2.5em auto 0;
		display: block;
	}

	.about-stock-list__item {
		width: 100%;
	}

	.about-stock-list__item:first-of-type {
		margin-top: 0;
	}

	.about-stock-list__item:not(:first-of-type) {
		margin-top: 2.0em;
	}



	.about-stock-block__title {
		padding-left: 1.6em;
		position: relative;
	}

	.about-stock-block__content {
		line-height: 1.5;
		padding-left: 0.5em;
		margin-top: 0.2em;
	}

	.about-stock-block__content span {
		color: #ee037e;
	}
}


/***********************
天海源一郎ニュース
***********************/
.container-news {
	padding: 15.0em 0 8.0em 0;
	background-image: url(../../img/top/news_bg.png), url(../../img/top/news_tit.png);
	background-position: center bottom, left 30% top;
	background-size: 100%, auto;
	background-repeat: no-repeat, no-repeat;
}

.news-block {
	position: relative;
}

.heading-news {
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	width: 25%;
}

.news-body {
	position: relative;
	z-index: 10;
	width: 70%;
	margin-left: 30%;
}

.heading-news__title img {
	width: 100%;
}

.news-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	/*justify-content: space-between;*/
	justify-content: flex-start;
	flex-wrap: wrap;
}

.news-list__item {
	width: 32%;
	border-radius: 10px;
	background-color: #ebebeb;
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
	-webkit-transition: all .3s;
	transition: all .3s;
	margin: 0 1% 2% 0;
}

.news-list__item:hover {
	-webkit-box-shadow: 0px 3px 7px 10px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 3px 7px 10px rgba(0, 0, 0, 0.35);
}

.news-link {
	display: block;
	padding: 3.5em 1.0em 5.0em 1.0em;
}

.news-link__day {
	display: block;
	margin-bottom: 2.0em;
}

.news-link__body {
	line-height: 1.5;
	font-weight: bold;
}

.btn-news-more {
	background-color: #fcfcfc;
	font-weight: bold;
	width: 5.0em;
	margin-top: 1.5em;
	margin-left: auto;
	margin-right: 1.0em;
	border: solid 2px #fcfcfc;
	transition: all 0.2s;
}

.btn-news-more:hover {
	background-color: #07274e;
	color: #fff;
	border: solid 2px #fcfcfc;
}

@media screen and (max-width: 720px) {
	.container-news {
		padding: 0;
		padding-right: 2.0em;
		padding-bottom: 4.0em;
		background-image: url(../../img/top/news_bg_sp.png), url(../../img/top/news_tit_sp.png);
		background-position: center bottom, left 30% top;
		background-size: 100%, 80%;
	}

	.news-block {
		position: relative;
	}

	.heading-news {
		position: absolute;
		z-index: 9;
		top: 0;
		left: 5%;
		width: 45%;
	}

	.news-body {
		position: relative;
		z-index: 10;
		width: 90%;
		margin-left: 10%;
	}

	.news-list {
		display: block;
		padding: 13.0em 0 0;
	}

	.news-list__item {
		width: 100%;
		margin-bottom: 1.0em;
	}

	.news-link {
		padding: 1.0em 3.0em 1.0em 3.0em;
	}

	.news-link__day {
		margin-bottom: 1.0em;
	}

}

/***********************
プロフィール
***********************/
.container-profile {
	padding: 6.0em 0 5.0em 0;
	background-image: url(../../img/top/profile_bg.png), url(../../img/top/profile_tit.png);
	background-position: right 10% top;
	background-size: 100%, auto;
	background-repeat: no-repeat, no-repeat;
}

.profile-block {
	position: relative;
}

.heading-profile {
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	width: 25%;
}

.profile-body {
	position: relative;
	z-index: 10;
	width: 80%;
	margin-left: 20%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.profile-image {
	width: 28%;
	padding-top: 3.0em;
}

.profile-image img {
	width: 100%;
}

.profile-text {
	width: 70%;
}

.profile-text h3 span {
	font-size: 1.2em;
}

.profile-text p {
	margin-top: 1.0em;
	line-height: 1.5;
}

.sns {
	width: 80%;
	margin: 5.0em auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.sns__item {
	width: 34%;
}

.sns__item iframe {
	width: 100% !important;
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
}

.sns__child-title {
	font-size: 1.7em;
	letter-spacing: 0.1em;
	margin-bottom: 0.7em;
}

@media screen and (max-width: 720px) {
	.container-profile {
		padding: 2.0em 0;
		background-image: url(../../img/top/profile_bg_sp.png), url(../../img/top/profile_tit_sp.png);
		background-position: left bottom, right 5% top;
		background-size: 45%, 80%;
	}

	.profile-block {
		position: relative;
	}

	.heading-profile {
		position: absolute;
		z-index: 9;
		top: 0;
		left: 15%;
		width: 45%;
	}

	.profile-body {
		position: relative;
		z-index: 10;
		width: 90%;
		margin: 0 auto;
		display: block;
	}

	.profile-image {
		width: 50%;
		margin-left: auto;
		padding-top: 2.0em;
	}

	.profile-image img {
		width: 80%;
	}

	.profile-text {
		width: 100%;
		margin-top: 6.0vw;
	}

	.profile-text h3 span {
		font-size: 1.0em;
	}

	.sns {
		width: 80%;
		padding: 1.0em;
		margin: 1.0em auto 0;
		display: block;
		overflow: hidden;
	}

	.sns__item {
		width: 100%;
		margin-top: 2.0em;
	}
}

/***********************
天海源一郎書籍紹介
***********************/
.container-books {
	padding: 15.0em 0 8.0em 0;
	background-image: url(../../img/top/books_bg.png), url(../../img/top/book_tit.png);
	background-position: center bottom, left 30% top;
	background-size: 100%, auto;
	background-repeat: no-repeat, no-repeat;
}

.books-block {
	position: relative;
}

.heading-books {
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	width: 25%;
}

.books-body {
	position: relative;
	z-index: 10;
	width: 78%;
	margin-left: 22%;
}

.pc-book-image-list {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.pc-book-image-list__item {
	width: 16%;
}

.pc-book-image-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
}

.book-image {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-flex: 3;
	-ms-flex-positive: 3;
	flex-grow: 3;
}

.book-image img {
	vertical-align: bottom;
}

.book-text {
	width: 100%;
	text-align: center;
	line-height: 1.5;
}

.book-image img {
	width: 100%;
	max-height: 240px;
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
	-webkit-transition: all .3s;
	transition: all .3s;
}

.book-image img:hover {
	-webkit-box-shadow: 0px 3px 7px 10px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 3px 7px 10px rgba(0, 0, 0, 0.35);
}

.pc-book-title-list {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.pc-book-title-list__item {
	width: 16%;
	margin-top: 1.5em;
	line-height: 1.5;
	text-align: center;
}

.sp-book-list {
	display: none;
}

.btn-books {
	display: block;
	width: 12.0em;
	color: #b9006e;
	margin-top: 1.0em;
	margin-left: auto;
	margin-right: 2.0em;
}

.btn-books::before {
	background-image: url(../../img/top/ic/r_arrow.svg);
}

@media screen and (max-width: 720px) {
	.container-books {
		padding: 5.0em 0;
		background-image: url(../../img/top/books_bg_sp.png), url(../../img/top/book_tit_sp.png);
		background-position: center bottom, right 5% top;
		background-size: 100%, 80%;
	}

	.books-block {
		width: 90%;
		margin: 0 auto;
	}

	.heading-books {
		width: 45%;
	}

	.books-body {
		width: 88%;
		margin: 0 auto;
	}

	.pc-book-image-list,
	.pc-book-title-list {
		display: none;
	}

	.sp-book-list {
		display: block;
	}

	.sp-book-list .sp-book-image-list__item+.sp-book-image-list__item {
		margin-top: 2.0em;
	}

	.sp-book-list .sp-book-image-link {
		display: block;
		width: 35%;
		margin: 0 auto;
	}

	.sp-book-list .sp-book-image-link img {
		width: 100%;
	}

	.sp-book-list .sp-book-title {
		margin-top: 1.0em;
		text-align: center;
	}

	.sp-book-list .sp-book-publisher {
		text-align: center;
	}

	.btn-books {
		width: 12.0em;
		margin: 2.0em auto;
	}
}


/***********************
2020/1/15　トップMV　テーマソング追加
***********************/
.themeSong_area {
	width: 65%;
	padding: 0.5rem;
	margin-top: 0.5rem;
	margin-left: auto;
	margin-right: 5%;
	background-image: linear-gradient(12deg, rgba(254, 226, 119, 0.5) 0%, rgb(253, 180, 47) 100%);
	text-align: center;
}

.themeSong_area p {
	color: #0f1f5d;
	line-height: 1;
	font-size: 1.6rem;
	margin: 0 0 0.5rem;
}

.themeSong_area audio {
	margin: auto;
	display: block;
	width: 75%;
	height: 30px;
}

@media screen and (max-width: 720px) {
	.themeSong_area {
		width: 100%;
		display: -ms-grid;
		display: grid;
		grid-template-columns: 50% 1fr;
		-ms-grid-columns: 50% 1fr;
	}

	.themeSong_area p {
		padding: 0.2rem 0.5rem;
	}

	.themeSong_area p.tx01 {
		-ms-grid-column: 1;
		-ms-grid-row: 1;
	}

	.themeSong_area p.tx02 {
		-ms-grid-column: 1;
		-ms-grid-row: 2;
	}

	.themeSong_area audio {
		width: 100%;
		height: 30px;
		grid-column-start: 2;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 3;
		-ms-grid-column: 2;
		-ms-grid-row-span: 2;
		/* margin: 0 0.2rem; */
	}
}

@media screen and (max-width: 720px) {
	.style-font-size-text {
		font-size: 2.0rem;
	}
}