@charset "UTF-8";





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
RESET_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
*{
	margin: 0;
	padding: 0;
	line-height: 100%;
	list-style-type: none;
}

h1,h2,h3,h4,h5,h6,
div,p,
span,em,strong,
ul,ol,li,
dl,dt,dd,
a{
	background-repeat: no-repeat;
	background-size: 100% auto;
}

a{
	outline: none;
	color: #5a88bf;
	text-decoration: none;
}
a:hover {
	color: #666db1;
}

img {
	vertical-align: bottom;
}

.sp{
	display: none!important;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
RESET_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
COMMON_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body{
	background-color: #f4fbff;
	color: #3984cf;
	font-family: "Zen Maru Gothic", serif;
	font-weight: 400;
	font-style: normal;
	/*font-weight: 700;*/
}



/*
パララックス背景
*/
#parallax {
	z-index: -2;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
}
#parallax div {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
	background-repeat: repeat;
	background-position: top center;
}
#parallax div:nth-of-type(1) {
	background-image: url(../images/bg_star_a.png);
	background-size: 1773px auto;
}
#parallax div:nth-of-type(2) {
	background-image: url(../images/bg_triangle_w.png);
	background-size: 2013px auto;
}
#parallax div:nth-of-type(3) {
	background-image: url(../images/bg_triangle_b.png);
	background-size: 1569px auto;
}




/*
汎用ボタン
*/
.btn_a {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	background-image: linear-gradient(120deg, #8fd5fe, #cbb6ff);
	background-size: auto auto;
	background-position: center center;
	color: #ffffff;
	padding: 1px 1px 1px 1px;
    font-size: 16px;
    line-height: 1em;
    letter-spacing: 0.06em;
    font-style: normal;
    text-decoration: none;
	text-align: right;
	width: 260px;
    border-radius: 100px;
}
.btn_a span {
	display: block;
	box-sizing: border-box;
	background-color: #ffffff;
	background-image: url(../svg/icon_arrow_blue.svg);
	background-size: 10px auto;
	background-position: 20px center;
	color: #3984cf;
	width: 100%;
    padding: 16px 20px 18px 65px;
    border-radius: 100px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
.btn_a span:hover {
	background-position: 30px center;
	color: #666db1;
}
.btn_a.disabled {
	background-color: #828282;
    color: #555;
    pointer-events: none;
}

/*無効状態*/
.btn_a.disabled {
    pointer-events: none;
}
.btn_a.disabled span {
	background-color: #828282;
    color: #555;
}

/*位置設定*/
.more {
	display: flex;
}
.more.set_r {
	justify-content: flex-end;
}
.more.set_l {
	justify-content: flex-start;
}



/*
タイトル汎用
*/
.contentstitle {}

.contentstitle h2 {
	display: inline-block;
    background: linear-gradient(90deg, #8fd5fe, #cbb6ff);
    background: -webkit-linear-gradient(0deg, #8fd5fe, #cbb6ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 0 16px 0;
    font-size: 95px;
    font-family: "Josefin Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
	font-feature-settings: "palt" 1;
    line-height: 1em;
    letter-spacing: 0.2em;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
.contentstitle h2.wp_t_d_active {
    letter-spacing: 0.065em;
}

.contentstitle p {
	color: #3984cf;
	font-size: 14px;
}



/*
埋め込みスタイル
*/
.entrybody {}
.entrybody h1,
.entrybody h2,
.entrybody h3,
.entrybody h4,
.entrybody h5,
.entrybody h6 {
	margin: 0 0 0.5em 0;
	font-weight: 600;
	letter-spacing: 0.065em;
}
.entrybody h1 {
	font-size: 30px;
}
.entrybody h2 {
	font-size: 26px;
}
.entrybody h3 {
	font-size: 23px;
}
.entrybody h4 {
	font-size: 20px;
}
.entrybody h5 {
	font-size: 18px;
}
.entrybody h6 {
	font-size: 17px;
}
.entrybody p {
	margin: 0 0 1em 0;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.75em;
	letter-spacing: 0.065em;
	text-align: justify;
	word-break: break-all;
}
.entrybody p:last-child {
	margin: 0;
}
.entrybody ul {
	margin: 0 0 1em 0;
}
.entrybody ul li {
	margin: 15px 15px 15px 0;
	padding: 0 0 0 30px;
	background-image: url(../svg/icon_star_blue.svg);
	background-size: 20px auto;
	background-position: 0px center;
}
.entrybody ol li {
    margin: 15px 15px 15px 20px;
    padding: 0 0 0 10px;
    list-style-type: decimal;
}
.entrybody blockquote {
	background-color: #f4fbff;
	border-radius: 10px;
	margin: 20px 0;
	padding: 30px;
}
.entrybody blockquote,
.entrybody blockquote p {
	font-size: 15px;
	font-style: italic;
}
.entrybody a {
	display: inline-block;
	line-height: 1em;
	margin: 6px;
	padding: 3px 10px;
	letter-spacing: 0;
	border: 1px #5a88bf solid;
	border-radius: 100px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
.entrybody a:hover {
	background-color: #5a88bf;
	color: #ffffff;
	border: 1px #5a88bf solid;
}
.entrybody img {
	display: inline-block;
	max-width: 100%;
	margin: 30px auto;
	text-align: center;
}
.entrybody hr {
	background: radial-gradient(circle farthest-side, #a7e1ff, #a7e1ff 30%, transparent 30%, transparent);
    background-size: 11px;
    content: '';
    display: inline-block;
	width: 100%;
    height: 10px;
	margin: 40px auto;
	border: none;
}
.entrybody iframe {
    display: block;
    width: 560px;
    margin: 30px auto;
}



/*
汎用アニメーション
*/
/*一括指定*/
.wp_t_a,
.wp_t_b,
.wp_t_c,
.wp_t_d {
	animation-timing-function: cubic-bezier(.42,0,0,.99);
	animation-direction: normal;
	animation-fill-mode: forwards;
	animation-play-state: running;
	animation-iteration-count: inherit;
}

/*トグルタイプ*/
.wp_t_a_toggle {
	opacity: 0;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
.wp_t_a_toggle_active {
	opacity: 1;
}

/*通過タイプ*/
.wp_t_a {
	opacity: 0;
	animation-duration: 800ms;
}
.wp_t_a_active {
	animation-name: anime_wp_t_a;
}
@keyframes anime_wp_t_a {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100%{
		opacity: 1;
		transform: translateY(0px);
	}
}

/*通過タイプ*/
.wp_t_b {
	opacity: 0;
	animation-duration: 800ms;
}
.wp_t_b_active {
	animation-name: anime_wp_t_b;
}
@keyframes anime_wp_t_b {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100%{
		opacity: 1;
		transform: translateY(0px);
	}
}

/*通過タイプ*/
.wp_t_c {
	opacity: 0;
	animation-duration: 800ms;
}
.wp_t_c_active {
	animation-name: anime_wp_t_c;
}
@keyframes anime_wp_t_c {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	100%{
		opacity: 1;
		transform: translateX(0px);
	}
}

/*通過タイプ*/
.wp_t_d {
	opacity: 0;
	animation-duration: 800ms;
}
.wp_t_d_active {
	animation-name: anime_wp_t_d;
}
@keyframes anime_wp_t_d {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	100%{
		opacity: 1;
		transform: translateX(0px);
	}
}



/*
flexの末尾調整用
*/
.emptyflexbox {
	background-color: transparent !important;
	height: 0 !important;
	min-height: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	border: none !important;
}
.emptyflexbox::before,
.emptyflexbox::after {
	display: none !important;
}



/*
magnificPopup
*/
/*オーバーレイ背景*/
.mfp-bg {
	background: #5a88bf !important;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.4 !important;
}

/*モーダル境界線エフェクト*/
.mfp-figure:after {
	box-shadow: 0 0 10px rgba(57,130,205,0.3) !important;
}

.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: .8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}
/*ギャラリーモードUI*/
.mfp-arrow-right:after {
    border-left: 17px solid #ffffff !important;
}
.mfp-arrow-right:before {
	border-left: transparent !important;
}
.mfp-arrow-left:after {
    border-right: 17px solid #ffffff !important;
}
.mfp-arrow-left:before {
	border-right: transparent !important;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #ffffff !important;
}
.mfp-counter {
	color: #ffffff !important;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
COMMON_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
LOADING_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#loading{
	z-index: 999;
	background-color: #f4fbff;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition-duration: 1000ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin:bottom;
}



/*
SVG格納要素指定
*/
#loading > div {
	opacity: 0;
	transform: scale(0);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -200px 0 0 -200px;
    display: inline-block;
    width: 400px;
    height: 400px;
	/*
	display: flex;
	align-items: center;
	justify-content: center;
	*/
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin:center;
}

/*SVGオブジェクト全体のサイズ*/
#loading > div svg {
    width: 100%;
    height: 100%;
	/*
	width: 229px;
	height: 302px;
	*/
}

/*ダイヤシンボル*/
#loading > div svg .diamond {
	fill: #68deff;
	transform-origin: 115px center;
}

/*外側の青色*/
#loading > div svg .outer_octagon {
	fill: #e3f3fc;
	transform-origin: 114.45px 114.45px;
}

/*内側の白ボーダー*/
#loading > div svg .border_octagon {
	fill: #ffffff;
	transform-origin: 115px 115px;
}

/*LOADINGの文字*/
#loading > div svg .loading_text {
	fill: #68deff;
}

/*アニメーション用汎用設定*/
#loading > div svg .diamond,
#loading > div svg .outer_octagon,
#loading > div svg .border_octagon,
#loading > div svg .loading_text {
	animation-duration: 6000ms;
	animation-delay: 0;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-fill-mode: forwards;
	animation-play-state: running;
	animation-iteration-count: infinite;
}
#loading > div svg .border_octagon {
	animation-direction: reverse;
	animation-duration: 3000ms;
	animation-delay: 1500;
}



