@charset "UTF-8";

@font-face {
  font-family: 'Jaapokki';
  src: url("/assets/new/fonts/jaapokki-regular-webfont.eot");
  src: url("/assets/new/fonts/jaapokki-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/new/fonts/jaapokki-regular-webfont.woff2") format("woff2"), url("/assets/new/fonts/jaapokki-regular-webfont.woff") format("woff"), url("/assets/new/fonts/jaapokki-regular-webfont.ttf") format("truetype"), url("/assets/new/fonts/jaapokki-regular-webfont.svg#jaapokkiregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media only screen and (min-width: 769px) {
body {
	min-width: 1200px;
}
}

a:link { color:#36c; text-decoration: underline; }
a:visited { color:#63c; text-decoration: underline; }
a:hover { color:#69f; text-decoration: none; }
a:active { color:#abe3ff; text-decoration: underline; }
a:focus { outline:none;}


#top {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../img/index/background.gif) repeat left top;
	overflow: hidden;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.fcaution { 
	color: #B20000;
	font-weight: bold;
	font-size: 1.1rem;
}

.caution { 
	color: #B20000;
}

.borderbox {
	border: 1px solid #CCC;
	padding: 10px;
}

.sp {
	display: block !important;
}
.pc {
	display: none !important;
}
@media only screen and (min-width: 769px) {
.sp {
	display: none !important;
}
.pc {
	display: block !important;
}
}

.owl-mainimage {
	clear: both;
	margin: auto;
	padding: 0px 0 0 0;
	width: 100vw !important;
}
.owl-mainimage img.sp {
	width: 100vw !important;
}
@media only screen and (min-width: 769px) {
.owl-mainimage {
	clear: both;
	margin: auto;
	padding: 10px 0 0 0;
	width: 954px !important;
}
}


/*= ぺージ送り =*/
.pagination {
	margin: 40px 0 40px 0;
	display: flex;
	justify-content: center;
}
.pagination li {
	margin: 0 4px;
	color: #666;
}
.pagination li a {
	display: block;
	padding: 7px 10px;
	line-height: 1;
	background-color: #e3f4fd;
	border-radius: 2px;
}
.pagination li span {
	display: block;
	padding: 7px 10px;
	line-height: 1;
	background-color: #efefef;
	border-radius: 2px;
}


/* -------------------------------------------------- */
/* ヘッダー */
/* -------------------------------------------------- */


header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	top: 0;
	left: 0;
	background-color: #FFF;
	z-index: 10;
}
@media only screen and (min-width: 769px) {
header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	background-color: #FFF;
}
}

#mhz {
	display:  none;
}

@media only screen and (min-width: 769px) {
#mhz {
	display:  block;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #DBDBDB;
}
#mhz p {
	margin: 0px 0px 0px 15px;
	padding: 4px 0px;
	color: #666;
	font-size: 12px;
}
}

header h1 {
	margin: 50px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	float: left;
}
h1 img {
	width: 75vw;
	height: auto;
	/*border: 1px solid #000;
	text-align: center;*/
}

@media only screen and (min-width: 769px) {
header h1 {
	margin: 10px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	float: left;
}

h1 img {
	width: auto;
	height: auto;
}

}

header #plus_header {
	display: none;

}
@media only screen and (min-width: 769px) {
header #plus_header {
	display: block !important;
	position: absolute;
	width: 468px;
	height: 60px;
	/*border: 1px solid #FF0000;*/
	top: 38px;
	left: 350px;
}
header #plus_header div {
	/*border: 1px solid #000;*/
}
header #plus_header div div {
	/*border: 1px solid #00FF00 !important;
	position: relative !important;
	display: block !important;*/
}
header #plus_header iframe {
	/*display: block !important;
	border: 1px solid #000 !important;*/
}
}

/* PC / SP 共通（または header #head の指定箇所） */
header #head {
    position: relative; /* 重なり順を制御できるようにする */
    z-index: 110;        /* #sns (z-index: 100) より前面に出す */
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}

@media only screen and (min-width: 769px) {
    header #head {
        position: relative;
        z-index: 110;
        margin: 50px 20px 0px 0px;
        padding: 0px 0px 0px 0px;
        float: right;
    }

    /* 念のため、PC表示時の #sns の不要な下マージンも除去を推奨 */
    header #sns {
        margin: 0px 0px 0px 0px; /* 50pxから0pxに変更 */
    }
}

