@charset "UTF-8";



/* -------------------------------------------------------------------------- */
/* -- header -- */
header {
	position: relative;
}
header h1.mainimg {
	position: relative;
	z-index: 10;
}
header h1.title img,
header h1.mainimg img {
	width: 100%;
	height: 0;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
header h1.mainimg img {
	padding-top: 36%;
	background-image: url("../images/header_mainimg0204.jpg");
}
header .ostBtn {
	position: absolute;
	z-index: 11;
}
header .ostBtn img {
	width: 100%;
	height: auto;
}
/* ----------------------------- */
body:not(.sphone) header .title {
	padding: 1rem 0 0;
}
body:not(.sphone) header .title img {
	padding-top: 13.8%;
	background-image: url("../images/header_title_pc.png");
}
body:not(.sphone) header .ostBtn {
	right: 1rem;
	top: 4vw;
	width: 8rem;
}
/* ----------------------------- */
.sphone header .title {
	padding: 12% 0 3%;
}
.sphone header .title img {
	padding-top: 66%;
	background-image: url("../images/header_title_sp.png");
}
.sphone header .ostBtn {
	right: 1%;
	top: 50vw;
	width: 21vw;
}


/* -------------------------------------------------------------------------- */
/* -- #musicListArea -- */
#musicListArea {
	letter-spacing: -.4em;
}
#musicListArea img {
	width: 100%;
	height: auto;
}
#musicListArea h2 {
	position: relative;
	width: 100%;
	text-align: center;
}
#musicListArea h2 span {
	display: inline-block;
}
#musicListArea h2::before,
#musicListArea h2::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 2px;
	background-color: #ea6d8d;
}
#musicListArea h2::before {
	left: 0;
}
#musicListArea h2::after {
	right: 0;
}
#musicListArea .sonyuArea,
#musicListArea .syudaiArea {
	box-sizing: border-box;
}
#musicListArea ul li {
	position: relative;
	top: 0;
	transition: all 180ms 0s ease-out;
}
#musicListArea ul li:hover,
#musicListArea ul li:focus {
	top: 2px;
	opacity: .5;
}

/* ----------------------------- */
body:not(.sphone) #musicListArea {
	padding: 1rem 0 2rem;
	letter-spacing: -.4em;
}
body:not(.sphone) #musicListArea .sonyuArea,
body:not(.sphone) #musicListArea .syudaiArea {
	margin-top: 1.5rem;
	display:inline-block;
	letter-spacing: normal;
	vertical-align:top;
	*display: inline;
	*zoom: 1;
}
body:not(.sphone) #musicListArea h2::before,
body:not(.sphone) #musicListArea h2::after {
	width: 30%;
}
body:not(.sphone) #musicListArea h2 span {
	width: 36%;
}
body:not(.sphone) #musicListArea h3 {
	width: 16vw;
	margin: auto;
}
body:not(.sphone) #musicListArea .sonyuArea {
	width: 56%;
}
body:not(.sphone) #musicListArea .sonyuArea ul {
	letter-spacing: -.4em;
	margin-left: 6%;
}
body:not(.sphone) #musicListArea .sonyuArea ul li {
	width: calc(calc(100% / 4) - 2%);
	margin: .5rem 1% 0;
	display:inline-block;
	letter-spacing: normal;
	vertical-align:top;
	*display: inline;
	*zoom: 1;
}
body:not(.sphone) #musicListArea .syudaiArea {
	width: 44%;
}
body:not(.sphone) #musicListArea .syudaiArea ul {
	letter-spacing: -.4em;
	text-align: center;
	/*margin-left: 10%;*/
}
body:not(.sphone) #musicListArea .syudaiArea ul li {
	width: 40%;
	margin: .5rem 1.5% 0;
	display:inline-block;
	letter-spacing: normal;
	vertical-align:top;
	*display: inline;
	*zoom: 1;
}
/* ----------------------------- */
.sphone #musicListArea {
	padding: 4% 0;
}
.sphone #musicListArea h2 {
	box-sizing: border-box;
	padding: 0 2% 2%;
	border-bottom: #ea6d8d 2px solid;
}
.sphone #musicListArea h3 {
	width: 80%;
	margin: auto auto 2%;
}
.sphone #musicListArea .sonyuArea,
.sphone #musicListArea .syudaiArea {
	margin: 4% 2% 0;
}
.sphone #musicListArea .sonyuArea ul {
	letter-spacing: -.4em;
}
.sphone #musicListArea .sonyuArea ul li {
	width: 49%;
	margin-top: 1%;
	display:inline-block;
	letter-spacing: normal;
	vertical-align:top;
	*display: inline;
	*zoom: 1;
}
.sphone #musicListArea .sonyuArea ul li:nth-child(odd) {
	margin-right: 2%;
}
.sphone #musicListArea .syudaiArea ul li {
	width: 76%;
	margin: 1% auto 0;
}


