@charset "UTF-8";
@font-face {
  font-family: flop;
  src: url("../fonts/FlopDesignFONT.otf") format("opentype");
}
/*_____*/
/*_____*/
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

a:link {
  text-decoration: none;
  color: #00f;
  border: none;
  outline: none;
}

a:visited {
  text-decoration: none;
  color: #00c;
}

a:hover {
  text-decoration: none;
  color: #f00;
}

a:active {
  color: #f00;
}

li {
  list-style-type: none;
}

.marker {
  background: linear-gradient(transparent 50%, #ffff66 50%);
}

html {
  font-size: 62.5%;
}

:root body {
  font-family: flop, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  font-size: 1.6rem;
  line-height: 1.5em;
  /*text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.75);*/
  background-color: #F0F0F4;
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
  background: #F0F0F4 url(../img/bg_raindow_25.png) no-repeat scroll center 30px;
  -moz-background-size: contain;
  background-size: contain;
  -webkit-text-size-adjust: 100%;
  min-width: 940px;
}
@media screen and (max-width: 640px) {
  :root body {
    background-image: none;
    min-width: 100%;
  }
}
@media screen and (min-Width: 1220px) {
  :root body {
    min-width: 1200px;
  }
}
:root body.beboga {
  background-image: none;
}

img {
  border: 0;
}

#header, main {
  width: 940px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  #header, main {
    width: 100%;
  }
}
@media screen and (min-Width: 1220px) {
  #header, main {
    width: 1200px;
  }
}

#header {
  position: relative;
  /*_____navigation_____*/
}
#header header {
  width: 100%;
  overflow: hidden;
  padding: 20px 0;
}
#header header h1 {
  float: left;
  text-align: left;
}
#header header h1 a {
  display: block;
}
#header header h1 a img {
  height: 100px;
}
@media screen and (max-width: 640px) {
  #header header {
    padding: 1rem;
    width: 100%;
    height: 7rem;
    transition: all 0.25s ease;
    z-index: 99;
    /*
    &.scrolled {
    	height: 4rem;
    	overflow: hidden;
    	z-index: 99;
    	position: fixed;
    	background-color: rgba(255,255,255,0.8);
    	transform: translate3d(0, 0, 0);
    	h1 {
    		a {
    			img {
    				height: 2rem;
    				width: auto;
    			}
    		}
    	}
    }
    */
  }
  #header header h1 {
    float: none;
    text-align: center;
  }
  #header header h1 a {
    display: block;
    text-align: center;
  }
  #header header h1 a img.nizicon_logo {
    transition: all 0.25s ease;
    width: auto;
    height: 4rem;
    float: left;
  }
  #header header h1 a img.beboga_logo {
    transition: all 0.25s ease;
    width: 30%;
    height: 5rem;
    float: left;
  }
}
#header header > a.pcdaisuki {
  display: block;
  width: 300px;
  height: 100px;
  float: right;
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
  line-height: 100px;
}
#header header > a.pcdaisuki img {
  width: 100%;
}
@media screen and (max-width: 640px) {
  #header header > a.pcdaisuki {
    width: 30%;
    height: auto;
  }
}
#header .flexslider {
  border: none !important;
  margin: 0rem 0 0 0 !important;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}
@media screen and (max-width: 640px) {
  #header .flexslider {
    height: auto !important;
  }
  #header .flexslider .slides img {
    border-radius: 0;
  }
}
#header .flexslider .flex-prev, #header .flexslider .flex-next {
  overflow: visible;
}
#header .flexslider .flex-prev:before, #header .flexslider .flex-next:before {
  content: "";
  font-family: FontAwesome;
  font-size: normal;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  width: 1em;
  color: #4EC0AC;
  text-align: center;
}
#header .flexslider .flex-prev:before {
  content: "\f0a8";
}
#header .flexslider .flex-next:before {
  content: "\f0a9";
}
#header .flexslider .slides img {
  border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}
@media screen and (max-width: 640px) {
  #header .flexslider .slides img {
    border-radius: 0px;
  }
}
#header nav {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  #header nav {
    margin-bottom: 0rem;
  }
}
#header nav ul {
  width: 100%;
  overflow: hidden;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
#header nav ul li {
  width: 20%;
  overflow: hidden;
}
#header nav ul li p a {
  display: block;
  padding: 0.5em 0;
  background-color: #F99DB4;
  background: -webkit-linear-gradient(#FCCEDA, #F99DB4);
  background: -moz-linear-gradient(#FCCEDA, #F99DB4);
  background: -o-linear-gradient(#FCCEDA, #F99DB4);
  background: -ms-linear-gradient(#FCCEDA, #F99DB4);
  background: linear-gradient(#FCCEDA, #F99DB4);
  background: url(../img/stripe.png), -webkit-gradient(linear, left top, left bottom, from(#FCCEDA), to(#F99DB4));
  color: #ffc;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.35);
  text-align: center;
  border-left: 1px solid #F0F0F4;
}
#header nav ul li p a span.roman {
  display: block;
  font-family: 'Quicksand', sans-serif;
  font-weight: bold;
  font-size: 3rem;
  line-height: 1em;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 640px) {
  #header nav ul li p a span.roman {
    font-size: 1rem;
    line-height: 1em;
    margin-top: 0.5rem;
  }
}
#header nav ul li p a span.kana {
  display: block;
  font-family: flop, sans-serif;
  font-weight: normal;
  font-size: 1.35rem;
  line-height: 1em;
  margin-top: 0.5rem;
  letter-spacing: -0.1em;
}
@media screen and (max-width: 640px) {
  #header nav ul li p a span.kana {
    display: none;
  }
}
#header nav ul li p a:hover {
  background-color: #F99DB4;
  background: url(../img/stripe.png), -webkit-gradient(linear, left top, left bottom, from(#F99DB4), to(#F99DB4));
  color: #ff6;
}
@media screen and (max-width: 640px) {
  #header nav ul li p a::before {
    content: "";
    font-family: FontAwesome;
    display: inline-block;
    font-size: 4rem;
    line-height: 1em;
    font-weight: normal;
    font-style: normal;
    width: 100%;
    display: block;
    text-align: center;
  }
  #header nav ul li p a.nav_news {
    border: none;
  }
  #header nav ul li p a.nav_news:before {
    content: "\f1ea";
  }
  #header nav ul li p a.nav_profile:before {
    content: "\f182";
  }
  #header nav ul li p a.nav_schedule:before {
    content: "\f073";
  }
  #header nav ul li p a.nav_discography:before {
    content: "\f001";
  }
  #header nav ul li p a.nav_blog:before {
    content: "\f02d";
  }
}
#header nav ul li:first-child {
  border-radius: 0 0 0 10px / 0 0 0 10px;
}
#header nav ul li:first-child p a {
  border: none;
}
@media screen and (max-width: 640px) {
  #header nav ul li:first-child {
    border-radius: 0px;
  }
}
#header nav ul li:last-child {
  border-radius: 0 0 10px 0 / 0 0 10px 0;
}
@media screen and (max-width: 640px) {
  #header nav ul li:last-child {
    border-radius: 0px;
  }
}

/*
body.sp {
	#header {
		header {
			padding: $global_margin / 2;
			h1 {
				img {
					width: 100%;
					height: auto;
				}
			}
			>a {
				display: none;
			}
		}
		nav {
			margin-bottom: 0;
			ul {
				width: 100%;
				overflow: hidden;
				li {
					float: left;
					width: 33.333333%;
					p {
						a {
							span.roman {
								display: none;
							}
							span.kana {
								display: block;
								font-size: 12px;
							}
						}
						a:before {
							content: "";
							font-family: FontAwesome;
							font-size: 48px;
							line-height: 1em;
							font-weight: normal;
							font-style: normal;
							display: block;
							width: 100%;
							text-align: center;
						}
						a.nav_news {
							border: none;
						}
						a.nav_news:before {
							content: "\f1ea";
						}
						a.nav_profile:before {
							content: "\f182";
						}
						a.nav_schedule:before {
							content: "\f073";
						}
						a.nav_discography {
							border: none;
						}
						a.nav_discography:before {
							content: "\f192";
						}
						a.nav_gallery:before {
							content: "\f1c5";
						}
						a.nav_blog:before {
							content: "\f02d";
						}
					}
				}
				li:first-child, li:last-child {
					border-radius: 0;
				}
			}
		}
		.flexslider {
			height: auto !important;
			.slides img {
				border-radius: 0;
			}
		}
	}
}
*/
/*_____ //header _____*/
#banners {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  #banners {
    margin-bottom: 1rem;
  }
}
#banners ul {
  width: 100%;
  overflow: hidden;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#banners ul li {
  width: -moz-calc((100% - 4rem) / 6);
  width: -o-calc((100% - 4rem) / 6);
  width: -webkit-calc((100% - 4rem) / 6);
  width: calc((100% - 4rem) / 6);
  /* usage: @include calc(width, "100% - 1rem"); */
}
#banners ul li a {
  display: block;
}
#banners ul li a img {
  width: 100%;
  border-radius: 10px;
}
@media screen and (max-width: 640px) {
  #banners ul li {
    width: 50%;
  }
  #banners ul li a img {
    border-radius: 0px;
  }
}

