/* =================================
	introducton CSS
================================= */

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

article.loop{
	border-bottom: 2px dashed #a4a4a4;
	margin: 0 0 30px;
}
article.loop h2{
	background-image: url(../img/s_tit_bg.png);
	/*background-color: #cfe7f4;*/
	color: #083d60;
	text-shadow:1px 1px 1px #a1b6c2;
	position: relative;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	letter-spacing:0.05em;
}
article.loop h2:before{
	content:"";
	display:inline-block;
	position:absolute;
	background-image: url(../img/news/news_icon.png);
}
article.loop p.date{
	text-align: right;
	color: #0e4870;
	font-size: 90%;
}
article.loop p{
	margin-bottom:1em;
}

.intro_color1{
	color: #f5855e;
}
.intro_color2{
	color: #721d00;
}
.intro_color3{
	color: #083d60;
}
.bottom05{
	margin-bottom: 0.5em;
}

@media all and (min-width: 768px) {
div.contents{
	padding: 30px 60px 200px;
}
article.loop{
	padding: 0 0 15px;
	padding-top: 20px;
	margin-top: -20px;
}
article.loop h2{
	line-height: 1.7;
}
article.loop h2:before{
	width:40px;
	height:30px;
	left:11px;
	top:50%;
	margin-top:-14px;
	background-size: 40px 30px;
}
article.loop h2 span{
	padding: 12px 20px 10px 60px;
	display: block;
	font-size: 135%;
}
article.loop p.date{
	padding: 10px 0 0;
}
.f110{
	font-size: 110%;
}
}
@media all and (max-width: 767px) {
article.loop{
	padding: 0 0 15px;
	padding-top: 10px;
	margin-top: -10px;
}
article.loop h2{
	font-size: 100%;
}
article.loop h2:before{
	width:30px;
	height:23px;
	left:9px;
	top:50%;
	margin-top:-11px;
	background-size: 30px 23px;
}
article.loop h2 span{
	padding: 7px 10px 5px 44px;
	display: block;
	font-size: 110%;
}
article.loop p{
	font-size: 90%;
}
article.loop p.date{
	padding: 5px 0 0;
}
.f110{
	font-size: 100%;
}
}
p.mini_tit{
	font-size: 131.3%;
	text-align: center;
	line-height: 1.7;
	font-weight: bold;
	color: #0e4870;
}

