@charset "UTF-8";

/* ------------------------------------
 * Base
 * ------------------------------------ */
/*
html {
	visibility: hidden;
}
html.wf-active {
	visibility: visible;
}
*/
body {
	background: -webkit-linear-gradient(bottom, #ffffff 50%, #e8fffb 100%);
	background: linear-gradient(to bottom, #ffffff 50%, #e8fffb 100%);
	font-family: "source-han-sans-japanese";
	font-weight: 400;
}
body.lower {
	background: -webkit-linear-gradient(top, #e8fffb 0%, #ffffff 20%);
	background: linear-gradient(to bottom, #e8fffb 0%, #ffffff 20%);
}
body.lower #mainvisual {
	display: none;
}

/* ------------------------------------
 * header
 * ------------------------------------ */
header {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
header > h1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 89px;
	padding: 1em 0;
	background: url(/img/common/header_bg.png) repeat-x left top;
	background-size: cover;
	z-index: 2;
}
header > h1 a {
	display: block;
	max-width: 400px;
	margin: 0 auto;
}
header > h1 a:hover {
	-webkit-animation: headShake .8s infinite;
	animation: headShake .8s infinite;
}
header > h1 a span {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 7.9%;
	background: url(/img/common/sitename.png) no-repeat center center;
	background-size: contain;
	line-height: 0;
}
header ul li h1 a span:hover {
	-webkit-animation: jello .8s;
	animation: jello .8s;
}
#mainvisual {
	width: 100%;
	margin: 0 auto;
}
#mainvisual .slick-slider img {
	width: 100%;
	margin: 0 auto 0;
}
#mainvisual .slick-prev,
#mainvisual .slick-next {
	display: block;
	position: absolute;
	top: 50% !important;
	width: 60px !important;
	height: 60px !important;
	padding: 0;
	border: none;
	background: transparent;
	color: transparent;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	opacity: .4;
	outline: none;
}
#mainvisual .slick-prev:before,
#mainvisual .slick-next:before {
	display: none;
}
#mainvisual .slick-prev {
	position: absolute;
	left: 4% !important;
	background: url(/img/common/arrow_prev.png) no-repeat left top !important;
	background-size: contain;
}
#mainvisual .slick-next {
	position: absolute;
	right: 4% !important;
	background: url(/img/common/arrow_next.png) no-repeat left top !important;
	background-size: contain;
}
#mainvisual .slick-prev:hover,
#mainvisual .slick-next:hover {
	opacity: 1;
	transition: all .4s ease;
}

@media (min-width: 768px) and (max-width: 949px) {
header > h1 {
	min-height: 70px;
}
header > h1 a {
	width: 40%;
}
#mainvisual {
	padding-top: 5.6%;
}
}
@media (max-width: 767px) {
header > h1 {
	min-height: 60px;
	padding: .8em 0 0;
}
header > h1 a {
	width: 50%;
}
#mainvisual {
	padding-top: 5%;
}
}
@media (max-width: 479px) {
header > h1 {
	min-height: 40px;
	padding: .4em 0 0;
}
header > h1 a {
	width: 60%;
}
#mainvisual {
	padding-top: 6%;
}
}
/* ------------------------------------
 * sns navigation
 * ------------------------------------ */
.snsnav {
	position: absolute;
	top: 2%;
	right: 8%;
	max-width: 7em;
	z-index: 2;
}
.snsnav li {
	display: inline-block;
	width: 40%;
	vertical-align: middle;
}
.snsnav .icon_twitter {
	float: left;
}
.snsnav .icon_twitter a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 82.3%;
	background: url(/img/common/icon_twitter.png) no-repeat center center;
	background-size: contain;
	line-height: 0;
}
.snsnav .icon_facebook {
	float: right;
}
.snsnav .icon_facebook a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 82.3%;
	background: url(/img/common/icon_facebook.png) no-repeat center center;
	background-size: contain;
	line-height: 0;
}
.snsnav li a:hover {
	-webkit-animation: swing .8s infinite;
	animation: swing .8s infinite;
}
.lower .snsnav {
	position: absolute;
	top: 25%;
}
@media (max-width: 767px) {
	.snsnav {
		display: none;
	}
}
@media (max-width: 949px) {
	.lower .snsnav {
		position: absolute;
		top: 15%;
	}
}

/* ------------------------------------
 * modal menu
 * ------------------------------------ */
.nav_modal_menu > li {
	display: none;
	position: fixed;
	top: 1em;
	right: .8em;
	width: 75px;
	z-index: 2;
}
.nav_modal_menu > li > a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 100%;
	background: url(/img/common/btn_menu.png) no-repeat center center;
	background-size: contain;
	line-height: 0;
}
.nav_modal_menu > li > a:hover {
	-webkit-animation: rubberBand .4s infinite;
	animation: rubberBand .4s infinite;
}
#modal_menu {
	display: none;
	background: -webkit-linear-gradient(top, #ff618f 0%, #ffa834 36%) !important;
	background: linear-gradient(to top, #ff618f 0%, #ffa834 36%) !important;
}
#modal_menu #btn-close-modal {
	position: fixed;
	top: 1em;
	right: .8em;
	width: 75px;
}
#modal_menu #btn-close-modal > span {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 100%;
	background: url(/img/common/btn_close.png) no-repeat center center;
	background-size: contain;
	line-height: 0;
	cursor: pointer;
}
#modal_menu #btn-close-modal > span:hover {
	-webkit-animation: rubberBand .4s infinite;
	animation: rubberBand .4s infinite;
}
#modal_menu .modal-content {
	width: 70%;
	margin: 1.5em auto;
	text-align: center;
}
#modal_menu .modal-content h2 {
	width: 50%;
	max-width: 225px;
	margin: 0 auto 1.5em;
}
#modal_menu .modal-content h2 span {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 28%;
	background: url(/img/common/sitename_2.png) no-repeat center center;
	background-size: contain;
	line-height: 0;
	cursor: pointer;
}
#modal_menu .modal-content > ul {
	width: 80%;
	margin: 2em auto 0;
	font-size: 0;
	text-align: center;
}
#modal_menu .modal-content > ul li {
	display: inline-block;
	width: 50%;
	margin: .3em;
	text-align: center;
}
#modal_menu .modal-content > ul li a {
	display: block;
	margin: 0 .4em .8em .4em;
	padding: .8em .4em;
	border: solid 1px #ff5a88;
	border-radius: .5em;
	background: #ff717a;
	color: #ffffff;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	word-wrap: break-word;
}
#modal_menu .modal-content > ul li a:hover {
	border: solid 1px #ff5a88;
	background: #ffffff;
	color: #ff5a88;
	transition: all .8s ease;
}
#modal_menu .modal-content > ul li.nav_home a , #modal_menu .modal-content > ul li.nav_totop a {
	border: solid 1px #008aff;
	border-radius: 20em;
	background: #00b2ff;
	color: #ffffff;
}
#modal_menu .modal-content > ul li.nav_home a:hover , #modal_menu .modal-content > ul li.nav_totop a:hover {
	border: solid 1px #008aff;
	background: #ffffff;
	color: #008aff;
	transition: all .8s ease;
}