/*
ロード中演出
*/
#loading.start > div {
	opacity: 1;
	transform: scale(1);
	animation-name: common_anime_startloading;
}

#loading.start > div svg .diamond {
	animation-name: common_anime_nowloading_Ydeg;
}

#loading.start > div svg .outer_octagon,
#loading.start > div svg .border_octagon {
	animation-name: common_anime_nowloading_rotate;
}

/*スタート表示*/
@keyframes common_anime_startloading {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	100%{
		opacity: 1;
		transform: scale(1);
	}
}

/*中央軸横回転*/
@keyframes common_anime_nowloading_Ydeg {
	0% {
		transform: rotateY(0deg);
	}
	50% {
		transform: rotateY(180deg);
	}
	100%{
		transform: rotateY(360deg);
	}
}
/*中央軸制円回転*/
@keyframes common_anime_nowloading_rotate {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(180deg);
	}
	100%{
		transform: rotate(360deg);
	}
}



/*
フェードアウト演出
*/
#loading.remove > div {
	opacity: 0;
	transform: scale(0);
	animation-name: common_anime_removeloading;
}
@keyframes common_anime_removeloading {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	100%{
		opacity: 0;
		transform: scale(0);
	}
}



/*
削除
*/
/*アニメーション停止*/
#loading.destroy > div svg .diamond,
#loading.destroy > div svg .outer_octagon,
#loading.destroy > div svg .border_octagon {
	animation-name: none;
}
/*不可視化・クリック非対象に*/
#loading.destroy{
	opacity: 0;
	pointer-events: none;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　LOADING_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/








/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
フッター_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
footer#grandfotter {
	position: relative;
    background-image: url(../images/footer_vis.png), linear-gradient(45deg, #e2e5ff, #caecff);
    background-position: right -100px, 100%;
    background-repeat: no-repeat;
    color: #5a88bf;
    width: 100%;
    height: 480px;
    text-align: center;
}



/*
ディープリンク
*/
footer#grandfotter .list {
	position: absolute;
	width: 100%;
	top: -80px;
	left: 0;
}
footer#grandfotter .list ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 800px;
	margin: 0 auto;
}
footer#grandfotter .list li {
	position: relative;
	top: 0;
	left: 0;
	box-sizing: border-box;
    display: flex;
    align-items: center;
    background-image: linear-gradient(120deg, #c3e8fe, #dcdaff);
    background-size: auto auto;
    background-position: center center;
    color: #ffffff;
    padding: 5px;
    font-size: 16px;
    line-height: 1em;
    letter-spacing: 0.06em;
    font-style: normal;
    text-decoration: none;
    text-align: right;
    width: 120px;
    height: 120px;
    border: 1px #ffffff solid;
    border-radius: 9px;
    box-shadow: 0 5px 10px rgba(170,219,255,0.75);
    transform: rotate(45deg);
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
footer#grandfotter .list li a {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
    font-family: "FOT-筑紫Aヴィンテージ明S Pro R";
    font-family: "TsukuAVintageMinSPro-R";
	letter-spacing: 0.12em;
	font-size: 15px;
    border-radius: 6px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
footer#grandfotter .list li a span {
	transform: rotate(-45deg);
}
footer#grandfotter .list li a::after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    background-image: url(../svg/icon_star_blue.svg);
    background-size: 100% auto;
    background-position: center center;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
}

/*ホバー*/
footer#grandfotter .list li:hover {
	top: -10px;
	left: 0px;
    border-radius: 21px;
}
footer#grandfotter .list li:hover a {
    border-radius: 16px;
}



/*
ロゴ
*/
footer#grandfotter .logo {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 100px;
    width: 262px;
    height: 103px;
    margin: 0 0 0 -131px;
}
footer#grandfotter .logo .catch,
footer#grandfotter .logo h1,
footer#grandfotter .logo .os {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	text-indent: -9999px;
}
footer#grandfotter .logo .catch {
	background-image: url(../svg/logo_yumehono_catch.svg);
	width: 262px;
	height: 22px;
	margin: 0 0 13px 0;
}
footer#grandfotter .logo h1 {
	background-image: url(../svg/logo_yumehono_main.svg);
	width: 262px;
	height: 64px;
	margin: 0 0 14px 0;
}
footer#grandfotter .logo .os {
	background-image: url(../svg/logo_yumehono_officialwebsite.svg);
	width: 262px;
	height: 12px;
}



/*
OFFICIALACCOUNT
*/
footer#grandfotter .officialaccount {
	z-index: 2;
	position: absolute;
	top: 255px;
	left: 0;
	width: 100%;
}

footer#grandfotter .officialaccount .medialist {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 600px;
	margin: 0 auto;
}
footer#grandfotter .officialaccount .medialist li {
	position: relative;
	top: 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	background-image: linear-gradient(120deg, #8fd5fe, #cbb6ff);
	background-size: auto auto;
	background-position: center center;
	color: #ffffff;
	padding: 2px;
    font-size: 16px;
    line-height: 1em;
    letter-spacing: 0.06em;
    font-style: normal;
    text-decoration: none;
	text-align: right;
	width: 70px;
	height: 70px;
    border-radius: 9px;
	box-shadow: 0 5px 10px rgba(170,219,255,0.75);
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
footer#grandfotter .officialaccount .medialist li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
    border-radius: 6px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}

/*ホバー*/
footer#grandfotter .officialaccount .medialist li:hover {
	top: -5px;
	border-radius: 100px;
}
footer#grandfotter .officialaccount .medialist li:hover a {
	border-radius: 100px;
}



/*
COPYRIGHT
*/
footer#grandfotter .copyright {
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #ffffff;
	width: 100%;
	padding: 30px 0;
	text-align: center;
    font-family: "FOT-筑紫Aヴィンテージ明S Pro R";
    font-family: "TsukuAVintageMinSPro-R";
	letter-spacing: 0.12em;
	font-size: 20px;
	line-height: 1.65em;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
フッター_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/








/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
グローバルナビゲーション_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#gnav {
	z-index: 99;
	position: fixed;
	top: 40px;
	left: 0;
    font-family: "FOT-筑紫Aヴィンテージ明S Pro R";
    font-family: "TsukuAVintageMinSPro-R";
	letter-spacing: 0.12em;
}



/*
トグル
*/
#gnav .toggle {
	box-sizing: border-box;
	background-image: linear-gradient(90deg, #bee6fe, #d2d9ff);
	width: 180px;
	height: 57px;
	margin: 0 0 10px 0;
	padding: 5px 7px 5px 0;
	border-radius: 0 100px 100px 0;
	border: 1px #ffffff solid;
	box-shadow: 0 0 10px rgba(170,219,255,0.75);
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: left;
}
#gnav.active .toggle {
	width: 312px;
}
#gnav .toggle p {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	background-color: #f4fbff;
	color: #016bb6;
	width: 100%;
	height: 100%;
	font-size: 23px;
	border-radius: 0 100px 100px 0;
	cursor: pointer;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: left;
}
#gnav .toggle p:hover {
	letter-spacing: 0.16em;
	background-color: #ffffff;
}
#gnav .toggle p span {
	display: flex;
	align-items: center;
	padding: 0 0 0 30px;
}
#gnav .toggle p span img {
	display: inline-block;
	margin: 0 15px 0 0;
}