/*	pics
============================== */
div.pic_area span{
	display: block;
    background-repeat: no-repeat;
    border: 2px solid #003b63;
    background-color: #003b63;
    box-shadow: 4px 4px #003b63;
}
div.cap{
	text-align: center;
	color: #175d8d;
}
@media print {
div.pics1224_1{
	display: none;
}
}
@media all and (min-width: 768px) {
div.pic_area span{
	margin: 30px auto 40px;
}

div.pics span{ width: 500px; height: 335px; background-size: 500px 335px;}
div.pics0907_1 span{ width: 300px; height: 500px; background-size: 300px 500px;}
div.pics0907_2 span{ width: 500px; height: 153px; background-size: 500px 153px;}
div.pics0907_3 span{ width: 300px; height: 451px; background-size: 300px 451px;}
div.pics0917_5 span{ width: 500px; height: 250px; background-size: 500px 250px;}
div.pics0926_1 span{ width: 500px; height: 330px; background-size: 500px 330px;}
div.pics1003_1 span{ width: 770px; height: 544px; background-size: 770px 544px;}
div.pics1007_1 span{ width: 590px; height: 276px; background-size: 590px 276px;}
div.pics1013_1 span{ width: 298px; height: 422px; background-size: 298px 422px;}
div.pics1013_2 span{ width: 770px; height: 544px; background-size: 770px 544px;}
div.pics1013_3 span{ width: 300px; height: 451px; background-size: 300px 451px;}
div.pics1013_4 span{ width: 500px; height: 340px; background-size: 500px 340px;}
div.pics1013_5 span{ width: 500px; height: 335px; background-size: 500px 335px;}
div.pics1013_6 span{ width: 300px; height: 425px; background-size: 300px 425px;}
div.pics1027_1 span{ width: 500px; height: 390px; background-size: 500px 390px;}
div.pics1029_1 span{ width: 300px; height: 426px; background-size: 300px 426px;}
div.pics1102_1 span{ width: 770px; height: 940px; background-size: 770px 940px;}
div.pics1128_1 span{ width: 500px; height: 500px; background-size: 500px 500px;}
div.pics1217_1 span{ width: 700px; height: 390px; background-size: 700px 390px;}
div.pics1224_1 span{ width: 700px; height: 520px; background-size: 700px 520px;}
div.news1224_2 span{ width: 700px; height: 264px; background-size: 700px 264px;}

div.cap{
	margin: -20px 0 30px;
}

}
@media all and (max-width: 767px) {
div.pic_area span{
	margin: 15px auto 20px;
	display: block;
    background-repeat: no-repeat;
    background-position: center center;
}

div.pics span{ width: 250px; height: 168px; background-size: 250px 168px;}
div.pics0907_1 span{ width: 250px; height: 417px; background-size: 250px 417px;}
div.pics0907_2 span{ width: 250px; height: 77px; background-size: 250px 77px;}
div.pics0907_3 span{ width: 250px; height: 376px; background-size: 250px 376px;}
div.pics0917_5 span{ width: 250px; height: 125px; background-size: 250px 125px;}
div.pics0926_1 span{ width: 250px; height: 165px; background-size: 250px 165px;}
div.pics1003_1 span{ padding-top: 70.6493%; overflow: hidden; height: 0; background-size: contain; margin:0 auto 15px;
	border: 0px solid #003b63; box-shadow: 0px 0px #003b63;}
div.pics1007_1 span{ padding-top: 46.7796%; overflow: hidden; height: 0; background-size: contain; margin:0 auto 15px;
	border: 0px solid #003b63; box-shadow: 0px 0px #003b63;}
div.pics1013_1 span{ padding-top: 141.6107%; overflow: hidden; height: 0; background-size: contain; margin:0 auto 15px;
	border: 0px solid #003b63; box-shadow: 0px 0px #003b63;}
div.pics1013_2 span{ padding-top: 70.6493%; overflow: hidden; height: 0; background-size: contain; margin:0 auto 15px;
	border: 0px solid #003b63; box-shadow: 0px 0px #003b63;}
div.pics1013_3 span{ width: 250px; height: 376px; background-size: 250px 376px;}
div.pics1013_4 span{ width: 250px; height: 170px; background-size: 250px 170px;}
div.pics1013_5 span{ width: 250px; height: 168px; background-size: 250px 168px;}
div.pics1013_6 span{ width: 250px; height: 354px; background-size: 250px 354px;}
div.pics1027_1 span{ width: 250px; height: 195px; background-size: 250px 195px;}
div.pics1029_1 span{ width: 250px; height: 355px; background-size: 250px 355px;}
div.pics1102_1 span{ padding-top: 122.0779%; overflow: hidden; height: 0; background-size: contain; margin:0 auto 15px;
	border: 0px solid #003b63; box-shadow: 0px 0px #003b63;}
div.pics1128_1 span{ width: 250px; height: 250px; background-size: 250px 250px;}
div.pics1217_1 span{ padding-top: 55.7142%; overflow: hidden; height: 0; background-size: contain; margin:0 auto 15px;
	border: 2px solid #003b63; box-shadow: 0px 0px #003b63; background-color:#fff; }
div.pics1224_1 span{ padding-top: 74.2857%; overflow: hidden; height: 0; background-size: contain; margin:0 auto 15px;
	border: 2px solid #003b63; box-shadow: 0px 0px #003b63; background-color:#fff; }
div.news1224_2 span{ padding-top: 37.7142%; overflow: hidden; height: 0; background-size: contain; margin:0 auto 15px;
	border: 2px solid #003b63; box-shadow: 0px 0px #003b63; background-color:#fff; }

div.cap{
	margin: -10px 0 30px;
}
}

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

section.trailer {
	background-color:#c8e3f2;
	border:4px solid #c8e3f2;
}
section.trailer h3 {
	color:#664433;
	text-align:center;
	line-height:1.25;
	padding:0.5em 0;
}
div.player-deco {
/*
	border:4px solid #ebd3c0;
	background-color:#ebd3c0;
*/
}
div.player-outer {
	position:relative;
	height:0;
	padding-top:56.25%;
}
div.player-outer > iframe {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
@media all and (min-width: 768px) {
section.trailer {
	margin:10px 100px 25px;
}
section.trailer h3 {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
section.trailer {
	margin:0 0px 15px;
}
section.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
============================== */
article.loop dl.dl_onair dt,article.loop dl.dl_onair dd {
	line-height:1.6;
}
article.loop dl.dl_onair dt {
	margin-bottom:0.25em;
	color: #003b63;
	font-weight: bold;
}
article.loop dl.dl_onair dd {
	color:#f5855e;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
	font-weight: bold;
}
article.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;
}
ul.kome{
	margin: 0 0 1em;
	font-size: 90%;
}
@media all and (min-width: 768px) {
article.loop dl.dl_onair {
	margin-bottom:20px;
}
article.loop dl.dl_onair dd {
	font-size: 110%;
}
}
@media all and (max-width: 767px) {
article.loop dl.dl_onair {
	margin-bottom:12px;
}
article.loop dl.dl_onair dd {
	font-size: 100%;
}
}
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;
}
}

/*	btn-basic1
============================== */
p.btn-basic1 a{
    background-color: #f5cd5e;
    color: #503e0e;
    text-align: center;
    text-decoration: none;
    letter-spacing: 1px;
    display: block;
    cursor: pointer;
    box-shadow: 0 6px 0 #e9bc41, 0 12px 0 rgba(0,0,0,0.2);
    -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;
    position: relative;
    border-top:1px solid #fae8b4;
    font-weight: bold;
    text-shadow:1px 1px 0px #f9e3a5;
    padding:10px 0 10px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/*p.btn-basic1 a::before {
	position: absolute;
	top: 50%;
	left: 1em;
	content: '';
	margin-top: -10px;
	border: 15px solid transparent;
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-left-color: #81630f;
}*/
p.btn-basic1 a::before {
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 2px #fff7e0;
  border-right: solid 2px #fff7e0;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -4px;
}
p.btn-basic1 a:hover {
	background-color: #e9bc41;
	box-shadow: 0 3px 0 #e4b638, 0 6px 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
}
@media all and (min-width: 768px) {
p.btn-basic1 a{
	margin: 20px auto 40px;
	width: 310px;
    height: 50px;
    line-height:2.5;
    font-size: 150%;
}
}
@media all and (max-width: 767px) {
p.btn-basic1{
	margin: 0 15px;
}
p.btn-basic1 a{
	margin: 10px auto 30px;
	width: 270px;
    height: 30px;
    line-height:2.1;
    font-size: 130%;
}
}

/*	btn-basic2
============================== */
p.btn-basic2 a{
    background-color: #f5cd5e;
    color: #503e0e;
    text-align: center;
    text-decoration: none;
    letter-spacing: 1px;
    display: block;
    cursor: pointer;
    box-shadow: 0 6px 0 #e9bc41, 0 12px 0 rgba(0,0,0,0.2);
    -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;
    position: relative;
    border-top:1px solid #fae8b4;
    font-weight: bold;
    text-shadow:1px 1px 0px #f9e3a5;
    padding:10px 0 10px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/*p.btn-basic2 a::before {
	position: absolute;
	top: 50%;
	left: 1em;
	content: '';
	margin-top: -10px;
	border: 15px solid transparent;
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-left-color: #81630f;
}*/
p.btn-basic2 a::before {
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 2px #fff7e0;
  border-right: solid 2px #fff7e0;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -4px;
}
p.btn-basic2 a:hover {
	background-color: #e9bc41;
	box-shadow: 0 3px 0 #e4b638, 0 6px 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
}
@media all and (min-width: 768px) {
p.btn-basic2 a{
	margin: 20px auto 40px;
	width: 270px;
    height: 50px;
    line-height:1.3;
    font-size: 150%;
}
}
@media all and (max-width: 767px) {
p.btn-basic2{
	margin: 0 15px;
}
p.btn-basic2 a{
	margin: 30px auto 30px;
	width: 270px;
    height: 40px;
    line-height:1.3;
    font-size: 140%;
}
}

/*	btn-basic3
============================== */
p.btn-basic3 a{
    background-color: #f5cd5e;
    color: #503e0e;
    text-align: center;
    text-decoration: none;
    letter-spacing: 1px;
    display: block;
    cursor: pointer;
    box-shadow: 0 6px 0 #e9bc41, 0 12px 0 rgba(0,0,0,0.2);
    -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;
    position: relative;
    border-top:1px solid #fae8b4;
    font-weight: bold;
    text-shadow:1px 1px 0px #f9e3a5;
    padding:10px 0 10px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
p.btn-basic3 a::before {
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 2px #fff7e0;
  border-right: solid 2px #fff7e0;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -4px;
}
p.btn-basic3 a:hover {
	background-color: #e9bc41;
	box-shadow: 0 3px 0 #e4b638, 0 6px 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
}
@media all and (min-width: 768px) {
p.btn-basic3 a{
	margin: 20px auto 20px;
	width: 300px;
    height: 50px;
    line-height:1.3;
    font-size: 150%;
}
}
@media all and (max-width: 767px) {
p.btn-basic3{
	margin: 0 15px;
}
p.btn-basic3 a{
	margin: 30px auto 15px;
	width: 270px;
    height: 40px;
    line-height:1.3;
    font-size: 140%;
}
}

/*	その他
============================== */
.mincho{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
}
.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%;
}
}
@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%;
}
}