/*
body.sp #banners {
	margin-bottom: 0;
	ul {
		width: 100%;
		li {
			width: 50%;
			padding: 0;
			a {
				width: 100%;
				margin: 0 auto;
				img {
					border-radius: 0;
				}
			}
		}
	}
}
*/
.spdaisuki {
  display: none;
}
@media screen and (max-width: 640px) {
  .spdaisuki {
    display: block;
    width: 80%;
    margin: 10px auto 10px auto;
  }
  .spdaisuki a {
    display: block;
    width: 100%;
    border: 1px solid #F99DB4;
    background-color: #fff;
  }
  .spdaisuki a img {
    width: 100%;
  }
}

/*
body.sp .spdaisuki {
	display: block;
	width: 80%;
	margin: $global_margin/ 2 auto $global_margin/2 auto;
	a {
		display:block;
		width: 100%;
		border: 1px solid $c_deeppink;
		background-color: #fff;
		img {
			width: 100%;
		}
	}
}
*/
main {
  display: block;
  width: width_medium-20px;
  margin: 0 auto;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media screen and (min-Width: 1220px) {
  main {
    width: width_large-20px;
  }
}
@media screen and (max-width: 640px) {
  main {
    display: block;
    width: 100%;
  }
}
main > article {
  width: 640px;
}
@media screen and (max-width: 640px) {
  main > article {
    width: 100%;
  }
}
@media screen and (min-Width: 1220px) {
  main > article {
    width: 800px;
  }
}
main #sidebar {
  width: 280px;
}
@media screen and (max-width: 640px) {
  main #sidebar {
    display: none;
  }
}
@media screen and (min-Width: 1220px) {
  main #sidebar {
    width: 380px;
  }
}

/*
body.sp #main {
	width: 100%;
	> article {
		float: none;
		width: 100%;
		padding: 0;
	}
	#sidebar {
		float: none;
		width: 100%;
	}
}
*/
.cblock {
  margin-bottom: 20px;
}
.cblock h2 {
  line-height: 1em;
  /*background-color: #A9EDEB;*/
  /*background: #A9EDEB url("../img/stripe.png") repeat scroll center top;*/
  background-color: #4EC0AC;
  background: -webkit-linear-gradient(#A7E0D6, #4EC0AC);
  background: -moz-linear-gradient(#A7E0D6, #4EC0AC);
  background: -o-linear-gradient(#A7E0D6, #4EC0AC);
  background: -ms-linear-gradient(#A7E0D6, #4EC0AC);
  background: linear-gradient(#A7E0D6, #4EC0AC);
  background: url(../img/stripe.png), -webkit-gradient(linear, left top, left bottom, from(#A7E0D6), to(#4EC0AC));
  color: #fff;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.35);
  background-repeat: repeat;
  margin-bottom: 10px;
  padding: 0.5em;
  border-radius: 10px;
  position: relative;
  font-family: 'Josefin Sans', sans-serif;
}
@media screen and (max-width: 640px) {
  .cblock h2 {
    margin-bottom: 0;
    border-radius: 0;
  }
  .cblock h2 a {
    top: 1.5em;
    font-size: x-small;
  }
}
.cblock h2 a {
  display: block;
  position: absolute;
  top: 0.75em;
  right: 0.75em;
  font-size: small;
  font-weight: normal;
  line-height: 1em;
  background-color: #fff;
  padding: 0.5em;
  border-radius: 0.5em;
  text-shadow: none;
}
.cblock h2 a:after {
  content: "\f0a9";
  font-family: FontAwesome;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  width: 1.25em;
  text-align: right;
}
.cblock h2:before {
  content: "";
  font-family: FontAwesome;
  font-size: normal;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  width: 1.5em;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .cblock > div {
    margin: 5px;
  }
}

.cblock2 {
  margin-bottom: 20px;
}
.cblock2 h2 {
  line-height: 1em;
  /*background-color: #A9EDEB;*/
  /*background: #A9EDEB url("../img/stripe.png") repeat scroll center top;*/
  background-color: #4EC0AC;
  background: -webkit-linear-gradient(#A7E0D6, #4EC0AC);
  background: -moz-linear-gradient(#A7E0D6, #4EC0AC);
  background: -o-linear-gradient(#A7E0D6, #4EC0AC);
  background: -ms-linear-gradient(#A7E0D6, #4EC0AC);
  background: linear-gradient(#A7E0D6, #4EC0AC);
  background: url(../img/stripe.png), -webkit-gradient(linear, left top, left bottom, from(#A7E0D6), to(#4EC0AC));
  color: #fff;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.35);
  background-repeat: repeat;
  margin-bottom: 10px;
  padding: 0.5em;
  border-radius: 10px;
  position: relative;
  font-family: 'Josefin Sans', sans-serif;
}
@media screen and (max-width: 640px) {
  .cblock2 h2 {
    margin-bottom: 0;
    border-radius: 0;
  }
  .cblock2 h2 a {
    top: 1.5em;
    font-size: x-small;
  }
}
.cblock2 h2 ul.modeSelect {
  float: right;
}
.cblock2 h2 ul.modeSelect li {
  display: inline-block;
  top: 1.5em;
  font-size: x-small;
}
.cblock2 h2 ul.modeSelect li.nizicon {
  background: url(../img/stripe.png), -webkit-gradient(linear, left top, left bottom, from(#f3bddd), to(#f3bddd));
  border-radius: 5px 0 0 5px;
  margin-right: 1px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25);
}
.cblock2 h2 ul.modeSelect li.beboga {
  background: url(../img/stripe.png), -webkit-gradient(linear, left top, left bottom, from(#ffe100), to(#ffe100));
  border-radius: 0 5px 5px 0;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25);
}
.cblock2 h2 ul.modeSelect li a {
  color: #FFF;
  text-shadow: none;
  font-weight: normal;
  margin: 5px;
}
.cblock2 h2 ul.modeSelect li.active {
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5);
}
.cblock2 h2:before {
  content: "";
  font-family: FontAwesome;
  font-size: normal;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  width: 1.5em;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .cblock2 > div {
    margin: 5px;
  }
}

/*
body.sp .cblock {
	h2 {
	}
}
*/
/*_____ whatsnew _____*/
#whatsnew h2:before {
  content: "\f1ea";
}
#whatsnew dl {
  width: 100%;
  overflow: hidden;
}
#whatsnew dl dt {
  width: 100%;
  overflow: hidden;
}
#whatsnew dl dt > p.date {
  display: inline;
  /*font-family: monospace;*/
  float: left;
  padding: 0.5rem 0.5rem 0.5rem 0;
  font-size: 1.5rem;
  line-height: 1em;
  font-weight: bold;
  font-family: 'Open Sans Condensed', sans-serif;
}
#whatsnew dl dt > a.cat {
  color: #000;
  font-size: 1rem;
  line-height: 1em;
  padding: 4px;
  margin-top: 0.4em;
  display: inline;
  float: left;
  border-radius: 4px;
  /*font-family: Nunito, sans-serif;*/
}
@media screen and (max-width: 640px) {
  #whatsnew dl dt > a.cat {
    padding: 2px;
    font-size: 1.25rem;
    line-height: 1em;
    margin-top: 0.3rem;
  }
}
#whatsnew dl dd {
  clear: both;
  margin-bottom: 0.5em;
}
#whatsnew dl dd p a {
  color: #333;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#whatsnew dl dd p a:hover {
  color: #00c;
}
@media screen and (max-width: 640px) {
  #whatsnew dl dd {
    font-size: 1.35rem;
    line-height: 1.2em;
    margin-left: 0.5em;
    white-space: normal;
    line-height: 1.25em;
  }
}

/*
body.sp #whatsnew {
	dl {
		dt {
			> a.cat {
				padding: 2px;
				font-size: 60%;
				margin-top: 0.5em;
			}
		}
		dd {
			font-size: small;
			margin-left: 0.5em;
			white-space: normal;
			line-height:1.25em;
		}
	}
}
*/
/*_____ schedule _____*/
#home #eventlist h2:before {
  content: "\f073";
}
#home #eventlist #ai1ec-container {
  width: 100%;
  height: 800px;
  overflow: scroll;
  overflow-y: scroll;
}
#home #eventlist #ai1ec-container .ai1ec-calendar-toolbar {
  display: none;
}
#home #eventlist #ai1ec-container .ai1ec-title-buttons, #home #eventlist #ai1ec-container .ai1ec-views-dropdown, #home #eventlist #ai1ec-container .ai1ec-pull-left {
  display: none;
}
#home #eventlist #ai1ec-container .ai1ec-date {
  background: transparent !important;
  border-top: none;
}
#home #eventlist #ai1ec-container .ai1ec-month {
  background-color: #4EC0AC !important;
}
#home #eventlist #ai1ec-container .ai1ec-event-title {
  color: #333;
  font-weight: normal;
}
#home #eventlist #ai1ec-container .ai1ec-event-title:hover {
  color: #00c;
}
@media screen and (max-width: 640px) {
  #home #eventlist #ai1ec-container .ai1ec-event-title {
    font-size: 1.35rem;
    line-height: 1.2em;
  }
}
#home #eventlist #ai1ec-container .ai1ec-allday-badge {
  background-color: #F99DB4 !important;
}
#home #eventlist #ai1ec-container .ai1ec-date-title {
  box-shadow: none;
  border: none;
  background-image: none;
  background-color: #fff;
}
#home #eventlist #ai1ec-container .ai1ec-event {
  border: none;
}