/* -------------------------------------------------------------------------- */
/* -- #bnrArea -- */
#bnrArea {
	position: relative;
	box-sizing: border-box;
	letter-spacing: -.4em;
}
#bnrArea p {
	display:inline-block;
	letter-spacing: normal;
	vertical-align:top;
	*display: inline;
	*zoom: 1;
}
#bnrArea p img {
	width: 100%;
	height: auto;
}
body:not(.sphone) #bnrArea {
	margin-bottom: 2rem;
	margin-left: 1rem;
	margin-right: 1.5rem;
	padding-left: .5rem;
	text-align: center;
}
body:not(.sphone) #bnrArea p {
	width: calc(calc(100% / 5) - .5rem);
	margin-right: .5rem;
	margin-top: .5rem;
}
.sphone #bnrArea {
	margin: 0 2% 5%;
}
.sphone #bnrArea p {
	width: calc(calc(100% / 2) - 1%);
	margin-top: 2%;
}
.sphone #bnrArea p:nth-of-type(odd) {
	margin-right: 2%;
}




/* -------------------------------------------------------------------------- */
/* -- #mainArea -- */
article#mainArea {
	position: relative;
	background-color: #f1f5f7;
}
#mainArea section h2 {
	position: relative;
	text-align: center;
}
#mainArea section h2 span {
	position: relative;
}
#mainArea section h2 span.back::after {
	content: '';
	display: inline-block;
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #fbcad6;
}
#mainArea section h2 span.txt {
	display: inline-block;
	z-index: 2;
	font-family: 'Raleway', sans-serif;
	color: #5dc1cf;
}
/* ----------------------------- */
body:not(.sphone) #mainArea {
	margin-top: 1rem;
	padding: 2rem 0 2rem;
}
body:not(.sphone) #mainArea section:not(:first-of-type) {
	margin-top: 4rem;
}
body:not(.sphone) #mainArea section h2 {
	padding-bottom: .5em;
}
body:not(.sphone) #mainArea section h2 span.back::after {
	height: 1.1em;
	bottom: -.5em;
}
body:not(.sphone) #mainArea section h2 span.txt {
	height: .75em;
	padding: .2em .7em 0;
	line-height: .7em;
	letter-spacing: .14em;
	font-size: 2.3em;
}
/* ----------------------------- */
.sphone #mainArea {
	margin-top: 3%;
	padding: 12% 0 4%;
}
.sphone #mainArea section:not(:first-of-type) {
	margin-top: 12%;
}
.sphone #mainArea section h2 {
	padding-bottom: .3em;
}
.sphone #mainArea section h2 span.back::after {
	height: .8em;
	bottom: -.3em;
}
.sphone #mainArea section h2 span.txt {
	height: .75em;
	padding: .2em .4em 0;
	line-height: .7em;
	letter-spacing: .14em;
	font-size: 1.7em;
}
.sphone #mainArea section .txtArea {
	padding-left: 3%;
	padding-right: 3%;
}