header #head li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	/*height: 60px;*/
}
@media only screen and (min-width: 769px) {
header #head li {
	margin: 0px 0px 0px 4px;
	padding: 0px 0px 0px 0px;
	float: left;
}
}

header #head li a {
	display: block !important;
	/*border: 1px solid #FF0000;*/
}


header #head img {
	/*width: 33.3vw;*/ /*33.3vw*/
	width: 24.9vw !important;
	/*width: calc(100%/3) !important;*/
	height: auto;
}
@media only screen and (min-width: 769px) {
header #head img {
	width: auto !important;
	height: auto !important;
}
}



/*header #sns {
	display: none;
}*/
header #sns {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	z-index: 100;
	right: 20px; /*left: 370px;*//*right: 20px;*/
	top: 20px;
	/*border: 10px solid #000;*/
}
header #sns li {
	margin: 0px 10px 0px 4px;
	padding: 0px 0px 0px 0px;
	float: left;
}

@media only screen and (min-width: 769px) {
header #sns {
	display: block;
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 440px; /*left: 370px;*//*right: 20px;*/
	top: 60px;
}
header #sns li {
	margin: 0px 10px 0px 4px;
	padding: 0px 0px 0px 0px;
	float: left;
}
}

/* -------------------------------------------------- */
/* グローバルナビゲーション */
/* -------------------------------------------------- */

@media only screen and (min-width: 769px) {
nav {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #000;
	clear: both;
}
nav ul {
	width: 1100px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}
nav li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
nav .nav_02 { margin-left: 64px; }
nav .nav_03 { margin-left: 68px; }
nav .nav_04 { margin-left: 69px; }
nav .nav_05 { margin-left: 67px; }
nav .nav_06 { margin-left: 67px; }
nav .nav_07 { margin-left: 68px; }

nav ul li a {
	display: block;
	text-indent: -9999px;
	background-position: top;
	height: 46px;
}
nav ul li:nth-of-type(1) a {
	width: 29px;
	background-image: url(../img/index/nav_01.jpg);
}
nav ul li:nth-of-type(2) a {
	width: 201px;
	background-image: url(../img/index/nav_02.jpg);
}
nav ul li:nth-of-type(3) a {
	width: 92px;
	background-image: url(../img/index/nav_03.jpg);
}
nav ul li:nth-of-type(4) a {
	width: 125px;
	background-image: url(../img/index/nav_04.jpg);
}
nav ul li:nth-of-type(5) a {
	width: 88px;
	background-image: url(../img/index/nav_05.jpg);
}
nav ul li:nth-of-type(6) a {
	width: 106px;
	background-image: url(../img/index/nav_06.jpg);
}
nav ul li:nth-of-type(7) a {
	width: 56px;
	background-image: url(../img/index/nav_07.jpg);
}

}
/* -------------------------------------------------- */
/*  */
/* -------------------------------------------------- */

#graphic {
	width: 100%;
	/*height: auto;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 3px solid #000;
	background-image: url(../img/index/bg_001.jpg);
	background-size: cover;
}

#graphic img.sp {
	min-width: 100vw !important;
	height: auto;
}

#graphicsub {
	width: 100%;
	height: 120px;
	margin: 124px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*border-bottom: 3px solid #000;*/
	background-size: cover;
	position: relative;
	background-image: url(../img/pages/bg_category.jpg);
}

#graphicsub h2 {
	position: absolute;
	left:0;
	right: 0;
	bottom: 10px;
	text-align: center;
	color: #FFF;
	font-size: 28px; font-weight: bold;
	text-shadow: 1px 2px 3px #808080;
}

@media only screen and (min-width: 769px) {
#graphic {
	width: 100%;
	/*height: 240px;*/
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	border-bottom: 3px solid #000;
	background-image: url(../img/index/bg_001.jpg);
	background-size: cover;
}

#graphicsub {
	width: 100%;
	height: 120px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-size: cover;
	background-image: url(../img/pages/bg_category.jpg);
	/*border-bottom: 3px solid #000;*/
}
}


#now {
	width: 100%;
	height: 366px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 4px solid #000;
	
}
@media only screen and (min-width: 769px) {
#now {
	width: 100%;
	height: 94px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 4px solid #000;
	background: #FFF url(../img/index/bg_now.png) no-repeat center center; 
}
}