#schedule h2:before {
  content: "\f073";
}
#schedule #ai1ec-container .ai1ec-day-stretcher {
  height: 150px;
}
@media screen and (max-width: 640px) {
  #schedule #ai1ec-container .ai1ec-day-stretcher {
    height: 50px;
  }
}
#schedule #ai1ec-container .ai1ec-date {
  background: transparent !important;
  border-top: none;
}
#schedule footer.ai1ec-event-footer {
  display: none !important;
}
#schedule .ai1ec-field-label {
  display: none;
}
#schedule .ai1ec-field-value {
  padding: 0 0 0 1em;
}
#schedule .ai1ec-allday-badge {
  background-color: #F99DB4;
}
#schedule .ai1ec-calendar-link {
  border: 1px solid #F99DB4;
  border-radius: 9999em;
  background-color: transparent;
}
#schedule article {
  margin-bottom: 2em;
}
#schedule article .header {
  width: 100%;
  overflow: hidden;
  padding-bottom: 20px;
}
#schedule article .header .title {
  font-weight: bold;
  font-size: x-large;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #ccc;
  /*margin-bottom: 0.25em;*/
}
#schedule article .header .title:before {
  /*
  content: "\f192";
  font-family: FontAwesome;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  width: 1.25em;
  text-align: left;
  */
}
#schedule article .header .date {
  float: right;
}
#schedule article .body p {
  margin-bottom: 0.5em;
}

/*
body.sp #schedule {
	#ai1ec-container {
		.ai1ec-day-stretcher {
			height: 50px;
		}
	}
}
*/
/*_____ sidebar _____*/
aside {
  /*_____ Youtube _____*/
  /*_____ Twitter _____*/
}
@media screen and (max-width: 640px) {
  aside {
    display: none;
  }
}
aside #youtube h2:before {
  content: "\f16a";
}
aside #youtube ul {
  list-style: none;
}
aside #youtube ul li {
  margin-bottom: 10px;
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}
aside #youtube ul li iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
aside #twitter h2:before {
  content: "\f099";
}
aside #twitter > div, aside #twitter .twitter-timeline {
  height: 600px;
}
aside #links {
  display: none;
}
aside #links h2:before {
  content: "\f14c";
}
aside #links ul {
  list-style: none;
}
aside #links ul li a img {
  width: 100%;
  border-radius: 5px;
}

/*
body.sp aside {
	display: none;
}
*/
/*_____ footer _____*/
footer {
  background-color: #4EC0AC;
  background: -webkit-linear-gradient(#A7E0D6, #4EC0AC);
  background: -moz-linear-gradient(#A7E0D6, #4EC0AC);
  background: -o-linear-gradient(#A7E0D6, #4EC0AC);
  background: -ms-linear-gradient(#A7E0D6, #4EC0AC);
  background: linear-gradient(#A7E0D6, #4EC0AC);
  background: url(../img/stripe.png), -webkit-gradient(linear, left top, left bottom, from(#A7E0D6), to(#4EC0AC));
  padding: 1em;
  color: fff;
}
@media screen and (max-width: 640px) {
  footer {
    padding: 0.5em;
  }
}
footer > div {
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  footer > div {
    width: 100%;
  }
}
@media screen and (min-Width: 1220px) {
  footer > div {
    width: 1220px;
  }
}
footer > div p {
  padding-left: 0%;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 640px) {
  footer > div p {
    margin-bottom: 0;
    text-align: center;
  }
}
footer > div > ul {
  list-style: none;
  width: 100%;
  margin-left: 0%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
@media screen and (max-width: 640px) {
  footer > div > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
footer > div > ul > li {
  width: 25%;
}
@media screen and (max-width: 640px) {
  footer > div > ul > li {
    width: 50%;
  }
}
footer > div > ul > li ul {
  list-style: none;
}
@media screen and (max-width: 640px) {
  footer > div > ul > li ul li {
    font-size: 1.25rem;
    line-height: 1.75em;
  }
}
footer > div > ul > li ul li a {
  color: #fff !important;
}
footer > div > ul > li ul li:before {
  content: "\f054";
  font-family: FontAwesome;
  font-size: normal;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  width: 1em;
  text-align: left;
}
footer > div > ul > li:last-child {
  width: 50%;
}
@media screen and (max-width: 640px) {
  footer > div > ul > li:last-child {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 640px) {
  footer > div > ul > li:last-child ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
footer > div > ul > li:last-child ul li {
  text-align: right;
}
footer > div > ul > li:last-child ul li img.pixiv {
  height: 55px;
}
footer > div > ul > li:last-child ul li img.cure {
  height: 45px;
  margin-bottom: 5px;
}
footer > div > ul > li:last-child ul li img.booth {
  height: 40px;
}
@media screen and (max-width: 640px) {
  footer > div > ul > li:last-child ul li {
    width: -moz-calc((100% - 2rem) / 3);
    width: -o-calc((100% - 2rem) / 3);
    width: -webkit-calc((100% - 2rem) / 3);
    width: calc((100% - 2rem) / 3);
    /* usage: @include calc(width, "100% - 1rem"); */
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  footer > div > ul > li:last-child ul li img {
    width: 100%;
    height: auto !important;
  }
}
footer > div > ul > li:last-child ul > li:before {
  content: none;
}
footer > div .credit {
  padding: 0;
  text-align: center;
  font-size: small;
}
footer > div .credit span {
  font-family: sans-serif;
}

 /*
body.sp footer {
	padding: 0.5em;
	> div {
		width: 100%;
		p {
			margin-bottom: 0;
		}
		> ul {
			> li {
				width: 50%;
				ul {
					li {
						font-size: small;
						line-height: 1.5em;
					}
				}
			}
			> li:last-child {
				clear: both;
				padding-top: 1em;
				float: none;
				width: 100%;
				ul {
					li {
						text-align: center;
						img.pixiv {
							height: 30px;
						}
						img.cure {
							height: 28px;
							margin-bottom: 3px;
						}
						img.booth {
							height: 26px;
						}
					}
				}
			}
		}
	}
}
*/
/*_____ news _____*/
.news_cat_release {
  background-color: #f69 !important;
  color: #fff !important;
}

.news_cat_event {
  background-color: #f96 !important;
  color: #fff !important;
}

.news_cat_live {
  background-color: #ff0 !important;
  color: #666 !important;
}

.news_cat_media {
  background-color: #6c6 !important;
  color: #fff !important;
}

.news_cat_etc {
  background-color: #69f !important;
  color: #fff !important;
}

#news_cat {
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  #news_cat {
    margin-bottom: 10px;
  }
}
#news_cat ul {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  list-style: none;
}
@media screen and (max-width: 640px) {
  #news_cat ul {
    text-align: center;
  }
}
#news_cat ul li {
  width: 20%;
  float: left;
  /*
  a:hover {
  	background:-webkit-linear-gradient(#ffc, #ff9);
  	background:-moz-linear-gradient(#ffc, #ff9);
  	background:-o-linear-gradient(#ffc, #ff9);
  	background:-ms-linear-gradient(#ffc, #ff9);
  	background:linear-gradient(#ffc, #ff9);
  }
  */
}
@media screen and (max-width: 640px) {
  #news_cat ul li {
    float: none;
    display: inline;
  }
}
#news_cat ul li a {
  display: block;
  width: 90%;
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
  line-height: 1em;
  padding: 0.5em;
  border-radius: 99em;
  color: #4EC0AC;
}
@media screen and (max-width: 640px) {
  #news_cat ul li a {
    width: 100%;
    display: inline;
    margin: 0;
    padding: 0.25em 0.35em;
    border-radius: 0;
    text-align: center;
    font-size: small;
    border-radius: 9em;
  }
}

/*
body.sp #news_cat {
	margin-bottom: $global_margin / 2;
	ul {
		text-align: center;
		li {
			float: none;
			display: inline;
			a {
				width: 100%;
				display: inline;
				margin: 0;
				padding: 0.25em 0.35em;;
				border-radius: 0;
				text-align: center;
				font-size: small;
				border-radius: 9em;
			}
			a:hover {
				background:none;
			}
		}
	}
}
*/
#news h2:before {
  content: "\f1ea";
}
#news article {
  margin-bottom: 2rem;
}
#news article .header {
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  #news article .header {
    padding-bottom: 0;
  }
}
#news article .header .title {
  font-size: 1.75rem;
  line-height: 1.5em;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0.5rem;
}
#news article .header .title a {
  color: #333;
}
#news article .header .title a:hover {
  color: #00c;
}
#news article .header .title a::after {
  content: "";
  font-family: FontAwesome;
  display: inline-block;
  content: '\f105';
}
#news article .header .title:before {
  /*
  content: "\f192";
  font-family: FontAwesome;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  width: 1.25em;
  text-align: left;
  */
}
#news article .header .cat {
  float: left;
  line-height: 1em;
  padding: 0.5em 1em;
  border-radius: 2em;
  color: #fff;
}
@media screen and (max-width: 640px) {
  #news article .header .cat {
    font-size: 1.25rem;
    line-height: 1em;
    padding: 0.25em 0.5em;
  }
}
#news article .header .date {
  float: right;
}
#news article .body p {
  margin-bottom: 0.5em;
}
#news article .body img {
  max-width: 100%;
  height: auto;
}