/*
ページ遷移リンクパネル
*/
#gnav .list {
	pointer-events: none;
	display: none;
}
#gnav.active .list {
	pointer-events: inherit;
	display: inline-block;
}
#gnav .list ul {
	display: inline-block;
}
#gnav .list li {

}
#gnav .list li a {
	left: -320px;
	position: relative;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	background-image: url(../images/gnav_jewel.png);
    background-position: -40px center;
    background-repeat: no-repeat;
    background-size: 40px auto;
	color: #016bb6;
	width: 312px;
	height: 57px;
	margin: 0 0 10px 0;
	padding: 0 0 0 60px;
	font-size: 17px;
	letter-spacing: 0.065em;
	text-decoration: none;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: left;
}
#gnav .list li a.active {
	left: 0px;
}
#gnav .list li a::before,
#gnav .list li a::after {
	z-index: -1;
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 0 100px 100px 0;
	transition-duration: 1000ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: left;
}
#gnav .list li a::before {
	background-color: rgba(244,251,255,0.9);
	border: 1px #ffffff solid;
	border-left: none;
	box-shadow: 0 0 10px rgba(170,219,255,0.75);
}
#gnav .list li a::after {
	opacity: 0;
	background-image: linear-gradient(90deg, rgba(155,216,254,0.75), rgba(160,170,255,0.75));
	border: 1px #ffffff solid;
	border-left: none;
	box-shadow: 0 0 10px rgba(170,219,255,0.75);
}

/*ホバー挙動*/
#gnav .list li a:hover {
	background-image: url(../images/gnav_jewel.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 40px auto;
	letter-spacing: 0.36em;
	color: #ffffff;
	text-shadow: 0 0 6px rgba(0,105,180,0.75);
}
#gnav .list li a:hover::before {
	opacity: 0;
}
#gnav .list li a:hover::after {
	opacity: 1;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
グローバルナビゲーション_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/







/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

トップページ

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：汎用_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：汎用_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：キービジュアルエリア_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#top #vis {
	position: relative;
	width: 100%;
	height: 798px;
	margin: 0 0 300px 0;
	background-color: #e0f4ff;
}
#top #vis::after,
#top #vis::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}




/*
ロゴ
*/
#top #vis .logo {
    z-index: 3;
    position: absolute;
    top: 170px;
    left: 50%;
    margin: 0 0 0 -500px;
}
#top #vis .logo .catch,
#top #vis .logo h1,
#top #vis .logo .os {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	text-indent: -9999px;
}
#top #vis .logo .catch {
	background-image: url(../svg/logo_yumehono_catch.svg);
	width: 262px;
	height: 22px;
	margin: 0 0 13px 0;
}
#top #vis .logo h1 {
	background-image: url(../svg/logo_yumehono_main.svg);
	width: 262px;
	height: 63px;
	margin: 0 0 14px 0;
}
#top #vis .logo .os {
	background-image: url(../svg/logo_yumehono_officialwebsite.svg);
	width: 262px;
	height: 12px;
}




/*
最新情報ティッカー
*/
#top #vis .newsticker {
	position: absolute;
	top: 800px;
	width: 100%;
	height: 129px;
	background-image: url(../images/bg_type.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 129px;
}
#top #vis .newsticker > div {
	position: absolute;
	top: 35px;
	left: 50%;
	box-sizing: border-box;
	background-image: linear-gradient(90deg, #e4efff, #f6e4f0);
	width: 960px;
	margin: 0 0 0 -480px;
	padding: 5px 7px;
	border-radius: 100px;
	border: 1px #ffffff solid;
	box-shadow: 0 0 10px rgba(170,219,255,0.75);
}
#top #vis .newsticker > div > div {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #f4fbff;
	width: 100%;
	height: 100%;
	font-size: 15px;
	font-weight: 700;
	padding: 15px 20px;
	border-radius: 100px;
	cursor: pointer;
}

/*見出し*/
#top #vis .newsticker > div > div em {
	display: inline-block;
	width: 65px;
	font-style: normal;
	color: #60b8ee;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	border-right: 1px #60b8ee solid;
}

/*リンク情報*/
#top #vis .newsticker > div > div a {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	color: #2b3064;
}
#top #vis .newsticker > div > div a > strong {
	flex: 1;
	display: inline-block;
	overflow: hidden;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: left;
}
#top #vis .newsticker > div > div a > span {
    display: inline-block;
    background-image: url(../svg/icon_arrow_triangle.svg), linear-gradient(90deg, #b1d0fe, #e3b1d4);
    background-repeat: no-repeat, no-repeat;
    background-position: 15px center, 0;
    background-size: 8px auto, auto;
    color: #ffffff;
    font-size: 14px;
    line-height: 1em;
    padding: 6px 6px 6px 40px;
    border-radius: 100px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: left;
}

/*ホバー*/
#top #vis .newsticker > div > div a:hover > strong {
	color: #666db1;
}
#top #vis .newsticker > div > div a:hover > span {
    background-position: 20px center, 0;
}




/*
オブジェクト系
*/
#top #vis .object {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 830px;
	overflow: hidden;
}
#top #vis .object figure img,
#top #vis .object span {
	z-index: 1;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
}

/*ほのかさん*/
#top #vis .object figure img {
	z-index: 10;
    top: -2px;
    margin: 0 0 0 -388px;
}

/*境界線影*/
#top #vis .object .bottomhz {
    z-index: 11;
    top: 773px;
    left: 0;
    width: 100%;
    height: 27px;
    background-image: url(../images/vis_bottomhz.png);
    background-size: auto 27px;
    background-repeat: repeat-x;
    background-position: bottom center;
}

/*パーティクル_宝石_1*/
#top #vis .object .particle_jewel_1 {
    z-index: 12;
    background-image: url(../images/vis_particle_jewel_1.png);
    width: 60px;
    height: 106px;
    top: 328px;
    margin: 0 0 0 795px;
}

/*パーティクル_宝石_2*/
#top #vis .object .particle_jewel_2 {
    z-index: 12;
    background-image: url(../images/vis_particle_jewel_2.png);
    width: 91px;
    height: 162px;
    top: 648px;
    margin: 0 0 0 635px;
}

/*パーティクル_宝石_3*/
#top #vis .object .particle_jewel_3 {
	z-index: 12;
    background-image: url(../images/vis_particle_jewel_3.png);
    width: 72px;
    height: 129px;
    top: -9px;
    margin: 0 0 0 -635px;
}

/*パーティクル_宝石_4*/
#top #vis .object .particle_jewel_4 {
    z-index: 12;
    background-image: url(../images/vis_particle_jewel_4.png);
    width: 98px;
    height: 175px;
    top: 488px;
    margin: 0 0 0 -815px;
}

/*パーティクル_宝石_5*/
#top #vis .object .particle_jewel_5 {
    z-index: 12;
    background-image: url(../images/vis_particle_jewel_5.png);
    width: 66px;
    height: 119px;
    top: 40px;
    margin: 0 0 0 335px;
}

/*パーティクル_宝石_6*/
#top #vis .object .particle_jewel_6 {
    z-index: 12;
    background-image: url(../images/vis_particle_jewel_6.png);
    width: 41px;
    height: 74px;
    top: 720px;
    margin: 0 0 0 -566px;
}

/*パーティクル_宝石_7*/
#top #vis .object .particle_jewel_7 {
    z-index: 12;
    background-image: url(../images/vis_particle_jewel_7.png);
    width: 49px;
    height: 87px;
    top: 18px;
    margin: 0 0 0 -361px;
}

/*左右ダイヤ_白_1*/
#top #vis .object .particle_dia_w_1 {
	background-image: url(../images/vis_particle_dia_w_1.png);
    width: 1654px;
    height: 760px;
    top: 28px;
    margin: 0 0 0 -795px;
}

/*左右ダイヤ_白_2*/
#top #vis .object .particle_dia_w_2 {
    background-image: url(../images/vis_particle_dia_w_2.png);
    width: 1715px;
    height: 512px;
    top: 253px;
    margin: 0 0 0 -899px;
}

/*左右ダイヤ_青_1*/
#top #vis .object .particle_dia_b_1 {
    background-image: url(../images/vis_particle_dia_b_1.png);
    width: 1574px;
    height: 581px;
    top: 73px;
    margin: 0 0 0 -785px;
}

/*パーティクル_星*/
#top #vis .object .particle_star {
	z-index: 7;
    background-image: url(../images/vis_particle_star.png);
    width: 1636px;
    height: 394px;
    top: 293px;
    margin: 0 0 0 -829px;
}

/*パネル_装飾_l*/
#top #vis .object .panel_decoration_l {
	z-index: 5;
    background-image: url(../images/vis_panel_decoration_l.png);
    width: 44px;
    height: 358px;
    top: 223px;
    margin: 0 0 0 -621px;
}

/*パネル_装飾_r*/
#top #vis .object .panel_decoration_r {
	z-index: 5;
    background-image: url(../images/vis_panel_decoration_r.png);
    width: 43px;
    height: 357px;
    top: 222px;
    margin: 0 0 0 577px;
}

/*パネル_スクリプト体*/
#top #vis .object .panel_script {
    z-index: 5;
    background-image: url(../images/vis_panel_script.png);
    width: 1136px;
    height: 434px;
    top: 213px;
    margin: 0 0 0 -555px;
}

/*パネル_ほのかさんシンボル*/
#top #vis .object .panel_honodia {
    z-index: 5;
    background-image: url(../images/vis_panel_honodia.png);
    width: 70px;
    height: 49px;
    top: 605px;
    margin: 0 0 0 495px;
}