#now .wrap {
	width: 100%;
	margin: 0px auto;
}

#now #onair {
	width: 100%;
	height: 150px;
	background-color: #DD4A46;
}
#now #playing {
	width: 100%;
	height: 150px;
	position: relative;
	background: #FFF url(../img/index/bg_now2_sp.png) no-repeat left center; 
}

#now #onair .L {
	/*height: 94px;*/
	margin: 0px 0px 0px 30px; padding: 15px 0px 0px 0px;
	color: #FFF;
	font-size: 22px; font-weight: bold;
	/*text-indent: 1em;*/ /*line-height: 90px;*/
	/*float: left;*/
	text-shadow: 1px 2px 3px #808080;
}
#now #onair .C {
	width: 120px;
	/*height: 94px;*/
	margin: 7px 0px 0px 30px; 
	padding: 0px 0px 0px 0px;
	float: left;
	text-align: center;
}
#now #onair .R {
	width: calc(100vw - 200px);
	margin: 20px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	color: #FFF;
	font-size: 12px; font-weight: bold;
	float: left;
}

#now #playing .L {
	margin: 0px 0px 0px 30px; 
	padding: 60px 0px 0px 0px;
	color: #FFF;
	font-size: 14px; /*font-weight: bold;*/
	text-shadow: 1px 2px 3px #808080;
}
#now #playing .C {
	width: 100%;
	margin: 12px 0px 0px 30px; 
	padding: 0px 0px 0px 0px;
	color: #FFF;
	line-height: 1.2em;
	font-size: 15px; font-weight: bold;
	text-align: left;
}
#now #playing .R {
	position: absolute;
	top:20px;
	right: 20px;
	color: #FFF;
	font-size: 12px; font-weight: bold;
	float: right;
}
#now #playing .R a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px 8px;
	border: 1px solid #FFF;
	background-color: #DF4841;
	border-radius: 3px;
}

#now #onair .halftrim {
	/*position: relative;*/
}

#now #onair .halftrim img {
	width: 40px;
	height: 80px;
	/*object-fit: cover;*/
}

#now #onair .object-fit-img {
	width: 40px;
	height: 80px;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

@media only screen and (min-width: 769px) {
#now .wrap {
	width: 1200px;
	margin: 0px auto;
}

#now #onair {
	width: 520px;
	height: 94px;
	float: left;
}
#now #playing {
	width: 680px; /*1200-520*/
	height: 94px;
	float: left;
	position: relative;
	background: none;
}

#now #onair .L {
	height: 94px;
	margin: 0px 0px 0px 50px; 
	padding: 0px 0px 0px 0px;
	color: #FFF;
	font-size: 22px; font-weight: bold;
	text-indent: 1em; line-height: 90px;
	float: left;
	text-shadow: 1px 2px 3px #808080;
}
#now #onair .C {
	width: 120px;height: 94px;/*height: 94px;*/
	margin: 7px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	float: left;
	text-align: center;
}
#now #onair .R {
	width: 200px;
	margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px;
	color: #FFF;
	font-size: 12px; font-weight: bold;
	float: left;
}

#now #playing .L {
	margin: 20px 0px 0px 220px; padding: 0px 0px 0px 0px;
	color: #FFF;
	font-size: 14px; /*font-weight: bold;*/
	float: left;
	text-shadow: 1px 2px 3px #808080;
}
#now #playing .C {
	width: 500px;
	float: left;
	margin: 12px 0px 0px 30px; padding: 0px 0px 0px 0px;
	color: #FFF;
	line-height: 1.2em;
	font-size: 15px; font-weight: bold;
	text-align: left;
}
#now #playing .R {
	position: absolute;
	top:30px;
	right: 80px;
	color: #FFF;
	font-size: 12px; font-weight: bold;
	float: right;
}
#now #playing .R a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px 8px;
	border: 1px solid #FFF;
	background-color: #DF4841;
	border-radius: 3px;
}
}
#now #playing .R a:link  { color:#FFF; text-decoration: none; }
#now #playing .R a:visited  { color:#FFF; text-decoration: none; }
#now #playing .R a:hover { color:#FFF; text-decoration: none; }
#now #playing .R a:active { color:#FFF; text-decoration: none; }



/* -------------------------------------------------- */
/*  */
/* -------------------------------------------------- */