/* -------------------------------------------------------------------------- */
/* -- .motionItem -- */
.fadeinItem {
	opacity: 0;
}
.fadeinItem.motionItem {
	animation-name: fadeinItem;
	animation-duration: .9s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	animation-direction: alternate;
}
@keyframes fadeinItem {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.fadeinItem.motionItem h2 {
	top: -1rem;
	animation-name: fadeinItemH2;
	animation-duration: .6s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	animation-direction: alternate;
}
@keyframes fadeinItemH2 {
	0% {
		top: -1rem;
	}
	100% {
		top: 0;
	}
}
.fadeinItem.motionItem .txtArea {
	opacity: 0;
	top: 1rem;
	animation-name: fadeinItemTxt;
	animation-duration: .6s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	animation-direction: alternate;
	animation-delay: .4s;
}
@keyframes fadeinItemTxt {
	0% {
		opacity: 0;
		top: 1rem;
	}
	100% {
		opacity: 1;
		top: 0;
	}
}


/* -------------------------------------------------------------------------- */
/* -- #News -- */
body:not(.sphone) #twitterArea {
	width: 500px;
	margin: auto;
}
.sphone #twitterArea {
	width: 90%;
	margin: auto;
}


/* -------------------------------------------------------------------------- */
/* -- #News -- */
#News #tumblrList {
	position: relative;
	overflow: scroll;
	height: 200px;
}
#News dl dt {
	box-sizing: border-box;
	position: relative;
	z-index: 5;
}
#News dl dd {
	position: relative;
	border-bottom: #c4dde1 2px solid;
}
#News dl dd::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	background-color: #fff;
	transition: all 220ms 0s ease-out;
}
#News dl dd:hover::before,
#News dl dd:focus::before {
	width: 100%;
}
#News dl a {
	position: relative;
	display: block;
	text-decoration: none;
}
/* ----------------------------- */
body:not(.sphone) #News dl {
	width: 900px;
	margin: 1.5rem auto 0;
	/*border-top: #c4dde1 2px solid;*/
}
body:not(.sphone) #News dl dt {
	float: left;
	width: 6.5em;
	padding-left: .5em;
	padding-top: .5rem;
	padding-bottom: .5rem;
}
body:not(.sphone) #News dl dd {
	padding-left: 6.5em;
	padding-top: .5rem;
	padding-bottom: .5rem;
}
body:not(.sphone) #News dl dd:first-of-type {
	border-top: #c4dde1 2px solid;
}
/* ----------------------------- */
.sphone #News dl {
	margin-top: 4%;
}
/*.sphone #News dl::before {
	content: '';
	position: absolute;
	left: 3%;
	top: 0;
	width: 94%;
	height: 2px;
	background-color: #c4dde1;
}*/
.sphone #News dl dt {
	padding-top: 2%;
}
.sphone #News dl dt:first-of-type {
	border-top: #c4dde1 2px solid;
}
.sphone #News dl dd {
	padding-bottom: 2%;
}


/* -------------------------------------------------------------------------- */
/* -- #Introduction -- */
/*#Introduction {
	background: url("https://afuriradio.jp/images/intro_img.jpg") center bottom no-repeat #fff;
	background-size: 100% auto;
}*/
#Introduction .txtArea {
	position: relative;
}
#Introduction h3.catch {
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
}
#Introduction .txt {
	text-align: center;
	font-weight: bold;
}
#Introduction .txt .big {
	font-size: 1.4em;
}
/* ----------------------------- */
/*body:not(.sphone) #Introduction {
	padding-top: 1.5rem;
	padding-bottom: 24rem;
}*/
body:not(.sphone) #Introduction h3.catch {
	line-height: 1.4em;
	font-size: 1.6em;
}
body:not(.sphone) #Introduction .txt {
	line-height: 2em;
	font-size: 1.2em;
}
/* ----------------------------- */
/*.sphone #Introduction {
	padding-top: 5%;
	padding-bottom: 40%;
	background-size: 160% auto;
}*/
.sphone #Introduction h3.catch {
	line-height: 1.7em;
	font-size: 1.2em;
}
.sphone #Introduction .txt {
	line-height: 1.8em;
}