#modal_menu .modal-content .sns_area {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-lines: multiple;
	-webkit-justify-content: center; 
	justify-content: center;
	align-items: center;
	width: 50%;
	margin: 1.2em auto 0;
}
#modal_menu .modal-content .sns_area dt {
	display: none;
	width: 70px;
	height: 70px;
	margin: 0;
	padding: 0;
	border-radius: 50%;
	background: #b7772b;
	color: #ffa736;
	font-weight: 700;
	font-size: 18px;
	line-height: 70px;
	vertical-align: middle;
}
#modal_menu .modal-content .sns_area dd li {
	display: inline-block;
	width: 36%;
	margin: 0 5%;
}
#modal_menu .modal-content .sns_area dd li:first-of-type a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 82.3%;
	border: none;
	background: url(/img/common/icon_facebook.png) no-repeat center center;
	background-size: contain;
	line-height: 0;
	cursor: pointer;
}
#modal_menu .modal-content .sns_area dd li:last-of-type a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 82.3%;
	border: none;
	background: url(/img/common/icon_twitter.png) no-repeat center center;
	background-size: contain;
	line-height: 0;
	cursor: pointer;
}
#modal_menu .modal-content .sns_area dd li a:hover {
	-webkit-animation: swing .8s infinite;
	animation: swing .8s infinite;
}
@media (max-width: 767px) {
.nav_modal_menu > li {
	display: inherit;
	top: .5em;
	right: .5em;
	width: 60px;
}
#modal_menu #btn-close-modal {
	position: fixed;
	top: .5em;
	right: .5em;
	width: 60px;
}
#modal_menu .modal-content {
	width: 90%;
}
#modal_menu .modal-content .modal_globalnav {
	width: 100%;
	margin: 2em auto 0;
}
#modal_menu .nav_modal_menu > li {
	width: 60px;
}
#modal_menu .modal-content > ul li a {
	font-size: 15px;
}
#modal_menu .modal-content .sns_area {
	width: 90%;
}
#modal_menu .modal-content .sns_area dd li {
	width: 28%;
}
}


/* ------------------------------------
 * slick-theme.js OVERRIDE
 * ------------------------------------ */
.slick-prev,
.slick-next {
	display: block;
	position: absolute;
	top: 50% !important;
	width: 23px !important;
	height: 52px !important;
	padding: 0;
	border: none;
	background: transparent;
	color: transparent;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	outline: none;
}
.slick-prev:before,
.slick-next:before {
	display: none;
}
.slick-prev {
	position: absolute;
	left: -4% !important;
	background: url(/img/common/arrow_prev.png) no-repeat left top !important;
	background-size: contain;
}
.slick-next {
	position: absolute;
	right: -4% !important;
	background: url(/img/common/arrow_next.png) no-repeat right top !important;
	background-size: contain;
}
.slick-prev {
	content: '　' !important;
}
[dir='rtl'] .slick-prev {
	content: '　' !important;
}
.slick-next {
	content: '　' !important;
}
[dir='rtl'] .slick-next {
	content: '　' !important;
}

/* スライド数のドット */
.slick-dots {
	position: static !important;
	margin: .8em auto !important;
}
.slick-dots li {
	width: 0 !important;
	height: 0 !important;
	margin: 0 .8em !important;
}
.slick-dots li button {
	width: 2.5em !important;
	height: 2.5em !important;
	padding: 5px !important;
	border: solid 2px #e1007b !important;
	border-radius: 50px;
	background: #ffffff !important;
}
.slick-dots li button:before {
	display: none !important;
}
.slick-dots li.slick-active button {
	border-radius: 50%;
	background: #e1007b !important;
}
@media (max-width: 767px) {
	.slick-prev,
	.slick-next {
		display: none !important;
	}
}

/* ------------------------------------
 * discography MULTI ITEM：スライダー
 * ------------------------------------ */
#discography_area {
	margin: 0 auto 5.6em;
}
#discography_area > h1 {
	width: 40%;
	margin: 0 auto 1.2em;
}
#discography_area > h1 a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 18%;
	background: url(/img/common/title_discography.png) no-repeat center center;
	background-size: contain;
	line-height: 0;
}
#discography_area > h1 a:hover {
	-webkit-animation: swing 1.8s infinite;
	animation: swing 1.8s infinite;
}
#discography_area .slick-prev,
#discography_area .slick-next {
	display: block;
	position: absolute;
	top: 50% !important;
	width: 23px !important;
	height: 56px !important;
	padding: 0;
	border: none;
	background: transparent;
	color: transparent;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	outline: none;
}
#discography_area .slick-prev:before,
#discography_area .slick-next:before {
	display: none;
}
#discography_area .slick-prev {
	position: absolute;
	left: -4% !important;
	background: url(/img/common/arrow_prev_3.png) no-repeat left top !important;
	background-size: contain;
}
#discography_area .slick-next {
	position: absolute;
	right: -4% !important;
	background: url(/img/common/arrow_next_3.png) no-repeat right top !important;
	background-size: contain;
}
#discography_area .slick-prev:hover,
#discography_area .slick-next:hover {
	opacity: .5;
}
#discography_area .multiple-items {
	width: 90%;
	margin: 0 auto;
}
#discography_area .multiple-items li {
	width: 25%;
}
#discography_area .multiple-items li a {
	display: block;
	margin: 0 5%;
	padding: 5%;
	border: solid 2px #ff638d;
	background: #ffffff;
	color: #000000;
	font-weight: 200;
	font-size: 81%;
	text-align: center;
	text-decoration: none;
	line-height: 1.7;
	word-wrap: break-word;
}
#discography_area .multiple-items li a img {
	display: block;
	width: 100%;
	margin-bottom: 0.5em;
	border: solid 1px #000000;
}
#discography_area .multiple-items li a:hover {
	background: #ff638d;
	color: #ffffff;
	transition: all .8s ease;
}
#discography_area .multiple-items li a:hover img {
	border: solid 1px #ffffff;
}
@media (max-width: 768px) {
	#discography_area {
		width: 93%;
		margin: 0 auto 3.5em;
	}
	#discography_area > h1 {
		width: 100%;
	}
	#discography_area .multiple-items {
		width: 98%;
		margin: 0 auto;
	}
	#discography_area .multiple-items li {
		width: 50%;
	}
}

/* ------------------------------------
 * GLOBALNAV
 * ------------------------------------ */
