@charset "utf-8";

/* *************************************************
		基本設定
************************************************* */
html {
	font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, sans-serif;
	background: #fff;
	font-size: 62.5%;
}
body {
	font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, sans-serif;
	font-size: 1.6rem;
	line-height: 1.5;
	word-break: normal;
	-webkit-text-size-adjust: 100%;
}

@media only screen and (max-width: 640px) {
	html, body {
		overflow-x: initial !important;
	}
}
@media print, screen and (min-width: 641px) {
	body {
		min-width: 980px;
	}
}


/*デフォルトリンクカラー*/
a, a:link {
	color: #0000DE;
}
a:visited {
	color: #941D55;
}
a:active,
a:hover {
	color: #CC0000;
}
a:focus {
	color: #CC0000;
}

/* FireFox link-line hide */
a:link,
a:visited,
a:active,
a:hover { 
	overflow: hidden;
	outline: none;
}

*, *:before, *:after {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

figure {
	padding: 0;
	margin: 0;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

ul {
	list-style: none;
}


/* *************************************************
		非表示設定
************************************************* */
.hide {
	display: none;
	overflow: hidden;
	height: 0px;
}
@media only screen and (max-width: 640px) {
	#global-nav:nth-of-type(1) {
		display: none;
	}
	.sp-hide {
		display: none !important;
	}
}
@media print, screen and (min-width: 641px) {
	.pc-hide {
		display: none !important;
	}
}


/* *************************************************
		ソーシャルボタン
************************************************* */
#sns-block {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
	line-height: 1.0;
	font-weight: 400;
	width: 100%;
	background: #f1f1f1;
	padding-bottom: 16px;
}
.sns {
	width: 96%;
	padding-top: 16px;
	margin: 0 auto;
	text-align: center;
}
.ttl-sns {
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
	padding-top: 9px;
	color: #000;
	font-size: .9em;
}
.ttl-sns i {
	padding-right: .1em;
}
.sns-list {
	display: inline-block;
	font-size:0;
	padding: 0;
	list-style: none;
}
.sns-list li {
	display: inline-block;
	position: relative;
	margin: 0 8px;
}
.sns-list li img {
	width: 35px;
	height: auto;
	vertical-align: middle;
}
@media screen and (min-width: 40em) {
	.sns {
		width: 980px;
	}
	.ttl-sns {
		margin-right: 22px;
		padding-top: 7px;
	}
	.sns-list li img {
		width: 32px;
		height: auto;
		vertical-align: middle;
	}
}
@media screen and (min-width: 64em) {
}

