/* =================================
	news CSS
================================= */

/*	news_text
============================== */

.loop{
	/*border-bottom: 2px dashed #a4a4a4;*/
}
.loop .date{
	color: #000;
	font-size: 90%;
	background-color: #fafb37;
	font-weight: normal;
	padding: 3px 10px;
	text-shadow:none;
}
.loop header{
	text-shadow:1px 1px 1px #cccccc;
	position: relative;
	font-weight: bold;
	border-bottom:3px solid #cccccc;
}
.loop header:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #92c313;
    bottom: -3px;
    width: 20%;
}
.loop h2{
	text-shadow:rgba(204,204,204,0.7) 1px 1px 0;
}
.loop p{
	margin-bottom:1em;
}
.bottom05{
	margin-bottom: 0.5em;
}
.block{
	background-color: #cce980;
	padding: 20px;
}

@media all and (min-width: 768px) {
.contents{
	padding: 40px 60px 40px;
}
.loop{
	padding-top: 20px;
	margin-top: -20px;
	margin-bottom: 70px;
}
.loop header{
	margin: 0 0 20px;
	padding: 0px 0px 5px 0px;
}
.loop h2{
	line-height: 1.5;
	font-size: 150%;
	padding: 0px 0 5px;
}
}
@media all and (max-width: 767px) {
.loop{
	padding-top: 10px;
	margin-top: -10px;
	margin-bottom: 40px;
}
.loop header{
	margin-bottom: 20px;
	padding: 0px 0px 5px 0px;
}
.loop h2{
	font-size: 110%;
	line-height: 1.7;
}
.loop h2 span{
	display: block;
	font-size: 110%;
}
.loop p{
	font-size: 90%;
}
.loop p.date{
	padding: 5px 0 0;
}
.f110{
	font-size: 110%;
}
}
p.mini_tit{
	font-size: 131.3%;
	text-align: center;
	line-height: 1.7;
	font-weight: bold;
	color: #0e4870;
}

/*	pics
============================== */
.pic_area span{
	display: block;
    background-repeat: no-repeat;
    /*border: 2px solid #fafb37;*/
    background-color: #fafb37;
    box-shadow: 4px 4px #fafb37;
}
.cap{
	text-align: center;
	color: #449521;
}
@media all and (min-width: 768px) {
.pic_area span{
	margin: 30px auto 30px;
}
.cap{
	margin: -20px 0 20px;
	font-size: 90%;
}
}
@media all and (max-width: 767px) {
.pic_area span{
	margin: 15px auto 20px;
	display: block;
    background-repeat: no-repeat;
    background-position: center center;
}
.cap{
	margin: -10px 0 30px;
}
}
/*	pics_size
============================== */
@media all and (min-width: 768px) {
	.pic500_333 span{ width: 500px; height: 333px; background-size: 500px 333px;}
	.pic333_500 span{ width: 333px; height: 500px; background-size: 333px 500px;}
	.pic500_500 span{ width: 500px; height: 500px; background-size: 500px 500px;}
	.pic700_500 span{ width: 700px; height: 500px; background-size: 700px 500px;}
	.pic700_989 span{ width: 700px; height: 989px; background-size: 700px 989px;}
}
@media all and (max-width: 767px) {
	.pic500_333 span{ width: 250px; height: 167px; background-size: 250px 167px;}
	.pic333_500 span{ width: 167px; height: 250px; background-size: 167px 250px;}
	.pic500_500 span{ width: 250px; height: 250px; background-size: 250px 250px;}
	.pic700_500 span{ width: 250px; height: 179px; background-size: 250px 179px;}
	.pic700_989 span{ width: 250px; height: 353px; background-size: 250px 353px;}
}


/*	player
============================== */