/* -------------------------------------------------------------------------- */
/* -- #Story -- */
#Story .photoArea img {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#Story .chartImg img {
	width: 100%;
	height: 0;
	padding-top: 79.2%;
	background-image: url("../images/story_chartimg.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

/* ----------------------------- */
body:not(.sphone) #Story .txtArea {
	width: 60%;
	margin: 3rem auto 2rem;
	line-height: 1.8em;
	font-size: 1.1em;
}
body:not(.sphone) #Story .chartImg {
	margin-top: 2rem;
}
body:not(.sphone) #Story .photoArea li {
	position: relative;
	width: 20%;
}
/* ----------------------------- */
.sphone #Story .txtArea {
	margin: 6% auto;
	line-height: 1.8em;
}
.sphone #Story .chartImg {
	margin-top: 5%;
}
.sphone #Story .photoArea li {
	position: relative;
	width: 44%;
}



/* -------------------------------------------------------------------------- */
/* -- #CastStaff -- */
#CastStaff img {
	width: 100%;
	height: auto;
}
/* ----------------------------- */
body:not(.sphone) #CastStaff h3 {
	letter-spacing: .1em;
	font-size: 1.4em;
}
body:not(.sphone) #CastStaff p.img {
	width: 1050px;
	margin-top: .5rem;
}
/* ----------------------------- */
.sphone #CastStaff h3 {
	letter-spacing: .1em;
	font-size: 1em;
}



/* -------------------------------------------------------------------------- */
/* -- #Ticket -- */
#Ticket h2 .txt {
	font-size: 1.9em;
	font-weight: 400;
}
.sphone #Ticket h2 .txt {
	font-size: 1.5em;
}
#Ticket .ticCat {
	position: relative;
}
#Ticket .ticCat span {
	position: relative;
	display: inline-block;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
}
#Ticket .ticCat span::before {
	content: '数量限定';
	position: absolute;
	top: 0;
	width: 2em;
	height: 2em;
	color: #fff !important;
	background-color: #e14482;
	border-radius: 50%;
}
#Ticket .ticCat span::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent #e14482;
}
#Ticket .nextPretxt {
	position: relative;
}
#Ticket .nextPretxt::after {
	content: '';
	position: absolute;
	right: -.3em;
	bottom: -.2em;
	width: 100%;
	height: 100%;
	background-color: #fef377;
}
#Ticket .nextPretxt * {
	font-family: 'Noto Sans JP', sans-serif;
	color: #fff;
}
#Ticket .nextPretxt span {
	position: relative;
	z-index: 2;
	display: block;
	text-align: center;
	background-color: #e14482;
}
#Ticket .img img {
	width: 100%;
	height: 0;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#Ticket .img1 img {
	padding-top: 56.25%;
	background-image: url("https://afuriradio.jp/images/ticket_img1.jpg");
}
#Ticket .kikan {
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-weight: bold;
	font-family: 'Noto Sans JP', sans-serif;
	color: #fff;
	background-color: #eb6e8e;
}
#Ticket .kikan span {
	margin: auto .1em;
	font-size: 1.4em;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
}
#Ticket .kikan strong {
	font-family: 'Noto Sans JP', sans-serif;
	color: #fdff01;
}
#Ticket .imgList {
	text-align: center;
	letter-spacing: -.4em;
}
#Ticket .imgList li {
	display:inline-block;
	letter-spacing: normal;
	vertical-align:top;
	*display: inline;
	*zoom: 1;
}
#Ticket .imgList img {
	width: 100%;
	height: 0;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#Ticket .imgList1 img {
	padding-top: 70%;
}
#Ticket .imgList1 li:nth-child(1) img {
	background-image: url("../images/ticket_img1-1.png");
}
#Ticket .imgList1 li:nth-child(2) img {
	background-image: url("../images/ticket_img1-2.png");
}
#Ticket .imgList1 li:nth-child(3) img {
	background-image: url("../images/ticket_img1-3.png");
}
#Ticket .imgList2 img {
	padding-top: 161.4%;
}
#Ticket .imgList2 li:nth-child(1) img {
	background-image: url("../images/ticket_img2-1.png");
}
#Ticket .imgList2 li:nth-child(2) img {
	background-image: url("../images/ticket_img2-2.png");
}
#Ticket .imgList2 li:nth-child(3) img {
	background-image: url("../images/ticket_img2-3.png");
}
#Ticket .imgList3 img {
	padding-top: 140%;
}
#Ticket .imgList3 li:nth-child(1) img {
	background-image: url("../images/ticket_img3-1.png");
}
#Ticket .imgList3 li:nth-child(2) img {
	background-image: url("../images/ticket_img3-2.png");
}
#Ticket .imgList3 li:nth-child(3) img {
	background-image: url("../images/ticket_img3-3.png");
}