.clearfix:after {
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	content: ".";
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* *************************************************
	ページナビ
************************************************* */
.tsunagaru_yoruni .page-nav-sp,
.tsunagaru_yoruni .page-nav-sp-menu,
.tsunagaru_yoruni .page-nav-pc {
	box-shadow: 0 3px 3px rgba(0,0,0,0.24);
}

@media only screen and (max-width: 640px) {
	.tsunagaru_yoruni .page-nav-pc,
	.tsunagaru_yoruni .page-nav-pc-inner {
		display: none;
	}
}
@media print, screen and (min-width: 641px) {
	.tsunagaru_yoruni .page-nav-sp,
	.tsunagaru_yoruni .page-nav-sp-logo,
	.tsunagaru_yoruni .page-nav-sp-menu {
		display: none;
	}
}

@media only screen and (max-width: 640px) {
	/*ナビボタン*/
	.tsunagaru_yoruni .page-nav-sp {
		background: #fff;
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 9999;
	}
	.tsunagaru_yoruni .page-nav-sp-logo {
		height: 15.625vw;
		position: relative;
	}
	.tsunagaru_yoruni .page-nav-sp-logo figure,
	.tsunagaru_yoruni .page-nav-sp-logo figure a {
		width: 50vw;
		height: 15.625vw;
	}
	.tsunagaru_yoruni .page-nav-sp-menu-btn {
		width: 15.625vw;
		height: 15.625vw;
		margin: 0;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 99999;
	}
	.tsunagaru_yoruni .page-nav-sp-menu-btn .menu-trigger,
	.tsunagaru_yoruni .page-nav-sp-menu-btn .menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.tsunagaru_yoruni .page-nav-sp-menu-btn .menu-trigger {
		position: relative;
		width: 15.625vw;
		height: 15.625vw;
	}
	.tsunagaru_yoruni .page-nav-sp-menu-btn .menu-trigger span {
		background: #ff95b0;
		width: 8.75vw;
		height: 0.625vw;
		position: absolute;
		left: 0;
	}
	.tsunagaru_yoruni .page-nav-sp-menu-btn .menu-trigger span:nth-of-type(1) {
		top: 4.6vw;
	}
	.tsunagaru_yoruni .page-nav-sp-menu-btn .menu-trigger span:nth-of-type(2) {
		top: 7.0vw;
	}
	.tsunagaru_yoruni .page-nav-sp-menu-btn .menu-trigger span:nth-of-type(3) {
		top: 9.4vw;
	}
	.tsunagaru_yoruni .page-nav-sp-menu-btn .menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(2.4vw) rotate(-45deg);
		transform: translateY(2.4vw) rotate(-45deg);
	}
	.tsunagaru_yoruni .page-nav-sp-menu-btn .menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.tsunagaru_yoruni .page-nav-sp-menu-btn .menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-2.4vw) rotate(45deg);
		transform: translateY(-2.4vw) rotate(45deg);
	}

	/*SPメニュー*/
	.tsunagaru_yoruni .page-nav-sp-menu {
		width: 100%;
		position: absolute;
		top: 15.625vw;
		right: 0;
		transition: all .4s;

		visibility: hidden;
		opacity: 0;
	}
	.tsunagaru_yoruni .page-nav-sp-menu.active {
		opacity: 1;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}
	.tsunagaru_yoruni .page-nav-sp-menu ul {
		background: url(../images/nav-sp.png) no-repeat center top;
		padding: 48.59375% 0 0;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		position: relative;
	}
	.tsunagaru_yoruni .page-nav-sp-menu ul li {
	}
	.tsunagaru_yoruni .page-nav-sp-menu ul li a {
		display: block;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		position: absolute;
	}
	.tsunagaru_yoruni .page-nav-sp-menu ul li:nth-child(1) a {
		width: 50%;
		height: 38.5852%;
		top: 0;
		left: 0;
	}
	.tsunagaru_yoruni .page-nav-sp-menu ul li:nth-child(2) a {
		width: 50%;
		height: 38.5852%;
		top: 0;
		left: 50%;
	}
	.tsunagaru_yoruni .page-nav-sp-menu ul li:nth-child(3) a {
		width: 50%;
		height: 38.5852%;
		top: 38.5852%;
		left: 0;
	}
	/* .tsunagaru_yoruni .page-nav-sp-menu ul li:nth-child(4) a {
		width: 50%;
		height: 38.5852%;
		top: 38.5852%;
		left: 50%;
	} */
	.tsunagaru_yoruni .page-nav-sp-menu ul li:nth-child(4) a {
		width: 100%;
		height: 22.8296%;
		top: 77.1704%;
		left: 0;
	}
}
@media print, screen and (min-width: 641px) {
	.tsunagaru_yoruni .page-nav-pc {
		background: #23263a;
		height: 100px;
		position: sticky;
		top: 0;
		z-index: 9999;
	}
	.tsunagaru_yoruni .page-nav-pc-inner {
		width: 980px;
		margin: auto;
	}
	.tsunagaru_yoruni .page-nav-pc-inner ul {
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		list-style-type: none;
		background: url(../images/nav-pc.png) no-repeat center top;
		width: 940px;
		height: 100px;
		margin: 0 auto;
		position: relative;
	}
	.tsunagaru_yoruni .page-nav-pc-inner ul li a,
	.tsunagaru_yoruni .page-nav-pc-inner ul li span {
		display: block;
		height: 100px;
		position: absolute;
		top: 0;
	}
	.tsunagaru_yoruni .page-nav-pc-inner ul li:nth-child(1) a {
		width: 150px;
		/* left: 63px; */
		left: 133px;
	}
	.tsunagaru_yoruni .page-nav-pc-inner ul li:nth-child(2) a {
		width: 175px;
		/* left: 213px; */
		left: 283px;
	}
	.tsunagaru_yoruni .page-nav-pc-inner ul li:nth-child(3) a {
		width: 197px;
		/* left: 388px; */
		left: 458px;
	}
	.tsunagaru_yoruni .page-nav-pc-inner ul li:nth-child(4) a {
		width: 147px;
		/* left: 585px; */
		left: 655px;
	}
	.tsunagaru_yoruni .page-nav-pc-inner ul li:nth-child(5) a {
		width: 140px;
		left: 732px;
	}
	.tsunagaru_yoruni .page-nav-pc-inner ul li a {
		transition: 0.3s ease-in-out;
	}
	.tsunagaru_yoruni .page-nav-pc-inner ul li a:hover {
		background: rgba(255,255,255,.3);
	}
}


/* *************************************************
	ヘッダー
************************************************* */
.tsunagaru_yoruni .header {
	background: #fff;
}
.tsunagaru_yoruni .header #header-bnr a,
.tsunagaru_yoruni .header h1 {
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
}

.tsunagaru_yoruni .header-catch {
	text-align: center;
}
.tsunagaru_yoruni .header-catch h3 {
	color: #7d65c2;
}
.tsunagaru_yoruni .header-catch p {
}

