@charset "UTF-8";
/* ==================================================
common
================================================== */

body.page_detail {}

body.page_detail #all_wrap {}

/* ==================================================
main
================================================== */

#area_songs {}

/* .main_block
------------------------------ */

#area_songs .main_block {
	width: 100%;
	border-radius: 8px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
	margin: 0 auto 60px;
	max-width: 800px;
	overflow: hidden;
}

#area_songs .main_block .head {
	background: #000;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.2;
	padding: 8px;
}

#area_songs .main_block .inner {
	padding: 40px 3%;
}

#area_songs .main_block h1 {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 40px;
}

@media screen and (max-width: 800px) {
	#area_songs .main_block h1 {
		text-align: left;
		display: inline-block;
	}
}

#area_songs .main_block .thumb {
	border-radius: 8px;
	max-width: 540px;
	overflow: hidden;
	margin: 0 auto 40px;
	position:relative;
}

/* クリップOFF ※基本設定 */

#area_songs .main_block .thumb .clip {
	cursor: pointer;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 44px;
	height: 44px;
}
#area_songs .main_block .thumb .clip p {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #1a1a1a;
	border-radius: 30px;
}

#area_songs .main_block .thumb p .svg_style {
	fill: #fff;
	width: 32px;
	height: auto;
}

/* クリップON */

#area_songs .main_block .thumb .clip.likeit_add {}

#area_songs .main_block .thumb .clip p.likeit_add {}

#area_songs .main_block .thumb .clip p.likeit_add .svg_style {
	fill: #1CA9E7;
}



#area_songs .main_block .thumb img {}

#area_songs .main_block ul {
	max-width: 320px;
	margin: 0 auto;
	text-align: center;
}

#area_songs .main_block ul li {}

#area_songs .main_block ul li:not(:last-child) {
	margin-bottom: 20px;
}

#area_songs .main_block ul a {
	font-size: 1.6rem;
	background: #e73c64;
	color: #fff;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 38px;
	line-height: 1.2;
	border-radius: 20px;
	padding: 0 15px;
}

#area_songs .main_block ul a em {}

#area_songs .main_block ul .clip {}

#area_songs .main_block ul .clip a {}

#area_songs .main_block ul .clip a span {
	width: calc(100% - 20px);
	padding-right: 16px;
}

#area_songs .main_block ul .clip a::before {
	content: "";
	width: 20px;
	height: 18px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2225%22%20viewBox%3D%220%200%2028%2025%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M12.545%2C24.995%20C12.315%2C24.995%2012.086%2C24.908%2011.911%2C24.733%20C11.560%2C24.384%2011.560%2C23.817%2011.911%2C23.468%20L23.696%2C11.730%20L24.420%2C12.274%20L23.779%2C11.648%20C26.024%2C9.369%2025.990%2C5.696%2023.702%2C3.460%20C22.594%2C2.376%2021.102%2C1.795%2019.575%2C1.802%20C18.022%2C1.817%2016.569%2C2.432%2015.480%2C3.536%20L3.489%2C15.456%20C1.979%2C16.952%201.966%2C19.399%203.459%2C20.909%20C5.050%2C22.494%207.960%2C21.833%208.927%2C20.870%20L20.601%2C9.251%20C21.383%2C8.440%2021.359%2C7.258%2020.613%2C6.546%20C19.869%2C5.835%2018.681%2C5.861%2017.967%2C6.603%20L6.455%2C18.066%20C6.104%2C18.416%205.536%2C18.416%205.185%2C18.066%20C4.834%2C17.717%204.834%2C17.151%205.185%2C16.801%20L16.684%2C5.351%20C18.071%2C3.911%2020.397%2C3.863%2021.856%2C5.256%20C23.316%2C6.649%2023.365%2C8.966%2021.966%2C10.420%20L10.196%2C22.135%20C8.594%2C23.729%204.580%2C24.556%202.184%2C22.169%20C-0.005%2C19.955%200.014%2C16.377%202.221%2C14.190%20L14.205%2C2.277%20C15.622%2C0.839%2017.525%2C0.033%2019.559%2C0.014%20C21.616%2C-0.018%2023.510%2C0.766%2024.961%2C2.184%20C27.954%2C5.110%2028.000%2C9.918%2025.061%2C12.901%20L13.180%2C24.733%20C13.005%2C24.908%2012.775%2C24.995%2012.545%2C24.995%20Z%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	display: inline-block;
	text-indent: 0;
	/*! transform: translateY(0px); */
	margin-left: 3px;
}

