@charset "UTF-8";
/* Artistsupport */

@import url("content.css");
@import url("jquery.fancybox.css");

header#global {
	background-color: rgba(10, 28, 22, .85);
}

#mc-contents {
	padding-top: 0;
}

/* Head Page Titile */
#content-header {
	background-color: rgba(0, 0, 0, .35);
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	padding-top: 75px;
}

#content-header > h2 {
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}

#content-header > #content-navi li a {
	color: #fff;
}

#content-header > #content-navi li a:hover {
	color: #00eba8;
}

#content-header > #content-navi li a:after {
	background-color: #06d89d;
}

#content-header > #content-navi li a.active {
	color: #f4680d;
}


/* Headtitle */
.headtitle {
	text-align: center;
}


/* Section 001 */
#sect001 {
	width: 100%;
	height: auto;
	margin: 0;
	padding-top: 245px; /* 75px + 120px + 50px */
	padding-bottom: 50px;
	background: url(../images/artistsupport/img_bg_sect001.jpg) 50% 50% no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

#sect001 h2 {
	width: 629px;
	height: 0;
	margin: 0 auto 40px;
	padding-top: 51px;
	padding-bottom: 0;
	overflow: hidden;
	background: url(../images/artistsupport/catch_sect001.png) 0 0 no-repeat;
	background-size: 629px 51px;
}

#sect001 .headtitle {
	margin-bottom: 10px;
	background-color: rgba(130, 62, 73, .94);
}

#sect001 p {
	color: #fff;
	font-size: 123.1%;
	margin: 0;
	padding: 1.3em 1.5em 1.2em;
	background-color: rgba(0, 0, 0, .65);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-o-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
}

#sect001 p span {
	display: block;
	height: 2em;
}

#sect001 .detail {
	text-align: center;
	margin-top: 20px;
}

#sect001 .detail a {
	color: #fff;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	padding: 1em 2em .9em;
	background-color: rgba(0, 158, 149, .85);
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

#sect001 .detail a:hover {
	background-color: #00b8ad;
}


/* Section 002 */
#sect002 {
	width: 100%;
	height: auto;
	margin: 0;
	padding-top: 50px; 
	padding-bottom: 0;
}

#sect002 p {
	font-size: 116%;
	margin: 0;
	padding: 0;
}

#sect002 #details {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; 
	flex-wrap: wrap;
	margin-top: 30px;
	margin-bottom: 0;
}

#sect002 #details > div {
	width: 100%;
	padding-bottom: 40px;
}

#sect002 #details > div p {
	padding-bottom: 20px;
}

#sect002 #details > div .headline {
	margin-bottom: 1em;
}

#sect002 #details > div ul {
	margin: 0 0 15px;
	padding: 0;
}

#sect002 #details > div ul li {
	font-size: 110%;
	line-height: 160%;
	margin-top: 0;
	margin-bottom: 1.2em;
	padding: 0 0 0 1.2em;
	position: relative;
}

#sect002 #details > div ul li:before {
	content: "\f14a";
	font: 15px "FontAwesome";
	color: #e77622;
	margin-right: .3em;
	position: absolute;
	top: .2em;
	left: 0;
}

#sect002 #details > div ul li:last-child {
	margin-bottom: 0;
}

#sect002 #details > div ul li p {
	font-size: 14px;
	margin: 0;
	padding: 0;
}

#sect002 #details h4 {
	font-size: 108%;
	margin-top: 0;
	margin-bottom: .3em;
	padding: 0;
	display: inline-block;
}

#sect002 #details h4 a {
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: block;
}

#sect002 #details .recochoku a {
	width: 85px;
	height: 0;
	padding-top: 20px;
	display: block;
	overflow: hidden;
	background: url(../images/artistsupport/logo_recochoku.png) 0 0 no-repeat;
}

#sect002 #details .amazon a {
	width: 106px;
	height: 0;
	padding-top: 20px;
	display: block;
	overflow: hidden;
	background: url(../images/artistsupport/logo_amazon.png) 0 0 no-repeat;
}

#sect002 #details .apple a {
	width: 73px;
	height: 0;
	padding-top: 20px;
	display: block;
	overflow: hidden;
	background: url(../images/artistsupport/logo_itunes.png) 0 0 no-repeat;
}

#sect002 #details > div ul li.amazon:before {
	top: -1px;
}

#sect002 #details > div ul li.apple:before {
	top: 6px;
}

/*---------------------------------------------------- */
/* Button */
/*---------------------------------------------------- */
#sect002 #details .waku-btn {
	margin-top: 5px;
	width: 100%;
	overflow: hidden;
}

#sect002 #details .waku-btn .btn-links1 {
	float: left;
	margin-right: 15px;
}

#sect002 #details .waku-btn .btn-links1 a {
	color: #fff;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	padding: .5em 1em .4em;
	background-color: #009e96;
	display: block;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

#sect002 #details .waku-btn .btn-links1 a:hover {
	background-color: #00726b;
}