@media only screen and (max-width: 640px) {
	.tsunagaru_yoruni .header-inner {
		padding: 0 0 15.6%;
	}
	.tsunagaru_yoruni .header #header-bnr {
		width: 100%;
		background: #fff;
		padding: 2.4% 0 5.4%;

		display: flex;
	}
	.tsunagaru_yoruni .header #header-bnr #cbc65th {
		width: 17.97%;
		margin: 0 0 0 4.6875vw;
	}
	.tsunagaru_yoruni .header #header-bnr #cbc65th a {
		background: url(../images/bnr-cbc65th.png) no-repeat center top;
		padding: 74.78% 0 0;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
	}
	.tsunagaru_yoruni .header #header-bnr #girlspower {
		width: 17.34%;
		margin: 0 0 0 5.46875vw;
	}
	.tsunagaru_yoruni .header #header-bnr #girlspower a {
		background: url(../images/bnr-girlspower.png) no-repeat center top;
		padding: 77.48% 0 0;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
	}
	.tsunagaru_yoruni .header h1 {
		background: url(../images/header-sp.png) no-repeat center top;
		padding: 76.875% 0 0;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		margin: 0 auto 6.4%;
	}
	.tsunagaru_yoruni .header-catch h3 {
		font-size: 7.5vw; /* 48px */
		letter-spacing: 0.1em;
		margin: 0 0 2.4%;
	}
	.tsunagaru_yoruni .header-catch p {
		font-size: 4.6875vw; /* 30px */
		line-height: 1.8;
		letter-spacing: 0.1em;
	}
}
@media print, screen and (min-width: 641px) {
	.tsunagaru_yoruni .header-inner {
		padding: 0 0 80px;
	}
	.tsunagaru_yoruni .header #header-bnr {
		width: 1012px;
		margin: 0 auto;
		position: relative;
	}
	.tsunagaru_yoruni .header #header-bnr #cbc65th a {
		background: url(../images/bnr-cbc65th.png) no-repeat center top;
		width: 76px;
		height: 57px;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		position: absolute;
		top: 11px;
		left: 36px;
	}
	.tsunagaru_yoruni .header #header-bnr #girlspower a {
		background: url(../images/bnr-girlspower.png) no-repeat center top;
		width: 74px;
		height: 57px;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		position: absolute;
		top: 11px;
		left: 138px;
	}
	.tsunagaru_yoruni .header h1 {
		background: url(../images/header-pc.png) no-repeat center top;
		height: 455px;
		margin: 0 auto 50px;
	}
	.tsunagaru_yoruni .header-catch h3 {
		font-size: 3.2rem;
		margin: 0 0 20px;
	}
	.tsunagaru_yoruni .header-catch p {
		font-size: 2.0rem;
		line-height: 2.2;
	}
}

/* 動画 */
#tsunagaru_yoruni-top .live-box {
	background: #fdd8e5;
}
#tsunagaru_yoruni-top .live-box h2 {
	text-align: center;
}
#tsunagaru_yoruni-top  .video-frame {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin: 0 auto;
}
#tsunagaru_yoruni-top .video-frame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 640px) {
	#tsunagaru_yoruni-top .live-box {
		width: 100%;
		padding: 5.4% 0 9.6%;
		margin: 0 auto 6.4%;
	}
	#tsunagaru_yoruni-top .live-box h2 {
		font-size: 4.6875vw; /* 30px */
	}
	#tsunagaru_yoruni-top .movie-stage {
		width: 90.9375%;
		padding: 9.6% 0 0;
		margin: 0 auto;
	}
	#tsunagaru_yoruni-top .live-box .movie-stage {
		padding: 5.4% 0 0;
	}
	#tsunagaru_yoruni-top .banner-stage {
		width: 90.9375%;
		padding: 9% 0 0;
		margin: 0 auto;
	}
	#tsunagaru_yoruni-top .banner-stage ul li {
		display: block;
		margin-top: 5.4%;
	}
	#tsunagaru_yoruni-top .banner-stage ul li:first-of-type {
		margin-top: 0;
	}
	#tsunagaru_yoruni-top .banner-stage ul li img {
		width: 100%;
	}
}
@media screen and (min-width: 641px) {
	#tsunagaru_yoruni-top .live-box {
		width: 940px;
		padding: 36px 0 60px;
		margin: 0 auto 50px;
	}
	#tsunagaru_yoruni-top .live-box h2 {
		font-size: 3.2rem;
	}
	#tsunagaru_yoruni-top .movie-stage {
		width: 670px;
		padding: 60px 0 0;
		margin: 0 auto;
	}
	#tsunagaru_yoruni-top .live-box .movie-stage {
		width: 800px;
		padding: 36px 0 0;
	}
	#tsunagaru_yoruni-top .banner-stage {
		width: 800px;
		padding: 50px 0 0;
		margin: 0 auto;
	}
	#tsunagaru_yoruni-top .banner-stage ul li {
		display: inline-block;
		margin-left: 20px;
	}
	#tsunagaru_yoruni-top .banner-stage ul li:first-of-type {
		margin-left: 0;
	}
}