#area_songs .main_block ul .radiko {}

#area_songs .main_block ul .radiko a {}

#area_songs .main_block ul .radiko a span {
	width: calc(100% - 20px);
	padding-right: 16px;
}

#area_songs .main_block ul .radiko a::before {
	content: "";
	width: 22px;
	height: 22px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M11.000%2C22.000%20C4.925%2C22.000%20-0.000%2C17.075%20-0.000%2C11.000%20C-0.000%2C4.925%204.925%2C-0.000%2011.000%2C-0.000%20C17.075%2C-0.000%2022.000%2C4.925%2022.000%2C11.000%20C22.000%2C17.075%2017.075%2C22.000%2011.000%2C22.000%20ZM11.000%2C1.000%20C5.486%2C1.000%201.000%2C5.486%201.000%2C11.000%20C1.000%2C16.514%205.486%2C21.000%2011.000%2C21.000%20C16.514%2C21.000%2021.000%2C16.514%2021.000%2C11.000%20C21.000%2C5.486%2016.514%2C1.000%2011.000%2C1.000%20ZM15.773%2C16.852%20L14.783%2C16.129%20L14.894%2C15.979%20C15.574%2C15.043%2015.931%2C13.937%2015.931%2C12.778%20C15.931%2C11.622%2015.574%2C10.515%2014.894%2C9.581%20L14.783%2C9.429%20L15.773%2C8.706%20L15.885%2C8.860%20C16.717%2C10.005%2017.158%2C11.360%2017.158%2C12.778%20C17.158%2C14.200%2016.717%2C15.555%2015.885%2C16.700%20L15.773%2C16.852%20ZM14.415%2C15.631%20L14.302%2C15.785%20L13.312%2C15.062%20L13.423%2C14.908%20C13.875%2C14.287%2014.116%2C13.552%2014.116%2C12.778%20C14.116%2C12.008%2013.875%2C11.273%2013.423%2C10.648%20L13.312%2C10.496%20L14.302%2C9.775%20L14.415%2C9.929%20C15.020%2C10.761%2015.340%2C11.747%2015.340%2C12.778%20C15.340%2C13.811%2015.020%2C14.798%2014.415%2C15.631%20ZM9.492%2C12.307%20L9.492%2C16.178%20L6.625%2C16.178%20L6.625%2C5.664%20L9.492%2C5.664%20L9.492%2C7.100%20C10.681%2C6.190%2012.169%2C5.650%2013.781%2C5.650%20L13.779%2C8.404%20C11.524%2C8.404%209.715%2C10.114%209.492%2C12.307%20ZM11.843%2C11.562%20L12.835%2C10.841%20L12.945%2C10.995%20C13.324%2C11.518%2013.524%2C12.135%2013.524%2C12.778%20C13.524%2C13.425%2013.324%2C14.042%2012.945%2C14.562%20L12.835%2C14.715%20L11.843%2C13.996%20L11.954%2C13.843%20C12.180%2C13.531%2012.299%2C13.163%2012.299%2C12.778%20C12.299%2C12.396%2012.180%2C12.027%2011.954%2C11.717%20L11.843%2C11.562%20Z%22%2F%3E%3C%2Fsvg%3E');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	text-indent: 0;
}

#area_songs .main_block ul .radiko a em {
	font-family: "Ekster-Regular", sans-serif;
	font-weight: normal;
	font-style: normal;
}

#area_songs .main_block ul .homepage {}

#area_songs .main_block ul .homepage a {
	justify-content: center;
}

#area_songs .main_block .credit {
	text-align: left;
	margin-top: 50px;
}

#area_songs .main_block .credit .label {
	position: relative;
	margin-bottom: 30px;
}

#area_songs .main_block .credit .label span {
	background: #000;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	display: inline-block;
	line-height: 1.2;
	padding: 5px;
	width: 100px;
	text-align: center;
}

#area_songs .main_block .credit .label::after {
	content: "";
	display: block;
	width: calc(100% - 100px);
	height: 2px;
	background: #000;
	position: absolute;
	top: 8px;
	left: 100px;
}

#area_songs .main_block .credit dl {
	line-height: 1.4;
}

#area_songs .main_block .credit dl:not(:last-child) {
	margin-bottom: 20px;
}

#area_songs .main_block .credit dl dt {
	margin-bottom: 5px;
}

#area_songs .main_block .credit dl dt::before {}

