@charset "utf-8";
/* CSS Document */
body {
	background: #fff2f8 url("../img/bg.svg") center top/400px repeat;
	border-bottom: 20px solid #fe1c80;
	padding-bottom: 0;
}
a:link img {
	cursor: pointer;
	transition-duration: 0.3s;
	transition-delay: 0s;
}
a:visited img {
	cursor: pointer;
	transition-duration: 0.3s;
	transition-delay: 0s;
}
a:hover {
	color: #fe1c80;
	text-decoration: none;
}
a:hover img {
	transition-duration: 0.3s;
	transition-delay: 0s;
	opacity:0.7;
}
a:active img {
	transition-duration: 0.1s;
	transition-delay: 0s;
}
.sp {display: none;}
img.pc {display: inline-block;}
.flex_item2 {
	max-width: 50%;
}

.logo_box {
	width: 970px;
}
img.logo_akaboo {max-width: 265px;}
img.logo_megrhythm {max-width: 265px;}
h1 img {max-width:1000px;}/* for IE11 img max-width */
.flex_cont.caption_box {
	width: 1000px;
	margin: 0 auto;
	height: auto;
}
.flex_cont.caption_box .flex_item2 {
	flex-basis: 430px;
	max-width: 430px;
}
.flex_cont.caption_box .flex_item2 img {max-width: 430px;}
.flex_cont.caption_box .flex_item2 + .flex_item2 {
	position: relative;
	flex-basis: 560px;
	max-width: 560px;
}
.flex_cont.caption_box .flex_item2 + .flex_item2 img {max-width: 560px;}
#prize,
#point,
#howto_tw,
#howto_web {
	width: 960px;
	margin: 20px auto 40px;
	padding-bottom: 60px;
	background-color: #FFF;
	border-radius: 50px;
}
.btn_point_box {
	width: 860px;
}
img.btn_point {max-width: 860px;}
.flex_cont.btn {
	width: 960px;
	margin: 70px auto;
}
.flex_cont.btn .flex_item2 img {max-width: 460px;}
.howto_tw02,
.howto_tw04,
.howto_web01,
.howto_web04 {
	position: relative;
	z-index: 1;
}
#howto_tw .btn_dl {
	position: absolute;
	top: 70px;
	left: 180px;
	z-index: 10;
}
#howto_tw .btn_dl img {max-width: 250px;}
#howto_tw .btn_apply {
	position: absolute;
	top:80px;
	right:70px;
	z-index: 10;
}
#howto_tw .btn_apply img {max-width: 300px;}
#howto_web .btn_dl {
	position: absolute;
	top: 95px;
	left: 180px;
	z-index: 10;
}
#howto_web .btn_dl img {max-width: 250px;}
#howto_web .btn_apply {
	position: absolute;
	top:20px;
	right:70px;
	z-index: 10;
}
#howto_web .btn_apply img {max-width: 300px;}




#socialhub {
	padding-bottom: 40px;
	margin: 80px auto;
}
h2.socialhub {padding: 40px 0 40px;}
h2.socialhub img {max-width: 370px;}
.social_box {
	width: 1000px;
	max-width: 1000px;
}

/* for shuttlerock */
.sr-sh-theme-card__wrapper .sr-sh-sizer, .sr-sh-theme-item{
	width: 25% !important;
}
.ngdialog .sr-sh-theme-btn,
.sr-sh .sr-sh-theme-btn {
	width: 300px;
	height: 80px;
	margin-top:20px!important;
	background: url(../img/btn_more_pc.png) 0 0/300px no-repeat;
	transition-duration: 0.3s;
	transition-delay: 0s;
}
.sr-sh .sr-sh-theme-btn:hover {
	transition-duration: 0.3s;
	transition-delay: 0s;
	opacity:0.6;
}
/* モーダルウィンドゥサイズ調整 */
@media screen and (min-width: 1300px) {
	.ngdialog.ngdialog-theme-default.sr-sh-theme-photo-entry .ngdialog-content, .ngdialog.ngdialog-theme-default.sr-sh-theme-video-entry .ngdialog-content {
		max-width: 800px !important;
	}
	.ngdialog-content .sr-sh-theme-dialog-header .sr-sh-theme-container {
		width: 330px !important;
	}
	.ngdialog.ngdialog-theme-default.sr-sh-theme-photo-entry:not(.sr-no-widescreen) .ngdialog-content .sr-sh-slider-nav-wrapper, .ngdialog.ngdialog-theme-default.sr-sh-theme-video-entry:not(.sr-no-widescreen) .ngdialog-content .sr-sh-slider-nav-wrapper {
		right: 125% !important;
	}
	.ngdialog.ngdialog-theme-default.sr-sh-theme-photo-entry:not(.sr-no-widescreen) .ngdialog-content .sr-sh-theme-card__image, .ngdialog.ngdialog-theme-default.sr-sh-theme-video-entry:not(.sr-no-widescreen) .ngdialog-content .sr-sh-theme-card__image {
		width: 425px !important;
	}
	.ngdialog.ngdialog-theme-default.sr-sh-theme-photo-entry:not(.sr-no-widescreen) .ngdialog-content .sr-sh-theme-photo-wrapper, .ngdialog.ngdialog-theme-default.sr-sh-theme-video-entry:not(.sr-no-widescreen) .ngdialog-content .sr-sh-theme-photo-wrapper {
		width: 425px !important;
	}
	.ngdialog.ngdialog-theme-default.sr-sh-theme-photo-entry:not(.sr-no-widescreen) .ngdialog-content .sr-sh-theme-second-wrapper, .ngdialog.ngdialog-theme-default.sr-sh-theme-video-entry:not(.sr-no-widescreen) .ngdialog-content .sr-sh-theme-second-wrapper {
		width: 330px !important;
	}
}
@media screen and (min-width: 700px) {
	.ngdialog.ngdialog-theme-default .ngdialog-content {
		max-width: 460px !important;
	}
}
/* // for shuttlerock */

#note {
	margin: 20px auto;
	padding: 0 80px 80px;
	border-radius: 50px;
}
#rules {
	margin: 20px auto 40px;
	padding: 0 80px 80px;
	border-radius: 50px;
}
h2.note,
h2.rules {
	padding-top: 40px;
	padding-bottom: 20px;
}
h2.note img,
h2.rules img {max-width: 200px;}
h3 {
	font-size: 1.8rem;
	font-size: 18px;
}
h4 {
	font-size: 1.6rem;
	font-size: 16px;
}
#note p,
#rules p {
	font-size: 1.6rem;
	font-size: 16px;
	font-weight: 400;
}
#note li,
#rules li {
	font-size: 1.6rem;
	font-size: 16px;
	font-weight: 400;
}
#page-top a {
	background: #fe1c80;
	opacity: 0.5;
	text-decoration: none;
	color: #fff;
	width: 8em;
	height: 8em;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}