/* *************************************************
	フッター
************************************************* */
.tsunagaru_yoruni .footer {
	background: #23263a;
	text-align: center;
}
.tsunagaru_yoruni .footer p {
	font-size: 12px;
}
.tsunagaru_yoruni .footer p a,
.tsunagaru_yoruni .footer p a:link,
.tsunagaru_yoruni .footer p a:visited {
	color: #fff;
	text-decoration: none;
}
.tsunagaru_yoruni .footer p a:active,
.tsunagaru_yoruni .footer p a:hover {
	color: #fff;
	text-decoration: underline;
}
.tsunagaru_yoruni .footer p a:focus {
	color: #fff;
}

@media only screen and (max-width: 640px) {
	.tsunagaru_yoruni .footer {
	}
	.tsunagaru_yoruni .footer-inner {
		width: 94%;
		margin: 0 auto;
		padding: 12.4% 0 24.8%;
	}
}
@media print, screen and (min-width: 641px) {
	.tsunagaru_yoruni .footer {
	}
	.tsunagaru_yoruni .footer-inner {
		width: 960px;
		margin: 0 auto;
		padding: 68px 0 120px;
	}
}



/* *************************************************
	コンテンツ
************************************************* */
.pageup a {
	z-index: 99999;
}

@media only screen and (max-width: 640px) {
	.tsunagaru_yoruni #container {
		font-size: 3.75vw; /* 24px */
	}
	.tsunagaru_yoruni #container-inner {
	}

	/* pageup */
	.pageup {
	}
	.pageup a {
		display: block;
		background: url(../images/btn-pageup.png) no-repeat center top;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		width: 64px;
		height: 64px;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		position: fixed;
		right: 20px;
		bottom: 20px;
	}
}
@media print, screen and (min-width: 641px) {
	.tsunagaru_yoruni #container {
		font-size: 1.8rem;
	}
	.tsunagaru_yoruni #container-inner {
	}

	/* pageup */
	.pageup {
	}
	.pageup a {
		display: block;
		background: url(../images/btn-pageup.png) no-repeat center top;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 78px;
		height: 78px;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		position: fixed;
		right: 20px;
		bottom: 20px;

		-webkit-transition: 0.3s;
		transition: 0.3s;
		backface-visibility: hidden; 
		-webkit-backface-visibility: hidden;
	}
	.pageup a:hover {
		opacity: 0.6;
	}
}

.tsunagaru_yoruni .block01 {
	background: #fdd8e5 url(../images/bg01.png) repeat center top;
}
.tsunagaru_yoruni .block02 {
	background: #d0c8eb url(../images/bg02.png) repeat center top;
}
.tsunagaru_yoruni .block03 {
	background: #ff7094 url(../images/bg03.png) repeat center top;
}
.tsunagaru_yoruni .block04 {
	background: #fdd8e5 url(../images/bg01.png) repeat center top;
}

@media only screen and (max-width: 640px) {
	.tsunagaru_yoruni .block01,
	.tsunagaru_yoruni .block02,
	.tsunagaru_yoruni .block03,
	.tsunagaru_yoruni .block04 {
		background-size: 26% auto;
		-webkit-background-size: 26% auto;
		-moz-background-size: 26% auto;
	}

	.tsunagaru_yoruni .block-head {
		margin: 0 auto 6.4%;
	}
	.tsunagaru_yoruni .block-head h2 {
		width: 89.0625vw; /* 570px */
		margin: 0 auto;
	}

	.tsunagaru_yoruni .inner {
		width: 90.9375%; /* 582px */
		margin: 0 auto;
	}
}
@media print, screen and (min-width: 641px) {
	.tsunagaru_yoruni .block-head {
		width: 940px;
		height: 184px;
		margin: 0 auto 58px;
	}
	.tsunagaru_yoruni .block-head h2 {
		width: 748px;
		margin: 0 0 0 110px;
	}

	.tsunagaru_yoruni .inner {
		width: 940px;
		margin: 0 auto;
	}
}


/* 出演者 */
#tsunagaru_yoruni-cast {
}
#tsunagaru_yoruni-cast .cast-box {
	display: flex;
	align-items: center;
	justify-content: center;
}

#tsunagaru_yoruni-cast .cast-box .circle {
	border-radius: 50%;
	background: #ff95b0;
	font-weight: bold;
	text-align: center;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
#tsunagaru_yoruni-cast .cast-box:nth-child(2) .circle {
	background: #cabfe9;
}
#tsunagaru_yoruni-cast .cast-box .circle p {
	margin: -.32em 0 0;
}
#tsunagaru_yoruni-cast .cast-box ul {
	font-weight: bold;
}