#area_songs .main_block .credit dl dt a {
	color: #000;
	position: relative;
	display: inline-block;
	padding: 3px 0 0;
	width: 100%;
	max-width: 300px;
}

#area_songs .main_block .credit dl dt a:hover {
	opacity: 0.4;
}

#area_songs .main_block .credit dl dt a::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background: #000;
	transition: all 0.4s ease-out 0s;
}

#area_songs .main_block .credit dl dt a:hover::after {}

#area_songs .main_block .credit dl dd {
	font-family: "Ekster-Regular", sans-serif;
	font-weight: normal;
	font-style: normal;
	text-indent: -20px;
	padding-left: 20px;
}

#area_songs .main_block .credit dl dd::before {
	content: "";
	width: 17px;
	height: 17px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22%23adadad%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(0%2C%200%2C%200)%22%20d%3D%22M7.998%2C0.000%20C10.204%2C0.000%2012.208%2C0.896%2013.654%2C2.342%20L13.689%2C2.377%20C15.113%2C3.823%2016.000%2C5.811%2016.000%2C8.000%20C16.000%2C10.207%2015.105%2C12.207%2013.654%2C13.658%20L13.619%2C13.689%20C12.178%2C15.117%2010.190%2C16.000%207.998%2C16.000%20C5.792%2C16.000%203.792%2C15.109%202.341%2C13.658%20L2.341%2C13.658%20C0.895%2C12.207%20-0.000%2C10.207%20-0.000%2C8.000%20C-0.000%2C5.793%200.895%2C3.793%202.341%2C2.346%20L2.341%2C2.346%20L2.341%2C2.342%20L2.345%2C2.342%20C3.792%2C0.891%205.792%2C0.000%207.998%2C0.000%20L7.998%2C0.000%20ZM11.488%2C7.384%20L11.488%2C7.384%20L8.614%2C7.384%20L8.614%2C2.491%20C8.614%2C2.150%208.339%2C1.870%207.998%2C1.870%20C7.661%2C1.870%207.382%2C2.150%207.382%2C2.491%20L7.382%2C7.987%20L7.382%2C8.004%20C7.382%2C8.341%207.661%2C8.616%207.998%2C8.616%20L11.488%2C8.616%20C11.833%2C8.616%2012.108%2C8.341%2012.108%2C8.004%20C12.108%2C7.664%2011.833%2C7.384%2011.488%2C7.384%20L11.488%2C7.384%20ZM12.785%2C3.216%20L12.785%2C3.216%20C11.558%2C1.988%209.867%2C1.228%207.998%2C1.228%20C6.128%2C1.228%204.438%2C1.984%203.215%2C3.207%20L3.206%2C3.216%20C1.988%2C4.439%201.232%2C6.126%201.232%2C8.000%20C1.232%2C9.870%201.992%2C11.561%203.215%2C12.789%20L3.215%2C12.789%20L3.215%2C12.789%20C4.438%2C14.012%206.128%2C14.768%207.998%2C14.768%20C9.854%2C14.768%2011.532%2C14.025%2012.759%2C12.819%20L12.785%2C12.789%20C14.008%2C11.561%2014.768%2C9.870%2014.768%2C8.000%20C14.768%2C6.143%2014.021%2C4.457%2012.816%2C3.242%20L12.785%2C3.216%20L12.785%2C3.216%20Z%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	display: inline-block;
	text-indent: 0;
	transform: translateY(3px);
	margin-right: 4px;
}

#area_songs .main_block .credit dl dd b {
	text-indent: 0;
	display: inline-block;
}

#area_songs .main_block .credit dl dd b:not(:last-child) {
	margin-right: 5px;
}

#area_songs .main_block .credit .program {}

#area_songs .main_block .credit .program dt {
	font-family: "Ekster-Bold", sans-serif;
	font-weight: normal;
	font-style: normal;
}

#area_songs .main_block .credit .program dt a {}

#area_songs .main_block .credit .program dd {}

#area_songs .main_block .credit .program dd b {}

#area_songs .main_block .credit .radiko {}

#area_songs .main_block .credit .radiko dt {
	font-size: 1.5rem;
	font-weight: bold;
}

#area_songs .main_block .credit .radiko dt a {
	padding-bottom: 3px;
}