/*
body.sp #news {
	article {
		.header {
			padding-bottom: 0;
			.cat {
				font-size: small;
				padding: 0.25em 0.5em;
			}
		}
	}
}
*/
/*_____ profile _____*/
article#profile h2:before {
  content: "\f182";
}
article#profile .about {
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (max-width: 640px) {
  article#profile .about {
    margin-bottom: 1rem;
  }
}
article#profile .about > p {
  display: inline-block;
  font-weight: bold;
  background: linear-gradient(transparent 50%, #ffff66 50%);
  font-size: 3rem;
  line-height: 1em;
  padding: 0.25em 0.5em;
  margin-bottom: 1rem;
}
@media screen and (max-width: 640px) {
  article#profile .about > p {
    font-size: 2rem;
    line-height: 1em;
  }
}
article#profile .about div {
  text-align: left;
}
article#profile .family > p {
  font-weight: bold;
  font-size: xx-large;
  margin-bottom: 1em;
  width: 85%;
  position: relative;
  background: #93DFB8;
  color: #fff;
  text-align: center;
  padding: 0.5em 0.5em;
  margin: 0em auto 1.5em;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 640px) {
  article#profile .family > p {
    width: 90%;
    font-size: 1.5rem;
    line-height: 2em;
    padding: 0em;
    margin-bottom: 2.5em;
  }
}
article#profile .family > p:before, article#profile .family > p:after {
  content: "";
  position: absolute;
  display: block;
  bottom: -1em;
  border: 1em solid #7AC69F;
  z-index: -1;
}
article#profile .family > p:before {
  left: -1.5em;
  border-right-width: 1.5em;
  border-left-color: transparent;
}
article#profile .family > p:after {
  right: -1.5em;
  border-left-width: 1.5em;
  border-right-color: transparent;
}
article#profile .family > p span:before, article#profile .family > p span:after {
  content: "";
  position: absolute;
  display: block;
  border-style: solid;
  border-color: #60AC85 transparent transparent transparent;
  bottom: -1em;
}
article#profile .family > p span:before {
  left: 0;
  border-width: 1em 0 0 1em;
}
article#profile .family > p span:after {
  right: 0;
  border-width: 1em 1em 0 0;
}
article#profile .team {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  margin-bottom: 40px;
}
article#profile .team .nijicon {
  text-align: center;
  background-color: #ffd1e6;
  width: 60%;
  height: 158px;
  padding: 2%;
  border-radius: 10px 0 0px 10px;
  box-shadow: 0px 5px 0px 0px #ffd1e6;
}
@media screen and (max-width: 640px) {
  article#profile .team .nijicon {
    width: 55%;
    height: 153px;
  }
}
article#profile .team .nijicon .main {
  background-color: #f6f5fa;
  margin-bottom: 8px;
  box-shadow: 0px 5px 0px 0px #e3c7e0;
  font-size: 28px;
  font-weight: bold;
  color: #fe538e;
  border-radius: 10px 0 0px 0px;
}
@media screen and (max-width: 640px) {
  article#profile .team .nijicon .main {
    font-size: 13px;
  }
}
article#profile .team .nijicon .main div {
  padding: 15px 10px;
  width: 100%;
}
article#profile .team .nijicon .main a {
  color: #fe538e;
}
article#profile .team .nijicon .group {
  display: -webkit-flex;
  display: flex;
  color: #FFF;
}
article#profile .team .nijicon .group a {
  color: #fff;
}
article#profile .team .nijicon .group .red {
  background: url(../img/stripe.png), -webkit-gradient(linear, left top, left bottom, from(#e83f36), to(#e83f36));
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.35);
  width: 50%;
  box-shadow: 0px 5px 0px 0px #cd2d30;
  font-size: 24px;
  font-weight: bold;
  border-radius: 0px 0 0px 10px;
}
@media screen and (max-width: 640px) {
  article#profile .team .nijicon .group .red {
    font-size: 16px;
    width: 45%;
  }
}
article#profile .team .nijicon .group .red div {
  padding: 15px;
  padding-top: 23px;
  width: 100%;
}
article#profile .team .nijicon .group .blue {
  background: url(../img/stripe.png), -webkit-gradient(linear, left top, left bottom, from(#007bff), to(#007bff));
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.35);
  width: 50%;
  margin-left: 3px;
  box-shadow: 0px 5px 0px 0px #0e64b8;
  font-size: 16px;
  font-weight: bold;
  line-height: 130%;
}
@media screen and (max-width: 640px) {
  article#profile .team .nijicon .group .blue {
    font-size: 13px;
    width: 55%;
  }
}
article#profile .team .nijicon .group .blue p {
  font-size: 18px;
}
@media screen and (max-width: 640px) {
  article#profile .team .nijicon .group .blue p {
    font-size: 12px;
    line-height: 140%;
  }
}
article#profile .team .nijicon .group .blue div {
  padding: 15px 10px;
  width: 100%;
}
article#profile .team .yellow {
  background: url(../img/stripe.png), -webkit-gradient(linear, left top, left bottom, from(#ffe100), to(#ffe100));
  text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.35);
  width: 20%;
  height: 158px;
  border-radius: 0px 10px 10px 0px;
  margin-left: 3px;
  box-shadow: 0px 5px 0px 0px #d2ab29;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  article#profile .team .yellow {
    height: 153px;
    width: 25%;
  }
}
@media screen and (max-width: 640px) {
  article#profile .team .yellow {
    font-size: 13px;
    line-height: 130%;
  }
}
article#profile .team .yellow p {
  font-size: 18px;
}
@media screen and (max-width: 640px) {
  article#profile .team .yellow p {
    font-size: 13px;
  }
}
article#profile .team .yellow div {
  padding: 15px 10px;
  padding-top: 50px;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 640px) {
  article#profile .team .yellow div {
    padding-top: 60px;
  }
}
article#profile .team .yellow a {
  color: #000;
}
article#profile .team .yokasei {
  background: url(../img/stripe.png), -webkit-gradient(linear, left top, left bottom, from(#f3bddd), to(#f3bddd));
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.35);
  width: 20%;
  height: 158px;
  border-radius: 0px 10px 10px 0px;
  margin-left: 3px;
  box-shadow: 0px 5px 0px 0px #df98c8;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #FFF;
}
@media screen and (max-width: 640px) {
  article#profile .team .yokasei {
    height: 153px;
  }
}
@media screen and (max-width: 640px) {
  article#profile .team .yokasei {
    font-size: 13px;
  }
}
article#profile .team .yokasei div {
  padding: 15px 10px;
  padding-top: 60px;
  width: 100%;
  height: 100%;
}
article#profile .team .yokasei a {
  color: #FFF;
}
article#profile .team .niji {
  background: url(../img/stripe.png), -webkit-gradient(linear, left top, left bottom, from(#f3bddd), to(#f3bddd));
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.35);
  width: 20%;
  height: 158px;
  border-radius: 0px 0px 0px 0px;
  margin-left: 3px;
  box-shadow: 0px 5px 0px 0px #df98c8;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #FFF;
}
@media screen and (max-width: 640px) {
  article#profile .team .niji {
    height: 153px;
  }
}
@media screen and (max-width: 640px) {
  article#profile .team .niji {
    font-size: 13px;
  }
}
article#profile .team .niji div {
  padding: 15px 10px;
  padding-top: 60px;
  width: 100%;
  height: 100%;
}
article#profile .team .niji a {
  color: #FFF;
}
@media screen and (max-width: 640px) {
  article#profile .members {
    padding: 0 0.5rem;
  }
}
article#profile .members > p {
  font-weight: bold;
  font-size: xx-large;
  margin-bottom: 1em;
  width: 85%;
  position: relative;
  background: #93DFB8;
  color: #fff;
  text-align: center;
  padding: 0.5em 0.5em;
  margin: 0em auto 2em;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 640px) {
  article#profile .members > p {
    width: 90%;
    font-size: 1.5rem;
    line-height: 2em;
    padding: 0em;
    margin-bottom: 2.5em;
  }
}
article#profile .members > p:before, article#profile .members > p:after {
  content: "";
  position: absolute;
  display: block;
  bottom: -1em;
  border: 1em solid #7AC69F;
  z-index: -1;
}
article#profile .members > p:before {
  left: -1.5em;
  border-right-width: 1.5em;
  border-left-color: transparent;
}
article#profile .members > p:after {
  right: -1.5em;
  border-left-width: 1.5em;
  border-right-color: transparent;
}
article#profile .members > p span:before, article#profile .members > p span:after {
  content: "";
  position: absolute;
  display: block;
  border-style: solid;
  border-color: #60AC85 transparent transparent transparent;
  bottom: -1em;
}
article#profile .members > p span:before {
  left: 0;
  border-width: 1em 0 0 1em;
}
article#profile .members > p span:after {
  right: 0;
  border-width: 1em 1em 0 0;
}
article#profile .members .unit {
  margin: 0 10px;
  margin-bottom: 30px;
  padding: 20px;
  background: #FFD2E6;
  border: 2px dashed #fff;
  border-radius: 20px;
  box-shadow: 0 0 0 10px #FFD2E6;
}
@media screen and (max-width: 640px) {
  article#profile .members .unit {
    margin: 0;
    margin-bottom: 15px;
    padding: 10px;
    background: #FFD2E6;
    border: 2px dashed #fff;
    border-radius: 10px;
    box-shadow: 0 0 0 5px #FFD2E6;
  }
}
article#profile .members .unit > p.name {
  font-size: 2rem;
  line-height: 1.2em;
  font-weight: bold;
  font-size: xx-large;
  margin-bottom: 0.5em;
  color: #f69;
  text-shadow: 1px 1px 2px white;
}
@media screen and (max-width: 640px) {
  article#profile .members .unit > p.name {
    font-size: 1.9rem;
    line-height: 1em;
    margin-bottom: 1rem;
  }
}
article#profile .members .unit > p.name:before {
  content: "\f005";
  font-family: FontAwesome;
  font-size: normal;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  width: 1.25em;
  text-align: left;
}
article#profile .members .unit > p.pic {
  line-height: 0;
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  article#profile .members .unit > p.pic {
    margin-bottom: 1rem;
  }
}
article#profile .members .unit > p.pic img {
  width: 100%;
  border-radius: 5px;
}
article#profile .members .unit ul {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  list-style: none;
}
article#profile .members .unit ul li {
  line-height: 0;
  width: -moz-calc((100% - 2rem) / 3);
  width: -o-calc((100% - 2rem) / 3);
  width: -webkit-calc((100% - 2rem) / 3);
  width: calc((100% - 2rem) / 3);
  /* usage: @include calc(width, "100% - 1rem"); */
  margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
  article#profile .members .unit ul li {
    width: -moz-calc((100% - 1rem) / 2);
    width: -o-calc((100% - 1rem) / 2);
    width: -webkit-calc((100% - 1rem) / 2);
    width: calc((100% - 1rem) / 2);
    /* usage: @include calc(width, "100% - 1rem"); */
  }
}
@media screen and (min-Width: 1220px) {
  article#profile .members .unit ul li {
    width: -moz-calc((100% - 3rem) / 4);
    width: -o-calc((100% - 3rem) / 4);
    width: -webkit-calc((100% - 3rem) / 4);
    width: calc((100% - 3rem) / 4);
    /* usage: @include calc(width, "100% - 1rem"); */
  }
}
article#profile .members .unit ul li a {
  margin: 0 auto;
  display: block;
  text-align: center;
  line-height: 1em;
}
article#profile .members .unit ul li a img {
  width: 100%;
  border-radius: 5px;
}
article#profile .members .unit ul li a p {
  margin-top: 0.25em;
}
article#profile .members .unit ul.sep {
  border-top: 1px dashed #FFF;
  margin-top: 20px;
  padding-top: 20px;
}
article#profile .members .unit#nijicon ul::after {
  content: '';
  width: -moz-calc((100% - 2rem) / 3);
  width: -o-calc((100% - 2rem) / 3);
  width: -webkit-calc((100% - 2rem) / 3);
  width: calc((100% - 2rem) / 3);
  /* usage: @include calc(width, "100% - 1rem"); */
}
@media screen and (min-Width: 1220px) {
  article#profile .members .unit#beboga ul::after {
    content: '';
    width: -moz-calc((100% - 1rem) / 2);
    width: -o-calc((100% - 1rem) / 2);
    width: -webkit-calc((100% - 1rem) / 2);
    width: calc((100% - 1rem) / 2);
    /* usage: @include calc(width, "100% - 1rem"); */
  }
}
@media screen and (min-Width: 1220px) {
  article#profile .members .unit#yokasei ul::after {
    content: '';
    width: -moz-calc((100% - 1rem) / 2);
    width: -o-calc((100% - 1rem) / 2);
    width: -webkit-calc((100% - 1rem) / 2);
    width: calc((100% - 1rem) / 2);
    /* usage: @include calc(width, "100% - 1rem"); */
  }
}
article#profile .members .unit:last-child {
  margin-bottom: 0;
}
article#profile .prof .flexslider {
  height: auto !important;
  background-color: transparent !important;
  border: none !important;
  margin: 0 0 2em 0 !important;
  width: 50%;
  float: right;
}
@media screen and (max-width: 640px) {
  article#profile .prof .flexslider {
    width: 100%;
    float: none;
    margin-bottom: 1rem !important;
  }
}
article#profile .prof .flexslider .flex-control-nav {
  bottom: -1em !important;
}
article#profile .prof .flexslider img {
  border-radius: 2em;
}
article#profile .prof .profBody {
  float: left;
  width: 50%;
  padding-right: 20px;
}
@media screen and (max-width: 640px) {
  article#profile .prof .profBody {
    float: none;
    width: 100%;
  }
}
article#profile .prof .profBody .status {
  float: left;
  display: inline;
  background-color: #f9c;
  line-height: 1em;
  padding: 0.5em;
  margin-top: 0.25em;
  margin-left: 0.75em;
  border-radius: 0.5em;
  color: #fff;
}
@media screen and (max-width: 640px) {
  article#profile .prof .profBody .status {
    padding: 0.25em;
    border-radius: 0.25em;
    margin-top: 0.25em;
    margin-left: 0.25em;
  }
}
article#profile .prof .profBody h3 {
  float: left;
  font-size: 300%;
  line-height: 1em;
  color: #f9c;
  margin-bottom: 10px;
  text-shadow: 1px 1px 4px white, 1px -1px 4px white, -1px 1px 4px white, -1px -1px 4px white;
}
@media screen and (max-width: 640px) {
  article#profile .prof .profBody h3 {
    font-size: xx-large;
    margin-bottom: 0;
  }
}
article#profile .prof .profBody .kana {
  clear: both;
  margin-bottom: 10px;
  letter-spacing: 1em;
  color: #f9c;
  text-shadow: 1px 1px 4px white, 1px -1px 4px white, -1px 1px 4px white, -1px -1px 4px white;
}
@media screen and (max-width: 640px) {
  article#profile .prof .profBody .kana {
    letter-spacing: 0.5em;
    margin-bottom: 0;
  }
}
article#profile .prof .profBody dl {
  width: 100%;
  overflow: hidden;
  margin-bottom: 1em;
}
@media screen and (max-width: 640px) {
  article#profile .prof .profBody dl {
    font-size: small;
    line-height: 2em;
  }
}
article#profile .prof .profBody dl dt {
  width: 10em;
  float: left;
  text-align: left;
  font-weight: bold;
  margin-top: -1px;
}
article#profile .prof .profBody dl dd {
  padding-left: 10em;
  border-top: 1px solid ccc;
  margin-top: -1px;
}
@media screen and (max-width: 640px) {
  article#profile .prof .profBody dl dd:last-child {
    width: 100%;
    padding: 0;
  }
}
article#profile .prof .profSub .report {
  clear: both;
  width: 75%;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  article#profile .prof .profSub .report {
    width: 100%;
  }
}
article#profile .prof .profSub .report p {
  text-align: center;
}
article#profile .prof .profSub .report a img {
  width: 100%;
  border: 1px solid #000;
}
article#profile .prof .profSub .report a.pc {
  display: inline;
}
@media screen and (max-width: 640px) {
  article#profile .prof .profSub .report a.pc {
    display: none;
  }
}
article#profile .prof .profSub .report a.sp {
  display: none;
}
@media screen and (max-width: 640px) {
  article#profile .prof .profSub .report a.sp {
    display: inline;
  }
}