body:not(.sphone) #Ticket .kikan {
	width: 24em;
	height: 3em;
	padding-top: .8em;
	font-size: 1.2em;
	border-radius: 1.5em;
}
body:not(.sphone) #Ticket .kikan strong::after {
	content: '：';
}
body:not(.sphone) #Ticket .imgList {
	margin-left: auto;
	margin-right: auto;
}
body:not(.sphone) #Ticket .imgList1 {
	width: 70%;
}
body:not(.sphone) #Ticket .imgList2,
body:not(.sphone) #Ticket .imgList3 {
	width: 60%;
}
body:not(.sphone) #Ticket .imgList li {
	width: calc(calc(100% / 3) - 1%);
}
body:not(.sphone) #Ticket .imgList li:not(:last-child) {
	margin-right: 1.5%;
}
.sphone #Ticket .kikan {
	width: 100%;
	padding: .8em 2%;
	font-size: 1.2em;
	border-radius: 1em;
}
.sphone #Ticket .kikan strong {
	display: block;
	margin-bottom: 2%;
	text-align: center;
	font-size: 1.3em;
}
.sphone #Ticket .imgList1 li {
	width: 90%;
	margin-top: 3%;
}
.sphone #Ticket .imgList2 li {
	width: 64%;
}
.sphone #Ticket .imgList3 li {
	width: 64%;
	margin-top: 4%;
}

#Ticket .closeItem {
	position: relative;
}
#Ticket .closeItem::before {
	content: '終了しました';
	position: absolute;
	left: 0;
	right: 0;
	top: -2.8rem;
	width: 12em;
	height: 2.4rem;
	line-height: 2.4rem;
	margin: auto;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	border-radius: 4px;
}
#Ticket .closeItem::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: -.8rem;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 13px 0 13px;
	border-color: #000 transparent transparent transparent;
}
body:not(.sphone) #Ticket .closeItem {
	margin-top: 5rem;
}
.sphone #Ticket .closeItem {
	margin-top: 16%;
}

#Ticket .itemTitle {
	font-weight: bold;
	font-size: 1.2em;
}


/* ----------------------------- */
body:not(.sphone) #Ticket .ticCat {
	font-size: 1.7rem;
}
body:not(.sphone) #Ticket .ticCat span {
	padding-top: .5rem;
}
body:not(.sphone) #Ticket .ticCat span::before {
	left: -5em;
	top: -1.1em;
	padding: .9em 1em 1.1em;
	font-size: 1.2rem;
}
body:not(.sphone) #Ticket .ticCat span::after {
	left: -.8em;
	top: .4em;
	border-width: 7px 0 7px 14px;
}
body:not(.sphone) #Ticket .txtArea {
	margin-top: 2rem;
	font-size: 1.1em;
}
body:not(.sphone) #Ticket .txtArea h4 {
	margin-top: 2.5rem;
	margin-bottom: .5rem;
	text-align: center;
	font-size: 1.7rem;
}
body:not(.sphone) #Ticket .txtArea .txt {
	margin-top: 1rem;
	text-align: center;
	line-height: 1.6em;
	font-size: 1.1em;
}
body:not(.sphone) #Ticket .img1 {
	width: 40%;
	margin: 1rem auto 0;
}
body:not(.sphone) #Ticket .listWidth1 {
	width: 16em;
	margin: .5rem auto 0;
}
body:not(.sphone) #Ticket .nextPretxt {
	width: 30em;
	margin: 2rem auto 0;
	font-size: 1.3rem;
	transform: rotate(-2deg);
}
body:not(.sphone) #Ticket .nextPretxt span {
	padding: .4em 1em .6em;
	font-weight: 700;
}
/* ----------------------------- */
.sphone #Ticket .ticCat {
	font-size: 1.3rem;
}
.sphone #Ticket .ticCat span {
	padding-top: .3rem;
	padding-left: 1em;
}
.sphone #Ticket .ticCat span::before {
	left: -3em;
	top: -1.1em;
	padding: .7em 1em 1.3em;
	font-size: 1rem;
}
.sphone #Ticket .ticCat span::after {
	left: .6em;
	top: .4em;
	border-width: 5px 0 5px 10px;
}
.sphone #Ticket .txtArea {
	margin-top: 10%;
}
.sphone #Ticket .txtArea h4 {
	margin-top: 10%;
	margin-bottom: 2%;
	text-align: center;
	font-size: 1.1rem;
}
.sphone #Ticket .txtArea .txt {
	margin-top: 4%;
	line-height: 1.6em;
	font-size: 1.1em;
}
.sphone #Ticket .img {
	margin-top: 4%;
}
.sphone #Ticket .listWidth1 {
	margin-top: 3%;
}
.sphone #Ticket .nextPretxt {
	width: 98%;
	margin: 5% auto 0;
	line-height: 1.4em;
	font-size: 1.1rem;
	transform: rotate(-2deg);
}
.sphone #Ticket .nextPretxt span {
	padding: .4em 1em .6em;
	font-weight: 700;
}



