/***ウェブフォント************************************START***/
@font-face {
    font-family: "rounded-x-mplus-1c-heavy";
    src: url("/assets/fonts/rounded-x-mplus-1c-heavy.woff2") format("woff2"),
         url("/assets/fonts/rounded-x-mplus-1c-heavy.woff") format("woff");
         url("/assets/fonts/rounded-x-mplus-1c-heavy.ttf") format("truetype");
    font-style: normal;
}
@font-face {
    font-family: "rounded-x-mplus-1c-bold";
    src: url("/assets/fonts/rounded-x-mplus-1c-bold.woff2") format("woff2"),
         url("/assets/fonts/rounded-x-mplus-1c-bold.woff") format("woff");
         url("/assets/fonts/rounded-x-mplus-1c-bold.ttf") format("truetype");
    font-style: normal;
}
@font-face {
    font-family: "rounded-x-mplus-1c-regular";
    src: url("/assets/fonts/rounded-x-mplus-1c-regular.woff2") format("woff2"),
         url("/assets/fonts/rounded-x-mplus-1c-regular.woff") format("woff");
         url("/assets/fonts/rounded-x-mplus-1c-regular.ttf") format("truetype");
    font-style: normal;
}
@font-face {
    font-family: "rounded-x-mplus-1c-light";
    src: url("/assets/fonts/rounded-x-mplus-1c-light.woff2") format("woff2"),
         url("/assets/fonts/rounded-x-mplus-1c-light.woff") format("woff");
         url("/assets/fonts/rounded-x-mplus-1c-light.ttf") format("truetype");
    font-style: normal;
}
/*太字*/
.heavy {
	font-family: "rounded-x-mplus-1c-heavy";
	font-size: 1.5rem;
}
/*ちょっと太字*/
.bold {
	font-family: "rounded-x-mplus-1c-bold";
	font-size: 1.5rem;
}
/*標準*/
span.regular {
	font-family: "rounded-x-mplus-1c-regular";
	font-size: 1.5rem;
}
div.regular {
	font-family: "rounded-x-mplus-1c-regular";
	font-size: 1.5rem;
	margin-left: 5px;
}

/*細字*/
.light {
	font-family: "rounded-x-mplus-1c-light";
	font-size: 1.5rem;
}
/***ウェブフォント**************************************END***/


/***jquerymobileが強制的に与えている設定を解除********START***/
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper .ui-content{
	background-color: #ffffff;
	background-size:12%;
	background-image: url("/assets/img/site/sp/480/top/common_bg.png");
	text-shadow: none;
	padding: 0;
}
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper{
	color:#ffffff;
}
.ui-btn {
	font-size:1.2rem;
}
div#contents {
	padding: 0;
}
/***jquerymobileが強制的に与えている設定を解除**********END***/