@media only screen and (max-width: 640px) {
	#tsunagaru_yoruni-cast .inner {
		width: 95.3125%;
		padding: 0 0 12.4%;
	}
	#tsunagaru_yoruni-cast .cast-box {
		margin: 0 auto 3.2%;
	}
	#tsunagaru_yoruni-cast .cast-box:first-child {
		justify-content: space-between;
	}
	#tsunagaru_yoruni-cast .cast-box:nth-child(2) {
		margin: 0 auto;

		align-items: start;
		justify-content: left;
	}
	#tsunagaru_yoruni-cast .cast-box .circle {
		width: 27.34375vw;
		height: 27.34375vw;
	}
	#tsunagaru_yoruni-cast .cast-box figure {
		width: 35.3125vw;
		height: 35.3125vw;
	}
	#tsunagaru_yoruni-cast .cast-box h2 {
		font-size: 5.625vw; /* 36px */
		margin: 0 3.2%;
	}
	#tsunagaru_yoruni-cast .cast-box ul {
		font-size: 5.0vw; /* 32px */
		line-height: 1.9;
		margin: 1.2% 0 0 3.2%;
	}
}
@media print, screen and (min-width: 641px) {
	#tsunagaru_yoruni-cast .inner {
		padding: 0 0 110px;
	}
	#tsunagaru_yoruni-cast .cast-box {
		margin: 0 auto 36px;
	}
	#tsunagaru_yoruni-cast .cast-box:nth-child(2) {
		margin: 0 auto;
	}
	#tsunagaru_yoruni-cast .cast-box .circle {
		width: 132px;
		height: 132px;
	}
	#tsunagaru_yoruni-cast .cast-box figure {
		width: 132px;
		height: 132px;
	}
	#tsunagaru_yoruni-cast .cast-box h2 {
		font-size: 3.0rem;
		margin: 0 2.0em;
	}
	#tsunagaru_yoruni-cast .cast-box ul {
		font-size: 2.4rem;
		margin: 0 0 0 1.4em;
		overflow: hidden;
	}
	#tsunagaru_yoruni-cast .cast-box ul li {
		float: left;
	}
	#tsunagaru_yoruni-cast .cast-box ul li:before {
		content: "/";
		margin: 0 0.8em;
	}
	#tsunagaru_yoruni-cast .cast-box ul li:nth-of-type(-n+4) {
		margin-bottom: 0.4em;
	}
	#tsunagaru_yoruni-cast .cast-box ul li:first-child:before,
	#tsunagaru_yoruni-cast .cast-box ul li:nth-child(5):before,
	#tsunagaru_yoruni-cast .cast-box ul li:last-child:before {
		content: none;
		margin: 0;
	}
	#tsunagaru_yoruni-cast .cast-box ul li:last-child {
		padding: 0 0 0 2.2em;
	}
}


/* みどころ */
#tsunagaru_yoruni-intro {
}

@media only screen and (max-width: 640px) {
	#tsunagaru_yoruni-intro {
		padding: 0 0 11.8%;
	}
	#tsunagaru_yoruni-intro .block-head {
		margin: 0 auto 7.2%;
	}

	#tsunagaru_yoruni-intro .inner p {
		font-size: 4.375vw; /* 28px */
		line-height: 1.74;
		margin: 0 auto 8.0%;
	}
	#tsunagaru_yoruni-intro .inner #intro-pic {
		overflow: hidden;
		position: relative;
		zoom: 1;
		width: 100%;
		margin: 0 auto 4.2%;
	}
	#tsunagaru_yoruni-intro .inner #intro-p01 {
		float: left;
		width: 41.24%;
		margin: 0 0 0 6.2%;
	}
	#tsunagaru_yoruni-intro .inner #intro-p02 {
		float: left;
		width: 32.82%;
		margin: 9.0% 0 0 9.6%;
	}
	#tsunagaru_yoruni-intro .inner #intro-p03 {
		width: 80.07%;
		margin: 0 auto;
	}
}
@media print, screen and (min-width: 641px) {
	#tsunagaru_yoruni-intro {
		padding: 0 0 136px;
	}

	#tsunagaru_yoruni-intro .inner {
		width: 830px;
		margin: 0 auto;
		position: relative;
	}
	#tsunagaru_yoruni-intro .inner p {
		line-height: 2.0;
		font-weight: bold;
	}
	#tsunagaru_yoruni-intro .inner #intro-p01 {
		position: absolute;
		top: -52px;
		left: 630px;
	}
	#tsunagaru_yoruni-intro .inner #intro-p02 {
		position: absolute;
		top: 376px;
		left: 588px;
	}
	#tsunagaru_yoruni-intro .inner #intro-p03 {
		width: 350px;
		height: 350px;
		position: absolute;
		top: 590px;
		left: 586px;
	}
}