#area_songs .main_block .credit .radiko dt a::before {
	content: "";
	width: 18px;
	height: 18px;
	display: inline-block;
	border: 1px solid #000;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 60%;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M11.830%2C13.718%20L11.692%2C13.894%20L10.477%2C13.053%20L10.613%2C12.878%20C11.448%2C11.789%2011.886%2C10.502%2011.886%2C9.153%20C11.886%2C7.808%2011.448%2C6.519%2010.613%2C5.431%20L10.477%2C5.255%20L11.692%2C4.414%20L11.830%2C4.592%20C12.851%2C5.925%2013.393%2C7.502%2013.393%2C9.153%20C13.393%2C10.808%2012.851%2C12.385%2011.830%2C13.718%20ZM10.025%2C12.473%20L9.887%2C12.652%20L8.672%2C11.811%20L8.807%2C11.632%20C9.363%2C10.909%209.658%2C10.053%209.658%2C9.153%20C9.658%2C8.257%209.363%2C7.401%208.807%2C6.674%20L8.672%2C6.497%20L9.887%2C5.658%20L10.025%2C5.836%20C10.768%2C6.804%2011.160%2C7.953%2011.160%2C9.153%20C11.160%2C10.355%2010.768%2C11.504%2010.025%2C12.473%20ZM3.981%2C8.605%20L3.981%2C13.110%20L0.462%2C13.110%20L0.462%2C0.872%20L3.981%2C0.872%20L3.981%2C2.544%20C5.441%2C1.485%207.268%2C0.856%209.246%2C0.856%20L9.244%2C4.062%20C6.476%2C4.062%204.255%2C6.052%203.981%2C8.605%20ZM6.868%2C7.738%20L8.085%2C6.898%20L8.221%2C7.077%20C8.685%2C7.686%208.932%2C8.404%208.932%2C9.153%20C8.932%2C9.906%208.685%2C10.624%208.221%2C11.229%20L8.085%2C11.408%20L6.868%2C10.570%20L7.004%2C10.392%20C7.282%2C10.029%207.427%2C9.600%207.427%2C9.153%20C7.427%2C8.708%207.282%2C8.279%207.004%2C7.918%20L6.868%2C7.738%20Z%22%2F%3E%3C%2Fsvg%3E');
	transform: translateY(3px);
	margin-right: 4px;
}

#area_songs .main_block .credit .radiko dd {}

#area_songs .main_block .credit .radiko dd b {}

/* .sub_block
------------------------------ */

#area_songs .sub_block {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 10px 60px;
}

#area_songs .sub_block h2 {
	font-family: "Ekster-Bold", sans-serif;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	font-size: 2.2rem;
	margin-bottom: 20px;
}

#area_songs .sub_block .comment {
	text-align: left;
}

#area_songs .sub_block .comment p {
	font-size: 1.5rem;
}

#area_songs .sub_block .back_button {
	margin-top: 60px;
}

#area_songs .sub_block .back_button a {
	width: 100%;
	max-width: 300px;
	background: #000;
	color: #fff;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 38px;
	font-family: "Ekster-Bold", sans-serif;
	font-weight: normal;
	font-style: normal;
	padding: 0 15px;
	border-radius: 20px;
}

#area_songs .sub_block .back_button a::after {
	content: "";
	width: 40px;
	height: 11px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233%22%20height%3D%229%22%20viewBox%3D%220%200%2033%209%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M31.907%2C8.999%20L-0.001%2C8.999%20L-0.001%2C6.997%20L27.912%2C6.997%20L18.132%2C1.766%20L19.080%2C0.001%20L32.381%2C7.115%20C32.787%2C7.332%2032.992%2C7.796%2032.880%2C8.242%20C32.768%2C8.687%2032.367%2C8.999%2031.907%2C8.999%20Z%22%2F%3E%3C%2Fsvg%3E');
	transform: translate(0, -2px);
	transition: all 0.4s ease-out 0s;
}

#area_songs .sub_block .back_button a span {
	transform: translateY(1px);
	width: calc(100% - 40px);
	padding-left: 20px;
}

#area_songs .sub_block .back_button a:hover {
	opacity: 0.7;
}

#area_songs .sub_block .back_button a:hover::after {
	transform: translate(5px, -2px);
}

#area_songs .sub_block .back_button a:hover span {}