/*
body.sp article#profile {
	.about {
		margin-bottom: 0;
		> p {
			font-size: 140%;
		}
	}
	.members {
		> p {
			width:90%;
			font-size: small;
			padding: 0em;
			margin-bottom: 2.5em;
		}
		padding: 1em;
		dd {
			margin-bottom: 0;
			li {
				width: 33.33333%;
				margin: 0 0 0.5em 0;
				a {
					width: 95%;
					margin: 0 auto;
				}
			}
		}
		.unit {
			$stitch_width: 5px;
			margin: 0;
			margin-bottom: $stitch_width * 3;
			padding: $stitch_width * 2;
			background: $c_pink;
			border: 2px dashed #fff;
			border-radius: $stitch_width * 2;
			box-shadow: 0 0 0 $stitch_width $c_pink;
			> p.name {
				font-size: large;
				margin-bottom: 0;
			}
			> p.pic {
				img {
					border-radius: $global_margin / 2;
				}
			}
			ul {
				li {
					width: 33%;
					a {
						p {
							font-size: small;
						}
					}
				}
			}
			dl {
				dt {
					font-size: small;
					margin-bottom: 0;
				}
				dd {
					margin-bottom: 0;
					ul {
						li {
							width: 33%;
							a {
								p {
									font-size: small;
								}
							}
						}
					}
				}
			}
		}
	}
	.prof {
		.flexslider {
			width: 100%;
			float: none;
		}
		.profBody {
			width: 100%;
			float: none;
			h3 {
				font-size: xx-large;
				margin-bottom: 0;
			}
			p.status {
				padding: 0.25em;
				border-radius: 0.25em;
				margin-top: 0.25em;
				margin-left: 0.25em;
			}
			p.kana {
				letter-spacing: 0.5em;
				margin-bottom: 0;
			}
			dl {
				font-size: small;
				line-height: 2em;
				dt {
					
				}
				dd {
					
				}
				dd:last-child {
					width: 100%;
					padding: 0;
				}
			}
		}
		.profSub {
			.report {
				width: 100%;
				a.pc {
					display: none;
				}
				a.sp {
					display: inline;
				}
			}
		}
	}
}
*/
article#blog h2:before {
  content: "\f02d";
}
@media screen and (max-width: 640px) {
  article#blog .members {
    padding: 0 0.5rem;
  }
}
article#blog .members > p {
  font-weight: bold;
  font-size: xx-large;
  margin-bottom: 1em;
  width: 85%;
  position: relative;
  background: #93DFB8;
  color: #fff;
  text-align: center;
  padding: 0.5em 0.5em;
  margin: 0em auto 2em;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 640px) {
  article#blog .members > p {
    width: 90%;
    font-size: 1.5rem;
    line-height: 2em;
    padding: 0em;
    margin-bottom: 2.5em;
  }
}
article#blog .members > p:before, article#blog .members > p:after {
  content: "";
  position: absolute;
  display: block;
  bottom: -1em;
  border: 1em solid #7AC69F;
  z-index: -1;
}
article#blog .members > p:before {
  left: -1.5em;
  border-right-width: 1.5em;
  border-left-color: transparent;
}
article#blog .members > p:after {
  right: -1.5em;
  border-left-width: 1.5em;
  border-right-color: transparent;
}
article#blog .members > p span:before, article#blog .members > p span:after {
  content: "";
  position: absolute;
  display: block;
  border-style: solid;
  border-color: #60AC85 transparent transparent transparent;
  bottom: -1em;
}
article#blog .members > p span:before {
  left: 0;
  border-width: 1em 0 0 1em;
}
article#blog .members > p span:after {
  right: 0;
  border-width: 1em 1em 0 0;
}
article#blog .members .unit {
  margin: 0 10px;
  margin-bottom: 30px;
  padding: 20px;
  background: #FFD2E6;
  border: 2px dashed #fff;
  border-radius: 20px;
  box-shadow: 0 0 0 10px #FFD2E6;
}
@media screen and (max-width: 640px) {
  article#blog .members .unit {
    margin: 0;
    margin-bottom: 15px;
    padding: 10px;
    background: #FFD2E6;
    border: 2px dashed #fff;
    border-radius: 10px;
    box-shadow: 0 0 0 5px #FFD2E6;
  }
}
article#blog .members .unit > p.name {
  font-size: 2rem;
  line-height: 1.2em;
  font-weight: bold;
  font-size: xx-large;
  margin-bottom: 0.5em;
  color: #f69;
  text-shadow: 1px 1px 2px white;
}
@media screen and (max-width: 640px) {
  article#blog .members .unit > p.name {
    font-size: 1.9rem;
    line-height: 1em;
    margin-bottom: 1rem;
  }
}
article#blog .members .unit > p.name:before {
  content: "\f005";
  font-family: FontAwesome;
  font-size: normal;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  width: 1.25em;
  text-align: left;
}
article#blog .members .unit > p.pic {
  line-height: 0;
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  article#blog .members .unit > p.pic {
    margin-bottom: 1rem;
  }
}
article#blog .members .unit > p.pic img {
  width: 100%;
  border-radius: 5px;
}
article#blog .members .unit ul {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  list-style: none;
}
article#blog .members .unit ul li {
  line-height: 0;
  margin-bottom: 10px;
}
article#blog .members .unit ul li a {
  margin: 0 auto;
  display: block;
  text-align: center;
  line-height: 1em;
}
article#blog .members .unit ul li a img {
  width: 100%;
  border-radius: 5px;
}
article#blog .members .unit ul li a p {
  margin-top: 0.25em;
}
article#blog .members .unit#nijicon ul::after {
  content: '';
  width: -moz-calc((100% - 2rem) / 3);
  width: -o-calc((100% - 2rem) / 3);
  width: -webkit-calc((100% - 2rem) / 3);
  width: calc((100% - 2rem) / 3);
  /* usage: @include calc(width, "100% - 1rem"); */
}
@media screen and (min-Width: 1220px) {
  article#blog .members .unit#beboga ul::after {
    content: '';
    width: -moz-calc((100% - 1rem) / 2);
    width: -o-calc((100% - 1rem) / 2);
    width: -webkit-calc((100% - 1rem) / 2);
    width: calc((100% - 1rem) / 2);
    /* usage: @include calc(width, "100% - 1rem"); */
  }
}
@media screen and (min-Width: 1220px) {
  article#blog .members .unit#yokasei ul::after {
    content: '';
    width: -moz-calc((100% - 1rem) / 2);
    width: -o-calc((100% - 1rem) / 2);
    width: -webkit-calc((100% - 1rem) / 2);
    width: calc((100% - 1rem) / 2);
    /* usage: @include calc(width, "100% - 1rem"); */
  }
}
article#blog .members .unit:last-child {
  margin-bottom: 0;
}
article#blog .prof .flexslider {
  height: auto !important;
  background-color: transparent !important;
  border: none !important;
  margin: 0 0 2em 0 !important;
  width: 50%;
  float: right;
}
@media screen and (max-width: 640px) {
  article#blog .prof .flexslider {
    width: 100%;
    float: none;
    margin-bottom: 1rem !important;
  }
}
article#blog .prof .flexslider .flex-control-nav {
  bottom: -1em !important;
}
article#blog .prof .flexslider img {
  border-radius: 2em;
}
article#blog .prof .profBody {
  float: left;
  width: 50%;
  padding-right: 20px;
}
@media screen and (max-width: 640px) {
  article#blog .prof .profBody {
    float: none;
    width: 100%;
  }
}
article#blog .prof .profBody .status {
  float: left;
  display: inline;
  background-color: #f9c;
  line-height: 1em;
  padding: 0.5em;
  margin-top: 0.25em;
  margin-left: 0.75em;
  border-radius: 0.5em;
  color: #fff;
}
@media screen and (max-width: 640px) {
  article#blog .prof .profBody .status {
    padding: 0.25em;
    border-radius: 0.25em;
    margin-top: 0.25em;
    margin-left: 0.25em;
  }
}
article#blog .prof .profBody h3 {
  float: left;
  font-size: 300%;
  line-height: 1em;
  color: #f9c;
  margin-bottom: 10px;
  text-shadow: 1px 1px 4px white, 1px -1px 4px white, -1px 1px 4px white, -1px -1px 4px white;
}
@media screen and (max-width: 640px) {
  article#blog .prof .profBody h3 {
    font-size: xx-large;
    margin-bottom: 0;
  }
}
article#blog .prof .profBody .kana {
  clear: both;
  margin-bottom: 10px;
  letter-spacing: 1em;
  color: #f9c;
  text-shadow: 1px 1px 4px white, 1px -1px 4px white, -1px 1px 4px white, -1px -1px 4px white;
}
@media screen and (max-width: 640px) {
  article#blog .prof .profBody .kana {
    letter-spacing: 0.5em;
    margin-bottom: 0;
  }
}
article#blog .prof .profBody dl {
  width: 100%;
  overflow: hidden;
  margin-bottom: 1em;
}
@media screen and (max-width: 640px) {
  article#blog .prof .profBody dl {
    font-size: small;
    line-height: 2em;
  }
}
article#blog .prof .profBody dl dt {
  width: 10em;
  float: left;
  text-align: left;
  font-weight: bold;
  margin-top: -1px;
}
article#blog .prof .profBody dl dd {
  padding-left: 10em;
  border-top: 1px solid ccc;
  margin-top: -1px;
}
@media screen and (max-width: 640px) {
  article#blog .prof .profBody dl dd:last-child {
    width: 100%;
    padding: 0;
  }
}
article#blog .prof .profSub .report {
  clear: both;
  width: 75%;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  article#blog .prof .profSub .report {
    width: 100%;
  }
}
article#blog .prof .profSub .report p {
  text-align: center;
}
article#blog .prof .profSub .report a img {
  width: 100%;
  border: 1px solid #000;
}
article#blog .prof .profSub .report a.pc {
  display: inline;
}
@media screen and (max-width: 640px) {
  article#blog .prof .profSub .report a.pc {
    display: none;
  }
}
article#blog .prof .profSub .report a.sp {
  display: none;
}
@media screen and (max-width: 640px) {
  article#blog .prof .profSub .report a.sp {
    display: inline;
  }
}