/*パネル_ボーダー*/
#top #vis .object .panel_border {
	z-index: 5;
    background-image: url(../images/vis_panel_border.png);
    width: 1284px;
    height: 564px;
    top: 118px;
    margin: 0 0 0 -643px;
}

/*パネル_a*/
#top #vis .object .panel_a {
	z-index: 4;
    background-image: url(../images/vis_panel_a.png);
    width: 1512px;
    height: 792px;
    top: 3px;
    margin: 0 0 0 -756px;
}

/*パネル_b*/
#top #vis .object .panel_b {
    z-index: 3;
    background-image: url(../images/vis_panel_b.png);
    width: 1302px;
    height: 582px;
    top: 109px;
    margin: 0 0 0 -652px;
}




/*
背景演出
*/
#top #vis .visbg {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
    width: 100%;
    height: 798px;
}

/*グラデーション*/
#top #vis .visbg .gradation {
	z-index: 1;
	position: absolute;
	top: 18px;
	left: 0;
	width: 100%;
	height: 760px;
	background-image: url(../images/vis_gradationbg.png);
	background-size: auto 760px;
	background-repeat: repeat-x;
	background-position: center center;
}

/*パーティクル*/
#top #vis .visbg #particles-js {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background-color:#020E34;*/
	background-color: transparent;
}




/*
アニメーション
*/
/*ロゴ*/

/*オブジェクト*/
#top #vis .object figure img,
#top #vis .object span {
	opacity: 0;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
#top #vis .object figure img {
	filter: blur(60px);
	transition-duration: 1000ms;
}
#top #vis.active .object figure img {
	opacity: 1;
	filter: blur(0);
}
#top #vis .object .panel_a {
	transition-delay: 400ms;
	transform: translateY(-50px);
}
#top #vis .object .panel_b {
	transition-delay: 400ms;
	transform: translateY(50px);
}
#top #vis .object .panel_border {
	transition-delay: 800ms;
	transform: scale(0.7);
}
#top #vis.active .object .panel_a,
#top #vis.active .object .panel_b,
#top #vis.active .object .panel_border {
	opacity: 1;
	transform: translateY(0px) scale(1);
}
#top #vis .object .panel_script {
	transition-delay: 900ms;
}
#top #vis.active .object .panel_script {
	opacity: 1;
}
#top #vis .object .panel_honodia {
	transition-delay: 1200ms;
	transform: translateX(-150px) rotateY(180deg);
}
#top #vis.active .object .panel_honodia {
	opacity: 1;
	transform: translateX(0px) rotateY(0deg);
}
#top #vis .object .panel_decoration_l {
	transition-delay: 1200ms;
	transform: translateY(-60px);
}
#top #vis .object .panel_decoration_r {
	transition-delay: 1200ms;
	transform: translateY(60px);
}
#top #vis.active .object .panel_decoration_l,
#top #vis.active .object .panel_decoration_r {
	opacity: 1;
	transform: translateY(0px);
}
#top #vis .object .particle_star,
#top #vis .object .particle_dia_b_1,
#top #vis .object .particle_dia_w_1,
#top #vis .object .particle_dia_w_2 {
	transition-delay: 1400ms;
	filter: blur(60px);
	transform: scale(0.7);
}
#top #vis .object .particle_star {
	transition-duration: 1000ms;
}
#top #vis .object .particle_dia_b_1 {
	transition-delay: 1500ms;
}
#top #vis .object .particle_dia_w_1 {
	transition-delay: 1600ms;
}
#top #vis .object .particle_dia_w_2 {
	transition-delay: 1700ms;
}
#top #vis.active .object .particle_star,
#top #vis.active .object .particle_dia_b_1,
#top #vis.active .object .particle_dia_w_1,
#top #vis.active .object .particle_dia_w_2 {
	opacity: 1;
	filter: blur(0px);
	transform: scale(1);
}
#top #vis .object .particle_jewel_1,
#top #vis .object .particle_jewel_2,
#top #vis .object .particle_jewel_3,
#top #vis .object .particle_jewel_4,
#top #vis .object .particle_jewel_5,
#top #vis .object .particle_jewel_6,
#top #vis .object .particle_jewel_7 {
	transition-delay: 1800ms;
	transition-duration: 2000ms;
}
#top #vis .object .particle_jewel_1 {
	transform: translate(-190px, 0px);
}
#top #vis .object .particle_jewel_2 {
	transform: translate(-60px, -60px);
}
#top #vis .object .particle_jewel_3 {
	transform: translate(60px, 110px);
}
#top #vis .object .particle_jewel_4 {
    transform: translate(100px, -40px);
}
#top #vis .object .particle_jewel_5 {
	transform: translate(-60px, 60px);
}
#top #vis .object .particle_jewel_6 {
	transform: translate(60px, -60px);
}
#top #vis .object .particle_jewel_7 {
	transform: translate(60px, 60px);
}
#top #vis.active .object .particle_jewel_1,
#top #vis.active .object .particle_jewel_2,
#top #vis.active .object .particle_jewel_3,
#top #vis.active .object .particle_jewel_4,
#top #vis.active .object .particle_jewel_5,
#top #vis.active .object .particle_jewel_6,
#top #vis.active .object .particle_jewel_7 {
	opacity: 1;
	transform: translate(0, 0);
}

/*背景*/
#top #vis .visbg .gradation {
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: left;
	opacity: 0;
}
#top #vis.active .visbg .gradation {
	opacity: 1;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：キービジュアルエリア_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：PROFILE_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#top #profile {
	position: relative;
	margin: 0 0 200px 0;
}



/*
タイトル
*/
#top #profile .contentstitle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1000px;
    margin: 0 0 0 -0px;
}



/*
基本プロフィール
*/
#top .basicprofbox {
	margin: 0 0 50px 0;
}



/*
プロフ詳細
*/
#top .basicprofbox .biography {
	top: 180px;
}

/*プロフ詳細：キャッチ*/
#top .basicprofbox .biography > h3 {
    font-size: 21px;
    line-height: 2em;
    font-family: "FOT-筑紫Aヴィンテージ明S Pro R";
    font-family: "TsukuAVintageMinSPro-R";
	letter-spacing: 0.12em;
    margin: 0 0 50px 0;
}



/*
モデル
*/
#top .basicprofbox .modelselecter {
    top: 0px;
}



/*
コンセプト・たいせつなこと
*/
#top #profile .concept {
	position: relative;
	width: 1000px;
	min-height: 670px;
	margin: 0 auto;
}

/*見出し*/
#top #profile .concept .title {
	font-size: 17px;
    font-family: "FOT-筑紫Aヴィンテージ明S Pro R";
    font-family: "TsukuAVintageMinSPro-R";
	letter-spacing: 0.12em;
	margin: 0 0 30px 0;
}
#top #profile .concept .title h3 {
	margin: 0 0 20px 0;
	font-size: 29px;
}
#top #profile .concept .title p {
	margin: 0 0 50px 0;
	font-size: 14px;
	letter-spacing: 0.065em;
}
#top #profile .concept .title::after {
	content: "";
	display: block;
	background-image: linear-gradient(120deg, #8fd5fe, #cbb6ff);
	width: 40px;
	height: 4px;
}

/*本文*/
#top #profile .concept .read {
	width: 600px;
}
#top #profile .concept .read p {
	margin: 0 0 1em 0;
	font-size: 16px;
	letter-spacing: 0.065em;
	line-height: 1.79em;
	text-align: justify;
	word-break: break-all;
	line-break: strict;
}

/*画像*/
#top #profile .concept > figure {
    position: absolute;
    top: -86px;
    left: 50%;
    margin: 0 0 0 148px;
    display: block;
    width: 410px;
    height: 721px;
}
#top #profile .concept > figure img {
	width: 100%;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：PROFILE_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：ACTIVITY_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#top #activity {
	margin: 0 0 240px 0;
}



/*
タイトル
*/
#top #activity .contentstitle {
	width: 1000px;
	margin: 0 auto;
}



/*
プラットフォーム
*/
#top #activity .platform {
	width: 1000px;
	margin: 0 auto 103px auto;
}
#top #activity .platform ul {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
#top #activity .platform li a {
	position: relative;
	top: 0;
	display: block;
	background-position: bottom center;
	background-repeat: no-repeat;
	width: 480px;
	height: 230px;
	text-indent: -9999px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: bottom;
}
#top #activity .platform li.youtube a {
	background-image: url(../images/activity_platform_youtube.png);
}
#top #activity .platform li.x a {
	background-image: url(../images/activity_platform_x.png);
}
#top #activity .platform li a:hover {
	top: -5px;
}



/*
最新動画
*/
#top #activity .currentmovie {
	position: relative;
	width: 100%;
	margin: 0 0 40px 0;
	text-align: center;
	overflow: hidden;
}
#top #activity .currentmovie:after {
    background: radial-gradient(circle farthest-side, #a7e1ff, #a7e1ff 30%, transparent 30%, transparent);
    background-size: 11px;
    content: '';
    display: inline-block;
    height: 10px;
    width: 1000px;
}