/***基本設定******************************************START***/
html{
	/*font-size: 62.5%;*/
	font-size: calc(62.5% + 0.5vw);
	margin:0px;
	padding:0px;
}
body{
	/*標準（デフォルト）*/
	font-family: "rounded-x-mplus-1c-regular" !important;
	font-size: 1.2rem;
	word-break: break-all;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div{
	/*
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*/
}
img{
	max-width:640px;
	width:100%;
	height:auto;
}

a {
	text-decoration:none;
}

.ui-field-contain{
	border-bottom-style:none;
}

.ui-field-contain, .ui-mobile fieldset.ui-field-contain{
	padding: 0px 0px;
}
/***基本設定********************************************END***/

/***TOPページ設定*************************************START***/
.topbg{
	max-width:640px;
	width:100%;
	background-color:#ffffff;
	color:#333333;
}
.marquee_box {
	/*display:inline-block;*/
	vertical-align:top;
	line-height:1.6rem;
	max-width:640px;
	width:100%;
	background-color:#333333;
	color:#ffffff;
}
.marquee_icon{
	position:absolute;
	z-index:2;
	max-width:22px;
	max-height:22px;
	height:auto;
}
.marquee_body{
	position:absolute;
	z-index: 1;
	max-width:640px;
	width:100%;
	max-height:25px;
	height:auto;
}
.time_box {
	display:table;
	max-width:640px;
	width:100%;
	background-color:#ffffff;
	color:#333333;
}
.program_header{
	display:table;
	max-width:640px;
	width:100%;
	background-color:#ffffff;
	color:#333333;
}
.allnight_box {
	max-width:640px;
	width:100%;
	background-color:#161f28;
	color:#fdfdfb;
	
}

.allnight_top {
	box-sizing:border-box;
	border:solid 1px #6e6e6e;
	max-width:640px;
	width:100%;
}
.allnight_header {
	display:table;
	max-width:640px;
	width:100%;
	background-color:#466480;
	color:#fafeff;
}
.allnight_header_item {
	display:table-cell;
	max-width:640px;
	width:20%;
	vertical-align:middle;
	font-size:1.6rem;
}
.allnight_title{
	max-width:640px;
	width:95%;
	padding:1% 0% 0% 0%;
	text-align:left;
	font-size:1.6rem;
}
.allnight_body{
	max-width:640px;
	width:95%;
	padding:1% 0% 0% 0%;
	text-align:left;
	font-size:1.3rem;
}
.allnight_next {
	display:table;
	max-width:640px;
	width:100%;
}
.allnight_harf {
	display:table-cell;
	box-sizing:border-box;
	border:solid 1px #6e6e6e;
	max-width:640px;
	width:50%;
}
.allnight_harf_header_item {
	display:table-cell;
	max-width:640px;
	width:20%;
	vertical-align:middle;
	font-size:1.2rem;
}
.allnight_harf_title{
	max-width:640px;
	width:90%;
	padding:1% 0% 0% 0%;
	text-align:left;
	font-size:1.2rem;
}
.allnight_harf_body{
	max-width:640px;
	width:90%;
	padding:1% 0% 0% 0%;
	text-align:left;
	font-size:1.0rem;
}

.announcer_header {
	display:table;
	max-width:640px;
	width:100%;
	background-color:#466480;
	color:#fafeff;
}
.announcer_next {
	display:table;
	max-width:640px;
	width:100%;
}
.announcer_harf {
	display:table-cell;
	box-sizing:border-box;
	border:solid 1px #6e6e6e;
	max-width:640px;
	width:50%;
}
.announcer_harf_header_item {
	display:table-cell;
	max-width:640px;
	width:20%;
	vertical-align:middle;
	font-size:1.2rem;
}
.announcer_harf_title{
	max-width:640px;
	width:90%;
	padding:1% 0% 0% 0%;
	text-align:left;
	font-size:1.2rem;
}
.announcer_harf_body{
	max-width:640px;
	width:90%;
	padding:1% 0% 0% 0%;
	text-align:left;
	font-size:1.0rem;
}
.twitter_box{
	max-width:640px;
	width:100%;
	text-align:left;
	background-color:#ffffff;
	color:#333333;
}

.blog_box {
	max-width:640px;
	width:100%;
	background-color:#ffffff;
	color:#333333;
	line-height:1.6rem;	
}
.blog_top {
	box-sizing:border-box;
	border:solid 1px #c0c0c0;
	max-width:640px;
	width:100%;
}
.blog_title{
	max-width:640px;
	width:95%;
	padding:1% 0% 0% 0%;
	text-align:left;
	font-size:1.4rem;
}
.blog_time{
	max-width:640px;
	width:95%;
	padding:1% 0% 0% 0%;
	text-align:left;
	font-size:1.3rem;
}
.blog_next {
	display:table;
	max-width:640px;
	width:100%;
}
.blog_harf {
	display:table-cell;
	box-sizing:border-box;
	border:solid 1px #c0c0c0;
	max-width:640px;
	width:50%;
}
.blog_harf_title{
	max-width:640px;
	width:90%;
	padding:1% 0% 0% 0%;
	text-align:left;
	font-size:1.2rem;
}
.blog_harf_time{
	max-width:640px;
	width:90%;
	padding:1% 0% 0% 0%;
	text-align:left;
	font-size:1.1rem;
}
/***TOPページ設定***************************************END***/

/***Footer設定****************************************START***/
.footerbg{
	max-width:640px;
	width:100%;
	text-align:center;
	background-color:#ffffff;
	color:#333333;
	font-size:1.2rem;
}
/***Footer設定******************************************END***/


/***Support設定***************************************START***/
.supportbg{
	max-width:640px;
	width:100%;
	text-align:center;
	background-color:#ffffff;
	color:#333333;
	font-size:1.2rem;
}
.support_title{
	max-width:640px;
	width:100%;
	text-align:center;
	background-color:#666666;
	color:#ffffff;
	font-size:1.5rem;
}
.support_body{
	max-width:640px;
	width:90%;
	text-align:left;
	background-color:#ffffff;
	color:#333333;
	font-size:1.3rem;
}
/***Footer設定*****************************************END***/




/***番組表ページ設定*********************************START***/
.programbg{
	max-width:640px;
	width:100%;
	text-align:left;
	background-color:#000000;
	background-image: url("/assets/img/site/sp/480/all/program/bg-timetable.png");
	color:#ffffff;
	font-size:1.3rem;
}
.program_box{
	max-width:640px;
	width:100%;
	text-align:left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:solid 1px #ff9900;
	background-color:#ffffff;
	color:#000000;
	font-size:1.3rem;
}
p .leftimg {
	float: left;
	margin-left: 0%;
	margin-right: 3%;
	margin-bottom: 0%;
}
/***番組表ページ設定***********************************END***/


/***オールナイトチェックページ設定*******************START***/
.anncbg{
	max-width:640px;
	width:100%;
	text-align:left;
	background-color:#000000;
	color:#ffffff;
	font-size:1.3rem;
}
.annc_list_head {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:640px;
	width:100%;
	padding:2%;
	/*
	border:#8f645a;
	background-color:#8f645a;
	*/
	border:#a0a0a0;
	background-color:#a0a0a0;
	color:#ffffff;
	font-size:1.2rem;
	text-align:left;
}
.annc_data {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	display:table;
	max-width:640px;
	width:100%;
	border:solid 1px #cccccc;
}
.annc_list_title {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	display:table-cell;
	max-width:640px;
	width:70%;
	padding:2%;
	text-align:left;
	font-size:1.2rem;
	vertical-align:middle;
}
.annc_list_date {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	display:table-cell;
	max-width:640px;
	width:30%;
	padding:2%;
	text-align:right;
	font-size:1.0rem;
	vertical-align:middle;
	color:#999999;
}
/***オールナイトチェックページ設定*********************END***/


/***ワンピース女子。ページ設定***********************START***/
.onepiecebg{
	max-width:640px;
	width:100%;
	text-align:left;
	background-color:#ffffff;
	background-image: url("/assets/img/site/sp/480/all/onepiece/bg-onepi.png");
	background-size:contain;
	color:#000000;
	font-size:1.3rem;
}
.onepiece_prof{
	max-width:640px;
	width:96%;
	padding:7%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	text-align:left;
	background-image: url("/assets/img/site/sp/480/all/onepiece/prof-onepi.png");
	background-size:100% 100%;
	color:#000000;
	font-size:1.3rem;
}
.onepiece_about{
	max-width:640px;
	width:90%;
}
.ribbon{
	position:relative;
	margin:2% 0%;
}
.ribbon p{
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
	color:#ffffff;
	font-size:1.4rem;
}
.ribbon img{
	width:80%;
}
/***ワンピース女子。ページ設定*************************END***/


/***イベントページ設定*******************************START***/
.eventbg_01{
	max-width:640px;
	width:100%;
	text-align:left;
	background-color:#abe3f4;
	color:#000000;
	font-size:1.3rem;
}
.eventbg_02{
	max-width:640px;
	width:100%;
	text-align:left;
	background-color:#c0c0c0;
	background-image:url("/assets/img/site/sp/480/all/pleasure/e02_bg.gif");
	color:#000000;
	font-size:1.3rem;
}
.eventbg_04{
	max-width:640px;
	width:100%;
	text-align:left;
	background-color:#abe3f4;
	color:#000000;
	font-size:1.3rem;
}
.event_photo_01{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:640px;
	width:95%;
	padding:1%;
	text-align:left;
	background-color:#abe3f4;
	color:#000000;
	font-size:1.0rem;
}
.event_photo_02{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:640px;
	width:95%;
	padding:1%;
	text-align:left;
	background-color:#ffffff;
	color:#000000;
	font-size:1.0rem;
}
.event_photo_04{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:640px;
	width:95%;
	padding:1%;
	text-align:left;
	background-color:#abe3f4;
	color:#000000;
	font-size:1.0rem;
}
.txt_pink{color:#db2c62;}
.txt_darkpink{color:#a50a54;}
.txt_gold{color:#ea5514;}
.txt_red{color:#e60012;}
h2.ppt{
	position:relative;
	padding:2px 36px;
	border-bottom:1px solid #ffddff;
	font-weight:lighter;
	font-size:1.2rem;
	color:#ffccff;
	text-align:left;
}
h2.ppt:first-letter{color:#ff66ff;}
h2.ppt:before, h2.ppt:after{
	content:"";
	display:block;
	position:absolute;
}
h2.ppt:before{
	width:24px;height:24px;
	border-radius:50%;
	border:1px solid #ffeeff;
	bottom:-13px;
	left:8px;
}
h2.ppt:after{
	height:36px;
	border-left:1px solid #ffccff;
	bottom:-18px;
	left:20px;
}
audio {
	max-width:640px;
	width:90%;
	height:28px;
}
/***イベントページ設定*********************************END***/


/***ミニスカポリスページ設定*************************START***/
.minipolibg{
	max-width:640px;
	width:100%;
	text-align:left;
	background-color:#ff6699;
	color:#ffffff;
	font-size:1.3rem;
}
.minipoli_photo{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:640px;
	width:95%;
	padding:1%;
	text-align:center;
	background-color:#ff6699;
	color:#ffffff;
	font-size:1.2rem;
}
/***ミニスカポリスページ設定***************************END***/



/***コラムページ設定*********************************START***/
.columnbg {
	max-width:640px;
	width:100%;
	background-color:#ffffff;
	color:#000000;
}
.column_box {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:640px;
	width:100%;
	background-color:#ffffff;
	color:#000000;
}
.column_data {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	display:table;
	max-width:640px;
	width:100%;
	border:solid 1px #cccccc;
}
.column_thumb {
	display:table-cell;
	max-width:640px;
	width:30%;
	padding:2%;
}
.column_body {
	display:table-cell;
	max-width:640px;
	width:100%;
	padding:2% 0%;
	vertical-align:top;
	text-align:left;
	line-height:1.6rem;
}
.column_head {
	max-width:640px;
	width:100%;
	padding:2%;
	text-align:left;
	font-size:1.6rem;
}
.column_date {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:640px;
	width:100%;
	padding:2%;
	text-align:right;
	font-size:1.2rem;
	color:#999999;
}
.column_list_head {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:640px;
	width:100%;
	padding:2%;
	/*
	border:#8f645a;
	background-color:#8f645a;
	*/
	border:#a0a0a0;
	background-color:#a0a0a0;
	color:#ffffff;
	font-size:1.2rem;
	text-align:left;
}
.column_list_title {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	display:table-cell;
	max-width:640px;
	width:70%;
	padding:2%;
	text-align:left;
	font-size:1.2rem;
	vertical-align:middle;
}
.column_list_date {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	display:table-cell;
	max-width:640px;
	width:30%;
	padding:2%;
	text-align:right;
	font-size:1.0rem;
	vertical-align:middle;
	color:#999999;
}

.column_top {
	box-sizing:border-box;
	border:solid 1px #dac9ae;
	max-width:640px;
	width:100%;
}
.column_header {
	display:table;
	max-width:640px;
	width:100%;
	background-color:#a18458;
	color:#ffffff;
}
.column_harf {
	display:table-cell;
	box-sizing:border-box;
	border:solid 1px #dac9ae;
	max-width:640px;
	width:50%;
}
/***コラムページ設定*************************END***/



/***ブログページ設定*********************************START***/
.blogbg {
	max-width:640px;
	width:100%;
	background-color:#ffffff;
	color:#000000;
}
.blog_head {
	max-width:640px;
	width:100%;
	text-align:left;
	font-size:1.5rem;
}
.blog_data {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	display:table;
	max-width:640px;
	width:100%;
	border:solid 1px #cccccc;
}
.blog_thumb {
	display:table-cell;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:640px;
	width:30%;
	padding:2%;
}
.blog_body {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:640px;
	width:100%;
	padding:2% 0%;
	vertical-align:top;
	text-align:left;
	line-height:1.6rem;
	word-break:break-all;
	-word-break:break-all;
}

.blog_date {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:640px;
	width:100%;
	padding:2%;
	text-align:right;
	font-size:1.2rem;
	color:#999999;
}
.blog_list_head {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:640px;
	width:100%;
	padding:2%;
	/*
	border:#8f645a;
	background-color:#8f645a;
	*/
	border:#a0a0a0;
	background-color:#a0a0a0;
	color:#ffffff;
	font-size:1.2rem;
	text-align:left;
}
.blog_list_title {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	display:table-cell;
	max-width:640px;
	width:70%;
	padding:2%;
	text-align:left;
	font-size:1.2rem;
	vertical-align:middle;
}
.blog_list_date {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	display:table-cell;
	max-width:640px;
	width:30%;
	padding:2%;
	text-align:right;
	font-size:1.0rem;
	vertical-align:middle;
	color:#999999;
}
.blog_header {
	display:table;
	max-width:640px;
	width:100%;
	background-color:#a18458;
	color:#ffffff;
}
/***ブログページ設定*************************END***/


/***写真館ページ設定*********************************START***/
.photobg {
	max-width:640px;
	width:100%;
	background-color:#ffffff;
	color:#333333;
}
.photo_area {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:640px;
	width:100%;
	padding:2%;
	background-color:#000000;
	color:#ffffff;
	text-align:left;
}
.photo_waku {
	display:table;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:640px;
	width:100%;
	padding:2%;
	background-color:#000000;
	color:#ffffff;
}
.photo_digital {
	display:table-cell;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:640px;
	width:50%;
	padding:0%;
	font-size:0.9rem;
	color:#f19e00;
}
.photo_title {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:640px;
	width:100%;
	padding:2%;
	background-color:#000000;
	color:#ffffff;
	font-size:1.1rem;
}

/***写真館ページ設定***********************************END***/



/***アナウンサーページ設定***************************START***/
.announcerbg{
	max-width:640px;
	width:100%;
	text-align:left;
	background-color:#ffffff;
	color:#333333;
	font-size:1.3rem;
}
.announcer_box {
	overflow:scroll;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:2%;
	border:solid 1px #ffd700;
	max-width: 640px;
	max-height: 480px;
	width:90%;
	height:432px;
	text-align:left;
	background-color: #ffffff;
	color:#333333;
	font-size:1.3rem;
}
.radius{
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
/***アナウンサーページ設定*****************************END***/


/***ポッドキャスト***********************************START***/
.square_btn1{
	display:inline-block;
	padding:7px 20px;
	border-radius:25px;
	text-decoration:none;
	color:#FFFFFF;
	background-image:-webkit-linear-gradient(45deg, #ffff99 0%, #ff99cc 100%);
	background-image:linear-gradient(45deg, #ffff99 0%, #ff99cc 100%);
	transition: .4s;
}

.square_btn2{
	display:inline-block;
	padding:7px 20px;
	border-radius:25px;
	text-decoration:none;
	color:#FFFFFF;
	background-image:-webkit-linear-gradient(45deg, #ccffff 0%, #ccff66 100%);
	background-image:linear-gradient(45deg, #ccffff 0%, #ccff66 100%);
	transition: .4s;
}


/***ポッドキャスト*************************************END***/

/***インタビュー************************************START***/
.interview{
	max-width:640px;
	width:100%;
	text-align:left;
	background-image: url("/assets/img/site/sp/480/all/news/interview_bg.gif");
	color:#000000;
	font-size:1.3rem;
/***インタビュー*******************************************END***/

/***管理画面***************************************START***/
.adminbg{
	max-width:640px;
	width:100%;
	background-color:#ffffff;
	color:#333333;
}
.admin_title{
	max-width:640px;
	width:100%;
	text-align:center;
	background-color:#666666;
	color:#ffffff;
	font-size:1.5rem;
}
.admin_tree{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width:640px;
	width:100%;
	padding:2%;
	font-size:1.0rem;
	text-align:right;
}
.admin_body{
	max-width:640px;
	width:100%;
	background-color:#ceffe1;
	text-align:left;
}
.admin_table_box{
	display:table;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width:640px;
	width:100%;
	border:solid #cccccc;
	border-width:1px 1px 0px 1px;
}
.admin_table_left{
	display:table-cell;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width:640px;
	width:25%;
	padding:1% 2% 1% 2%;
	border:solid #cccccc;
	border-width:0px 0px 0px 0px;
	font-weight:600;
}
.admin_table_right{
	display:table-cell;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width:640px;
	width:75%;
	padding:1% 2% 1% 2%;
	border:solid #cccccc;
	border-width:0px 0px 0px 1px;
}
.admin_table_harf{
	display:table-cell;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width:640px;
	width:50%;
	border:solid #cccccc;
	border-width:0px 0px 1px 0px;
	padding:0% 1% 0% 1%;
}
.admin_table_max{
	display:table-cell;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width:640px;
	width:100%;
	padding:1% 2% 1% 2%;
	border:solid #cccccc;
	border-width:0px 0px 1px 0px;
}
.admin_table_max_line{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width:640px;
	width:100%;
	padding:0%;
	border:solid #cccccc;
	border-width:0px 0px 1px 0px;
}
/***管理画面*****************************************END***/