#discography h2:before {
  content: "\f001";
}
#discography .newrelease {
  width: 100%;
  overflow: hidden;
  padding-bottom: 2em;
}
@media screen and (max-width: 640px) {
  #discography .newrelease {
    margin-bottom: 0;
  }
}
#discography .newrelease h3 {
  font-size: xx-large;
  font-weight: bold;
  margin-bottom: 0.25em;
  padding: 0.25em 0;
}
@media screen and (max-width: 640px) {
  #discography .newrelease h3 {
    font-size: large;
    margin-bottom: 0;
  }
}
#discography .newrelease h3:before {
  content: "\f06a";
  font-family: FontAwesome;
  font-size: normal;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  width: 1em;
  text-align: left;
}
#discography .newrelease p.jacket {
  float: left;
  width: 50%;
}
@media screen and (max-width: 640px) {
  #discography .newrelease p.jacket {
    float: none;
    width: 100%;
    margin-bottom: 5px;
  }
}
#discography .newrelease p.jacket a img {
  width: 100%;
}
#discography .newrelease div {
  float: right;
  width: 50%;
  padding-left: 20px;
}
@media screen and (max-width: 640px) {
  #discography .newrelease div {
    width: 100%;
    float: none;
    padding-left: 0;
  }
}
#discography .newrelease div p.sub {
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1em;
  padding: 0.5rem;
  background-color: #f69;
  color: #fff;
  border-radius: 0.25rem;
  margin-bottom: 0.25rem;
}
#discography .newrelease div p.title {
  font-size: 3rem;
  line-height: 1.25em;
  font-weight: bold;
  color: #f69;
  margin-bottom: 0.25rem;
}
@media screen and (max-width: 640px) {
  #discography .newrelease div p.title {
    font-size: 3rem;
    line-height: 1.25em;
  }
}
#discography .newrelease div p.date {
  margin-bottom: 1rem;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  #discography .newrelease div p.date {
    font-size: 1.6rem;
    line-height: 1em;
    text-align: right;
  }
}
#discography .newrelease div p.desc {
  font-size: 1.6rem;
  line-height: 1.5em;
}
#discography .newrelease div p.detail {
  width: 100%;
  overflow: hidden;
  padding-top: 0.5em;
}
#discography .newrelease div p.detail a {
  text-align: center;
  white-space: nowrap;
  font-size: 1.6rem;
  line-height: 1em;
  padding: 1rem;
  border: 1px solid #f63;
  color: #f63;
  border-radius: 4px;
  float: right;
}
@media screen and (max-width: 640px) {
  #discography .newrelease div p.detail a {
    float: none;
    display: block;
  }
}
#discography .past > ul {
  width: 100%;
  overflow: hidden;
  list-style: none;
}
#discography .past > ul > li {
  /*
  width: 33.333333%;
  float: left;
  */
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}
#discography .past > ul > li > p {
  clear: both;
  width: 200px;
  height: 200px;
  float: left;
  margin-right: 20px;
  text-align: center;
}
@media screen and (max-width: 640px) {
  #discography .past > ul > li > p {
    width: 100px;
    height: 100px;
    margin-right: 10px;
  }
}
#discography .past > ul > li > p a {
  display: block;
}
#discography .past > ul > li > p a img {
  width: 100%;
}
#discography .past > ul > li > div {
  overflow: hidden;
}
#discography .past > ul > li > div p.sub {
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1em;
  padding: 0.5rem;
  background-color: #f69;
  color: #fff;
  border-radius: 0.25rem;
  margin-bottom: 0.25rem;
}
#discography .past > ul > li > div p.title {
  font-size: 3rem;
  line-height: 1.25em;
  font-weight: bold;
  color: #f69;
  margin-bottom: 0.25rem;
}
@media screen and (max-width: 640px) {
  #discography .past > ul > li > div p.title {
    font-size: 2rem;
    line-height: 1.25em;
  }
}
#discography .past > ul > li > div p.date {
  margin-bottom: 1rem;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  #discography .past > ul > li > div p.date {
    font-size: 1.6rem;
    line-height: 1em;
  }
}
#discography .past > ul > li > div p.desc {
  font-size: 1.5rem;
  line-height: 1.5em;
}
#discography .past > ul > li > div p.buy {
  width: 100%;
  overflow: hidden;
  padding-top: 0.5em;
}
#discography .past > ul > li > div p.buy a {
  text-align: center;
  white-space: nowrap;
  font-size: 1.6rem;
  line-height: 1em;
  padding: 1rem;
  border: 1px solid #f63;
  color: #f63;
  border-radius: 4px;
  float: right;
}