#top #activity .currentmovie .obj {
	z-index: -1;
	position: absolute;
	top: 140px;
	left: 0;
	display: block;
	background-image: linear-gradient(120deg, #8fd5fe, #cbb6ff);
	width: 100%;
	height: 330px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: left;
	transform: scaleX(0);
}
#top #activity .currentmovie.wp_t_a_active .obj {
	transform: scaleX(1);
}

#top #activity .currentmovie h3 {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin: 0 0 50px 0;
	font-size: 30px;
	line-height: 1em;
}
#top #activity .currentmovie h3 span {
	position: relative;
	display: block;
	width: 71px;
	height: 27px;
}
#top #activity .currentmovie h3 span:nth-of-type(1) {
	background-image: url(../images/activity_title_star_l.png);
	margin: 0 15px 0 0;
}
#top #activity .currentmovie h3 span:nth-of-type(2) {
	background-image: url(../images/activity_title_star_r.png);
	margin: 0 0 0 15px;
}

/*サムネイル*/
#top #activity .currentmovie a {
	position: relative;
	display: block;
	width: 800px;
	height: 450px;
	margin: 0 auto;
}
#top #activity .currentmovie a span {
	position: absolute;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;
}
#top #activity .currentmovie a span:nth-of-type(1) {
    top: 0;
    left: 830px;
    width: 400px;
	text-align: left;
	color: #c0bbff;
}
#top #activity .currentmovie a span:nth-of-type(2) {
    bottom: 0;
    right: 830px;
    width: 400px;
    text-align: right;
	color: #96d1fe;
}
#top #activity .currentmovie figure {
	overflow: hidden;
}
#top #activity .currentmovie figure img {
	width: 800px;
	height: 450px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
#top #activity .currentmovie a:hover figure img {
	transform: scale(1.1);
}

/*動画タイトル*/
#top #activity .currentmovie .thumbbox > p {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    background-image: linear-gradient(120deg, #8fd5fe, #cbb6ff);
    background-size: auto auto;
    background-position: center center;
    color: #ffffff;
    margin: 30px auto;
    padding: 1px 1px 1px 1px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1em;
    letter-spacing: 0.06em;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    border-radius: 100px;
}
#top #activity .currentmovie .thumbbox > p span {
    display: inline-block;
    box-sizing: border-box;
    background-color: #ffffff;
    background-size: 10px auto;
    background-position: 20px center;
    color: #3984cf;
	width: 100%;
    padding: 7px 40px;
    text-align: center;
    border-radius: 100px;
}



/*
おすすめ動画
*/
#top #activity .recommend {
	width: 1000px;
	margin: 0 auto;
}

#top #activity .recommend ul {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

#top #activity .recommend li {
	width: 305px;
}

#top #activity .recommend li h4 {
	box-sizing: border-box;
    background-image: url(../images/activity_recommend_ticker.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    width: 305px;
    height: 55px;
    line-height: 21px;
    margin: 0 0 5px 0;
    padding: 10px 0;
    text-align: center;
}

#top #activity .recommend figure {
	overflow: hidden;
	width: 305px;
	height: 172px;
	margin: 0 0 20px 0;
	border-radius: 10px;
}
#top #activity .recommend figure img {
	width: 100%;
	height: auto;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
#top #activity .recommend a:hover figure img {
	transform: scale(1.1);
}

#top #activity .recommend a {
	color: #5a88bf;
	font-size: 13px;
	text-decoration: none;
	font-style: normal;
	font-weight: 600;
}
#top #activity .recommend p {
    background-image: url(../svg/icon_arrow_blue_2.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 28px auto;
    padding: 0 40px 0 0;
    line-height: 1.5em;
    text-align: justify;
}
#top #activity .recommend a:hover p {
	color: #666db1;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：ACTIVITY_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：お知らせ_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#top #news {
	width: 1000px;
	margin: 0 auto 200px auto;
}



/*
お知らせリスト
*/
#top #news .contentstitle {
	margin: 0 0 50px 0;
}



/*
お知らせリスト
*/
#top #news .newslist ul {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
#top #news .newslist li {
	width: 480px;
}

#top #news .newslist li a {
	display: block;
}

/*サムネイル*/
#top #news .newslist figure {
	margin: 0;
}
#top #news .newslist figure img {}
#top #news .newslist a:hover figure img {}

/*meta情報*/
#news .newslist .meta {
	margin: 25px 0;
	font-weight: 600;
}

/*テキスト要素*/
#news .newslist h4 {
    font-size: 17px;
	margin: 0;
	text-align: justify;
	word-break: break-all;
}



/*
もっと見る
*/
#top #news .more {
	width: 1000px;
	margin: 50px auto 0 auto;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：お知らせ_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：ギャラリー_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#top #gallery {
	margin: 0 auto 220px auto;
}



/*
タイトル
*/
#top #gallery .contentstitle {
	width: 1000px;
	margin: 0 auto;
}



/*
もっと見る
*/
#top #gallery .more {
	width: 1000px;
	margin: 50px auto 0 auto;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：ギャラリー_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：活動実績_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#top #discography {
	width: 1000px;
	margin: 0 auto 235px auto;
}



/*
タイトル
*/
#top #discography .contentstitle {
	width: 1000px;
	margin: 0 auto 60px auto;
}



/*
もっと見る
*/
#top #discography > .more {
	justify-content: flex-end;
	width: 1000px;
	margin: 50px auto 0 auto;
}
#top #discography .more ul {
	display: flex;
}
#top #discography .more ul li {
	margin: 0 0 0 10px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：活動実績_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：グッズ_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#top #goods {
	width: 1000px;
	margin: 0 auto 235px auto;
}



/*
タイトル
*/
#top #goods .contentstitle {
	width: 1000px;
	margin: 0 auto 50px auto;
}



/*
遷移バナー
*/
#top #goods .gotostore {
	margin: 0 0 80px 0;
}
#top #goods .gotostore a figure {
	overflow: hidden;
}
#top #goods .gotostore a figure img {
	width: 100%;
	height: auto;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
#top #goods .gotostore a:hover figure img {
	transform: scale(1.05);
}



/*
サンプルアイテム
*/
#top #goods .sampleitems {
}

/*見出し*/
#top #goods .sampleitems .title {
	margin: 0 0 50px 0;
}
#top #goods .sampleitems .title h3 {
	display: inline-block;
    background: linear-gradient(90deg, #8fd5fe, #cbb6ff);
    background: -webkit-linear-gradient(0deg, #8fd5fe, #cbb6ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 0 16px 0;
    font-size: 40px;
    font-family: "Josefin Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    font-feature-settings: "palt" 1;
    line-height: 1em;
    letter-spacing: 0.065em;
}
#top #goods .sampleitems .title p {
	font-size: 15px;
}

/*アイテムリスト*/
#top #goods .sampleitems > ul {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
#top #goods .sampleitems > ul li {
	box-sizing: border-box;
	background-color: #ffffff;
	width: 305px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(170,219,255,0.75);
}
#top #goods .sampleitems > ul li figure {
	overflow: hidden;
}
#top #goods .sampleitems > ul li a figure img {
	width: 100%;
	height: auto;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
#top #goods .sampleitems > ul li a:hover figure img {
	transform: scale(1.05);
}
#top #goods .sampleitems > ul li > div {
	padding: 30px;
}
#top #goods .sampleitems > ul li > div h4 {
	height: 3em;
	margin: 0 0 10px 0;
    background: linear-gradient(90deg, #49c3dd, #37c684);
    background: -webkit-linear-gradient(0deg, #49c3dd, #37c684);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-align: center;
	line-height: 1.25em;
}
#top #goods .sampleitems > ul li > div p {
	font-size: 16px;
	line-height: 1.65em;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：グッズ_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：ガイドライン_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#top #guideline {
	width: 1000px;
	margin: 0 auto 200px auto;
}



/*
タイトル
*/
#top #guideline .contentstitle {
	width: 1000px;
	margin: 0 auto 50px auto;
}



/*
詳細
*/
#top #guideline .detail {}

/*見出し*/
#top #guideline .detail > div > h3 {
	background-image: url(../svg/icon_guide_jewel.svg), linear-gradient(90deg, #e2e5ff, #caecff);
    background-position: 25px center, 100%;
    background-size: 15px auto, 100%;
    background-repeat: no-repeat;
    padding: 20px 20px 20px 60px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1em;
}

/*本文*/
#top #guideline .detail > div > div {
	background-color: #ffffff;
	padding: 40px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：ガイドライン_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/







/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

下層汎用

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
全体レイアウト系_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
タイトル汎用
*/
#sub .grandwrapper {
	margin: 0 0 250px 0
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
全体レイアウト系_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
キービジュアル_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body#sub #vis {
    position: relative;
    width: 100%;
    height: 380px;
	margin: 0 0 110px 0;
}