#home #globalnav {
	background: -webkit-linear-gradient(left, #ff618f 0%, #ffa834 100%);
	background: linear-gradient(to right, #ff618f 0%, #ffa834 100%);
}
#home #globalnav .globalnav_inner {
	position: relative;
	max-width: 950px;
	margin: 0 auto;
}
#home #globalnav .nav_home {
	position: absolute;
	top: -2.5em;
	left: 1%;
	width: 135px;
	z-index: 3;
}
#home #globalnav .nav_home a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 100%;
	background: url(/img/common/logomark.png) no-repeat center center;
	background-size: contain;
	line-height: 0;
	-webkit-animation: swing 8s infinite;
	animation: swing 8s infinite;
}
#home #globalnav .nav_home a:hover {
	background: url(/img/common/logomark_hover.png) no-repeat center center;
	background-size: contain;
	transition: all .8s ease;
}
#home #globalnav ul {
	max-width: 950px;
	margin: 0 auto;
	margin-left: 170px;
}
#home #globalnav ul li {
	display: inline-block;
	margin: 0 .8em;
	padding: 1.2em 0;
	color: #ffffff;
	font-weight: 200;
	font-size: 112%;
}
#home #globalnav ul li a {
	color: #ffffff;
	text-decoration: none;
}
#home #globalnav ul li a:hover {
	color: #fff836;
	transition: all .8s ease;
}
@media (min-width: 768px) and (max-width: 860px) {
#home #globalnav ul li {
	margin: 0 .7em;
	font-size: 100%;
}
}
@media (max-width: 767px) {
#home #globalnav .nav_home {
	position: absolute;
	top: -1.5em;
	left: 2%;
	width: 20%;
	max-width: 100px;
}
#home #globalnav ul {
	margin-left: 0;
}
#home #globalnav ul li {
	padding: .4em 0;
	font-weight: 400;
	font-size: 128%;
}
}

/* ------------------------------------
 * GLOBALNAV lower
 * ------------------------------------ */
.lower #globalnav {
	position: relative;
	top: 7em;
	z-index: 2;
}
.lower #globalnav .globalnav_inner {
	background: none;
}
.lower #globalnav ul {
	position: relative;
	max-width: 950px;
	margin: 0 auto;
	text-align: center;
}
.lower #globalnav .nav_home {
	display: none;
}
.lower #globalnav ul li {
	display: inline-block;
	margin: 0 1em;
	padding: 1.2em 0;
	color: #ff618f;
	font-weight: 200;
	font-size: 115%;
}
.lower #globalnav ul li a {
	position: relative;
	color: #ff618f;
	text-decoration: none;
}
.lower #globalnav ul li a:hover:after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
.lower #globalnav ul li a:hover {
	color: #ffa735;
	transition: all  0.4s ease;
}
.lower #globalnav ul li a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #ffa735;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
@media (min-width: 768px) and (max-width: 800px) {
.lower #globalnav ul li {
	font-size: 108%;
}
}
@media (max-width: 767px) {
	.lower #globalnav {
		display: none;
	}
}

/* ------------------------------------
 * comingsoon表示
 * ------------------------------------ */
#globalnav ul li.nav_shop a {
	position: relative;
}
#globalnav ul li.comingsoon a span {
	display: block;
	position: absolute;
	top: -1.7em;
	left: 0;
	width: 100%;
	padding: 2px;
	border-radius: 20em;
	background: #ff618f;
	color: #ffffff;
	font-weight: 700;
	font-size: 70%;
	text-align: center;
}
#globalnav ul li.comingsoon a {
	pointer-events: none !important;
}
#modal_menu .modal-content > ul li.nav_shop a {
	position: relative;
}
#modal_menu .modal-content > ul li.comingsoon span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 35%;
	padding: 3px 5px;
	border-bottom-right-radius: 20em;
	background: rgba(0,0,0,.3);
	color: #ffffff;
	font-weight: 700;
	font-size: 70%;
}
#modal_menu .modal-content > ul li.comingsoon a {
	pointer-events: none !important;
}
@media (max-width: 767px) {
#globalnav ul li.comingsoon a span {
	top: 0em;
}
}

/*
#globalnav ul li.nav_shop a {
	position: relative;
}
#globalnav ul li.comingsoon a span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 3px;
	border-radius: 20em;
	background: #ff618f;
	color: #ffffff;
	font-weight: 700;
	font-size: 77%;
	text-align: center;
	opacity: 0;
}
#globalnav ul li.comingsoon a:hover span {
	opacity: 1;
}
#globalnav ul li.comingsoon a {
	pointer-events: none !important;
}
*/

/* ------------------------------------
 * main
 * ------------------------------------ */
main {
	display: block;
	max-width: 950px;
	margin: 0 auto 3.5em;
}
@media (max-width: 767px) {
	main {
		width: 100%;
		margin: 0 auto 1.5em;
	}
}


/* ------------------------------------
 * MEMBER Carousel
 * ------------------------------------ */
#member {
	margin-top: 5em;
}
#member > h1 {
	width: 50%;
	margin: 0 auto 1.2em;
}
#member > h1 a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 18%;
	background: url(/img/common/title_member.png) no-repeat center center;
	background-size: contain;
	line-height: 0;
}
#member > h1 a:hover {
	-webkit-animation: swing 1.8s infinite;
	animation: swing 1.8s infinite;
}
#member #member_carousel {
	overflow: visible !important;
	position: relative;
	max-width: 960px;
}
#member .prev {
	position: absolute;
	top: -.8em !important;
	left: 0px !important;
	width: 23px !important;
	height: 56px !important;
	background: url(/img/common/arrow_prev_2.png) no-repeat !important;
	cursor: pointer;
}
#member .next {
	position: absolute;
	top: -.8em !important;
	right: 0px !important;
	width: 23px !important;
	height: 56px !important;
	background: url(/img/common/arrow_next_2.png) no-repeat !important;
	cursor: pointer;
}
#member .carousel-3d-slide {
	border: none !important;
	width: 362px !important;
	height: 418px !important;
	margin: 0 auto !important;
	text-align: center !important;
	background: none !important;
}
#member .carousel-3d-container {
	height: 418px !important;
	margin: 0 auto !important;
}
#member .carousel-3d-controls span {
	display: none !important;
}
#member .carousel-3d-slide.current {
	width: 362 !important;
	max-height: 418px;
	margin: 0 auto !important;
}

@media (max-width: 767px) {
#member {
	width: 100%;
	margin: 3.5em auto 0;
}
#member h1 {
	width: 93%;
	margin: 0 auto 1.2em;
}
#member_carousel {
	margin-left: -2em;
	margin-right: -2em;
}
#member .carousel-3d-container {
	height: 320px !important;
	margin: 0 auto !important;
}
#member .carousel-3d-slide img {
	width: 70% !important;
}
#member .carousel-3d-slide {
	width: 360px !important;
}
}

/* ------------------------------------
 * feed
 * ------------------------------------ */