/*
body.sp article#discography {
	.newrelease {
		margin-bottom: 0;
		h3 {
			font-size: large;
			margin-bottom: 0;
		}
		p.jacket {
			float: none;
			width: 100%;
			margin-bottom: $global_margin / 4;
			img {
				width :100%;
			}
			a {
				padding: 0.25em;
			}
		}
		div {
			width: 100%;
			float: none;
			padding-left: 0;
			p.title {
				text-align: center;
				font-size: large;
			}
			p.date {
				text-align: center;
			}
			p.desc {
				line-height: 1.5em;
			}
			p.detail a {
				display: block;
				margin: 0 auto;
				text-align:center;
				font-size: x-large;
				padding: 0.25em;
				letter-spacing: 0.5em;
			}
		}
	}
	ul {
		li {
			> p {
				width: 100px;
				height: 100px;
				margin-right: $global_margin / 2;
				a {
					img {
					}
				}
			}
			> div {
				p.title {
					font-size: large;
					line-height: 1em;
				}
				p.date {
					font-size: small;
				}
				p.price {
					font-size: small;
				}
				p.desc {
					font-size: small;
					line-height: 1.25em;
				}
				p.buy {
					a {
						font-size: x-small;
					}
				}
			}
		}
	}
}
*/
#discography .discodetail div.release {
  width: 100%;
  overflow: hidden;
  margin-bottom: 2rem;
}
#discography .discodetail div.release p.jacket {
  width: 50%;
  float: left;
  margin-right: 20px;
}
#discography .discodetail div.release p.jacket img {
  width: 100%;
}
@media screen and (max-width: 640px) {
  #discography .discodetail div.release p.jacket {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
}
#discography .discodetail div.release > div {
  overflow: hidden;
}
#discography .discodetail div.release > div p.sub {
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1em;
  padding: 0.5rem;
  vertical-align: super;
  background-color: #f69;
  color: #fff;
  border-radius: 0.25rem;
  margin-bottom: 0.25rem;
}
#discography .discodetail div.release > div p.title {
  font-size: 3rem;
  line-height: 1em;
  font-weight: bold;
  color: #f69;
}
#discography .discodetail div.release > div p.date {
  font-weight: bold;
  margin-bottom: 1rem;
}
#discography .discodetail div.release > div .tracks ol {
  margin-left: 2em;
}
#discography .discodetail div.release > div .tracks ol li {
  list-style-type: decimal;
}
#discography .discodetail div.release > div .tracks ul {
  margin: 0;
  padding: 0;
}
#discography .discodetail div.release > div .specialSiteLink {
  margin-top: 1rem;
}
#discography .discodetail div.release > div .specialSiteLink a {
  display: block;
  color: #f69;
  font-size: 1.6rem;
  line-height: 1em;
  padding: 1rem;
  text-align: center;
  border: 1px solid #f69;
  border-radius: 0.25rem;
}
@media screen and (max-width: 640px) {
  #discography .discodetail div.release > div .specialSiteLink a {
    font-size: 1.6rem;
    line-height: 1em;
  }
}
#discography .discodetail.bouken .remix {
  margin-top: 1rem;
  font-weight: bold;
}
#discography .discodetail .desc {
  margin-bottom: 1em;
  font-size: 1.6rem;
  line-height: 1.5em;
}
#discography .discodetail .mv {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 1em;
}
#discography .discodetail .mv iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#discography .discodetail .campaignBtn {
  margin-bottom: 20px;
  text-align: center;
}
#discography .discodetail .campaignBtn a {
  display: block;
  margin: 0 auto;
  background-color: #F99DB4;
  font-size: large;
  padding: 0.25em;
  width: 50%;
  border-radius: 0.25em;
  color: #ff0;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  #discography .discodetail .campaignBtn a {
    width: 100%;
  }
}
#discography .discodetail .campaignBtn a:before, #discography .discodetail .campaignBtn a:after {
  content: "\f071";
  font-family: FontAwesome;
  font-size: normal;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  width: 1em;
  text-align: center;
}
#discography .discodetail #campaign {
  margin-top: 1em;
}
#discography .discodetail #campaign h3 {
  color: #F99DB4;
  text-align: center;
}
#discography .discodetail .discs {
  border: 1px solid #F99DB4;
  border-radius: 1rem;
  padding: 1rem 1rem 0 1rem;
}
#discography .discodetail .discs > p {
  text-align: center;
  color: #F99DB4;
  font-size: xx-large;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 640px) {
  #discography .discodetail .discs > p {
    font-size: x-large;
  }
}
#discography .discodetail .discs ul {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
#discography .discodetail .discs ul > li {
  width: 33.3333%;
  margin-bottom: 1rem;
}
@media screen and (max-width: 640px) {
  #discography .discodetail .discs ul > li {
    width: 50%;
  }
}
#discography .discodetail .discs ul > li p.jacket {
  width: 100%;
  height: auto;
  text-align: center;
  line-height: 0;
  margin-bottom: 0.5rem;
}
#discography .discodetail .discs ul > li p.jacket img {
  width: 90%;
}
#discography .discodetail .discs ul > li div {
  /*white-space: nowrap;*/
  text-align: center;
  line-height: 1.5em;
  margin: 0 1rem;
}
@media screen and (max-width: 640px) {
  #discography .discodetail .discs ul > li div {
    margin: 0 0.5rem;
  }
}
#discography .discodetail .discs ul > li div p.title {
  font-size: 1.6rem;
  line-height: 1em;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