/*
見出し
*/
#sub #vis .logo {
	z-index: 3;
	position: relative;
	width: 100%;
	padding: 95px 0 0 0;
	text-align: center;
}

#sub #vis .logo h1 {
	color: #ffffff;
	margin: 0 0 10px 0;
    font-family: "Josefin Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
	font-size: 95px;
	line-height: 1em;
	text-shadow: 0 0 10px rgba(255,255,255,0.8);
}

#sub #vis .logo p {
	font-size: 15px;
}




/*
オブジェクト系
*/
#sub #vis .object {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 379px;
	overflow: hidden;
}
#sub #vis .object span {
	z-index: 1;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
}

/*境界線影*/
#sub #vis .object .bottomhz {
    z-index: 11;
    top: 353px;
    left: 0;
    width: 100%;
    height: 27px;
    background-image: url(../images/vis_bottomhz.png);
    background-size: auto 27px;
    background-repeat: repeat-x;
    background-position: bottom center;
}

#sub #vis .object .sub_vis_round_star {
    z-index: 12;
    background-image: url(../svg/sub_vis_round_star.svg);
    width: 139px;
    height: 14px;
    top: 248px;
    margin: 0 0 0 -69.5px;
}

#sub #vis .object .sub_vis_round_text {
    z-index: 12;
    background-image: url(../svg/sub_vis_round_text.svg);
    width: 419px;
    height: 11.4px;
    top: 328px;
    margin: 0 0 0 -205px;
}

#sub #vis .object .sub_vis_particle_blue {
    z-index: 12;
    background-image: url(../images/sub_vis_particle_blue.png);
    width: 1538px;
    height: 255px;
    top: 68px;
    margin: 0 0 0 -769px;
}

#sub #vis .object .sub_vis_particle_jewel_w_1 {
    z-index: 12;
    background-image: url(../images/sub_vis_particle_jewel_w_1.png);
    width: 1424px;
    height: 191px;
    top: 118px;
    margin: 0 0 0 -712px;
}




/*
背景演出
*/
#sub #vis .visbg {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 379px;
    background-color: #e0f4ff;
}

/*グラデーション*/
#sub #vis .visbg .gradation {
	z-index: 1;
	position: absolute;
	top: 18px;
	left: 0;
	width: 100%;
	height: 342px;
	background-image: linear-gradient(90deg, #8fd5fe, #cbb6ff);
}

/*パーティクル*/
#sub #vis .visbg #particles-js {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background-color:#020E34;*/
	background-color: transparent;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
キービジュアル_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
基本見出し・ボックス_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
タイトル汎用
*/
#sub .contentstitle {
	width: 1000px;
	margin: 0 auto 60px auto;
}

#sub .contentstitle h2 {
    font-size: 55px;
}
#sub .contentstitle h2.wp_t_d_active {
    letter-spacing: 0.065em;
}

#sub .contentstitle p {
	color: #3984cf;
	font-size: 14px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
基本見出し・ボックス_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/







/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

プロフィール（PROFILE）

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
プロフィール：基本プロフィール_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
イントロムービー
*/
#intromovie {
	margin: 0 0 60px 0;
}

/*動画本体*/
#intromovie .wrapper {
	position: relative;
	box-sizing: border-box;
    width: 1000px;
    height: 562px;
    margin: 0 auto;
    border: 3px #ffffff solid;
    border-radius: 400px;
    overflow: hidden;
}
#intromovie .wrapper::before {
    z-index: 2;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 60px rgba(60,110,165,0.5);
}

/*背景装飾*/
#intromovie > span {
	display: block;
}



/*
基本プロフィール
*/
.basicprofbox {
	position: relative;
	min-height: 1090px;
}



/*
プロフィール詳細
*/
.basicprofbox .biography {
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 0px;
	width: 500px;
}

/*お名前表示*/
.basicprofbox .biography .title {
	margin: 0 0 70px 0;
}
.basicprofbox .biography .title h4 {
    font-size: 24px;
    line-height: 1em;
    font-family: "FOT-筑紫Aヴィンテージ明S Pro R";
    font-family: "TsukuAVintageMinSPro-R";
	letter-spacing: 0.12em;
	-webkit-font-smoothing: auto;
    margin: 0 0 50px 0;
}
.basicprofbox .biography .title h2 {
	background: linear-gradient(90deg, #8fd5fe, #cbb6ff);
    background: -webkit-linear-gradient(0deg, #8fd5fe, #cbb6ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	margin: 0 0 15px 0;
	font-size: 70px;
	letter-spacing: 0.11em;
	line-height: 1em;
}
.basicprofbox .biography .title p {
    font-size: 18px;
    letter-spacing: 0.3em;
}

/*詳細情報*/
.basicprofbox .biography .profiledetails {
	margin: 0 0 50px 0;
}
.profiledetails {
    border-collapse: separate;
    border-spacing: 3px;
}

/*詳細情報見出し*/
.profiledetails h3 {
    position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0 0 30px 0;
    font-size: 30px;
    font-family: "Josefin Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 100;
    letter-spacing: 0.2em;
    text-align: left;
}
.profiledetails h3 span {
    position: relative;
    top: -4px;
    display: block;
    background-image: linear-gradient(90deg, #8fd5fe, #cbb6ff);
    width: 15px;
    height: 3px;
    margin: 0 15px 0 0;
}

/*詳細テキスト*/
.profiledetails .detail {
	margin: 0 0 40px 0;}
.profiledetails .detail p {
	margin: 0 0 1em 0;
	font-size: 14px;
	line-height: 2em;
	letter-spacing: 0.065em;
}

/*詳細情報テーブル*/
.profiledetails th {
    background-image: url(../svg/icon_star_blue.svg);
    background-size: 20px auto;
    background-repeat: no-repeat;
    background-position: left center;
    width: 180px;
    padding: 14px 0 14px 40px;
    font-size: 18px;
    text-align: left;
}
.profiledetails td {
	font-size: 18px;
}




/*
モデル
*/
.basicprofbox .modelselecter {
	position: absolute;
    top: 0px;
    left: 50%;
    width: 500px;
    margin: 0 0 0 -510px;
}

/*UI*/
.basicprofbox .modelselecter > ul {
	z-index: 2;
	position: relative;
	text-align: center;
}
.basicprofbox .modelselecter > ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 120px;
	margin: 0 0 30px 0;
    cursor: pointer;
    color: #016bb6;
    font-size: 12px;
    font-family: "Josefin Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
	cursor: pointer;
}
.basicprofbox .modelselecter > ul li > span {
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: linear-gradient(120deg, #8fd5fe, #cbb6ff);
	width: 100px;
	height: 100px;
	margin: 0 0 15px;
	border-radius: 100px;
}
.basicprofbox .modelselecter > ul li > span > span {
	display: block;
	background-color: #ffffff;
	background-repeat: no-repeat;
	width: 96px;
	height: 96px;
	border-radius: 100px;
	overflow: hidden;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: left;
}
.basicprofbox .modelselecter > ul li > span > span img {
	width: 100%;
	height: auto;
}
.basicprofbox .modelselecter > ul li em {
	font-style: normal;
}
.basicprofbox .modelselecter > ul li > span > span:hover {
	background-color: #96d1fe;
}

/*画像*/
.basicprofbox .modelselecter > figure {}
.basicprofbox .modelselecter > figure::after {
    content: "";
    z-index: -1;
    position: absolute;
    bottom: -730px;
    left: 80px;
    background-image: url(../images/profile_vis_shadow.png);
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 400px;
    height: 150px;
}
.basicprofbox .modelselecter > figure img {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: bottom;
	transform: translateY(-50px);
}
.basicprofbox .modelselecter > figure img.active {
	opacity: 1;
	transform: translateY(0);
}
.basicprofbox .modelselecter > figure img:nth-of-type(1) {
    top: -29px;
    left: 65px;
    width: 370px;
    height: auto;
}
.basicprofbox .modelselecter > figure img:nth-of-type(2) {
    top: -35px;
    left: 3px;
    width: 500px;
    height: auto;
}



/*
モデルビューワー
*/
#modelviewer {
    box-sizing: border-box;
    background-color: #ffffff;
    width: 100%;
    margin: 0px auto 250px auto;
    padding: 110px 0;
    text-align: center;
    box-shadow: 0 0 30px rgba(60,110,165,0.2);
}

#modelviewer > h2 {
    display: inline-block;
    background: linear-gradient(90deg, #8fd5fe, #cbb6ff);
    background: -webkit-linear-gradient(0deg, #8fd5fe, #cbb6ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 0 25px 0;
    font-family: "Josefin Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-size: 60px;
    line-height: 1em;
    letter-spacing: 0.13em;
}



/*
バージョン切り替えUI
*/
#modelviewer .selectui {
	margin: 0 0 40px 0;
}
#modelviewer .selectui ul {
	display: flex;
	align-items: center;
	justify-content: center;
}
#modelviewer .selectui li {
    background-color: #e1f2fb;
    color: #9ecbe4;
    width: 200px;
    margin: 0 5px;
    padding: 10px 0;
    font-size: 23px;
    line-height: 1em;
    cursor: pointer;
    border-radius: 100px;
}
#modelviewer .selectui li.active {
	background-color: #36a7e2;
	color: #ffffff;
}