#container {
	width: 100%;
	margin: 0px auto;
	padding: 20px 0px 35px 0px;
}
#wrapper {

}


@media only screen and (min-width: 769px) {
#container {
	width: 1100px;
	margin: 0px auto;
	padding: 20px 0px 35px 0px;
}

#wrapper {
	width: 856px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
}



/* -------------------------------------------------- */
/* コンテンツカラム */
/* -------------------------------------------------- */
#contents_C {
	width: 100%;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background-color: #FFF;
	position: relative;
}
@media only screen and (min-width: 769px) {
#contents_C {
	width: 854px; /*612+220*/
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background-color: #FFF;
	float: left;
}
}


/* -------------------------------------------------- */
/* 左カラム */
/* -------------------------------------------------- */

#contents_M {
	width: 100%;
}

@media only screen and (min-width: 769px) {
#contents_M {
	width: 612px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background-color: #FCC;
	float: right;
}
}

#pickup {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background-color: #FFF;
}
#pickup_wrapper {
	margin: 0px 0px 0px 12px; padding: 0px 0px 0px 0px;
	background-color: #FFF;
	display:-ms-flexbox; /*--- IE10 ---*/
	display:-webkit-flex; /* Safari */
	display: flex;
	-ms-flex-wrap:wrap; /*--- IE10 ---*/
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	clear: both;
}


#pickup .L {
	height: 44px;
	margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;
	color: #FD6720;
	font-size: 18px; font-weight: bold;
	text-indent: 0.8em; line-height: 44px;
	float: left;
}
#pickup .L span {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	color: #666;
	font-size: 10px;
	font-weight: normal;
}

#pickup .R {
	margin: 0px 6px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #FD6720;
	font-size: 12px;
	text-align: center;
	border: 1px solid #CDCDCD;
	float: right;
	position: relative;
	top: 10px;
}
@media only screen and (min-width: 769px) {
#pickup .R {
	margin: 0px 30px 0px 0px;
}
}

#pickup .R a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px 8px;
}

@media only screen and (min-width: 769px) {
#pickup .L {
	height: 44px;
	margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;
	color: #FD6720;
	font-size: 22px; font-weight: bold;
	text-indent: 1em; line-height: 44px;
	float: left;
}
#pickup .L span {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	color: #666;
	font-size: 14px;
	font-weight: normal;
}
#pickup .R {
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #FD6720;
	font-size: 14px;
	text-align: center;
	border: 1px solid #CDCDCD;
	float: right;
	position: relative;
	top: 10px;
}
#pickup .R a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px 8px;
}
}

#pickup .R a:link  { color:#38A9E0; text-decoration: none; }
#pickup .R a:visited  { color:#38A9E0; text-decoration: none; }
#pickup .R a:hover { color:#38A9E0; text-decoration: underline; }
#pickup .R a:active { color:#38A9E0; text-decoration: underline; }

#pickup_wrapper .box {
	width: 44vw;
	margin: 0px 0px 5vw 0px;
	padding: 0px 1vw 0px 1vw;
	position: relative;
}

@media only screen and (min-width: 769px) {
#pickup_wrapper .box {
	width: 164px;
	/*width: calc(32.3% - 10px);*/
	margin: 0px 0px 30px 0px;
	padding: 0px 15px 0px 15px;
	/*margin: 5px;*/
	border-left: 1px solid #CDCDCD;
	position: relative;
}
}



#pickup_wrapper a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#pickup_wrapper a:link  { color:#666; text-decoration: none; }
#pickup_wrapper a:visited  { color:#666; text-decoration: none; }
#pickup_wrapper a:hover { color:#666; text-decoration: underline; }
#pickup_wrapper a:active { color:#666; text-decoration: underline; }

#pickup_wrapper .none {
	border-left: none;
}

#pickup_wrapper .box img {
	width: auto;
	height: auto;
	max-width: 42vw;
	max-height: 42vw;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;

}
@media only screen and (min-width: 769px) {
#pickup_wrapper .box img {
	width: auto;
	height: auto;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;

}
}

#pickup_wrapper .box .square {
	margin: 0 auto 10px auto;
	width: 99%;
	height: 44vw;
	border: 1px solid #CCC;
	text-align: center;
	position: relative;
}

@media only screen and (min-width: 769px) {
#pickup_wrapper .box .square {
	margin: 0 auto 10px auto;
	width: 162px;
	height: 162px;
	border: 1px solid #CCC;
	text-align: center;
	position: relative;
}
}
#pickup_wrapper .box .square img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}