/* 募集 */
#tsunagaru_yoruni-apply {
}
#tsunagaru_yoruni-apply .inner {
	width: 100%;
}

#tsunagaru_yoruni-apply .apply-box02 .ayano-box,
#tsunagaru_yoruni-apply .apply-box02 .period-box {
	display: flex;
	align-items: center;
	justify-content: center;
}
#tsunagaru_yoruni-apply .apply-box02 .ayano-box .ayano-dagane {
	font-weight: bold;
}
#tsunagaru_yoruni-apply .apply-box02 .ayano-box .ayano-dagane p {
	white-space: nowrap;
}
#tsunagaru_yoruni-apply .apply-box02 .ayano-box .ayano-dagane p span {
	background: #f5029c;
}
#tsunagaru_yoruni-apply .apply-box02 .ayano-box .ayano-dagane h3 {
	color: #69049d;
}
#tsunagaru_yoruni-apply .apply-box02 #apply-link {
	font-weight: bold;
	text-align: center;
}
#tsunagaru_yoruni-apply .apply-box02 #apply-link.close {
	display: block;
	background: #666;
	color: #999;
	text-decoration: none;
}
#tsunagaru_yoruni-apply .apply-box02 #apply-link a {
	display: block;
	background: #018d61;
	color: #fff;
	text-decoration: none;
}

#tsunagaru_yoruni-apply .apply-box02 .period-box .circle {
	border-radius: 50%;
	background: #f43d6c;
	color: #fff;
	font-weight: bold;
	text-align: center;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
#tsunagaru_yoruni-apply .apply-box02 .period-box .circle p {
	margin: -.32em 0 0;
}
#tsunagaru_yoruni-apply .apply-box02 .period-box .period-list div p {
	font-weight: bold;
}
#tsunagaru_yoruni-apply .apply-box02 .period-box .period-list div h4 {
	background: #fff;
	color: #f43d6c;
}