/*
ビューワー本体
*/
#modelviewer .viewerbox {
	position: relative;
}
#modelviewer .viewerbox > div {
	position: relative;
	opacity: 0;
	pointer-events: none;
	display: none;
}
#modelviewer .viewerbox > div.active {
	opacity: 1;
	pointer-events: inherit;
	display: block;
}



/*
カルーセル：メイン
*/
#modelviewer .viewerbox > div .swiper {
	/*background-color: rgba(0,50,100,0.3);*/
	width: 1000px;
	margin: 0 auto 100px auto;
	text-align: center;
}
#modelviewer .viewerbox > div .swiper .swiper-wrapper {
	align-items: center;
}
#modelviewer .viewerbox > div a {}
#modelviewer .viewerbox > div img {
	max-width: 1000px;
	max-height: 600px;
}



/*
カルーセル：UI
*/
.viewerbox .ui {
    position: absolute;
    width: 1200px;
    top: 50%;
    left: 50%;
    margin: -70px 0 0 -600px;
}
.swiper-pagination {
	bottom: -350px !important;
}
.swiper-wrapper {
	align-items: center;
}
.swiper-pagination-bullet {
	background-color: #07a9ff !important;
    width: 10px !important;
    height: 10px !important;
    margin: 0 7px !important;
}



/*
クリエイターリスト
*/
#modelviewer .creator {
    display: flex;
    align-items: center;
    justify-content: center;
	flex-wrap: wrap;
    width: 1000px;
    margin: 0px auto;
}
#modelviewer .creator li {
	display: flex;
    align-items: center;
	color: #7f7fbb;
	margin: 10px;
}
#modelviewer .creator li em {
	background-color: #d9e6fc;
    color: #7f7fbb;
    margin: 0 10px 0 0;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    border-radius: 100px;
}
#modelviewer .creator li a {
	color: #7f7fbb;
}



/*
メッセージ
*/
#profilemessage {
	position: relative;
	text-align: center;
	min-height: 870px;
}

#profilemessage .title {
    font-family: "FOT-筑紫Aヴィンテージ明S Pro R";
    font-family: "TsukuAVintageMinSPro-R";
	letter-spacing: 0.12em;
}
#profilemessage .title h3 {
	font-size: 30px;
    margin: 0 0 20px 0;
}
#profilemessage .title p {
	font-size: 16px;
    letter-spacing: 0.065em;
}

/*ビジュアル要素*/
#profilemessage .object {}
#profilemessage .object span {
	z-index: 1;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
}
#profilemessage .object .icon_yh_gradation {
    z-index: 2;
    background-image: url(../images/icon_yh_gradation.png);
    width: 100px;
    height: 100px;
    top: -120px;
    margin: 0 0 0 -50px;
}
#profilemessage .object .profile_message_particle_jewel_b_1 {
    z-index: 2;
    background-image: url(../images/profile_message_particle_jewel_b_1.png);
    width: 1544px;
    height: 374px;
    top: 300px;
    margin: 0 0 0 -772px;
}
#profilemessage .object .profile_message_vis {
    z-index: 2;
    background-image: url(../images/profile_message_vis.png);
    width: 778px;
    height: 856px;
    top: 90px;
    margin: 0 0 0 -340px;
}
/*
#top #vis .object span {
	z-index: 1;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
}

#top #vis .object figure img {
	z-index: 10;
    top: -2px;
    margin: 0 0 0 -388px;
}

#top #vis .object .bottomhz {
    z-index: 11;
    top: 773px;
    left: 0;
    width: 100%;
    height: 27px;
    background-image: url(../images/vis_bottomhz.png);
    background-size: auto 27px;
    background-repeat: repeat-x;
    background-position: bottom center;
}

#top #vis .object .particle_jewel_1 {
    z-index: 12;
    background-image: url(../images/vis_particle_jewel_1.png);
    width: 60px;
    height: 106px;
    top: 328px;
    margin: 0 0 0 795px;
}
*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
プロフィール：基本プロフィール_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/







/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

お知らせ（INFORMATION）

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
お知らせ：一覧_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
お知らせリスト
*/
.newslist {
	width: 1000px;
	margin: 0 auto;
}
.newslist ul {}
.newslist li {
	margin: 0 0 60px 0;
}

.newslist li a {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.newslist li a .detail {
	flex: 1;
}



/*
サムネイル
*/
.newslist figure {
	display: block;
	width: 480px;
	height: 270px;
	margin: 0 40px 0 0;
	overflow: hidden;
}
.newslist figure img {
	position: relative;
	top: 0;
	width: 100%;
	height: auto;
	border-radius: 10px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
.newslist a:hover figure img {
	transform: scale(1.05);
}



/*
meta情報
*/
.newslist .meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 25px 0;
	font-weight: 300;
	font-size: 16px;
	letter-spacing: 0.065em;
}



/*
テキスト要素
*/
.newslist h4 {
    display: inline-block;
    background: linear-gradient(90deg, #5ec4ff, #b091ff);
    background: -webkit-linear-gradient(0deg, #5ec4ff, #b091ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	margin: 0 0 30px 0;
    font-size: 24px;
	text-align: justify;
	word-break: break-all;
	font-optical-sizing: auto;
    font-feature-settings: "palt" 1;
    line-height: 1.65em;
    letter-spacing: 0.065em;
	text-align: justify;
	word-break: break-all;
}

.newslist .detail > p {
	font-size: 15px;
	line-height: 1.8em;
	letter-spacing: 0.065em;
	text-align: justify;
	word-break: break-all;
}



/*
ページネーション
*/
#newslistwrapper .page_list {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1000px;
	margin: 100px auto 0 auto;
}

#newslistwrapper .page_list li {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	background-image: linear-gradient(120deg, #c3e8fe, #dcdaff);
	background-size: auto auto;
	background-position: center center;
	color: #ffffff;
	width: 60px;
	height: 60px;
	margin: 0 6px;
	padding: 6px;
    font-size: 16px;
    line-height: 1em;
    letter-spacing: 0.06em;
    font-style: normal;
    text-decoration: none;
	text-align: right;
    border-radius: 100px;
	border: 1px #ffffff solid;
	box-shadow: 0 0 10px rgba(170,219,255,0.75);
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}

#newslistwrapper .page_list li a,
#newslistwrapper .page_list li span {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	background-size: 10px auto;
	background-color: #ffffff;
	color: #3984cf;
	width: 100%;
	height: 100%;
    border-radius: 100px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}

#newslistwrapper .page_list li span {
	background-color: #dbf1fd;
	color: #a8cbdf;
}

#newslistwrapper .page_list li.prev,
#newslistwrapper .page_list li.next {
	width: 200px;
}
#newslistwrapper .page_list li.prev a {
	background-image: url(../svg/icon_arrow_blue_r.svg);
	background-position: 155px center;
	justify-content: flex-start;
	padding: 0 0 0 20px;
	text-align: left;
}
#newslistwrapper .page_list li.next a {
	background-image: url(../svg/icon_arrow_blue.svg);
	background-position: 20px center;
	justify-content: flex-end;
	padding: 0 20px 0 0;
	text-align: right;
}

/*ホバー*/
#newslistwrapper .page_list li:hover {
	transform: translateY(-6px);
}
#newslistwrapper .page_list li.prev:hover,
#newslistwrapper .page_list li.next:hover {
	transform: translateY(0);
}

#newslistwrapper .page_list li a:hover {
	background-color: #ffffff;
	color: #666db1;
}
#newslistwrapper .page_list li.prev a:hover {
	background-position: 145px center;
}
#newslistwrapper .page_list li.next a:hover {
	background-position: 30px center;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
お知らせ：一覧_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
お知らせ：詳細_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#news_deatil {
	width: 1000px;
	margin: 0 auto;
}



/*
サムネイル
*/
#news_deatil .cover {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1000px;
	height: 563px;
	text-align: center;
	border-radius: 10px;
	overflow: hidden;
}
#news_deatil .cover img {
	width: 100%;
	height: auto;
}



/*
meta情報
*/
#news_deatil .meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 40px auto;
}
#news_deatil .meta data {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.065em;
}
#news_deatil .meta h4 {
	background-color: #ffffff;
	border-radius: 6px;
	line-height: 1em;
	padding: 6px 12px;
	font-size: 15px;
	letter-spacing: 0.065em;
}