.feed_area {
	margin: 0 auto 3.5em;
}
.feed_area:after {
	visibility: hidden;
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	content: ".";
}
.feed_area > section {
	display: inline-block;
	width: 47%;
	vertical-align: top;
}
.feed_area > section h1 {
	width: 80%;
	margin: 0 auto 1.2em;
}
.feed_area > section h1 a:hover {
	-webkit-animation: swing 1.8s infinite;
	animation: swing 1.8s infinite;
}
.feed_area > section > .more_fish {
	width: 48%;
	margin: 2em auto;
}
.feed_area > section > .more_fish a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 36%;
	background: url(/img/common/btn_more_1.png) no-repeat center center;
	background-size: contain;
	line-height: 0;
}
.feed_area > section > .more_fish a:hover {
	-webkit-animation: swing .8s infinite;
	animation: swing .8s infinite;
}
.feed_area > section > .more_fish.more_fish1 a {
	background: url(/img/common/btn_more_1.png) no-repeat center center;
	background-size: contain;
}
.feed_area > section > .more_fish.more_fish2 a {
	background: url(/img/common/btn_more_2.png) no-repeat center center;
	background-size: contain;
}
.feed_area > section > .more_fish.more_fish3 a {
	background: url(/img/common/btn_more_3.png) no-repeat center center;
	background-size: contain;
}
.feed_area ::-webkit-scrollbar {
	width: .4em;
	margin: .3em;
}

.feed_area > #news_feed h1 a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 18%;
	background: url(/img/common/title_news.png) no-repeat center center;
	background-size: contain;
	line-height: 0;
}
.feed_area > #news_feed ul {
	overflow: auto;
	max-height: 36em;
}
.feed_area > #news_feed li a {
	display: block;
	padding: .8em .5em;
	border-top: dotted 2px #00b7ee;
	background: #ffffff;
	color: #333333;
	font-size: 112%;
	text-decoration: none;
}
.feed_area > #news_feed li a:hover {
	background: #00b7ee;
	color: #ffffff;
	transition: all ease .8s;
}
.feed_area > #news_feed li:last-of-type a {
	border-bottom: dotted 2px #00b7ee;
}
.feed_area > #news_feed li a dl dt {
	margin-bottom: .5em;
	font-size: 85%;
}

.feed_area > #schedule_feed {
	float: right;
}
.feed_area > #schedule_feed h1 a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 18%;
	background: url(/img/common/title_schedule.png) no-repeat center center;
	background-size: contain;
	line-height: 0;
}
.feed_area > #schedule_feed ul {
	overflow: auto;
	max-height: 36em;
}
.feed_area > #schedule_feed li a {
	display: block;
	padding: .8em .5em;
	border-top: dotted 2px #ff638d;
	background: #ffffff;
	color: #333333;
	font-size: 112%;
	text-decoration: none;
}
.feed_area > #schedule_feed li a:hover {
	background: #ff638d;
	color: #ffffff;
	transition: all ease .8s;
}
.feed_area > #schedule_feed li:last-of-type a {
	border-bottom: dotted 2px #ff638d;
}
.feed_area > #schedule_feed li a dl dt {
	margin-bottom: .5em;
	font-size: 85%;
}
.feed_area > #schedule_feed li a dl dt.category time:after {
	margin-left: .8em;
	padding: .2em 1em;
	border-radius: 20em;
	background: #ff638d;
	color: #ffffff;
	content: "LIVE&EVENT";
	font-size: 90%;
}
.feed_area > #schedule_feed li a dl dt.category.category_1 time:after {
	background: #ffa735;
	content: "LIVE/EVENT";
}
.feed_area > #schedule_feed li a dl dt.category.category_2 time:after {
	background: #00b7ee;
	content: "MEDIA";
}
.feed_area > #schedule_feed li a dl dt.category.category_3 time:after {
	background: #ff638d;
	content: "RELEASE";
}
.feed_area > #schedule_feed li a dl dt.category.category_4 time:after {
	background: #00a25b;
	content: "OTHER";
}
.feed_area > #schedule_feed li a:hover dl dt.category time:after {
	border: solid 1px #ffffff;
	background: none;
	color: #ffffff;
	transition: all ease 1.2s;
}

.feed_area > #movie_feed h1 a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 18%;
	background: url(/img/common/title_movie.png) no-repeat center center;
	background-size: contain;
	line-height: 0;
}
.feed_area > #movie_feed li {
	width: 100%;
	margin-bottom: 1.2em;
}

.feed_area > #twitter_feed {
	float: right;
}
.feed_area > #twitter_feed:after {
	visibility: hidden;
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	content: ".";
}
.feed_area > #twitter_feed h1 a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 18%;
	background: url(/img/common/title_twitter.png) no-repeat center center;
	background-size: contain;
	line-height: 0;
}
@media (max-width: 767px) {
	.feed_area {
		width: 93%;
		margin: 0 auto 0;
	}
	.feed_area > section {
		display: block;
		width: 100%;
		margin: 0 auto 3.5em;
	}
	.feed_area > section h1 {
		width: 100%;
	}
}
@media (max-width: 768px) and (min-width: 480px) {
	iframe.twitter-tweet-rendered {
		width: 430px !important;
		margin: 0 auto !important;
	}
}
@media (max-width: 480px) {
	iframe.twitter-tweet-rendered {
		width: 255px !important;
		margin: 0 auto !important;
	}
}


/* ------------------------------------
 * NEWS
 * ------------------------------------ */
#news > main {
	padding-top: 8.4em;
}
#news > main > article > section {
	max-width: 950px;
	margin: 0 auto 3.5em;
}
#news > main > article > section > h1 {
	width: 50%;
	margin: 0 auto 2.8em;
}
#news > main > article > section > h1 a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 18%;
	background: url(/img/common/title_news.png) no-repeat center center;
	background-size: contain;
	line-height: 0;
}
#news > main > article > section > h1 a:hover {
	-webkit-animation: swing 1.8s infinite;
	animation: swing 1.8s infinite;
}
#news > main > article > section#list .entrylist {
	max-width: 950px;
	margin: 1.2em auto;
}
#news > main > article > section#list .entrylist li a {
	display: block;
	padding: 1.5em 1.2em;
	border-top: dashed 1px #00b7ee;
	background: #ffffff;
	color: #333333;
	font-size: 112%;
	text-decoration: none;
}
#news > main > article > section#list .entrylist li:last-of-type a {
	border-bottom: dashed 1px #00b7ee;
}
#news > main > article > section#list .entrylist li a span time {
	display: block;
	margin-bottom: .3em;
	color: #00b7ee;
}
#news > main > article > section#list .entrylist li a:hover {
	background: #00b7ee;
	color: #ffffff;
	transition: all ease .8s;
}
#news > main > article > section#list .entrylist li a:hover span time {
	color: #ffffff;
	transition: all ease .8s;
}
#news > main > article > section#story > h2 {
	margin: 0 auto 1em;
	padding-bottom: .3em;
	border-bottom: solid 2px #ff628e;
	color: #ff628e;
	font-weight: 700;
	font-size: 156%;
	line-height: 1.5;
}
#news > main > article > section#story > h2 time {
	display: inline-block;
	margin-bottom: .4em;
	padding: 0 .5em;
	border: solid 1px #777777;
	background: #ffffff;
	color: #777777;
	font-size: 60%;
	vertical-align: middle;
	line-height: 2;
}
#news > main > article > section#story > p {
	width: 95%;
	margin: 0 auto;
	font-size: 108%;
	line-height: 1.8;
}
#news > main > article > section#story > p a {
	color: #00b7ee;
}
#news > main > article > section#story > p a:hover {
	color: #ff628e;
	transition: all ease .8s;
}
@media (max-width: 767px) {
	#news > main {
		padding-top: 5.6em;
	}
	#news > main > article > section {
		width: 90%;
		margin: 0 auto 3.5em;
	}
	#news > main > article > section > h1 {
		width: 90%;
		margin-bottom: 1.8em;
	}
	#news > main > article > section#story > h2 {
		font-size: 135%;
	}
	#news > main > article > section#story > h2 time {
		display: inline-block;
		margin-bottom: .2em;
	}
}