#pickup_wrapper .present { background-color: #F29825; }
#pickup_wrapper .program { background-color: #2E99DC; }
#pickup_wrapper .news    { background-color: #EA611D; }
#pickup_wrapper .events  { background-color: #159848; }

#pickup_wrapper .present, #pickup_wrapper .program, #pickup_wrapper .news, #pickup_wrapper .events {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-indent: 0.5em;
	border: 1px solid #CDCDCD;
	border-bottom: none;
}
.head {
	margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;
	font-weight: bold;
}

.read {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	color: #666;
	font-size: 0.9em;
}

.badge {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	position: absolute;
	right: 15px;
	top: 0px;
	width: auto !important;
	height: auto !important;
	z-index: 5;
}

/* -------------------------------------------------- */
/* 左カラム */
/* -------------------------------------------------- */
#contents_L {
	width: auto;
}

@media only screen and (min-width: 769px) {
#contents_L {
	width: 220px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
}

#contents_L .R a:link  { color:#FFF; text-decoration: none; }
#contents_L .R a:visited  { color:#FFF; text-decoration: none; }
#contents_L .R a:hover { color:#FFF; text-decoration: underline; }
#contents_L .R a:active { color:#FFF; text-decoration: underline; }

/* -------------------------------------------------- */
/* 左カラム（ジングル） */
/* -------------------------------------------------- */

#jingle {
	margin: 0px 0px 15px 0px; padding: 0px 0px 10px 0px;
	background-color: #FFF;
}

#jingle .L {
	width: 70%; height: 44px;
	margin: 0px 0px 22px 0px; padding: 0px 0px 0px 0px;
	color: #FFF;
	text-align: center;
	font-size: 16px; font-weight: bold;
	text-indent: 0.2em; line-height: 44px;
	background-color: #2B4288;
	float: left;
}
#jingle .R {
	width: 30%; height: 44px;
	margin: 0px 0px 22px 0px; padding: 0px 0px 0px 0px;
	font-size: 12px;
	text-align: center; line-height: 44px;
	background-color: #6681CE;
	float: right;
}

@media only screen and (min-width: 769px) {
#jingle .L {
	width: 125px; height: 44px;
	margin: 0px 0px 22px 0px; padding: 0px 0px 0px 0px;
	color: #FFF;
	text-align: center;
	font-size: 16px; font-weight: bold;
	text-indent: 0.2em; line-height: 44px;
	background-color: #2B4288;
	float: left;
}
#jingle .R {
	width: 95px; height: 44px;
	margin: 0px 0px 22px 0px; padding: 0px 0px 0px 0px;
	font-size: 12px;
	text-align: center; line-height: 44px;
	background-color: #6681CE;
	float: right;
}
}

#jingle img {
	margin: 0px 0px 0px 20px; padding: 0px 0px 10px 0px;
}
#jingle .name {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	font-weight: bold;
	text-align: center;
}
#jingle .date {
	margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;
	font-size: 0.9em;
	text-align: center;
}
#jingle .plan {
	margin: 0px 20px 5px 20px; padding: 5px 0px 3px 0px;
	color: #32A8E0;
	font-weight: bold;
	text-align: center;
	background-color: #E7E8E8;
}
#jingle .plan a:visited  { color:#32A8E0; text-decoration: none; }
#jingle .plan a:hover { color:#32A8E0; text-decoration: none; }
#jingle .plan a:active { color:#32A8E0; text-decoration: none; }

#jingle ul {
	margin: 0px 20px; padding: 0px 0px 0px 0px;
}
#jingle li {
	margin: 0px 0px 0px 0px; padding: 6px 0px 4px 0px;
	font-size: 14px; font-weight: bold;
	border-bottom: 1px solid #CDCDCD;
}

/* -------------------------------------------------- */
/* 左カラム（ゲスト） */
/* -------------------------------------------------- */

#guest {
	margin: 0px 0px 15px 0px; padding: 0px 0px 10px 0px;
	background-color: #FFF;
}