@media only screen and (max-width: 640px) {
	#tsunagaru_yoruni-apply {
	}
	#tsunagaru_yoruni-apply .block-head {
		margin: 0 auto 7.8%;
	}

	#tsunagaru_yoruni-apply .apply-box01 {
	}
	#tsunagaru_yoruni-apply .apply-box01 figure#youtube {
		width: 96.09375%;
		text-align: center;
		margin: 0 auto 9.2%;
	}
	#tsunagaru_yoruni-apply .apply-box01 p {
		background: url(../images/star01-sp.png) no-repeat right 15vw;
		background-size: 26% auto;
		-webkit-background-size: 26% auto;
		-moz-background-size: 26% auto;
		font-size: 4.375vw; /* 28px */
		line-height: 1.8;
		padding: 0 4.5%;
		margin: 0 auto 9.6%;
	}
	#tsunagaru_yoruni-apply .apply-box01 figure#example {
		width: 90.9375%;
		margin: 0 auto 8.4%;
	}
	#tsunagaru_yoruni-apply .apply-box02 {
		background: url(../images/star02-sp.png) no-repeat center 12vw;
		background-size: 100% auto;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		padding: 0 4.5% 19.6%;
	}
	#tsunagaru_yoruni-apply .apply-box02 .ayano-box,
	#tsunagaru_yoruni-apply .apply-box02 .period-box {
		align-items: start;
	}
	#tsunagaru_yoruni-apply .apply-box02 .ayano-box {
		margin: 0 auto 11.8%;
	}
	#tsunagaru_yoruni-apply .apply-box02 .ayano-box figure {
		width: 32%;
	}
	#tsunagaru_yoruni-apply .apply-box02 .ayano-box .ayano-dagane {
		margin: 0 0 0 6.4%;
	}
	#tsunagaru_yoruni-apply .apply-box02 .ayano-box .ayano-dagane p {
		font-size: 4.6875vw; /* 30px */
		margin: -0.4em 0 0;
	}
	#tsunagaru_yoruni-apply .apply-box02 .ayano-box .ayano-dagane p span {
		font-size: 5.3125vw; /* 34px */
		line-height: 1.6;
		padding: 0 0.3em;
	}
	#tsunagaru_yoruni-apply .apply-box02 .ayano-box .ayano-dagane h3 {
		font-size: 8.125vw; /* 52px */
		line-height: 1.0;
	}
	#tsunagaru_yoruni-apply .apply-box02 #apply-link {
		margin: 0 auto 9.6%;
	}
	#tsunagaru_yoruni-apply .apply-box02 #apply-link.close {
		width: 100%;
		font-size: 5.0vw; /* 32px */
		border-radius: 6.4vw;
		padding: 0.6em;
		margin: 0 auto;
	}
	#tsunagaru_yoruni-apply .apply-box02 .apply-message {
		color: #fff;
		text-align: center;
		font-size: 3.75vw;
		font-weight: bold;
		margin: 2.15% auto 9.6%;
	}
	#tsunagaru_yoruni-apply .apply-box02 #apply-link a {
		width: 100%;
		font-size: 5.0vw; /* 32px */
		border-radius: 6.4vw;
		padding: 0.6em;
		margin: 0 auto;
	}
	#tsunagaru_yoruni-apply .apply-box02 .period-box .circle {
		width: 25.78125vw;
		height: 25.78125vw;
		font-size: 4.375vw; /* 28px */
	}
	#tsunagaru_yoruni-apply .apply-box02 .period-box .period-list {
		margin: 1.4% 0 0 3.6%;
	}
	#tsunagaru_yoruni-apply .apply-box02 .period-box .period-list div p {
		font-size: 5.0vw; /* 32px */
		margin: 0 0 0.24em;
	}
	#tsunagaru_yoruni-apply .apply-box02 .period-box .period-list div h4 {
		font-size: 5.625vw; /* 36px */
		padding: 0.04em 0 0.08em 0.5em;
		margin: 0 0 0.2em;
	}
	#tsunagaru_yoruni-apply .apply-box02 .period-box .period-list p.caution {
		font-size: 3.75vw; /* 24px */
		margin: 0 0 0.8em;
	}
}
@media print, screen and (min-width: 641px) {
	#tsunagaru_yoruni-apply {
		padding: 0 0 138px;
	}
	#tsunagaru_yoruni-apply .block-head {
		margin: 0 auto 70px;
	}

	#tsunagaru_yoruni-apply .apply-box01 {
		width: 940px;
		margin: 0 auto;
	}
	#tsunagaru_yoruni-apply .apply-box01 figure#youtube {
		text-align: center;
		margin: 0 auto 60px;
	}
	#tsunagaru_yoruni-apply .apply-box01 p {
		width: 900px;
		background: url(../images/star01-pc.png) no-repeat right bottom;
		line-height: 1.8;
		padding: 0 0 12px;
		margin: 0 auto 32px;
	}
	#tsunagaru_yoruni-apply .apply-box01 figure#example {
		margin: 0 0 60px 20px;
	}
	#tsunagaru_yoruni-apply .apply-box02 {
		background: url(../images/star02-pc.png) no-repeat center top;
	}
	#tsunagaru_yoruni-apply .apply-box02 .ayano-box {
		margin: 0 auto 80px;
	}
	#tsunagaru_yoruni-apply .apply-box02 .ayano-box figure {
		width: 180px;
	}
	#tsunagaru_yoruni-apply .apply-box02 .ayano-box .ayano-dagane {
		margin: 0 0 0 50px;
	}
	#tsunagaru_yoruni-apply .apply-box02 .ayano-box .ayano-dagane p {
		font-size: 2.0rem;
	}
	#tsunagaru_yoruni-apply .apply-box02 .ayano-box .ayano-dagane p span {
		font-size: 2.6rem;
		line-height: 2.0;
		padding: 0.1em 0.3em;
	}
	#tsunagaru_yoruni-apply .apply-box02 .ayano-box .ayano-dagane h3 {
		font-size: 4.2rem;
	}
	#tsunagaru_yoruni-apply .apply-box02 #apply-link {
		margin: 0 auto 84px;
	}
	#tsunagaru_yoruni-apply .apply-box02 #apply-link.close {
		width: 530px;
		height: 80px;
		font-size: 3.0rem;
		line-height: 80px;
		border-radius: 40px;
		margin: 0 auto;

		-webkit-transition: 0.3s;
		transition: 0.3s;
		backface-visibility: hidden; 
		-webkit-backface-visibility: hidden;
	}
	#tsunagaru_yoruni-apply .apply-box02 .apply-message {
		color: #fff;
		text-align: center;
		font-weight: bold;
		margin: 10.5px auto 84px;
	}
	#tsunagaru_yoruni-apply .apply-box02 #apply-link a {
		width: 530px;
		height: 80px;
		font-size: 3.0rem;
		line-height: 80px;
		border-radius: 40px;
		margin: 0 auto;

		-webkit-transition: 0.3s;
		transition: 0.3s;
		backface-visibility: hidden; 
		-webkit-backface-visibility: hidden;
	}
	#tsunagaru_yoruni-apply .apply-box02 #apply-link a:hover {
		background: rgba(255,255,255,0.8);
		color: #018d61;
		}

	#tsunagaru_yoruni-apply .apply-box02 .period-box .circle {
		width: 139px;
		height: 139px;
		font-size: 2.4rem;
	}
	#tsunagaru_yoruni-apply .apply-box02 .period-box .period-list {
		margin: 0 0 0 28px;
	}
	#tsunagaru_yoruni-apply .apply-box02 .period-box .period-list div {
		margin: 0 0 0.4em;

		display: flex;
		align-items: center;
		justify-content: left;
		}
	#tsunagaru_yoruni-apply .apply-box02 .period-box .period-list div p {
		font-size: 2.4rem;
	}
	#tsunagaru_yoruni-apply .apply-box02 .period-box .period-list div h4 {
		font-size: 2.8rem;
		padding: 0 0.3em;
		margin: 0 0 0 0.6em;
	}
	#tsunagaru_yoruni-apply .apply-box02 .period-box .period-list p.caution {
		font-size: 1.6rem;
		margin: 0 0 0.8em;
	}
}