/* ------------------------------------
 * SCHEDULE
 * ------------------------------------ */
#schedule > main {
	padding-top: 8.4em;
}
#schedule > main > article > section {
	max-width: 950px;
	margin: 0 auto 3.5em;
}
#schedule > main > article > section > h1 {
	width: 50%;
	margin: 0 auto 2.8em;
}
#schedule > main > article > section > h1 a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 18%;
	background: url(/img/common/title_schedule.png) no-repeat center center;
	background-size: contain;
	line-height: 0;
}
#schedule > main > article > section > h1 a:hover {
	-webkit-animation: swing 1.8s infinite;
	animation: swing 1.8s infinite;
}
#schedule > main > article > section#list > ul > li {
	margin-bottom: 1.2em;
}
#schedule > main > article > section#list > ul > li dl {
	display: table;
	width: 100%;
}
#schedule > main > article > section#list > ul > li dl dt {
	display: table-cell;
	word-wrap: break-word;
	width: 20%;
	padding: 0 0.5em;
	border: solid 1px #ff628e;
	border-bottom: solid 3px #ff628e;
	background: #ff628e;
	vertical-align: middle;
	color: #ffffff;
	font-weight: bold;
	font-size: 150%;
	text-align: center;
}
#schedule > main > article > section#list ul > li dl dd {
	display: table-cell;
	width: 80%;
	padding: 0 1em;
	border: solid 1px #ff628e;
	border-bottom: solid 3px #ff628e;
}
#schedule > main > article > section#list ul > li dl dd li a {
	display: block;
	word-wrap: break-word;
	padding: 1em 1em 1em 0;
	background: url(/img/common/arrow_next_2.png) no-repeat right center;
	background-size: 0.5em;
	color: #00b7ee;
	text-decoration: none;
}
#schedule > main > article > section#list ul > li dl dd li:nth-of-type(n+2) a {
	border-top: dotted 1px #999999;
}
#schedule > main > article > section#list ul > li dl dd li a:hover {
	color: #ff628e;
	transition: all ease .8s;
}
#schedule > main > article > section#story > h2 {
	margin: 0 auto 1em;
	padding-bottom: 1em;
	border-bottom: solid 2px #ff628e;
}
#schedule > main > article > section#story > h2 span {
	display: inline-block;
	width: 85%;
	color: #ff628e;
	font-weight: 700;
	font-size: 156%;
	line-height: 1.5;
	vertical-align: middle;
}
#schedule > main > article > section#story > h2 time {
	display: inline-block;
	width: 10em;
	margin-right: .2em;
	padding: 2.5em 0em;
	border-radius: 50%;
	background: #ffa735;
	color: #ffffff;
	font-size: 70%;
	text-align: center;
	vertical-align: middle;
}
#schedule > main > article > section#story > h2 time em {
	display: block;
	font-weight: 700;
	font-size: 300%;
	line-height: 1.2;
}
#schedule > main > article > section#story > p {
	width: 95%;
	margin: 0 auto;
	font-size: 108%;
	line-height: 1.8;
}
#schedule > main > article > section#story > p a {
	color: #00b7ee;
}
#schedule > main > article > section#story > p a:hover {
	color: #ff628e;
	transition: all ease .8s;
}
@media (max-width: 767px) {
	#schedule > main {
		padding-top: 5.6em;
	}
	#schedule > main > article > section {
		width: 90%;
		margin: 0 auto 3.5em;
	}
	#schedule > main > article > section > h1 {
		width: 90%;
		margin-bottom: 1.8em;
	}
	#schedule > main > article > section#story > h2 span {
		width: 75%;
		font-size: 115%;
		line-height: 1.2;
		vertical-align: middle;
	}
	#schedule > main > article > section#story > h2 time {
		float: left;
		display: inline-block;
		width: 7em;
		margin-right: .8em;
		padding: 2em 0em;
		border-radius: 50%;
		background: #ffa735;
		color: #ffffff;
		font-size: 70%;
		text-align: center;
		vertical-align: middle;
	}
	#schedule > main > article > section#story > h2 time em {
		display: block;
		font-size: 156%;
		line-height: 1.2;
	}
	#schedule > main > article > section#story > h2:after {
		visibility: hidden;
		clear: both;
		display: block;
		height: 0;
		line-height: 0;
		content: ".";
	}
}


/* ------------------------------------
 * Movie
 * ------------------------------------ */
#movie > main {
	padding-top: 8.4em;
}
#movie > main > article > section {
	max-width: 950px;
	margin: 0 auto 3.5em;
}
#movie > main > article > section > h1 {
	width: 50%;
	margin: 0 auto 2.8em;
}
#movie > main > article > section > h1 a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 18%;
	background: url(/img/common/title_movie.png) no-repeat center center;
	background-size: contain;
	line-height: 0;
}
#movie > main > article > section > h1 a:hover {
	-webkit-animation: swing 1.8s infinite;
	animation: swing 1.8s infinite;
}
#movie > main > article > section#list > ul {
	padding: 0;
	border: none;
}
#movie > main > article > section#list > ul:after {
	visibility: hidden;
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	content: ".";
}
#movie > main > article > section#list > ul li {
	float: left;
	width: 48%;
	margin: 1em .5em;
	padding: 1em;
	border: solid 1px #ff628e;
	border-bottom: solid 3px #ff628e;
	border-radius: 2em;
}
#movie > main > article > section#list > ul li:nth-of-type(even) {
	float: right;
}
#movie > main > article > section#list > ul li p {
	display: block;
	margin: 1em auto 0;
	font-size: 112%;
	color: #ff628e;
}