/* -------------------------------------------------------------------------- */
/* -- #Music -- */
#Music {
	background-color: #fff;
}
#Music .txtArea .jkArea img {
	width: 100%;
	height: 0;
	padding-top: 99.2%;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#Music .txtArea .jkimg1 img {
	background-image: url("../images/music_jk1.jpg");
}
#Music .txtArea .jkimg2 img {
	background-image: url("../images/music_jk2.jpg");
}
#Music .txtArea .jkimg3 img {
	background-image: url("../images/music_jk3.jpg");
}
#Music .discArea h4 {
	padding-left: .5em;
	font-size: 1.1em;
	border-left: #5dc1cf .3em solid;
}
#Music .discArea h5 {
	font-size: 1em;
}
#Music .prof {
	background-color: #e4f2f3;
}
#Music .prof .img img {
	width: 100%;
	height: 0;
	padding-top: 125%;
	background-image: url("../images/music_prof.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
/* .btnArea */
#Music .btnArea {
	letter-spacing: -.4em;
}
#Music .btnArea .btn {
	display:inline-block;
	letter-spacing: normal;
	vertical-align:top;
	*display: inline;
	*zoom: 1;
}
#Music .btnArea2 .btn a {
	font-size: .9em;
}
#Music .btn a {
	display: block;
	position: relative;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: 700;
	border-radius: 4px;
	transition: all 220ms 0s ease-out;
}
#Music .btn_tsujo a {
	background-color: #5dc1cf;
}
#Music .btn_yt a {
	background-color: #e22e28;
}
#Music .btn_tt a {
	background-color: #000;
}
#Music .btn_tw a {
	background-color: #1da1f2;
}
#Music .btn a:hover,.btn a:focus {
	background-color: #b5c7ca;
	box-shadow:0px 0px 6px 0px rgba(255,255,255,.7);
}
#Music .btn a::after {
	content: '';
	position: absolute;
	right: 3%;
	width: .6em;
	height: .6em;
	border: 1px solid;
	border-color: #fff #fff transparent transparent;
	transform: rotate(45deg);
	transition: all 160ms 0s ease-out;
}
#Music .btn a:hover::after,.btn a:focus::after {
	right: 1.5%;
}
#Music .btnArea1 .btn {
	width: 49%;
	margin-bottom: 2%;
}
#Music .btnArea1 .btn:first-of-type {
	margin-right: 2%;
}
#Music .comm h4 {
	font-size: 1.1em;
	border-bottom: #5a5757 1px solid;
}
#Music .musicList {
	margin-left: 1em;
}
#Music .musicList li {
	margin-left: 1em;
	list-style-position: outside;
	list-style-type: decimal-leading-zero;
}
/*#Music .castList .castImg {
	cursor: pointer;
}*/
#Music .castList .castImg img {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#Music #sonyu1 img {
	background-image: url("../images/music_pair0b.jpg");
}
#Music #sonyu2 img {
	background-image: url("../images/music_pair1_2b.jpg");
}
#Music #sonyu3 img {
	background-image: url("../images/music_pair1_1.jpg");
}
#Music #sonyu4 img {
	background-image: url("../images/music_pair2.jpg");
}
#Music #sonyu5 img {
	background-image: url("../images/music_pair3b.jpg");
}
#Music #sonyu6 img {
	background-image: url("../images/music_pair4.jpg");
}
#Music #sonyu7 img {
	background-image: url("../images/music_pair5b.jpg");
}