#guest .L {
	width: 70%; height: 44px;
	margin: 0px 0px 22px 0px; padding: 0px 0px 0px 0px;
	color: #FFF;
	text-align: center;
	font-size: 16px; font-weight: bold;
	text-indent: 0.2em; line-height: 44px;
	background-color: #32A8E0;
	float: left;
}
#guest .R {
	width: 30%; height: 44px;
	margin: 0px 0px 22px 0px; padding: 0px 0px 0px 0px;
	font-size: 12px;
	text-align: center; line-height: 44px;
	background-color: #91C5DE;
	float: right;
}

@media only screen and (min-width: 769px) {
#guest .L {
	width: 125px; height: 44px;
	margin: 0px 0px 22px 0px; padding: 0px 0px 0px 0px;
	color: #FFF;
	text-align: center;
	font-size: 16px; font-weight: bold;
	text-indent: 0.2em; line-height: 44px;
	background-color: #32A8E0;
	float: left;
}
#guest .R {
	width: 95px; height: 44px;
	margin: 0px 0px 22px 0px; padding: 0px 0px 0px 0px;
	font-size: 12px;
	text-align: center; line-height: 44px;
	background-color: #91C5DE;
	float: right;
}
}

#guest img {
	margin: 0px 0px 0px 20px; padding: 0px 0px 10px 0px;
}
#guest .name {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	font-weight: bold;
	text-align: center;
}
#guest .date {
	margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;
	font-size: 0.9em;
	text-align: center;
}
#guest .plan {
	margin: 0px 20px 5px 20px; padding: 5px 0px 3px 0px;
	color: #32A8E0;
	font-weight: bold;
	text-align: center;
	background-color: #E7E8E8;
}
#guest .plan a:link  { color:#32A8E0; text-decoration: none; }
#guest .plan a:visited  { color:#32A8E0; text-decoration: none; }
#guest .plan a:hover { color:#32A8E0; text-decoration: none; }
#guest .plan a:active { color:#32A8E0; text-decoration: none; }

#guest ul {
	margin: 0px 20px; padding: 0px 0px 0px 0px;
}
#guest li {
	margin: 0px 0px 0px 0px; padding: 6px 0px 4px 0px;
	font-size: 14px; font-weight: bold;
	border-bottom: 1px solid #CDCDCD;
}

/* -------------------------------------------------- */
/* 左カラム（スマイルカッツ） */
/* -------------------------------------------------- */

#smilecuts {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 10px 0px;
	background-color: #000;
	text-align: center;
}

#smilecuts .L {
	width: 70%;
	height: 44px;
	margin: 0px 0px 22px 0px;
	padding: 0px 0px 0px 0px;
	color: #FD6720;
	font-size: 20px;
	font-weight: bold;
	line-height: 44px;
	text-align: center;
	background-color: #000;
	float: left;
}
#smilecuts .R {
	width: 30%;
	height: 44px;
	margin: 0px 0px 22px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	text-align: center;
	line-height: 44px;
	background-color: #585858;
	float: right;
}

@media only screen and (min-width: 769px) {
#smilecuts .L {
	width: 125px;
	height: 44px;
	margin: 0px 0px 22px 0px;
	padding: 0px 0px 0px 0px;
	color: #FD6720;
	font-size: 20px;
	font-weight: bold;
	line-height: 44px;
	text-align: center;
	background-color: #000;
	float: left;
}
#smilecuts .R {
	width: 95px;
	height: 44px;
	margin: 0px 0px 22px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	text-align: center;
	line-height: 44px;
	background-color: #585858;
	float: right;
}
}
#smilecuts img {
	/*margin: 0px 0px 0px 20px;*/
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
}
#smilecuts .name {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
}
#smilecuts .date {
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	text-align: center;
	color: #FFF;
	font-size: 0.8em;
}

/* -------------------------------------------------- */
/* 右カラム */
/* -------------------------------------------------- */
#contents_R {
	width: auto;
}

@media only screen and (min-width: 769px) {
#contents_R {
	width: 220px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}
}

#contents_R .R a:link  { color:#FFF; text-decoration: none; }
#contents_R .R a:visited  { color:#FFF; text-decoration: none; }
#contents_R .R a:hover { color:#FFF; text-decoration: underline; }
#contents_R .R a:active { color:#FFF; text-decoration: underline; }


/* -------------------------------------------------- */
/* 右カラム（コンサート） */
/* -------------------------------------------------- */

#concert {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 10px 0px;
	background-color: #FFF;
	text-align: center;
}