@media (max-width: 767px) {
	#movie > main {
		padding-top: 5.6em;
	}
	#movie > main > article > section {
		width: 90%;
		margin: 0 auto 3.5em;
	}
	#movie > main > article > section > h1 {
		width: 90%;
		margin-bottom: 1.8em;
	}
	#movie > main > article > section#list > ul {
		width: 96%;
		margin: 0em auto;
	}
	#movie > main > article > section#list > ul li {
		float: none;
		width: 100%;
		margin: 0em auto 1em;
		padding: 1.8em;
	}
	#movie > main > article > section#list > ul li:nth-of-type(even) {
		float: none;
	}
}


/* ------------------------------------
 * DISCOGRAPHY
 * ------------------------------------ */
#discography > main {
	padding-top: 8.4em;
}
#discography > main > article > section {
	max-width: 950px;
	margin: 0 auto 3.5em;
}
#discography > main > article > section > h1 {
	width: 50%;
	margin: 0 auto 2.8em;
}
#discography > main > article > section > h1 a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 18%;
	background: url(/img/common/title_discography.png) no-repeat center center;
	background-size: contain;
	line-height: 0;
}
#discography > main > article > section > h1 a:hover {
	-webkit-animation: swing 1.8s infinite;
	animation: swing 1.8s infinite;
}

#discography > main > article > section#list > ul {
	width: 100%;
	margin: 0 auto;
}
#discography > main > article > section#list > ul:after {
	visibility: hidden;
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	content: ".";
}
#discography > main > article > section#list > ul > li {
	float: left;
	display: block;
	width: 48%;
	margin-bottom: 1em;
}
#discography > main > article > section#list > ul > li:nth-of-type(even) {
	float: right;
}
#discography > main > article > section#list > ul > li > a {
	display: block;
	width: 100%;
	margin-bottom: 1em;
	padding: 1.2em 1.2em;
	border: solid 1px #ff628e;
	border-bottom: solid 3px #ff628e;
	border-radius: 2em;
	background: url(/img/common/arrow_next_2.png) no-repeat 98% center;
	background-size: 0.5em;
	color: #ff628e;
	font-weight: 700;
	font-size: 135%;
	text-decoration: none;
}
#discography > main > article > section#list > ul > li > a:hover {
	background: #ffe282 url(/img/common/arrow_next_2.png) no-repeat 98% center;
	background-size: 0.5em;
	transition: all ease .8s;
}
#discography > main > article > section#list > ul > li > a > p {
	display: inline-block;
	width: 30%;
	padding-right: .8em;
}
#discography > main > article > section#list > ul > li > a > p > img {
	display: block;
	width: 100%;
	border: solid 1px #ff628e;
}
#discography > main > article > section#list > ul > li > a > span {
	display: inline-block;
	width: 70%;
	padding-right: 1em;
	vertical-align: top;
}

#discography > main > article > section#story > ul > li dl {
	margin: 0 auto;
}
#discography > main > article > section#story > ul > li dl dt {
	margin: 0 auto 1.2em;
	padding-bottom: .5em;
	border-bottom: solid 2px #ff628e;
	color: #ff628e;
	font-weight: 700;
	font-size: 156%;
	line-height: 1.5;
}
#discography > main > article > section#story > ul > li dl dd > p:first-of-type {
	width: 60%;
	margin: 1.5em auto;
	color: #ff628e;
	text-align: center;
}
#discography > main > article > section#story > ul > li dl dd > p:first-of-type img {
	width: 100%;
	margin-bottom: 1.5em;
}
#discography > main > article > section#story > ul > li dl dd > p:last-of-type {
	width: 100%;
	margin: 0 auto;
	padding: 1em;
	border-top: dashed 1px #ffa735;
	font-size: 108%;
	line-height: 2;
}
#discography > main > article > section#story .iframeBox {
	width: 100%;
	margin: 0.5em auto;
}
#discography > main > article > section#story .normallink {
	display: block;
	margin: 2em auto;
}
@media (max-width: 767px) {
	#discography > main {
		padding-top: 5.6em;
	}
	#discography > main > article > section {
		width: 90%;
		margin: 0 auto 3.5em;
	}
	#discography > main > article > section > h1 {
		width: 90%;
		margin-bottom: 1.8em;
	}
	#discography > main > article > section#list > ul li {
		float: none;
		width: 96%;
		margin: 0 auto;
	}
	#discography > main > article > section#list > ul > li:nth-of-type(even) {
		float: none;
	}
	#discography > main > article > section#story > h2 {
		font-size: 135%;
	}
	#discography > main > article > section#story > ul {
		width: 100%;
	}
	#discography > main > article > section#story > ul > li dl dd p:first-of-type {
		margin: 3em auto 2em;
	}
}


/* ------------------------------------
 * PAGING
 * ------------------------------------ */
.pagination {
	max-width: 950px;
	margin: 3em auto;
	padding: 1.2em .2em;
	border-radius: .5em;
	background: #f8f8f8;
	text-align: center;
}
.pagination nav {
	margin: 0% auto;
}
.pagination a {
	display: inline-block;
	margin: 0 0.5%;
	padding: 0.5% 1%;
	border: solid 1px #ffa735;
	color: #ffa735;
	text-decoration: none;
}
.pagination span.current {
	display: inline-block;
	margin: 0 0.5%;
	padding: 0.5% 1%;
	border: solid 1px #ff628e;
	background: #ff628e;
	color: #ffffff;
}
.pagination a.next , .pagination a.prev {
	display: inline-block;
	margin: 0 0.5%;
	padding: 0.5% 1%;
	border: solid 1px #ffa735;
	background: #ffa735;
	color: #ffffff;
}
.pagination span.next , .pagination span.prev {
	display: inline-block;
	margin: 0 0.5%;
	padding: 0.5% 1%;
	border: solid 1px #777777;
	background: #ffffff;
	color: #777777;
}
.pagination a.next:after {
	display: inline-block;
	margin-left: .2em;
	color: #ffffff;
	content: "▸";
}
.pagination a.prev:before {
	display: inline-block;
	margin-right: .2em;
	color: #ffffff;
	content: "◂";
}
.pagination span.next:after {
	display: inline-block;
	margin-right: .2em;
	color: #777777;
	content: "▸";
}
.pagination span.prev:before {
	display: inline-block;
	margin-right: .2em;
	color: #777777;
	content: "◂";
}
.pagination a:hover {
	border: solid 1px #ff628e;
	background: #ff628e;
	color: #ffffff;
	transition: all .8s ease;
}
@media (max-width: 767px) {
.pagination nav {
	width: 100%;
	margin: 0% auto;
	text-align: center;
}
}


/* ------------------------------------
 * PROFILE
 * ------------------------------------ */
