@charset "UTF-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
input , textarea { background: #f9f9f9; border: 1px solid #ccc; padding: 2px; font-size:12px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow:none;
}
.onPC {display:block;}
.onSP {display:none;}
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
p {margin:0 0 1.2em;padding:0;}
a { overflow: hidden; color:#333;text-decoration: underline;border:none;}
a:hover,a:active { color: #999;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-table; }
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

body {margin:0;padding:0;background:#fff;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, sans-serif;font-size:80%;line-height:180%;color:#333;overflow-x: hidden;-webkit-text-size-adjust: 100%;}
#wrap {width: 100%;}

.header {line-height:2;}
.header .navi a {width:12em;display: inline-block;margin:0 1em;border:1px solid #000;text-align:center;padding:.7em 0;color:#333;font-weight:bold;}
.header .navi a:hover {background:#000;color:#fff;}

h1 {text-align:center;}
h2 {background:url(../images/midashi.jpg) no-repeat 0 0;background-size:cover;padding:1em;text-align:center;color:#fff;font-size:1.5em;line-height:1.3;letter-spacing:.1em;margin-bottom:40px;}
h2 span {font-size:.6em;letter-spacing:.05em;color:#999;font-family: 'Lora', serif;}
h3 {font-weight:bold;margin-bottom:1em;}
h4 {font-weight:bold;margin-top:20px;}
.small {font-size:.9em;line-height: 160%;}

#company.contents {width:100%;background:#fff;}
#company.contents .area {width:1000px;margin:0 auto;}
#company.contents .link {margin:50px 0 100px;}
#company.contents .link li {display:inline-block;margin-right:20px; vertical-align:top;text-align:left;line-height:140%;font-size:.9em;}

#form.contents {width:100%;background:#eee;}
#form.contents .area {width:920px;margin:0 auto;background:#fff;padding:60px 40px;}
#form.contents .area h3 {font-size:1.3em;}

.formarea dl {border-top:1px dotted #ccc;padding:1.2em 0;}
.formarea dl.last {border-bottom:1px dotted #ccc;}
.formarea dt , .formarea dd {display:inline-block; vertical-align:middle;}
.formarea dt {width:25%;font-weight:bold;line-height:150%;}
.formarea dt span {color:#f00;font-size:.8em;vertical-align:super;font-weight:normal;}
.formarea dd {width:73%;}
.formarea dd p {margin-bottom:.5em;}
.formarea dd p:last-child {margin-bottom:0;}
.formarea dd ul.music li {border-top:1px dotted #ccc;padding-top:1.5em;}
.formarea dd ul.music li:first-child {border-top:none;padding-top:0;}
.formarea dd ul.music li p {margin-bottom:1em;}
.formarea .subform {margin-top:50px;}
.formarea .subform dd.selection span {margin-right:1em;display:inline-block; vertical-align:middle;}
.formarea .notices ul {counter-reset:item; list-style:none;}
.formarea .notices li {padding-left:1.5em;text-indent:-1.5em;}
.formarea .notices li:before {content:"(" counters(item, "-") ")";counter-increment:item;margin-right:0.5em;}
.formarea .apply {text-align:center;margin-top:3em;}
.formarea .apply li {display:inline-block; vertical-align:top;margin:0 1em;}

input[type="text"] , input[type="tel"] , input[type="email"] , textarea {border:0;padding:8px 10px;font-size:1em;color:#666;border:solid 1px #ccc;background:#f9f9f9;-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.2);-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.2);box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.2);border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}
textarea {width:90%; height:10em;}
select {padding: .5em;border: 1px solid #ccc;background: #f9f9f9;}
input:focus,textarea:focus,select:focus{outline: none;background:#f3f3f3;}
input[type="submit"] , input[type="button"].back , a.backTop {border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;background:#222;color:#fff;border:none;margin:0 auto;display: block;padding:1em 4em;margin-top:1em;cursor: pointer;text-decoration:none;}
input[type="submit"]:hover , input[type="button"]:hover.back , a:hover.backTop {opacity: .7;}
input[type="file"] , input[type="button"] , button[type="button"] {background:none;border:none;-moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0);box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);}
input[type="button"].musiclist_add {background:none;border:none; cursor:pointer;padding:0;color:#222;text-decoration:underline;}
input[type="button"].musiclist_add:hover {color:#999;}
button[type="button"].musiclist_del {background:#222;color:#fff;border:none;float:right;margin-bottom:1em; cursor:pointer;}
button[type="button"].musiclist_del:hover {background:#666;}
input[type="checkbox"] , input[type="radio"] {margin-right:.2em;}


.size01 {width:40%;}
.size02 {width:80%;}
.size03 {width:10%;}

#page-top {position: fixed;right: 30px;bottom: 50px;}
#page-top a {width: 0;height: 0;border-style: solid;border-width: 0 20px 30px 20px;border-color: transparent transparent #000000 transparent;padding-top:50px;display:block;overflow:hidden;}
#page-top a:hover {border-color: transparent transparent #666 transparent;}

#footer {text-align:center;width:100%;background:#eee;padding:60px 0;}


.boxedcontainer		{	max-width: 1170px; margin:auto; padding:0px 30px;}
.tp-banner-container{
	width:100%;
	position:relative;
	padding:0;
}
.tp-banner{
	width:100%;
	position:relative;
}
.tp-banner-fullscreen-container {
		width:100%;
		position:relative;
		padding:0;
}

.formError .formErrorContent {
    width: 100%;
    background: #ED6588;
    position: relative;
    color: #fff;
    min-width: 120px;
    font-size: 11px;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    padding: 0 10px 0 10px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
	height:2.5em;
	line-height:2.5em;
	overflow:hidden;
}
.formError .formErrorArrow div {
    border-left: none;
    border-right: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    font-size: 0px;
    height: 1px;
    background: #ED6588;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block;
}

.releaseDayArea dd span , .streamDayArea dd span {display:inline-block;vertical-align:top;margin:0 0 0 1em;}
.releaseDayArea br.sp , .streamDayArea br.sp {display:none;}

input[type="button"].clrbtn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 4px;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    backface-visibility: hidden;
    border: 0.3rem solid transparent;
    border-radius: 0rem;
    border-color: transparent;
    background-color: #60605e;
}


@media screen and (max-width:736px){
.onPC {display:none;}
.onSP {display:block;margin: 0 auto;}

#wrap {width: 100% !important;height: auto !important;position: static !important;margin: auto !important;background: none !important;}
h1 {text-align:center;}
h2 {font-size: 1.4em;letter-spacing: 0;margin-bottom: 1em;}
.header .header_area {background:url(../images/mainimg.jpg) no-repeat center top;background-size:cover;width:90%;height:100%;text-align:center;padding:20% 5% 0;}
.header .header_area img.head_logo {width:80px;height:auto;}
.header .header_area img.head_title {width:100% !important;height:auto !important;}
.header .header_area .navi {margin:20% 0;}
.header .header_area .navi a {text-decoration:none;}
#company.contents .area {width: 90%;}
#company.contents .link {margin: 2em 0 4em;}
#company.contents .link li {margin: 0 0 1em;width: 46%;}
#company.contents .link li:nth-child(odd) {margin-right:5%;}
#form.contents .area {width: 84%;padding:10% 5%;}
#form.contents .area h3 {font-size: 1.2em;background-position:0 center;}
.formarea .subform {margin-top: 2em;}
.formarea dt {width: 100%;margin-bottom:.5em;}
.formarea dt br {display:none;}
.formarea dd {width: 100%;}
.formarea dd ul.music li p span {display:block;}
#page-top {right: 5%;bottom: 5%;}
#footer {padding: 3em 0;}

.size01 {width:50%;}
.size02 {width:90%;}
.size03 {width:15%;}

.releaseDayArea dd span , .streamDayArea dd span {display:block;margin:.5em 0 0;}
.releaseDayArea br.sp , .streamDayArea br.sp {display:block;}
}

@media (min-width: 568px) and (max-width: 1024px) {
}

@media screen and (max-height:900px){
}

@media (min-width: 737px) and (max-width: 1024px) {
#company.contents .area {width: 90%;padding: 0 5%;}
#form.contents .area {width: 80%;padding: 5%;}
#form.contents .area h3 {font-size: 1.2em;background-position:0 center;}

select {font-size: 1em;}
input, textarea {font-size: 1.1em;}
.formarea dl {border-top: 1px dotted #999;}
.formarea .notices {font-size: .8em;}

}