/* ----------------------------- */
body:not(.sphone) #Music {
	padding: 1rem 0 3rem;
}
body:not(.sphone) #Music .musicCat {
	font-size: 1.6em;
}
body:not(.sphone) #Music .cdTitle {
	line-height: 1.3em;
	font-size: 1.5em;
}
body:not(.sphone) #Music .txtArea {
	width: 74%;
	margin: 2rem auto 0;
	letter-spacing: -.4em;
}
body:not(.sphone) #Music .txtArea>* {
	display:inline-block;
	letter-spacing: normal;
	vertical-align:top;
	*display: inline;
	*zoom: 1;
}
body:not(.sphone) #Music .txtArea .jkArea {
	width: 30%;
}
body:not(.sphone) #Music .txtArea .detailArea {
	width: 67%;
	margin-left: 3%;
}
body:not(.sphone) #Music .prof {
	padding: .5rem;
	letter-spacing: -.4em;
}
body:not(.sphone) #Music .prof>* {
	display:inline-block;
	letter-spacing: normal;
	vertical-align:top;
	*display: inline;
	*zoom: 1;
}
body:not(.sphone) #Music .prof .img {
	width: 30%;
}
body:not(.sphone) #Music .prof .detail {
	width: 67%;
	margin-left: 3%;
}
body:not(.sphone) #Music .comm {
	width: 100%;
}
body:not(.sphone) #Music .discArea h3+*,
body:not(.sphone) #Music .discArea h4+*,
body:not(.sphone) #Music .btnArea2 {
	margin-left: 1em;
}
body:not(.sphone) #Music .btn {
	margin-left: auto;
	margin-right: auto;
}
body:not(.sphone) #Music .btnArea2 .btn {
	width: 40%;
}
body:not(.sphone) #Music .btnArea2 .btn:nth-child(odd) {
	margin-right: 2%;
}
body:not(.sphone) #Music .btn a {
	padding: .7rem 0;
}
body:not(.sphone) #Music .btn a::after {
	top: 38%;
}
body:not(.sphone) #Music .castList .castImg {
	width: 80%;
	margin-top: .5rem;
}

/* ----------------------------- */
.sphone #Music {
	padding: 2% 0 6%;
}
.sphone #Music h3 {
	font-size: 1.3em;
}
.sphone #Music .txtArea {
	margin-top: 4%;
}
.sphone #Music .txtArea .jkArea {
	width: 70%;
	margin: auto;
}
.sphone #Music .txtArea .detailArea {
	margin-top: 4%;
}
.sphone #Music .cdTitle,
.sphone #Music .cdTitle+p {
	text-align: center;
}
.sphone #Music .prof {
	padding: 2%;
}
.sphone #Music .prof .img {
	width: 50%;
	margin: auto;
}
.sphone #Music .prof .detail {
	margin-top: 3%;
}
.sphone #Music .discArea h3+*,
.sphone #Music .discArea h4+*,
.sphone #Music .btnArea2 {
	margin-left: .5em;
}
.sphone .btn {
	width: 90vw;
	margin-left: auto;
	margin-right: auto;
}
.sphone .btn a {
	padding: 5% 0;
}
.sphone .btn a::after {
	top: 38%;
}
.sphone #Music .btnArea2 {
	margin-left: 2%;
	margin-right: 2%;
}
.sphone #Music .btnArea2 .btn {
	width: 49%;
	margin-bottom: 2%;
}
.sphone #Music .btnArea2 .btn:nth-of-type(odd) {
	margin-right: 2%;
}
.sphone #Music .castList .castImg {
	margin-top: 2%;
}