#profile > main {
	padding-top: 8.4em;
}
#profile > main > article > section {
	max-width: 950px;
	margin: 0 auto 3.5em;
}
#profile > main > article > section > h1 {
	width: 50%;
	margin: 0 auto 2.8em;
}
#profile > main > article > section > h1 a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 18%;
	background: url(/img/common/title_profile.png) no-repeat center center;
	background-size: contain;
	line-height: 0;
}
#profile > main > article > section > h1 a:hover {
	-webkit-animation: swing 1.8s infinite;
	animation: swing 1.8s infinite;
}
#profile .profile_main {
	width: 100%;
	margin: 1.5em auto 2em;
}
#profile .profile_main img {
	width: 100%;
	border: solid 1px #777777;
	border-radius: 1em;
}
#profile .profile_main + p {
	font-size: 105%;
	line-height: 1.8;
}
#profile .profile_main + p + h3 {
	width: 80%;
	margin: 2em auto 1.5em;
	padding: .3em .5em;
	border-radius: 20em;
	background: #ffa736;
	color: #ffffff;
	font-weight: 700;
	font-size: 200%;
	text-align: center;
}
#profile .memberlist > li > dl {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-lines: multiple;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
	margin: 3.5em auto 1.2em;
}
#profile .memberlist > li > dl > dt {
	width: 35%;
}
#profile .memberlist > li > dl > dt img {
	width: 100%;
}
#profile .memberlist > li > dl > dt ul.slider_nav {
	font-size: 0;
}
#profile .memberlist > li > dl > dt ul.slider_nav li {
	display: inline-block;
	width: 20%;
	padding: 4% 1%;
}
#profile .memberlist > li > dl > dt ul.slider_nav li a {
	pointer-events: none;
}
#profile .memberlist > li > dl > dd {
	width: 64%;
}
#profile .memberlist > li > dl > dd > h1 {
	padding: .2em 0 .2em .4em;
	border-top: solid 2px #ff618f;
	border-bottom: solid 2px #ff618f;
	color: #ff618f;
	font-weight: 700;
	font-size: 250%;
}
#profile .memberlist > li > dl > dd > h1 span {
	margin-left: .8em;
	color: #ff618f;
	font-size: 50%;
	vertical-align: 20%;
}
#profile .memberlist > li > dl > dd .profile_detail {
	margin: .5em auto;
}
#profile .memberlist > li > dl > dd .profile_detail li {
	padding: .7em 0 .7em .8em;
	border-bottom: dashed 1px #ffa736;
	color: #333333;
	font-size: 112%;
}
#profile .memberlist > li > dl > dd .profile_detail li span {
	display: inline-block;
	width: 13em;
	margin-right: 1em;
	border-right: solid 1px #ffa736;
	font-weight: 700;
	font-size: 90%;
}
#profile .memberlist > li > dl > dd .profile_detail li span:before {
	margin-right: 5px;
	color: #ffa736;
	content: "▸";
}
#profile .memberlist > li > dl > dd .profile_detail li.member_twitter a {
	color: #1da1f2;
	word-break: break-all;
}

@media (max-width: 767px) {
	#profile > main {
		padding-top: 5.6em;
	}
	#profile > main > article > section {
		width: 93%;
		margin: 0 auto 3.5em;
	}
	#profile > main > article > section > h1 {
		width: 93%;
		margin-bottom: 1.8em;
	}
	#profile .profile_main + p {
		width: 93%;
		margin: 0 auto;
	}
	#profile .profile_main + p + h3 {
		width: 85%;
		padding: .2em;
		font-size: 170%;
	}
	#profile .memberlist > li > dl {
		display: block;
		width: 89%;
		margin: 3em auto 0;
		font-size: 90%;
	}
	#profile .memberlist > li > dl > dt {
		width: 96%;
		margin: 0 auto;
	}
	#profile .memberlist > li > dl > dd {
		width: 96%;
		margin: 8% auto;
	}
	#profile .memberlist > li > dl > dd h1 {
		padding: 0.2em 0;
		font-weight: 500;
		font-size: 200%;
		text-align: center;
	}
	#profile .memberlist > li > dl > dd h1 span {
		display: block;
		margin-left: 0;
		font-size: 50%;
	}
	#profile .memberlist > li > dl > dd .profile_detail li span {
		display: block;
		width: 100%;
		margin-right: 0;
		border-right: none;
	}
	#profile .memberlist > li > dl > dd .profile_detail li span:before {
		margin-right: .2em;
		color: #ffa736;
		content: "▸";
	}
}


/* ------------------------------------
 * contact
 * ------------------------------------ */
#contact > main {
	padding-top: 8.4em;
}
#contact > main > article > section {
	max-width: 950px;
	margin: 0 auto 3.5em;
}
#contact > main > article > section > h1 {
	width: 50%;
	margin: 0 auto 2.8em;
}
#contact > main > article > section > h1 a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 18%;
	background: url(/img/common/title_contact.png) no-repeat center center;
	background-size: contain;
	line-height: 0;
}
#contact > main > article > section > h1 a:hover {
	-webkit-animation: swing 1.8s infinite;
	animation: swing 1.8s infinite;
}
#contact > main > article > section > h1 + p {
	margin-bottom: 2em;
	color: #ff618f;
	font-weight: 700;
	font-size: 112%;
	text-align: center;
}
#contact form {
	margin: 1em auto;
	padding: 2em;
	border: solid 1px #333333;
	border-radius: 1.5em;
}
#contact form:after {
	visibility: hidden;
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	content: ".";
}
#contact form > dl {
	margin: 1.2em auto;
	padding-bottom: 1.2em;
	border-bottom: dashed 1px #ffa735;
}
#contact form > dl dt {
	margin: 0 auto 1.2em;
	font-size: 105%;
}
#contact form > dl dt:before {
	margin-right: 5px;
	color: #ff618f;
	content: "▾";
}

input[type="text"] {
	margin: 0;
	padding: .4em;
	border: solid 1px #777777;
	border-radius: .4em;
	background-color: #ffffff;
	outline: 0;
}
textarea {
	border: 0;
	outline: 0;
}
textarea {
	width: 90%;
	padding: .2em;
	border: solid 1px #777777;
	border-radius: .4em;
	font-size: 16px;
	transition: border-color ease .2s;
	resize: none;
}
textarea:focus {
	border-color: #5f98e1;
}
input[type="submit"],
button[type="submit"] {
	padding: 0.7em 1.2em;
	border: 1px solid #ff618f;
	border-radius: 3px;
	background: #ff717a;
	color: #ffffff;
	font-size: 112%;
	text-align: center;
	cursor: pointer;
}
input[type="submit"]:hover,
button[type="submit"]:hover {
	border-color: #ff618f;
	background: #ffffff;
	color: #ff618f;
	transition: all ease .2s;
}
.confirm_submit input {
	display: block;
	margin: 2em auto;
}
.fanletter {
	margin: 0 auto 1em;
	color: #333333;
	text-align: center;
}
.fanletter span {
	display: block;
	margin: 2em auto .4em;
	padding-bottom: .4em;
	border-bottom: dashed 1px #ff618f;
	color: #ff618f;
	font-weight: 700;
	font-size: 105%;
}