#concert .L {
	width: 70%;
	height: 44px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	line-height: 44px;
	text-align: center;
	background-color: #7E348D;
	float: left;
}
#concert .R {
	width: 30%;
	height: 44px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	text-align: center;
	line-height: 44px;
	background-color: #50155A;
	float: right;
}

@media only screen and (min-width: 769px) {
#concert .L {
	width: 125px;
	height: 44px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	line-height: 44px;
	text-align: center;
	background-color: #7E348D;
	float: left;
}
#concert .R {
	width: 95px;
	height: 44px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	text-align: center;
	line-height: 44px;
	background-color: #50155A;
	float: right;
}
}

#concert img {
	width:100%;
	/*max-width: 400px;*/
	height: auto;
}

@media only screen and (min-width: 769px) {
#concert img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
}
#concert .plan {
	margin: 0px 20px 5px 20px;
	padding: 5px 0px 3px 0px;
	color: #7E348D;
	font-weight: bold;
	text-align: center;
	background-color: #E7E8E8;
}
#concert .plan a:link  { color:#7E348D; text-decoration: none; }
#concert .plan a:visited  { color:#7E348D; text-decoration: none; }
#concert .plan a:hover { color:#7E348D; text-decoration: none; }
#concert .plan a:active { color:#7E348D; text-decoration: none; }

#concert ul {
	margin: 0px 20px;
	padding: 0px 0px 0px 0px;
}
#concert li {
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 4px 0px;
	font-size: 14px; font-weight: bold;
	border-bottom: 1px solid #CDCDCD;
	text-align: left;
}

/* -------------------------------------------------- */
/* 右カラム（番組ブログ） */
/* -------------------------------------------------- */

#blog {
	margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px;
	background-color: #71B837;
}

#blog a:link  { color:#000; text-decoration: none; }
#blog a:visited  { color:#000; text-decoration: none; }
#blog a:hover { color:#000; text-decoration: none; }
#blog a:active { color:#000; text-decoration: none; }

#blog .L {
	width: 125px; height: 44px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	color: #FFF; font-size: 18px; font-weight: bold; text-align: center; line-height: 44px;
	background-color: #71B837;
	float: left;
}
#blog .R {
	width:95px; height:44px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	font-size: 12px; text-align: center; line-height: 44px;
	background-color: #308C2E;
	float: right;
}

#blog dl {
	width:90vw;;
	margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;
	background-color: #FFF;
	border-radius: 5px;
	clear: both;
}
@media only screen and (min-width: 769px) {
#blog dl {
	width:210px;
	margin: 0px 5px 0px 5px; padding: 0px 0px 0px 0px;
	background-color: #FFF;
	border-radius: 5px;
	clear: both;
}
}

#blog dt {
	clear: both;
	width: 35px;
	margin: 0px 8px 0px 8px;
	padding: 12px 0px 12px 0px;
	float: left;
	/*border-top: 1px solid #CDCDCD;*/
}
#blog dd {
	margin: 0px 8px 0px 8px;
	padding: 12px 0px 12px 0px;
	padding-right: 20px;
	margin-left: 35px;
	font-size: 14px;
	font-weight: bold;
	border-top: 1px solid #CDCDCD;
}
#blog dd div {
	margin: 4px 0px 0px 0px; padding: 0px 0px 0px 0px;
	font-size: 10px; font-weight: normal;
}

#blog dt:first-child { border-top: none; }
#blog dd:first-child { border-top: 1px solid #FFF; }

/* -------------------------------------------------- */
/* 右カラム（FMN facebook Twitter） */
/* -------------------------------------------------- */

#fmn {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 10px 0px;
	background-color: #FFF;
	border: 3px solid #59A0E8;
	clear: both;
	position: relative;
	text-align: center;
}

#fmn ul {
	margin: 0 auto;
	width: 100%;
}

#fmn ul li {
	width: 48%;
	display: inline-block;
	background-color: #F0F0F0;	
}

#fmn ul li.active {
	background-color: #FFF;
	border: 1px solid #FFF;
}

#fmn #facebook-tab {
	margin: 10px auto;
}
#fmn #twitter-tab {
	margin: 10px auto;
}

#fmn ul li a {
	display: block;
	text-indent: -9999px;
	background-position: top;
	height: 60px;
}
#fmn ul li:nth-of-type(2) a {
	background-image: url(../img/index/tab_facebook.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#fmn ul li:nth-of-type(1) a {
	background-image: url(../img/index/tab_twitter.png);
	background-repeat: no-repeat;
	background-position: center center;
}


