@charset "utf-8";


/**************************************************50
 * playing
 **************************************************/
[id^="playing_"] .link_to_roud{
	margin: 20px 10px;
	width: 170px;
}
[id^="playing_"] div:last-child .link_to_roud{
	margin: 20px 10px 0;
}
[id^="playing_"] .list_note{
	color: #FF0000;
	font-size: 87.5%;
}

/* -- banner -- */
#playing_bnr{
	margin-bottom: 50px;
}
#playing_bnr > li{
	text-align: center;
}
#playing_bnr > li + li{
	margin-top: 20px;
}
#playing_bnr > li img{
	width: 100%;
}

/* -- message -- */
#playing_message{
	margin-bottom: 50px;
	text-align: center;
}
#playing_message > strong.serif{
	color: #A1BAFE;
	display: block;
	font-size: 175%;
	line-height: 1.2;
}
#playing_message > * + *{
	margin-top: 20px;
}

/* -- flow -- */
#playing_flow{
}
#playing_flow figure{
	position: relative;
}
#playing_flow figure + figure{
	margin-top: 80px;
}
#playing_flow figure + figure:before{
	border-color: #6482dd transparent transparent transparent;
	border-style: solid;
	border-width: 20px 25px 0 25px;
	content: "";
	display: block;
	height: 0;
	position: absolute;
	top: -40px;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 0;
}
#playing_flow figure > div{
	text-align: center;
}
#playing_flow figure > div img{
	width: 260px;
}
#playing_flow figure figcaption{
}
#playing_flow figure figcaption h3{
	color: #6482DD;
	font-size: 125%;
	padding: 0 20px;
}
#playing_flow figure figcaption > p{
	padding: 0 20px;
}
#playing_flow figure figcaption > p strong{
	color: #6482DD;
}
#playing_flow figure figcaption .list_note{
	color: #FF0000;
	font-size: 87.5%;
	padding: 0 20px;
}
#playing_flow figure figcaption > div{
	padding: 0 20px;
}
#playing_contact{
	margin: 20px 0;
}
#playing_contact:after{
	clear: both;
	content: "";
	display: block;
}
#playing_contact p{
	float: left;
	margin-right: 20px;
}
#playing_contact p strong{
	display: block;
	font-size: 200%;
	line-height: 1;
}
#playing_contact p strong .mdi{
	color: #6482DD;
}

/* -- notes -- */
#playing_notes{
	margin-top: 50px;
	padding: 0 20px;
}
#playing_notes > div:first-child{
	border: 1px solid #6482DD;
	padding: 20px;
}
#playing_notes > div:first-child h2{
	color: #6482DD;
	font-size: 150%;
	line-height: 1.2;
	margin-bottom: 10px;
}
#playing_notes > div:first-child .list_star > li:before{
	color: #6482DD;
}
#playing_notes > div:first-child .list_note{
	color: #FF0000;
	font-size: 87.5%;
}