#discography .discodetail .discs ul > li div p.detail {
  font-size: 1.25rem;
  line-height: 1em;
}
#discography .discodetail .discs ul > li div p.detail span {
  display: inline-block;
}
#discography .discodetail .discs ul > li div p.detail span:not(:last-child) {
  margin-right: 0.5rem;
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 640px) {
  #discography .discodetail .discs ul > li div p.detail span {
    display: block;
    margin-right: 0;
  }
}
#discography .discodetail .discs ul > li div span {
  font-size: small;
}
#discography .discodetail .discs ul > li div div.tracks {
  margin-top: 0.5rem;
}
#discography .discodetail .discs ul > li div div.tracks p {
  text-align: left;
  font-size: 1.25rem;
  line-height: 1.2em;
}
#discography .discodetail .discs ul > li div div.tracks ol li {
  font-size: 1.25rem;
  line-height: 1.2em;
  margin-left: 1.5rem;
  text-align: left;
  list-style-type: decimal;
}
#discography .discodetail .discs ul > li div div.tracks ol li:not(:last-child) {
  margin-bottom: 0.25rem;
}
#discography .discodetail p.buy {
  width: 100%;
  overflow: hidden;
  padding-top: 0.5em;
}
#discography .discodetail p.buy a {
  text-align: center;
  white-space: nowrap;
  font-size: 1.6rem;
  line-height: 1em;
  padding: 1rem;
  border: 1px solid #f63;
  color: #f63;
  border-radius: 4px;
  float: left;
}

/*
body.sp #discography .yarukkyanai, body.sp #discography .uchouten {
	div.release {
		p.jacket {
			width: 100%;
			float: none;
			margin-bottom: $global_margin / 2;
		}
	}
	.campaignBtn {
		a {
			width: 100%;
		}
	}
	ul.discs {
		padding: $global_margin/4 $global_margin/4 0 $global_margin/4;
		> p {
			font-size: x-large;
		}
		li {
			width: 50%;
			font-size: small;
			span {
				font-size: x-small;
			}
		}
	}
}
*/
#discography .uchouten div.release div .tracks ol {
  margin-bottom: 1em;
}
#discography .uchouten div.release div .tracks ul li {
  margin: 0;
}
#discography .uchouten div.release div .tracks ul li em {
  font-style: normal;
  font-weight: bold;
  color: #f39;
}
#discography .uchouten .campaignBtn a {
  background-color: #39f;
}
#discography .uchouten ul.discs {
  border-color: 39f;
}
#discography .uchouten ul.discs p {
  color: 39f;
}
#discography .uchouten #campaign h3 {
  color: 39f;
}

#discography .rainbowspectrum ul.discs li {
  width: 50%;
}
#discography .rainbowspectrum .tracks em {
  font-style: normal;
  font-weight: bold;
  color: #f69;
}

/*
#gallery {
	h2:before {
		content: "\f1c5";
	}
	#masonry {
		.item {
			width: 25%;
			p {
				padding: $global_margin / 2;
				text-align:center;
				img {
					width: 100%;
					}
			}
		}
	}
}
body.sp #gallery {
	#masonry {
		.item {
			width: 25%;
			p {
				padding: $global_margin / 4;
				img {
				}
			}
		}
	}
}
*/
#fanclub h2:before {
  content: "\f004";
}
#fanclub h3 {
  margin-bottom: 20px;
}
#fanclub h3 img {
  width: 100%;
  border-radius: 20px;
}
#fanclub .about {
  margin-bottom: 1em;
  font-size: large;
}
#fanclub .about em {
  background: linear-gradient(transparent 50%, #ffff66 50%);
  font-style: normal;
}
#fanclub dl.desc {
  margin-bottom: 1em;
  padding: 0 20px;
}
#fanclub dl.desc dt {
  font-weight: bold;
  margin-bottom: 10px;
}
#fanclub dl.desc dd {
  margin-bottom: 2em;
}
#fanclub dl.desc dd ol, #fanclub dl.desc dd ul {
  margin-bottom: 1em;
}
#fanclub dl.desc dd ol li, #fanclub dl.desc dd ul li {
  margin-bottom: 1em;
}
#fanclub dl.desc dd ol em, #fanclub dl.desc dd ul em {
  background: linear-gradient(transparent 50%, #ffff66 50%);
  font-style: normal;
}
#fanclub .point {
  border: 1px solid #F99DB4;
  padding: 1em;
  border-radius: 1em;
  margin-bottom: 1em;
}
#fanclub .point h4 {
  text-align: center;
  font-size: x-large;
}
#fanclub .point h4 span {
  background: linear-gradient(transparent 50%, #ffff66 50%);
}
#fanclub .point dl {
  margin-bottom: 1em;
}
#fanclub .point dl dt {
  font-weight: bold;
}
#fanclub .point dl dt:before {
  content: "\f004";
  font-family: FontAwesome;
  font-size: normal;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  width: 1.25em;
  text-align: left;
  color: #fd0;
}
#fanclub .point dl dd {
  margin-left: 1em;
}
#fanclub .point .tokuten {
  margin-bottom: 1em;
}
#fanclub .point .tokuten p {
  text-align: center;
  font-weight: bold;
}
#fanclub .point .tokuten ul {
  list-style: none;
  margin-left: 1em;
}
#fanclub .point .tokuten ul li:before {
  content: "\f06b";
  font-family: FontAwesome;
  font-size: normal;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  width: 1.25em;
  text-align: left;
  color: #F99DB4;
}
#fanclub .point div.shigematsu {
  font-size: normal;
  line-height: 1.5em;
  border-radius: 0.5em;
  padding: 0.5em;
  background-color: #fff;
}
#fanclub .point div.shigematsu p {
  color: #f00;
}
#fanclub .point ul.notice {
  list-style: none;
  font-size: small;
  line-height: 1.75em;
  margin-bottom: 1em;
}
#fanclub .point .tokuten2 em {
  background: linear-gradient(transparent 50%, #ffff66 50%);
  font-style: normal;
}

#tsushinbo h2:before {
  content: "\f040";
}
#tsushinbo h3 {
  margin-bottom: 0.5em;
}
#tsushinbo .about p {
  margin-bottom: 0.5em;
}
#tsushinbo .about table {
  float: right;
  margin: 0 0 20px 20px;
  border-collapse: collapse;
}
@media screen and (max-width: 640px) {
  #tsushinbo .about table {
    float: none;
    margin: 0 auto 0.5em auto;
  }
}
#tsushinbo .about table thead tr {
  background-color: #fff;
}
#tsushinbo .about table th, #tsushinbo .about table td {
  border: 1px solid #333;
  padding: 0.5em;
}
#tsushinbo .about table .k1 {
  background-color: #f00;
  color: #fff;
}
#tsushinbo .about table .k2 {
  background-color: #f60;
  color: #fff;
}
#tsushinbo .about table .k3 {
  background-color: #ff0;
  color: #000;
}
#tsushinbo .about table .k4 {
  background-color: #9f9;
  color: #000;
}
#tsushinbo .about table .k5 {
  background-color: #0c0;
  color: #000;
}
#tsushinbo .about table .k6 {
  background-color: #0ff;
  color: #000;
}
#tsushinbo .about table .k7 {
  background-color: #69f;
  color: #000;
}
#tsushinbo .about table .k8 {
  background-color: #66f;
  color: #fff;
}
#tsushinbo .about table .k9 {
  background-color: #90f;
  color: #fff;
}
#tsushinbo .about table tbody tr td {
  background: transparent url(../img/w75.png) scroll repeat center top;
  color: #000;
}
#tsushinbo .pcomment {
  border: 1px solid #F99DB4;
  padding: 1em;
  overflow: hidden;
  border-radius: 1em;
  margin-top: 1em;
}
#tsushinbo .pcomment h4 {
  text-align: center;
  font-weight: bold;
  font-size: large;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 640px) {
  #tsushinbo .pcomment h4 {
    font-size: 90%;
  }
}
#tsushinbo .pcomment h4 span {
  background: linear-gradient(transparent 50%, #ffff66 50%);
}
#tsushinbo .pcomment p {
  font-size: small;
  line-height: 2em;
  margin-bottom: 0.5em;
}

/*
body.sp #tsushinbo {
	.about {
		table {
			float: none;
			margin: 0 auto 0.5em auto;
		}
	}
	.pcomment {
		h4 {
			font-size: 90%;
		}
	}
}
*/
#contact h2:before {
  content: "\f0e0";
}

#loader {
  position: fixed;
  background-color: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10000;
  /*
  .sk-circle {
  	margin: 0 !important;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	//-webkit-transform: translate(-50%, -50%);
  	//transform: translate(-50%, -50%);
  	@include transform( translate(-50%, -50%) );
  }
  */
}
#loader img {
  width: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: loadingAnim 1s ease 0s infinite;
  -moz-animation: loadingAnim 1s ease 0s infinite;
  animation: loadingAnim 1s ease 0s infinite;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes loadingAnim {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes loadingAnim {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loadingAnim {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}

/*# sourceMappingURL=style.css.map */