@media (max-width: 767px) {
	#contact > main {
		padding-top: 5.6em;
	}
	#contact > main > article > section {
		width: 90%;
		margin: 0 auto 3.5em;
	}
	#contact > main > article > section > h1 {
		width: 90%;
		margin-bottom: 1.8em;
	}
	#contact form {
		width: 90%;
	}
	.fanletter {
		width: 90%;
		margin: 0 auto 2em;
	}
}

/* ------------------------------------
 * Fixed banner
 * ------------------------------------ */
.fixedbnr {
	max-width: 960px;
	margin: 0em auto;
	font-size: 0;
}
.fixedbnr li {
	display: inline-block;
	width: 25%;
	text-align: left;
}
.fixedbnr li a {
	display: block;
	width: 90%;
	margin: 0 auto;
}
.fixedbnr li a img {
	display: block;
	width: 100%;
	margin-bottom: 1.2em;
	border: solid 1px #555555;
	font-size: 5px;
}
.fixedbnr li a:hover img {
	-webkit-animation: headShake .8s infinite;
	animation: headShake .8s infinite;
}
@media (max-width: 767px) {
	.fixedbnr {
		width: 95%;
		margin: 0 auto;
	}
	.fixedbnr li {
		display: inline-block;
		width: 50%;
	}
	.fixedbnr li a {
		display: block;
		width: 95%;
		margin: 0 auto;
	}
}


/* ------------------------------------
 * loading
 * ------------------------------------ */

/* circle */
#loader {
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	text-align: center;
	z-index: 3;
}
#loader > div {
	position: absolute;
	top: 35%;
	left: 49%;
	text-align: center;
}
.sk-fading-circle {
	margin: 100px auto;
	width: 40px;
	height: 40px;
	position: relative;
}
.sk-fading-circle .sk-circle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.sk-fading-circle .sk-circle:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: #e4007f;
	border-radius: 100%;
	-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
	animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
	0%, 39%, 100% { opacity: 0; }
	40% { opacity: 1; }
}
@keyframes sk-circleFadeDelay {
	0%, 39%, 100% { opacity: 0; }
	40% { opacity: 1; }
}

/* cube */
/*
#loader {
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	text-align: center;
	z-index: 3;
}
#loader > div {
	position: absolute;
	top: 50%;
	left: 49%;
	text-align: center;
}
.sk-cube-grid {
	width: 40px;
	height: 40px;
	margin: 100px auto;
}
.sk-cube-grid .sk-cube {
	width: 33%;
	height: 33%;
	background-color: #333;
	float: left;
	-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
	animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s; }
@-webkit-keyframes sk-cubeGridScaleDelay {
	0%, 70%, 100% {
		-webkit-transform: scale3D(1, 1, 1);
		transform: scale3D(1, 1, 1);
	} 35% {
		-webkit-transform: scale3D(0, 0, 1);
		transform: scale3D(0, 0, 1); 
	}
	}
@keyframes sk-cubeGridScaleDelay {
	0%, 70%, 100% {
		-webkit-transform: scale3D(1, 1, 1);
		transform: scale3D(1, 1, 1);
	} 35% {
		-webkit-transform: scale3D(0, 0, 1);
		transform: scale3D(0, 0, 1);
	}
	}
/*

/* line */
/*
#loader {
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	text-align: center;
	z-index: 3;
}
#loader > div {
	position: absolute;
	top: 50%;
	left: 49%;
	text-align: center;
}

.loading {
	margin: 0 auto;
	width: 50px;
	height: 40px;
	text-align: center;
	font-size: 10px;
}
.loading > p {
	display: inline-block;
	background-color: #1d6eab;
	width: 6px;
	height: 100%;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.loading .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.loading .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
.loading .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.loading .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
	20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
	0%, 40%, 100% { 
		-webkit-transform: scaleY(0.4);
		transform: scaleY(0.4);
	}
	20% {
		-webkit-transform: scaleY(1.0);
		transform: scaleY(1.0);
	}
}
*/

/* ------------------------------------
 * effect:inview
 * ------------------------------------ */
@media (max-width: 767px) {
	#loader > div {
		left: 44%;
	}
}

.inviewfadeIn {
	opacity: 0;
	transition: .8s;
}
.fadeIn {
	opacity: 1.0;
}
.member_nav.fadeIn {
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms;
}

/* ------------------------------------
 * animate.css:OVERRIDE
 * ------------------------------------ */
@keyframes jello {
  from, 11.1%, to {
    transform: none;
  }
  22.2% {
    transform: skewX(-1.5deg) skewY(-1.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}



/* ------------------------------------
 * 動画iframe
 * ------------------------------------ */
iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.iframeBox {
	position: relative;
	width: 100%;
	margin-bottom: 1%;
	padding-top: 56.25%; /*16:9の場合*/
}
.iframeBox:after {
	content:".";
}


/* ------------------------------------
 * 上部へ戻るボタン
 * ------------------------------------ */
/*
#toTop {
	position: fixed;
	bottom: 2%;
	right: 0.7em;
	z-index: 2;
}
#toTop a {
	display: block;
	width: 4.8em;
}
#toTop a span {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	display: block;
	height: 0;
	padding-top: 100%;
	background: url(/img/common/arrow_top.png) no-repeat left top;
	background-size: contain;
	line-height: 0;
	opacity: 0.9;
}
@media (min-width: 768px) and (max-width: 959px) {
	#toTop {
		position: fixed;
		bottom: 1.5%;
		right: 1.2%;
	}
	#toTop a {
		width: 4em;
	}
}
@media (max-width: 767px) {
	#toTop {
		position: fixed;
		bottom: 1%;
		right: 1%;
		z-index: 2;
	}
	#toTop a {
		width: 3.5em;
	}
}
*/

/* ------------------------------------
 * Footer
 * ------------------------------------ */
footer {
	width: 100%;
	margin: 8em auto 0;
	padding: 2em 0 .8em;
	background: #ff618f;
	background: -webkit-linear-gradient(left, #ff618f 0%, #ffa834 100%);
	background: linear-gradient(to right, #ff618f 0%, #ffa834 100%);
}
footer > ul {
	max-width: 950px;
	margin: 0 auto;
}
footer > ul li a {
	display: block;
	width: 40%;
	margin: 0 auto;
}
footer > ul li a img {
	width: 100%;
}
footer small {
	display: block;
	margin-top: 3.5em;
	color: #ffffff;
	font-size: 90%;
}
@media (max-width: 767px) {
	footer {
		margin: 2.5em auto 0;
	}
	footer > ul {
		width: 90%;
	}
	footer > ul li a {
		width: 90%;
	}
}