@media screen and (min-width: 901px) {
	#area_songs {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		flex-direction: row;
		padding: 20px 0;
	}
	/* .main_block
------------------------------ */
	#area_songs .main_block {
		width: 55%;
		margin: 0;
		align-self: flex-start;
	}
	#area_songs .main_block .head {}
	#area_songs .main_block .inner {}
	#area_songs .main_block h1 {}
	#area_songs .main_block .thumb {}
	#area_songs .main_block .thumb img {}
	/* クリップOFF ※基本設定 */
	#area_songs .main_block .thumb .clip {
		position: absolute;
		top: 5px;
		right: 38px;
		width: 44px;
		height: 44px;
	}
	#area_songs .main_block .thumb .clip p {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #1a1a1a;
		border-radius: 30px;
	}
	#area_songs .main_block .thumb .clip p .svg_style {
		width: 50%;
		fill: #fff;
	}
	/* クリップON */
	#area_songs .main_block .thumb .clip.likeit_add {}
	#area_songs .main_block .thumb .clip p.likeit_add {
		background: #fff;
	}
	#area_songs .main_block .thumb .clip p.likeit_add .svg_style {
		fill: #000;
	}
	#area_songs .main_block ul {}
	#area_songs .main_block ul li {}
	#area_songs .main_block ul li:not(:last-child) {}
	#area_songs .main_block ul a {}
	#area_songs .main_block ul a em {}
	#area_songs .main_block ul .clip {}
	#area_songs .main_block ul .clip a {}
	#area_songs .main_block ul .clip a span {}
	#area_songs .main_block ul .clip a::before {}
	#area_songs .main_block ul .radiko {}
	#area_songs .main_block ul .radiko a {}
	#area_songs .main_block ul .radiko a span {}
	#area_songs .main_block ul .radiko a::before {}
	#area_songs .main_block ul .radiko a em {}
	#area_songs .main_block ul .homepage {}
	#area_songs .main_block ul .homepage a {}
	#area_songs .main_block .credit {}
	#area_songs .main_block .credit .label {}
	#area_songs .main_block .credit .label span {}
	#area_songs .main_block .credit .label::after {}
	#area_songs .main_block .credit dl {}
	#area_songs .main_block .credit dl:not(:last-child) {}
	#area_songs .main_block .credit dl dt {}
	#area_songs .main_block .credit dl dt::before {}
	#area_songs .main_block .credit dl dt a {}
	#area_songs .main_block .credit dl dt a:hover {}
	#area_songs .main_block .credit dl dt a::after {}
	#area_songs .main_block .credit dl dt a:hover::after {}
	#area_songs .main_block .credit dl dd {}
	#area_songs .main_block .credit dl dd::before {}
	#area_songs .main_block .credit dl dd b {}
	#area_songs .main_block .credit dl dd b:not(:last-child) {}
	#area_songs .main_block .credit .program {}
	#area_songs .main_block .credit .program dt {}
	#area_songs .main_block .credit .program dt a {}
	#area_songs .main_block .credit .program dd {}
	#area_songs .main_block .credit .program dd b {}
	#area_songs .main_block .credit .radiko {}
	#area_songs .main_block .credit .radiko dt {}
	#area_songs .main_block .credit .radiko dt a {}
	#area_songs .main_block .credit .radiko dt a::before {}
	#area_songs .main_block .credit .radiko dd {}
	#area_songs .main_block .credit .radiko dd b {}
	/* .sub_block
------------------------------ */
	#area_songs .sub_block {
		width: calc(45% - 60px);
		margin: 0;
		padding: 0;
	}
	#area_songs .sub_block h2 {}
	#area_songs .sub_block .comment {}
	#area_songs .sub_block .comment p {
		font-size: 1.6rem;
	}
	#area_songs .sub_block .back_button {}
	#area_songs .sub_block .back_button a {}
	#area_songs .sub_block .back_button a::after {}
	#area_songs .sub_block .back_button a span {}
	#area_songs .sub_block .back_button a:hover {}
	#area_songs .sub_block .back_button a:hover::after {}
	#area_songs .sub_block .back_button a:hover span {}
}

/* =========================================================
jme_bar
========================================================= */

#jme_bar {
	margin: 50px 0;
	text-align: left;
}

#gigyaShare {
	justify-content: flex-start !important;
}

#jme-point-img,
#gigyaShare button {
	transition: all 0.4s ease-out 0s;
}

#jme-point-img:hover,
#gigyaShare button:hover {
	opacity: 0.6;
}

.jme_share li:first-child{
	margin:0 0 10px 0 !important
}

.jme_share li:not(:first-child){
	display:inline-block;
	vertical-align:top;
}

.jme_share li:not(:first-child) a{
	background:none !important;
}