/* -------------------------------------------------- */
/* フッター */
/* -------------------------------------------------- */

footer {
	margin: 0px 0px 10px 0px; padding: 10px 0px 0px 0px;
	text-align: center;
	background-color: #FFF;
	border-top: 4px solid #000;
}

/* -------------------------------------------------- */
/* フッター（広告バナー） */
/* -------------------------------------------------- */

#pr {
	width: 100%;
	margin: 0px auto 0px auto; padding: 0px 0px 20px 0px;
	text-align: center;
	background-color: #FFF;

}
#pr li img {
	width: 160px; /*40vw*/
	height: auto;
}

@media only screen and (min-width: 769px) {
#pr {
	width: 1100px;
	margin: 0px auto 0px auto; padding: 0px 0px 20px 0px;
	text-align: center;
	background-color: #FFF;
}
#pr ul { text-align: left; }
}

#pr li {
	margin: 5px 6px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
}
#pr li {
	margin: 5px 9px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	height: 50px;
	/*border:1px solid #000;*/
}
#pr li img {
	width: 160px;
	height: auto;
}
#pr li div {
	/*height: 50px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom:0;*/
}

#pr p {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	color: #666; font-weight: bold; letter-spacing: 5px;
}

/* -------------------------------------------------- */
/* フッター（サブメニュー） */
/* -------------------------------------------------- */

#sub {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #509FE9;
}
#sub ul {
	text-align: center;
}
#sub li {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px;
	line-height: 1;
	font-size: 0.9em;
	background: none;
	display: block;
	border-bottom: 1px solid #FFF;
}
#sub li.none { background: none; }

@media only screen and (min-width: 769px) {
#sub {
	margin: 0px 0px 0px 0px; 
	padding: 20px 0px 10px 0px;
	background-color: #509FE9;
}
#sub ul { text-align: center; }
#sub li {
	margin: 0px 20px 10px 0px; padding: 0px 0px 0px 25px;
	font-size: 0.9em;
	line-height: 1;
	background:url(../img/index/bg_separation.gif) repeat-y left top;
	display: inline-block;
	border: none;
}
#sub li.none { background: none; }
}

#sub li a:link    { color: #FFF; text-decoration: none; }
#sub li a:hover   { color: #FFF; text-decoration: underline; }
#sub li a:active  { color: #FFF; text-decoration: none; }
#sub li a:visited { color: #FFF; text-decoration: underline; }

footer .mhz {
	margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;
	color: #4478D0; font-size: 0.9em; text-align: center;
}
footer .copyright {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	color: #666; font-size: 0.9em; text-align: center;
}

.footlogo {
	width: 70vw;
	height: auto;
}

footer #sns {
	display: block;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*border: 1px solid #999;*/
	text-align: center;
}

footer #sns li {
	display: inline-block;
	margin-left: 16px;
}

@media only screen and (min-width: 769px) {
.footlogo {
	width: auto;
	height: auto;
}
}

footer {
	margin-bottom: 100px;
}
@media only screen and (min-width: 769px) {
footer {
	margin-bottom: 0px;
	padding-bottom: 10px;
}
}

/* -------------------------------------------------- */
/* page-top */
/* -------------------------------------------------- */

#page-top {
	position: fixed;
	bottom: 120px;
	right: 20px;
	z-index: 20;
}
@media only screen and (min-width: 769px) {
#page-top {
	bottom: 20px;
}
}
#page-top a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #E1682F;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}
#page-top a:hover {
    text-decoration: none;
    background: #E1682F;
}

/* -------------------------------------------------- */
/* btop */
/* -------------------------------------------------- */
@media only screen and (orientation:portrait) {
.btop {
	/*margin-top: calc(100vw/2.9) !important;*/

}
}


/* -------------------------------------------------- */
/* adspace */
/* -------------------------------------------------- */
#adspace {
	display: block !important;
	line-height: 140%;
	font-weight: bold;
	text-align: center;
	float: none !important;
	clear: both !important;;
	width: auto;
	padding: 10px;
	border: 1px solid #CCC;
	margin: 10px;
}
@media only screen and (orientation:portrait) {
#adspace {
	margin: 10px auto;

}
}

#adspace .adprtext {
	margin-bottom: 10px;
}