/* 動画 */
#tsunagaru_yoruni-movie {
}

#tsunagaru_yoruni-movie .inner .video-frame {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin: 0 auto;
}
#tsunagaru_yoruni-movie .inner .video-frame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#tsunagaru_yoruni-movie .inner .hide {
    display: none;
}
#tsunagaru_yoruni-movie .inner .movie-title {
	padding: 0.8em 0;
}

#tsunagaru_yoruni-movie .inner .video-thumb .thumbnail {
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;

    box-sizing: inherit;
    border-style: solid;
    border-width: 0;
	cursor: pointer;
}
#tsunagaru_yoruni-movie .inner .video-thumb .channel-wrap01 {
	display: flex;
	flex-wrap: wrap;
}
#tsunagaru_yoruni-movie .inner .video-thumb .thumbnail#ch-001 {
	background: url(../images/thumb/thumb001.jpg) no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#tsunagaru_yoruni-movie .inner .video-thumb .thumbnail#ch-002 {
	background: url(../images/thumb/thumb002.jpg) no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#tsunagaru_yoruni-movie .inner .video-thumb .thumbnail#ch-003 {
	background: url(../images/thumb/thumb003.jpg) no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#tsunagaru_yoruni-movie .inner .video-thumb .thumbnail#ch-004 {
	background: url(../images/thumb/thumb004.jpg) no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#tsunagaru_yoruni-movie .inner .video-thumb .thumbnail#ch-005 {
	background: url(../images/thumb/thumb005.jpg) no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#tsunagaru_yoruni-movie .inner .video-thumb .thumbnail#ch-006 {
	background: url(../images/thumb/thumb006.jpg) no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#tsunagaru_yoruni-movie .inner .video-thumb .thumbnail#ch-007 {
	background: url(../images/thumb/thumb007.jpg) no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}

@media screen and (max-width: 640px) {
	#tsunagaru_yoruni-movie {
		padding: 0 0 15.6%;
	}
	#tsunagaru_yoruni-movie .inner {
	}
	#tsunagaru_yoruni-movie .inner .movie-stage {
		width: 100%;
		margin: 0 auto 4.0%;
	}
	#tsunagaru_yoruni-movie .inner .movie-title {
		font-size: 3.125vw; /* 20px */
	}
	#tsunagaru_yoruni-movie .inner .video-thumb .thumbnail {
		width: 31%;
		height: auto;
		padding: 17.4375% 0 0; /* w100% = 56.25% */
		margin: 0 3.5% 3.5% 0;
	}
	#tsunagaru_yoruni-movie .inner .video-thumb .thumbnail:nth-child(3n) {
		margin: 0 0 3.5% 0;
	}
}
@media screen and (min-width: 641px) {
	#tsunagaru_yoruni-movie {
		padding: 0 0 116px;
	}
	#tsunagaru_yoruni-movie .inner {
		width: 910px;
		margin: 0 auto;
	}
	#tsunagaru_yoruni-movie .inner .movie-stage {
		width: 670px;
		margin: 0 auto 40px;
	}
	#tsunagaru_yoruni-movie .inner .movie-title {
		font-size: 1.6rem;
	}
	#tsunagaru_yoruni-movie .inner .video-thumb .thumbnail {
		width: 140px;
		height: 78px;
		margin: 0 14px 14px 0;

		-webkit-transition: 0.3s;
		transition: 0.3s;
		backface-visibility: hidden; 
		-webkit-backface-visibility: hidden;
	}
	#tsunagaru_yoruni-movie .inner .video-thumb .thumbnail:hover {
		opacity: 0.6;
	}
	#tsunagaru_yoruni-movie .inner .video-thumb .thumbnail:nth-child(6n) {
		margin: 0 0 14px;
	}
}


/* delighters.js setting */
.tsunagaru_yoruni .block-head h2.delighter,
.tsunagaru_yoruni .inner.delighter {
	transition: all 1.5s ease-in-out;
	opacity: 0;
}
.tsunagaru_yoruni .block-head h2.delighter.started,
.tsunagaru_yoruni .inner.delighter.delighter.started {
	transform: none;
	opacity: 1;
}
.tsunagaru_yoruni .block-head h2.delighter.ended,
.tsunagaru_yoruni .inner.delighter.delighter.ended {
	transform: none;
	opacity: 0;
}