/* zentai
----------------------------------------------------------*/
* {margin:0px; padding:0px;}
html {
	overflow-y: scroll;
	}
body {
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:94%;
	line-height:170%;
	color:#444;
	background-color:#fff;
	overflow: hidden;
  position: relative; 
  letter-spacing: 0.05rem;
}
body.page {
background: url("../images/bg-page-wave.png");background-position:center top;background-repeat: no-repeat;background-attachment: fixed;
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:94%;
	line-height:170%;
	color:#444;
	background-color:#fff;
	overflow: hidden;
  position: relative; 
  letter-spacing: 0.05rem;
}

img {
	border:none;
	vertical-align:top;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-responsive {
	display: inline;
}

*:focus {
outline: none;
}
.clearfix{
    zoom:1;/*for IE 5.5-7*/
		overflow:hidden;
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

ol,
ul{
	list-style:none;
}
ul.decimal{margin-left: 20px;}
ul.decimal li{list-style: decimal;padding-top: 5px;}
ul.dot{margin-left: 20px;}
ul.dot li{list-style: disc;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dashed #999;}
ul.disc{margin-left: 30px;}
ul.disc li{list-style: disc;margin-bottom: 10px;line-height: 1.6;}

/* link
----------------------------------------------------------*/
a{outline:none;}
a:link,
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
}
a .hover_img{
	transition:all 0.5s ease; /*0.5秒かけて要素を変化させる*/
	}
a:hover .hover_img{
	opacity: 0.7;/*要素の透明度を指定*/
	filter: alpha(opacity=70); /*ie6、7の透明度指定*/
	-ms-filter: "alpha(opacity=70)";/*ie8の透明度指定 */
	}


/* width
----------------------------------------------------------*/
.w200{ width:200px; height: 210px;}
.w250{ width:250px;}
.w270{ width:270px;}
.w290{ width:290px; }
.w300{ width:300px; }
.w490{ width:490px; }
.w680{ width:680px; }
.w710{ width:710px; }
.w100{ width:100px; }
.w65{ width:650px; }
.w50{ width:50%; }
.w48{ width:48%; }
.w45{ width:45%; }
.w35{ width:350px; }
.w33{ width:33.333%; }


/* fontsize
----------------------------------------------------------*/
.fs120{ font-size:120%; }
.lh{ line-height:180%; }

/* margin-padding
----------------------------------------------------------*/
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mr50 {margin-right:50px;}
.mt10 {margin-top:10px;}

.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.p10{ padding:10px; }
.p25{ padding:25px; }
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt50 {padding-top:50px;}


/* color
----------------------------------------------------------*/
.red {color:#ff0000;}
.green{color:#4ecfbf;}
.blue {color:#2699c4;}
.white {color:#fff;}
.pink{color:#f16a7d;}
/* hanyo
----------------------------------------------------------*/
.inner{ 
	width:1140px;
	margin:0px auto;
}
.inner-s{ 
	width:900px;
	margin:0px auto;
}
.inner-xs{ 
	width:840px;
	margin:0px auto;
}
.clear {clear:both;}
.small {font-size:14px; }
.large {font-size:18px; }
.xlarge {font-size:35pt; line-height:160%;}
.f_right {float:right;}
.f_left {float:left;}
.center { margin-left:auto; margin-right:auto;}
.f_center {text-align:center;}
.t-right {text-align:right;}
.v-top {vertical-align:top;}
.v-bottom {vertical-align:bottom;}
.v-bottom img {vertical-align:bottom;}
.bold {font-weight:bold;}
.ln {line-height:200%;}
.ls{ letter-spacing:0.1em;}
.border-bottom{ border-bottom:1px solid red;margin-bottom: 10px;}
.bg-white{background-color: rgba(255,255,255,0.8);}
.form{width:75px;}
.form100{width:98%;}
input[type="text"]:focus {
  outline: 0;
}
input[type="checkbox"], input[type="radio"] {vertical-align:middle}
input{font-size:98%;vertical-align:middle; padding:7px;border-radius: 5px;}
input[type="text"], select{border:1px solid #555; padding:15px;}
input:focus[type="text"]{border:1px solid #333; padding:15px;}
input#submit_button {
    padding: 15px 40px;
    font-size: 1.2em;
    background-color: #68a47e;
    color: #fff;
    border-style: none;
	cursor:pointer;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
textarea{font-size:100%;border:1px solid #555;padding:15px;width:94%;border-radius: 5px;}
textarea:focus{border:1px solid #333; padding:5px;}

input::placeholder {
  color: #ccc;
}
textarea::placeholder {
  color: #ccc;
}

/* IE */
input:-ms-input-placeholder {
  color: #ccc;
}
textarea:-ms-input-placeholder {
  color: #ccc;
}

/* Edge */
input::-ms-input-placeholder {
  color: #ccc;
}
textarea::-ms-input-placeholder {
  color: #ccc;
}

table {border-spacing: 0;
  border-collapse: collapse;} 
  
.cmn-table { width:100%; border-top:#666 solid 1px; border-left:#666 solid 1px; font-size:16px;}
.cmn-table th {
	 border-top:#fff solid 1px;
	 border-right:#666 solid 1px;
	 border-bottom:#666 solid 1px;
	 border-left:#fff solid 1px;
	 background:#f1f1f1;
	 padding:5px 10px;
	 text-align:left;
}
.cmn-table td {
	 border-right:#666 solid 1px;
	 border-bottom:#666 solid 1px;
	 padding:5px 10px;
	 background-color:#FFFFFF;
}

.cmn-table2 { width:100%; border-top:#ccc solid 1px; border-left:#ccc solid 1px; }
.cmn-table2 th {
	 border-top:#fff solid 1px;
	 border-right:#ccc solid 1px;
	 border-bottom:#ccc solid 1px;
	 border-left:#fff solid 1px;
	 background:#f3f3f3;
	 padding:10px;
	 text-align:left;font-size:16px !important;
}

.cmn-table2 td {
	 border-right:#ccc solid 1px;
	 border-bottom:#ccc solid 1px;
	 padding:10px;
	 background-color:#FFFFFF;font-size:16px;
}

.btn{width: 250px;border-radius: 5px;}
a.btn-more {
	background: #f0b959;
	color: #fff;
	line-height: 50px;
	height: 50px;
	text-align:center;
	display: inline-block;
	font-size: 15px;
	letter-spacing: 0.08rem;
	width: 272px;
	border-radius: 15px;
}
a:hover.btn-more {
	background: #eb9d15;
}

.btn2{width: 180px;border-radius: 5px;}
a.btn2 {
	background: #709e59;
	color: #fff;
	padding: 5px 0;
	text-align:center;
	display: block;
	font-size: 14px;
}
a:hover.btn2 {
	background: #577b45;
	color: #fff;
	text-align:center;
	display: block;
	text-decoration: none;
}

.btn-pdf{width: 100%;border-radius: 5px;}
a.btn-pdf {
	background: #709e59;
	color: #fff;
	padding: 10px 0;
	text-align:center;
	display: block;
	font-size: 15px;
}
a:hover.btn-pdf {
	background: #577b45;
	color: #fff;
	text-align:center;
	display: block;
	text-decoration: none;
}




iframe{border: none;border-radius: 10px;}
/* header
----------------------------------------------------------*/


header {
  width:  100%;
  height: 140px;
  margin: 0 auto;
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  }

header h1 {
float: left;
padding-top: 30px;
padding-left: 30px;}
	
.tel-box{font-size: 46px;line-height: 93px;font-weight: bold;text-align: center;font-family: 'Roboto Condensed', sans-serif;letter-spacing: 0.1rem;}
.tel-box i{font-size: 36px;font-weight: normal;}
.tel-box span{color: #333;}



/* navigation
---------------------------------------------------- */
nav{width: 1140px;margin: 0px auto;}
ul.menu{width: 100%;font-family: 'Noto Sans JP', sans-serif;}
ul.menu li{display: inline-block;width: 16.6%;line-height: 1.5;}
ul.menu li a{display: block;font-size: 14px;text-align: center;padding: 10px 10px;color: #222;letter-spacing: 0.08rem;}
ul.menu li a span{display: block;font-size: 12px;color: #f0b959;text-transform: uppercase;}
ul.menu li a:hover{display: block;font-size: 14px;text-align: center;padding: 10px 10px;background: #f0b959;color: white;}
ul.menu li a:hover span{display: block;font-size: 12px;color: #fff;text-transform: uppercase;}
ul.menu li.active a{display: block;font-size: 14px;text-align: center;padding: 10px 10px;background: #f0b959;color: white;}
ul.menu li.active a span{display: block;font-size: 12px;color: #fff;text-transform: uppercase;}


/*---------------------------------------------------------
パンくずデザイン
---------------------------------------------------------*/
#pan{
	width:1000px;
	margin: 0px auto;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
ul.pankuzu{
	margin: 0px;
	float: left;
	margin-top: 2px;
	margin-left: 3px;
}
.pankuzu li {
	float:left;
	margin:0px;
	padding:0px 0px 0px 18px;
	list-style-type:none;
	background-image:url(../images/pankuzu.gif);
	background-repeat:no-repeat;
	line-height: 12px;
	color: #333333;
	font-size: 12px;
}
.pankuzu li a:link {
	float:left;
	margin:0px;
	list-style-type:none;
	line-height: 12px;
	font-size: 12px;
	color:#003399;
}
.pankuzu li a:visited {
	float:left;
	margin:0px;
	list-style-type:none;
	line-height: 12px;
	font-size: 12px;
	color:#003399;
}
.pankuzu li a:hover {
}
.pankuzu li.home {
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
	background-image:url(../images/pan_no.gif);
	line-height: 12px;
	font-weight: normal;
}


.paging {
	padding:7px 10px;
	text-align:center;
	margin-bottom: 80px;
}
.paging span.current,
.paging  span.paging-text a{
	padding:5px 10px;
	color:#0d3b5d;
	display:inline-block;
	margin:3px 0;
	background: white;
	border: 1px solid #0d3b5d;
}
.paging span.current {
	background:#0d3b5d;
	color:#fff;
}
.paging span.paging-text a:hover {
	background:#709e59;
	color:#fff;
}




/* contents
-----------------------------------*/


#pagetop {position: fixed; bottom:20px; right:20px; z-index:100;}


/* footer
-----------------------------------*/
footer{padding: 80px 0px 50px 0px;
  background: -moz-linear-gradient(top, #FFF 55%, #a0d8e5);
  background: -webkit-linear-gradient(top, #FFF 55%, #a0d8e5);
  background: linear-gradient(to bottom, #FFF 55%, #a0d8e5);
}



#footer{
	width:1140px;
	margin:0px auto;
	font-size: 14px;
}
#footer .logo{margin-bottom: 30px;text-align: center;}
#footer .bn-recruit{text-align: center;}

#footer .logo-txt{color: #0d3b5e;font-size: 16px;font-weight: bold;}
#footer .tel span{color: #333;}

#footer-menu{float: right;}
.flink-ul{
text-align: center;
margin: 0px auto;
font-size: 14px;
letter-spacing: 0.08rem;
}
.flink-ul li{display:block;padding: 5px 0px;}

.flink-ul li a {color: #333;line-height: 1;display: block;text-align: left;} 
.flink-ul li a:hover {color: #999;} 
.flink-ul li a i{color: #78d2c8;} 

.mr30{margin-right: 30px;}


#copy{font-size: 13px;text-align:center;color: white;letter-spacing: 0.08rem;line-height: 2.5;}




/* index.html
-----------------------------------*/
/* mainjs
---------------------------------------------------- */
.main { background: url(../images/main.jpg) repeat top center; text-align:center; height: 800px; position: relative;}
.wrap  img{ margin:0px auto}


/* 回る〇
---------------------------------------------------- */
.rotate_test {
  display: inline-block;
  animation: rotate_anime 10s infinite;
  /* rotate_animeを1秒かけて実行する */
  animation-timing-function: linear;
  position: relative;
}

@keyframes rotate_anime {
  0% {
    transform: rotate(0deg);
    /* アニメーションの進みが0%の時の状態 */
  }

  100% {
    transform: rotate(360deg);
    /* アニメーションの進みが100%の時の状態 */
  }
}
.rotate-in{
  position: absolute;
  top: 110px;
  left:calc(50% - 290px);
	z-index: 1;
}
.tac{
  text-align: center;
}
.main_txt{
	position: absolute;
	z-index: 2;
	  left:50%;
	  top:50%;
	  transform: translateY(-50%) translateX(-50%);
}
.container{
	overflow: hidden;
}


#top1{text-align:center; padding-top:80px;}
#top1 .inbox{background: url("../images/bg-aboutus-s.jpg") no-repeat top center; background-size: cover;padding: 80px 0px;}
#top1 .index-ti{text-align: left;}
#top1 .index-txt{text-align: center;position: relative;margin-bottom: 40px;}

.ti-onair{background: url("../images/bg-volume1.png"),#fff;background-position: right top;background-repeat: no-repeat;margin-top: 50px;height: 180px;position: relative;}
.ti-onair .index-on{text-align: left;}
.ti-onair .index-on img{position: absolute;bottom: 0;}
@media (min-width: 1680px) {
#top1 .inbox{background: url("../images/bg-aboutus-s.jpg") no-repeat top center; background-size: cover;padding: 80px 0px;}

}


#top2{background: url("../images/bg-volume2.png"),url("../images/bg-volume3.png"),#78d2c8;padding: 80px 0px;background-position: right top 50px,left bottom;background-repeat: no-repeat;}
#top2 ul.t-onairlist{width: 1100px;margin: 0px auto;color: #ccf0ec;font-family: 'Roboto Condensed', sans-serif;margin-bottom: 15px;}
#top2 ul.t-onairlist li{float: left;text-align: center;}
#top2 ul.t-onairlist li.cate{width: 135px;}
#top2 ul.t-onairlist li.time{width: 135px;padding-right: 15px;}
#top2 ul.t-onairlist li.title{width: 315px;}
#top2 ul.t-onairlist li.broad{width: 300px;}
#top2 ul.t-onairlist li.artist{width: 200px;}

#top2 ul.onairlist{width: 1100px;margin: 0px auto;margin-bottom: 2px;background: white;border-radius: 15px;padding: 18px 15px;}
#top2 ul.onairlist li{float: left;text-align: center;overflow-wrap: break-word;word-wrap: break-word;}
#top2 ul.onairlist li.cate{width: 400px;}
#top2 ul.onairlist li.time{width: 135px;padding-right: 15px;}
#top2 ul.onairlist li.title{width: 600px;font-weight: normal;text-align: left;padding-left: 30px;}
#top2 ul.onairlist li.broad{width: 300px;text-align: left;}
#top2 ul.onairlist li.artist{width: 190px;font-weight: bold;text-align: left;padding: 0px 5px;}

#top3 ul.bn-link{width: 100%;}
#top3 ul.bn-link li{display: inline-block;width: 50%;vertical-align: bottom;}
 a .linkbox {
    position: relative;
}
a .linkbox.artist{background: url("../images/bg-top-artist.jpg");background-size: cover;height: 400px;}
a .linkbox.works{background: url("../images/bg-top-works.jpg");background-size: cover;height: 400px;}

a .linkbox .bt-txt{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
a:hover .linkbox.artist{ opacity: .8;}
a:hover .linkbox.works{ opacity: .8;}

#top4{width: 100%;background: url("../images/bg-topics.jpg");background-position: center top;padding: 80px 0px 50px 0px;}
#top4 ul.wrapper{width: 100%;}
#top4 ul.wrapper li.topics{width: 700px;float: left;}
#top4 ul.wrapper li.twiitbox{width: 410px;float: right;}

#newsarea{padding: 35px 0px 35px 35px;background: white;}
.pre-scrollable {max-height:330px;overflow-y: auto;}
.news_box { text-align:left;margin-bottom: 15px;border-bottom: 1px solid #a0d8e5;padding-bottom: 15px;}
.news_box li{display: block;}
.news_box .date { margin-bottom: 15px;padding-top: 5px;font-family: 'Roboto Condensed', sans-serif;}
.news_box .date span { text-align:left; font-size:20px;line-height: 1;width: 100%;vertical-align: middle;background: #a0d8e5;padding: 3px 12px;color: white;letter-spacing: 0.08rem;}
.news_box .date span.new{ color: #f1b2bb;margin-left: 15px;font-size: 18px;background: none;}

.news_box .text{font-size:16px; line-height: 1.6;width: auto;padding-right: 20px;}
.news_box .text a{display: block;}

.t-twitter{background: #a0d8e5;padding: 18px;position: relative;margin-bottom: 10px;}
.t-twitter .ico{position: absolute;top:-45px;right:30px;}
#tweetarea{padding: 35px!important;background: white;height: 345px;}
#tweetarea .in{overflow-y: scroll;height: 345px;}




.v_middle{
	vertical-align:middle;
}



/* 下層 共通
-----------------------------------*/
.h2area{padding: 100px 0px;text-align: center;}
h2{
color: #0d3b5d;
font-size: 46px;
letter-spacing: 0.1em;
text-align: center;
font-weight: normal;
font-family: 'Secular One', sans-serif;
text-transform: uppercase;}
h2 {
  position: relative;
  line-height: 1;
  padding:0.1em 1em;
  display: inline-block;
}

h2:before, h2:after { 
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 85%;
  display: inline-block;
}
h2:before {
  border-left: solid 1px black;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  left: 0;
}
h2:after {
  content: '';
  border-top: solid 1px black;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  right: 0;
}
.h2-sub{text-align: center;color: #0D3B5D;font-size: 20px;font-family: 'Noto Sans JP', sans-serif;}
h3 {margin-bottom: 40px;}
h3.h3-onair {font-size: 40px;font-family: 'Secular One', sans-serif;color: #0d3b5d;}
h3.h3-detail {font-size: 30px;font-family: 'Noto Sans JP', sans-serif;color: #222;border-bottom: 1px solid #0d3b5d;padding-bottom: 20px;letter-spacing: 0.2rem;}

.title-border-right {
display: flex;
align-items: center;
}
.title-border-right:after {
border-top: 1px dashed;
content: "";
flex-grow: 1;
}
.title-border-right:after {
margin-left: 1rem;
}


h4.h4-detail{text-align: left;
	margin-bottom:30px;font-size: 18px;font-weight: normal;color: white; font-family: 'Noto Sans JP', sans-serif;padding: 10px;letter-spacing: 0.08rem;background: #249ddb;}

h4.h4-headline{ext-align: left;
	margin-bottom:30px;font-size: 16px;font-weight: normal;color: #fff; font-family: 'Noto Sans JP', sans-serif;padding: 5px 10px;letter-spacing: 0.08rem;background:#344f63;}




/*pankuzu
---------------------------------------------------------*/
#pan{
	width:100%;
	margin: 0px auto;
	padding: 10px 0px;
	margin-bottom: 50px;
	background-position:center;
}
ul.pankuzu{
	margin: 0px;
	float: left;
	margin-top: 2px;
	margin-left: 3px;
}
.pankuzu li {
	float:left;
	margin:0px;
	padding:0px 0px 0px 18px;
	list-style-type:none;
	background-image:url(../images/pankuzu.gif);
	background-repeat:no-repeat;
	line-height: 12px;
	color: #333333;
	font-size: 12px;
}
.pankuzu li a:link {
	float:left;
	margin:0px;
	list-style-type:none;
	line-height: 12px;
	font-size: 12px;
	color:#000;
}
.pankuzu li a:visited {
	float:left;
	margin:0px;
	list-style-type:none;
	line-height: 12px;
	font-size: 12px;
	color:#000;
}
.pankuzu li a:hover {
}
.pankuzu li.home {
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
	background-image:url(../images/pan_no.gif);
	line-height: 12px;
	font-weight: 600;
}



/* topics.html
-----------------------------------*/
.topics{}
#topics
.newsarea-page{margin-bottom: 80px!important;}

.newsarea-page .news_box { text-align:left;margin-bottom: 0px!important;border-bottom: 1px solid #0d3b5d;padding: 35px 0px!important;}
.newsarea-page .news_box li{float: left;}
.newsarea-page .news_box .date { margin-bottom: 0px;padding-top: 0px;font-family: 'Roboto Condensed', sans-serif;width: 200px;}
.newsarea-page .news_box .date span { text-align:left; font-size:20px;line-height: 1;vertical-align: middle;color: #0d3b5d; letter-spacing: 0.08rem;background: none;padding: 0px;}
.newsarea-page .news_box .date span.new{ color: #f1b2bb;margin-left: 15px;font-size: 18px;background: none;}

.newsarea-page .news_box .text{font-size:16px; line-height: 1.6;padding-right: 20px;width: 880px;}
.newsarea-page .news_box .text a{display: block;}


ul.change{text-align: center;font-size:18px;}
ul.change li{display: inline;}
a.btn-kirikae{border: 1px solid #0d3b5d;border-radius: 5px;padding: 10px 15px;color:#0d3b5d;background: #fff;width:300px;display:inline-block;}
a.btn-kirikae:hover{border: 1px solid #0d3b5d;border-radius: 5px;padding: 10px 15px;color:#fff;background: #0d3b5d;}
a.btn-kirikae.active{background:#0d3b5d;  color:white;}
a.btn-kirikae.active:hover{background:#0d3b5d;  color:white;}


ul.onairlist-page{width: 1100px;margin: 0px auto;margin-bottom: 3px;border:1px solid #eee;border-radius: 15px; padding: 18px 15px;background: rgba(255,255,255,.8);}
ul.onairlist-page li{float: left;text-align: center;overflow-wrap: break-word!important;word-wrap: break-word!important;}
ul.onairlist-page li.cate{width: 400px;overflow-wrap: break-word!important;word-wrap: break-word!important;}
ul.onairlist-page li.time{width: 135px;padding-right: 15px;}
ul.onairlist-page li.title{width: 600px;font-weight:normal;text-align: left;padding-left: 30px;}
ul.onairlist-page li.broad{width: 300px;text-align: left;}
ul.onairlist-page li.artist{width: 190px;font-weight: bold;text-align: left;padding: 0px 5px;}




/* artist.html
-----------------------------------*/
#artist1{padding-bottom: 80px;}

#artist1 ul.artist-list{text-align: center;width: 1140px;}
#artist1 ul.artist-list li{float: left;width: 25%;margin-bottom: 40px;position: relative;}
#artist1 ul.artist-list li a .artist-box{margin: 0px 15px;}
#artist1 ul.artist-list li a .artist-box img{margin-bottom: 15px;border-radius: 5px;}
#artist1 ul.artist-list li a .artist-box p.name{font-size: 18px;font-family: 'Noto Sans JP', sans-serif;font-weight: 500;text-align: left;color: #222;}
#artist1 ul.artist-list li a .artist-box p.name span{font-size: 14px;color: #999;display: block;}
#artist1 ul.artist-list li a .artist-box p.name2{font-size: 18px;font-family: 'Noto Sans JP', sans-serif;font-weight: 500;text-align: left;background: url("../images/bg-name.jpg");background-position: top right;background-repeat: no-repeat;color: #222;}
#artist1 ul.artist-list li a .artist-box p.name2 span{font-size: 14px;color: #999;display: block;}

#artist1 ul.artist-list li a:hover .artist-box{opacity: .8;}


#detail{padding-bottom: 80px;}
#detail .personal-area{text-align: center;width: 100%;}
#detail .personal-area li.pic{float: left;width: 350px;}
#detail .personal-area li.pic img{width: 250px;height: auto;}
#detail .personal-area li.pic2{float: left;width: 350px;background: url("../images/bg-name.png");background-position: bottom center;background-repeat: no-repeat;padding-bottom: 45px;}
#detail .personal-area li.pic2 img{width: 250px;height: auto;}

#detail .personal-area li.profile{float: right;width: 740px;text-align: left;color: #222;}
#detail .personal-area li.profile .block{padding-bottom: 15px;margin-bottom: 25px;border-bottom: 1px solid #0D3B5D;}
#detail .personal-area li.profile .katagaki{font-size: 16px;font-family: 'Noto Sans JP', sans-serif;font-weight: 500;margin-bottom: 10px;}
#detail .personal-area li.profile .p-name{font-size: 26px;font-family: 'Noto Sans JP', sans-serif;font-weight: 500;margin-bottom: 10px;letter-spacing: 0.1rem;}
#detail .personal-area li.profile .p-name span{font-size: 16px;color: #999;padding-left: 30px;font-family: 'Roboto Condensed', sans-serif;}
#detail .personal-area li.profile .eiji{font-size: 14px;font-family: 'Roboto Condensed', sans-serif;margin-bottom: 10px;letter-spacing: 0.1rem;}
#detail .personal-area li.profile .p-comment{margin-bottom: 30px;letter-spacing: 0.1rem;border: 1px solid #eee;padding: 30px;background: rgba(255,255,255,.5);}
#detail .personal-area li.profile ul.link li{float: left;width: 33.3333333%;}
#detail .personal-area li.profile ul.link li .btn-link{margin: 0px auto;}
#detail .personal-area li.profile ul.link li a.btn-link{background:#6EBAC9;border-radius: 7px; color: #fff;padding: 10px 0px;width: 96%;display: block;text-align: center;font-size: 14px;font-weight: bold;}



#detail2{padding-bottom: 80px;}
.sakuhinset{margin-bottom: 80px;}
ul.sakuhin{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #0d3b5d;}
ul.sakuhin li{float: left;}
ul.sakuhin li.year{width: 20%;}
ul.sakuhin li.song{width: 35%;}
ul.sakuhin li.comment{width: 45%;}

ul.change2{text-align: center;font-size:15px;}
ul.change2 li{display: inline;}
a.btn-kirikae2{border: 1px solid #0d3b5d;border-radius: 5px;padding: 10px 15px;color:#0d3b5d;background: #fff;display:inline-block;}
a.btn-kirikae2:hover{border: 1px solid #0d3b5d;border-radius: 5px;padding: 10px 15px;color:#fff;background: #0d3b5d;}
a.btn-kirikae2.active{background:#0d3b5d;  color:white;}
a.btn-kirikae2.active:hover{background:#0d3b5d;  color:white;}


#works{padding-bottom: 80px;}

#about{padding-bottom: 80px;}
#about p{text-align: center;font-size: 20px;font-family: 'Noto Sans JP', sans-serif;line-height: 2.5;letter-spacing: 0.1rem;}
#about2{padding-bottom: 80px;}
ul.company{text-align: center;}
ul.company li{float: left;width: 50%;}

#about2 .table th{padding: 15px 25px 15px 0px;text-align: left;font-weight: normal;}
#about2 .table td{padding: 15px;text-align: left;}
#about2 .table td a{color: #333;}
#about2 .table td a:hover{color: dodgerblue;text-decoration: underline;}

#about3{padding-bottom: 80px;}

#about4{padding-bottom: 80px;}

#about5{padding-bottom: 80px;}



/* contact.html
----------------------------------------------------------*/

#contact1 {padding-bottom: 80px;}
#contact1 .waku{background:#fff; border-radius: 10px;border:3px solid #036;width: 800px;margin: 0px auto;}
#contact1 .waku ul{text-align: center;padding: 30px;}
#contact1 .waku ul li{display: inline-block;width: 47%;vertical-align: middle;padding: 10px 0px;border-right: 1px dashed #036;}
#contact1 .waku ul li:last-child{border-right: none;}
#contact1 .waku ul li p{text-align: left;}
#contact1 .waku ul li p.tel{text-align: center;padding-right: 0px;font-size: 20px;color: #036;font-family: 'Roboto Condensed', sans-serif;}
#contact1 .waku ul li p.tel span{color: #f90;font-size: 36px;}
#contact1 .waku ul li p.sub{text-align: center;padding-right: 0px;border-right: none;font-size: 13px;padding-top: 5px;}

#contact2{padding-bottom: 80px;}
#contact2 .waku{background-color: #fff;padding: 80px 110px;border-radius: 30px;}
#contact2 .waku p{letter-spacing: 0.08rem;line-height: 1.8;}
#contact2 .doi-box{background: #f6f6f6;padding: 25px 35px;border:2px solid #555;border-radius: 8px;width: 500px;margin: 0px auto;text-align: center;}
.btn{width: 220px;border-radius: 5px;display: inline-block;padding: 15px;font-size: 16px;}
.btn.submit{background: #0d3b5d;color: white;text-align: center;}
.btn.back{background: #ccc;color: #555;text-align: center;}
.btn.submit:hover{background: #555;color: white;text-align: center;cursor: pointer;}
.btn.back:hover{background: #eee;color: #555;text-align: center;cursor: pointer;}

#contact3{padding-bottom: 80px;}
#contact3 .h3-privacy{text-align: left;font-size: 20px;margin-bottom: 30px;}


span.hissu{
	background-color:red;
	color:white;
	font-size:70%;
	line-height:150%;
	padding:3px;
	margin-right:5px;
	float: right;
}
.tabl01 {
		margin-bottom:50px;
		margin-top:10px;
		}
.tabl01 table{
  width: 100%;
  border-collapse: collapse;
}

.tabl01 table tr{
  border-bottom: solid 2px white;
}

.tabl01 table tr:last-child{
  border-bottom: none;
}

.tabl01 table th{
font-weight: normal;
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #0d3b5d;
  color: white;
  padding: 15px 15px;
}

.tabl01 table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #0d3b5d;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tabl01 table td{
  text-align: left;
  width: 70%;
  background-color: rgba(255,255,255,.8);
  padding: 15px 25px;
}

.privacybox{margin-bottom: 70px;}
li.num{
	list-style:decimal;
	margin-left:25px;
	line-height:150%;
	padding-bottom:18px;
}









/* print
----------------------------------------------------------*/
@media print {
 .aos-init {
    opacity: 1 !important;
    transform: none !important; }
.left-right-in{opacity: 1 !important;
    transform: none !important; }
.fadein{animation:none;display: block;}
.fadein2{animation:none;}

header { width:  100%;}
header h1 img{width: 250px;height: auto;}

.drawer_menu{display: none;}
.inner{ 
	width:100%;
	margin:0px auto;
}
.inner-s{ 
	width:100%;
	margin:0px auto;
}
.inner-xs{ 
	width:100%;
	margin:0px auto;
}

#main {
	width: 100% !important;
	height:500px !important;
	position: relative;
	background: url("../images/main.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#main img{margin-top: 30px;margin-left: 50px;height: 400px;width: auto;}

#top2 ul.onairlist{width: 100%;margin: 0px auto;margin-bottom: 2px;background: white;border-radius: 15px;padding: 18px 0px;}
#top2 ul.onairlist li{float: left;text-align: center;}
#top2 ul.onairlist li.cate{width: 10%;}
#top2 ul.onairlist li.time{width: 10%;}
#top2 ul.onairlist li.title{width: 30%;font-weight: bold;text-align: left;}
#top2 ul.onairlist li.broad{width: 26%;text-align: left;}
#top2 ul.onairlist li.artist{width: 15%;font-weight: bold;text-align: left;}

#top4 ul.wrapper{width: 100%;}
#top4 ul.wrapper li.topics{width: 55%;float: left;}
#top4 ul.wrapper li.topics .ti img{width: 120px;height: auto;}
#top4 ul.wrapper li.twiitbox{width: 40%;float: right;}
#top4 ul.wrapper li.twiitbox .ti img{width: 120px;height: auto;}
.t-twitter .ico{position: absolute;top:-35px;right:10px;}
.t-twitter .ico img{width: 75px;height: auto;}

#artist1 ul.artist-list{text-align: center;width: 100%;}
#detail .personal-area{text-align: center;width: 100%;}
#detail .personal-area li.pic{float: left;width: 25%;}
#detail .personal-area li.pic img{width: 150px;height: auto;}
#detail .personal-area li.pic2{float: left;width: 25%;background: url("../images/bg-name.png");background-position: bottom center;background-repeat: no-repeat;padding-bottom: 45px;}
#detail .personal-area li.pic2 img{width: 150px;height: auto;}

#detail .personal-area li.profile{float: right;width: 70%;text-align: left;color: #222;}

#contact1 .waku{background:#fff; border-radius: 10px;border:3px solid #036;width: 90%;margin: 0px auto;}
#contact1 .waku ul li{display: inline-block;width: 40%;vertical-align: middle;padding: 10px 0px;border-right: 1px dashed #036;}
#contact1 .waku ul li:last-child{border-right: none;}
#contact1 .waku ul li p{text-align: left;}
#contact1 .waku ul li p.tel{text-align: center;padding-right: 0px;font-size: 14px;color: #036;font-family: 'Roboto Condensed', sans-serif;}
#contact1 .waku ul li p.tel span{color: #f90;font-size: 24px;}
#contact1 .waku ul li p.sub{text-align: center;padding-right: 0px;border-right: none;font-size: 13px;padding-top: 5px;}

#footer{
	width:100%;
	margin:0px auto;
	font-size: 13px;
}

.tel-box{font-size: 26px;line-height: 93px;font-weight: bold;text-align: center;font-family: 'Roboto Condensed', sans-serif;letter-spacing: 0.1rem;}
.tel-box i{font-size: 20px;font-weight: normal;}

#pagetop {display: none!important;}

}