/*
タイトル
*/
#news_deatil .title {
}
#news_deatil .title h3 {
	background: linear-gradient(90deg, #5ec4ff, #b091ff);
	background: -webkit-linear-gradient(0deg, #5ec4ff, #b091ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin: 0 0 60px 0;
	font-size: 30px;
	line-height: 1.7em;
}



/*
本文
*/
#news_deatil .post {
	box-sizing: border-box;
	background-color: #ffffff;
	width: 1000px;
	padding: 60px;
	margin: 0 0 100px 0;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(170,219,255,0.75);
}



/*
ページネーション
*/
#news_deatil .page_detail_pagenation {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#news_deatil .page_detail_pagenation li {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	background-image: linear-gradient(120deg, #c3e8fe, #dcdaff);
	background-size: auto auto;
	background-position: center center;
	color: #ffffff;
	width: 260px;
	margin: 0 6px;
	padding: 6px;
    font-size: 16px;
    line-height: 1em;
    letter-spacing: 0.06em;
    font-style: normal;
    text-decoration: none;
	text-align: right;
    border-radius: 100px;
	border: 1px #ffffff solid;
	box-shadow: 0 0 10px rgba(170,219,255,0.75);
}

#news_deatil .page_detail_pagenation a {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	background-color: #ffffff;
	background-size: 10px auto;
	color: #016bb6;
	width: 100%;
	padding: 1em 0px 1em 0px;
	font-weight: 600;
    border-radius: 100px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}

/*次へ*/
#news_deatil .page_detail_pagenation li.next a {
	background-image: url(../svg/icon_arrow_blue.svg);
	background-position: 22px center;
	justify-content: flex-end;
	padding: 1em 20px 1em 0;
	text-align: right;
}

/*前へ*/
#news_deatil .page_detail_pagenation li.prev a {
	background-image: url(../svg/icon_arrow_blue_r.svg);
	background-position: 194px center;
	justify-content: flex-start;
	padding: 1em 0 1em 20px;
	text-align: left;
}

/*ホバー*/
#news_deatil .page_detail_pagenation li a:hover {
	background-color: #ffffff;
	color: #666db1;
}
#news_deatil .page_detail_pagenation li.prev a:hover {
	background-position: 184px center;
}
#news_deatil .page_detail_pagenation li.next a:hover {
	background-position: 32px center;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
お知らせ：詳細_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/







/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

ギャラリー（GALLERY）

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ギャラリー：トップ_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#gallery {}



/*
リスト
*/
.gallerylsit {}

/*グリッドレイアウト用*/
.gridbox{
	box-sizing: border-box;
	margin: 60px auto;
	width: 1000px;
	column-count: 3;
	column-gap: 0;
}
.gridbox > li {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	margin: 0 1em 2em 1em;
}
@media (max-width: 800px) {
	.gridbox {
		column-count: 2;
	}
}

/*サムネ*/
.gridbox > li a figure {
	overflow: hidden;
	border-radius: 10px;
}
.gridbox > li a figure img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
.gridbox > li a:hover figure img {
	transform: scale(1.1);
}



/*
オーダーイラスト
*/
#orderillustration {
	margin: 0 0 150px 0;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ギャラリー：トップ_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/







/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

活動実績（DISCOGRAPHY）

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
活動実績リスト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#alldiscography {
	margin: 0 0 160px 0;
}



/*
リスト
*/
.discolist {
	width: 1000px;
	margin: 0 auto;
}
.discolist li {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px #bde1f6 solid;
}

/*見出し*/
.discolist h4 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-image: url(../svg/icon_star_blue.svg);
    background-size: 20px auto;
    background-repeat: no-repeat;
    background-position: left center;
	margin: 0 0 10px 0;
    padding: 14px 0 14px 40px;
    text-align: left;
}
.discolist h4 strong {
	display: inline-block;
    background: linear-gradient(90deg, #5ec4ff, #b091ff);
    background: -webkit-linear-gradient(0deg, #5ec4ff, #b091ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-size: 20px;
	line-height: 1em;
}
.discolist h4 span {
	font-size: 14px;
	font-weight: 300;
	line-height: 1em;
}

/*本文*/
.discolist li > p {
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 1.35em;
	text-align: justify;
	word-break: break-all;
}

/*関連ページ*/
.discolist .more {
	justify-content: flex-end;
}
.discolist .more a {
	width: 200px;
}
.discolist .more a span {
	padding: 12px 20px 12px 35px;
	font-size: 13px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
活動実績リスト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
お問い合わせ_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
見出し
*/
#sub #contact .contentstitle {
	text-align: center;
	margin: 0 auto 90px auto;
}

#sub #contact .contentstitle h2 {
	font-size: 95px;
}

.contentstitle h2.wp_t_a_active {
    letter-spacing: 0.065em;
}




/*
種別
*/
#sub #contact .contacttype {
	width: 1000px;
	margin: 0 auto 70px auto;
}
#sub #contact .contacttype ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#sub #contact .contacttype ul li {
	box-sizing: border-box;
    position: relative;
    background-color: #ffffff;
    width: 480px;
    padding: 70px 30px 50px 30px;
    text-align: center;
    box-shadow: 0 10px 10px rgba(53,132,195,0.2);
    border-radius: 10px;
}

/*アイコン*/
#sub #contact .contacttype ul li span {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -30px;
	left: 50%;
	margin: 0 0 0 -30px;
	background-color: #5a88bf;
	width: 60px;
	height: 60px;
	border-radius: 6px;
    transition-duration: 600ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(.42,0,0,.99);
    transition-delay: 0ms;
    transform-origin: center;
}
#sub #contact .contacttype ul li span img {
	fill: #ffffff;
}
#sub #contact .contacttype ul li a:hover span {
	transform: translateY(-5px);
}




/*
フォーム
*/
#sub #contact #contactform {
	width: 1000px;
	margin: 0 auto;
}

#sub #contact #contactform table {
    border-collapse: separate;
    border-spacing: 0px;
	width: 1000px;
	margin: 0 0 30px 0;
}
#sub #contact #contactform table tr {
	display: flex;
}
#sub #contact #contactform table th,
#sub #contact #contactform table td {
	box-sizing: border-box;
	display: block;
	padding: 20px;
	text-align: left;
	font-size: 15px;
	border-radius: 6px;
}
#sub #contact #contactform table th {
    background-image: linear-gradient(90deg, #e9ecff, #d7f1ff);
	width: 280px;
	margin: 0 10px 10px 0;
}
#sub #contact #contactform table td {
	background-color: #ffffff;
	flex: 1;
	margin: 0 0 10px 0;
	border: 1px #c2e9ff solid;
}

/*ラベル*/
#sub #contact #contactform table .formlabel sup {
	color: #ff0000;
}

/*入力要素*/
input,
textarea {
	box-sizing: border-box;
	background-color: #ffffff;
	color: #3c4445;
	min-width: 300px;
	margin: 0;
	padding: 1em;
	font-size: 16px;
	border: 1px #dbf2ff solid;
	border-radius: 6px;
}
textarea {
	width: 100%;
	min-height: 18em;
	line-height: 1.65em;
}
input:focus,
textarea:focus {
	outline: 1px #a7e1ff solid;
}
input::placeholder,
textarea::placeholder {
	color: #a7adad;
}

/*送信*/
#sub #contact #contactform .submit button {
    box-sizing: border-box;
	display: block;
    background-image: linear-gradient(90deg, #bee6fe, #d2d9ff);
    width: 330px;
    height: 80px;
    margin: 0 auto;
    padding: 5px 7px;
    border-radius: 100px;
    border: 1px #ffffff solid;
    box-shadow: 0 0 10px rgba(170,219,255,0.75);
    transition-duration: 600ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(.42,0,0,.99);
    transition-delay: 0ms;
    transform-origin: center;
}
#sub #contact #contactform .submit button span {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f4fbff;
    color: #016bb6;
    width: 100%;
    height: 100%;
    font-size: 18px;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-weight: 300;
    text-align: center;
    border-radius: 100px;
    border: none;
    cursor: pointer;
    transition-duration: 600ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(.42,0,0,.99);
    transition-delay: 0ms;
    transform-origin: center;
}
#sub #contact #contactform .submit button:hover {
    width: 360px;
}
#sub #contact #contactform .submit button:hover span {
	color: #666db1;
}

/*無効*/
#sub #contact #contactform .submit .disabled {
    pointer-events: none;
}
#sub #contact #contactform .submit .disabled span {
	background-color: #9bc8e5;
	color: #cbe6f7;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
お問い合わせ_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
お問い合わせ：完了ページ_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#sub.discography.thanks {}



/*
*/
#sub.discography.thanks #thanksmessage {
	width: 1000px;
	margin: 0 auto 0 auto;
}

#sub.discography.thanks #thanksmessage .message {
	margin: 0 0 60px 0;
}

#sub.discography.thanks #thanksmessage p {
	margin: 0 0 1em 0;
	line-height: 1.65em;
	letter-spacing: 0.065em;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
お問い合わせ：完了ページ_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/