.trailer {
	background-color:#c8e3f2;
	border:4px solid #c8e3f2;
}
.trailer h3 {
	color:#664433;
	text-align:center;
	line-height:1.25;
	padding:0.5em 0;
}
.player-deco {
/*
	border:4px solid #ebd3c0;
	background-color:#ebd3c0;
*/
}
.player-outer {
	position:relative;
	height:0;
	padding-top:56.25%;
}
.player-outer > iframe {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
@media all and (min-width: 768px) {
.trailer {
	margin:10px 100px 25px;
}
.trailer h3 {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
.trailer {
	margin:0 0px 15px;
}
.trailer h3 {
	font-size:83%;
}
}

@media all and (min-width: 768px) {
main article.oa {
	padding-bottom:30px;
}
}
@media all and (max-width: 767px) {
main article.oa {
	padding-bottom:15px;
}
}
/*	On Air
============================== */
.loop dl.dl_onair dt,.loop dl.dl_onair dd {
	line-height:1.6;
}
.loop dl.dl_onair dt {
	margin-bottom:0.25em;
	font-weight: bold;
}
.loop dl.dl_onair dd {
	color:#ff7b00;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
	font-weight: bold;
}
.loop dl.dl_onair dd > span{
	color: #000;
	font-weight: normal;
	font-size: 93.8%;

}
article#onair div.nuri dl.dl_onair {
	margin-bottom:0;
}
.kome{
	margin: 0 0 1em;
	font-size: 90%;
	color: #7b7b7b;
}
@media all and (min-width: 768px) {
.loop dl.dl_onair {
	margin-bottom:20px;
}
.loop dl.dl_onair dd {
	font-size: 110%;
	padding-left: 0.5em;
}
}
@media all and (max-width: 767px) {
.loop dl.dl_onair {
	margin-bottom:12px;
}
.loop dl.dl_onair dd {
	font-size: 100%;
	padding-left: 0.5em;
}
}
p.p-jack {
	font-weight:bold;
	text-align:center;
	color:#c00;
	background-color:#ffe0f4;
	padding:0.25em 0;
	margin-bottom:0.5em;
}

/*	table1
============================== */
.table1{
	width: auto;
}
.table1 th, .table1 td {
	padding: 0px 0px !important;
	vertical-align: top !important;
}
.table1 th {
	text-align: left;
	font-weight: bold;
}
.table1 td {
	vertical-align: top !important;
	text-align: left;
}
.ten{
	margin:  0 10px 0;
}

@media all and (min-width: 768px) {
.table1 th {
	display: block;
}
.table1 td{
	display: block;
}
}
@media all and (max-width: 767px) {
.table1 th {
	display: block;
}
.table1 td{
	display: block;
}
}

/*	pics
============================== */
.pics1 span,.pics2 span{
	display: block;
    background-repeat: no-repeat;
		background-color: #fafb37;
		box-shadow: 4px 4px #fafb37;
}
@media all and (min-width: 768px) {
.pics1 span{
	width: 300px;
	height: 451px;
	background-size: 300px 451px;
	margin: 50px auto 30px;
}
.pics2 span{
	width: 700px;
	height: 495px;
	background-size: 700px 495px;
	margin: 30px auto 30px;
}
}
@media all and (max-width: 767px) {
.pics1 span{
	margin: 15px auto 20px;
	width: 236px;
	height: 355px;
	background-size: 236px 355px;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
}
.pics2 span{
	margin: 15px auto 20px;
	width: 250px;
	height: 177px;
	background-size: 250px 177px;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
}
}

/*その他
============================== */
.l_text2{
	font-size: 110%;
}
.r_blue{
	color: #174870;
}
.mgb-1em {
	margin-bottom:1.5em;
}
.nomal_list li{
  padding-left: 1em;
  text-indent: -1em;
}
.line_kome{
	text-align: center;
}

@media all and (min-width: 768px) {
.l_text{
	font-size: 160% !important;
	text-shadow:1px 1px 1px #a1b6c2;
	margin-bottom: 0.5em;
	text-align: center;
	letter-spacing:0.05em
}
.s_text{
	font-size: 60%;
}
.mini_tti{
	font-size: 120%;
}
}
@media all and (max-width: 767px) {
.l_text{
	font-size: 120% !important;
	text-shadow:1px 1px 1px #a1b6c2;
	margin-bottom: 0.5em;
	letter-spacing:0.1em;
}
.s_text{
	font-size: 60%;
}
.mini_tti{
	font-size: 100%;
}
}

/*	mini_tit
============================== */
.mini_tit2{
	color: #fff;
	background-color: #52a92c;
	border-left: 5px solid #fafb37;
	/*text-shadow:rgba(255,255,255,0.7) 1px 1px 0;*/
}
.chara_area li{
	margin: 0 0 3em;
}
@media all and (min-width: 768px) {
.mini_tit2{
	font-size: 130%;
	margin-bottom: 10px;
	padding: 5px 10px 5px 20px;
}
.chara_area{
	margin: 2em 0 0;
}
}
@media all and (max-width: 767px) {
.mini_tit2{
	font-size: 110%;
	padding: 5px 5px 5px 10px;
	margin-bottom: 10px;
}
.chara_area{
	margin: 1.5em 0 0;
}
}

/*  accordion_box
============================== */
.accordion_box .a_tit {
  cursor: pointer;
  position: relative;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background-position: top right, top left;
  background-repeat: no-repeat, no-repeat;
  /*box-shadow: 0 3px 0 #81d1df;*/
}

.accordion_box .a_tit.active {
  background-position: top right, top left;
  background-repeat: no-repeat, no-repeat;
}
.accordion_box .a_tit {
  background-image: url(../img/introduction/com_btn_a.png);
}
.accordion_box .a_tit.active {
  background-image: url(../img/introduction/com_btn_b.png);
}
.accordion_box .content {
  display: none;
}

@media all and (min-width: 768px) {
  .accordion_box .a_tit {
    margin: 30px auto 20px;
    width: 325px;
    height: 77px;
  }
  .accordion_box .content {
    padding: 40px 0 0;
  }
}

@media all and (max-width: 767px) {
  .accordion_box .a_tit {
    margin: 20px auto 10px;
    width: 250px;
    height: 59px;
		background-size: 250px 59px;
  }
  .accordion_box .content {
    padding: 15px 10px 10px;
  }
}

/* button */
.button,.button2{display:block;text-align:center;}
.button a{display:block;margin:0 auto;}
.button2 a{display:block;margin:0 auto;}
.button a {display: block;cursor: pointer;margin: 0 auto;padding: 30px; color: #000;font-size:160%;text-align: center;text-decoration: none;font-weight: 800;border-radius: 50px;
                       background-color: #fafb37;box-shadow: 0 6px 0 #d4d4d4, 0 12px 0 rgba(0,0,0,0.1);-webkit-transition: color 0.3s,
                       background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;}
.button a:hover {background-color: #fafb37; box-shadow: 0 3px 0 #d4d4d4, 0 6px 0px rgba(0,0,0,0.1); -webkit-transform: translateY(3px);transform: translateY(3px);}
.button a:active {color: #1e1e1e;background-color: #fafb37;box-shadow: 0 0 0 #d4d4d4, 0 0 0px rgba(0,0,0,0.1);-webkit-transform: translateY(6px);transform: translateY(6px);transition-duration: 0.1s;}

.button2 a {display: block;cursor: pointer;margin: 0 auto;padding: 30px; color: #000;font-size:160%;text-align: center;text-decoration: none;font-weight: 800;border-radius: 50px;
                       background-color: #fafb37;box-shadow: 0 6px 0 #d4d4d4, 0 12px 0 rgba(0,0,0,0.1);-webkit-transition: color 0.3s,
                       background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;}
.button2 a:hover {background-color: #fafb37; box-shadow: 0 3px 0 #d4d4d4, 0 6px 0px rgba(0,0,0,0.1); -webkit-transform: translateY(3px);transform: translateY(3px);}
.button2 a:active {color: #1e1e1e;background-color: #fafb37;box-shadow: 0 0 0 #d4d4d4, 0 0 0px rgba(0,0,0,0.1);-webkit-transform: translateY(6px);transform: translateY(6px);transition-duration: 0.1s;}


@media all and (min-width: 768px) {
.button a{display:block;width:380px; padding:20px 0;font-size:140%; line-height:100%;margin:20px auto 40px;}
.button2 a{display:block;width:600px; padding:20px 0;font-size:140%; line-height:100%;margin:30px auto 0;}
}
@media all and (max-width: 767px) {
.button a{display:block;width:70%; padding:1em 0;font-size:100%; line-height:100%;margin:1.5em auto 2em;font-weight:bold;}
.button2 a{display:block;width:90%; padding:1em;font-size:100%; line-height:100%;margin:1.5em auto 0;font-weight:bold;}
}