@charset "UTF-8";



/*----------------------------------------------*/
/*----------------------------------------------*/
/*FM COCOLO  [COMMON]*/
/*----------------------------------------------*/
/*Created: 2015.10.01*/
/*Last Update:	2017.05.24*/
/*----------------------------------------------*/




/*INDEX*/

/*COMMON*/
/*--[Loading Setting]--*/


/*[Bootstrap Customaize]*/
/*-- [Container] --*/
/*-- Heading] --*/
/*-- [Form] --*/



/*ORIGINAL SETTING*/
/*-- [Frame]--*/
/*-- [Shadow Frame] --*/
/*-- [Back Ground] --*/
/*-- [Icon Image (font awesome)] --*/
/*-- [Corner Title] --*/
/*-- [Text Align] --*/
/*-- [Buttons] --*/
/*-- [Link Text] --*/
/*-- [List Text] --*/



/*HEADER*/
/*[Main Header]*/
/*[Now On Air Board]*/
/*[Now Playing]*/



/*FOOTER*/
/*[Page Top Button]*/
/*[Footer Navi]*/
/*[Category]*/
/*[Inquiry]*/
/*[Copyright]*/



/*FRAME*/
/*[Content Frame]*/
/*[Main Frame]*/
/*-- [for Index Page] --*/
/*-- [for Pages 1 Column] --*/
/*-- [for Pages 2 Columns] --*/
/*[Navigation Frame]*/



/*PAGES*/
/*[PAGES HEADER]*/
/*-- [Text Header]--*/
/*-- [Image Header]--*/
/*[PAGES FOOTER]*/



/*COMMON CONTENT*/
/*[RADIPASS] ( Add 13 Dec, 2016)*/ 
/*[Monthly Artist]*/
/*[S Code]*/
/*[Global Navi] ( Rewrite 8th Nov, 2016 )*/



/*OTHERS*/
/*[radiko]*/
/*[Search Form]*/
/*[SNS Share Buttons] (for "PickUp Detail Pages")*/
/*[ADS Banners]*/
/*[Tooltipster]*/










/*----------------------------------------------*/
/*COMMON*/
/*----------------------------------------------*/

html {/*Under 767px*/
font-size:93.75%; 
}


@media screen and (min-width:768px) {
html {
font-size:100%;
}

}



body {
margin:0;
padding:0;
color:#333;
font-size:1em;
line-height:1.5;
letter-spacing:.05em;
background:#c3ce4c;
font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W4","Meiryo","Osaka", "ＭＳ Ｐゴシック", arial , Verdana;
-webkit-text-size-adjust: none;
}




/* Clearfix */
.cf:before,
.cf:after {
content:"";
display:table;
}
.cf:after {
clear:both;
}
.cf {
zoom:1;
}




/*All Images*/
img {
max-width:100%;
height:auto;
}
.container img {
margin:0;
padding:0;
vertical-align:bottom;
}




/*(Change Image)*/
.switch {
	visibility:hidden;
}





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

}


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

}




/*
[Loading Setting]
*/
/*#loader-bg {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: #FFF;
background:url(../images/_bg/bg_sand.png) repeat 0 0;
z-index: 9999;
}
#loader {
display: none;
position: fixed;
top: 50%;
left: 50%;
width: 150px;
height: 50px;
margin-top: -25px;
margin-left: -75px;
text-align: center;
color: #0080a7;
z-index: 9998;
}*/





/*------------------
[Bootstrap Customaize]
-------------------*/

/*
[Container]
*/
.container {
width:auto;
height:auto;
margin:0;
padding:0;
}





/*
[Heading]
*/
h1 {
font-size : 2.2em; 
font-weight:bold;
line-height : 1;
}


h2 {
font-size : 1.6em;
font-weight:bold;
line-height : 1.3333;
} 


h3 {
font-size : 1.28em; 
font-weight:bold;
line-height : 1; 
} 


h4,h5,h6 {
font-size : 1em;
font-weight:bold;
line-height : 1.5;
} 




/*
[Form]
*/
.form-group {
margin-bottom:1.6em;
}
.form-group .continue { /*2 Lines Input Form*/
float: left;
}
.form-group .continue:after {
content:"";
clear:both;
display:table;
}

.label-attention { /*Add Label Color*/
background-color: #DE0003;
}
.label-attention[href]:hover,
.label-attention[href]:focus {
background-color: #DE0003;
}

.help-block {
font-size:.9em;
}
.hb-second {/*for Help Block*/
margin-top:1em;
}

.list-customize {/*List Style "Dot" left Padding*/
padding:0 0 0 1em;
}




/*[Button color]*/
.btn-primary {
background:#0080a7;
}
.btn-primary:hover {
background:#66b3ca;
}


@media screen and  (max-width: 640px) {
.continue{margin-bottom: 4px;}


}












/*----------------------------------------------*/
/*ORIGINAL SETTING*/
/*----------------------------------------------*/

/*
[Frame]
*/

.wrapper {
width:auto;
height:auto;
margin:0;
padding:0;
position:relative;
}


.inner-frame,
.inner-box {
width:auto;
height:auto;
margin:0;
padding:0;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
}


.form-box {
margin:0;
padding:0;
}





/*
[Shadow Frame]
*/
.shadow-frame {
box-shadow:0 0 3px #CCC;
-webkit-box-shadow:0 0 3px #CCC;
-moz-box-shadow:0 0 3px #CCC;
-ms-box-shadow:0 0 3px #CCC;
-o-box-shadow:0 0 3px #CCC;
}
@media screen and (max-width:640px) {
.shadow-frame {
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}

}





/*
[Back Ground]
*/

/*(Default)*/
/*The background colors or images was written the following code on the common.js */
/*Common.js added the following code.*/
.bg-control { 
background:#FFF url(../images/_bg/bg_sand.png) repeat 0 0;
background-attachment:fixed;
}




/*
[Heading]
*/
h1.h-md {font-size:1.8em;} 
h1.h-sm {font-size:1.6em;} 
h1.h-xs {font-size:1.4em;} 

h2.h-md {font-size:1.4em;} 
h2.h-sm {font-size:1.2em;} 
h2.h-xs {font-size:1.1em;} 

h3.h-md {font-size:1.15em;} 
h3.h-sm {font-size:1.1em;} 
h3.h-xs {font-size:1em;} 

h4.h-md,
h5.h-md,
h6.h-md {
font-size:.9em;
}


@media screen and (max-width:640px) {
h1.h-md {font-size:1.6em; line-height:1.4em;} 
h1.h-sm {font-size:1.4em; line-height:1.4em} 
h1.h-xs {font-size:1.2em; line-height:1.3em}  

h2.h-md {font-size:1.3em; line-height:1.6em} 
h2.h-sm {font-size:1.1em; line-height:1.5em} 
h2.h-xs {font-size:1.0em; line-height:1.4em} 

h3.h-md {font-size:1.1em; line-height:1.4em} 
h3.h-sm {font-size:1.0em; line-height:1.2em} 
h3.h-xs {font-size:.9em; line-height:1.1em} 

}




/*
[Text Size]
*/
.txt-lg {font-size:1.1em; line-height:2em;}
.txt-md {font-size:1em; line-height:1.8em;}
.txt-sm {font-size:.9em; line-height:1.7em;}
.txt-xs {font-size:.8em; line-height:1.5em;}





/*
[Text Color]
*/

/*(Color)*/
/*[Blue*/.c-blue {color:#0080a7;}
/*[Pink]*/.c-pink { color:#ed1e79;} 
/*[Red]*/.c-red { color:#FF0000;} 
/*[Light Gray]*/.c-gray { color:#666;}



/*[Margin]*/
/*(top)*/
.mgt-10 {margin-top:1em !important;}
.mgt-12 {margin-top:1.2em !important;}
.mgt-16 {margin-top:1.6em !important;}
.mgt-20 {margin-top:2em !important;}
/*(Bottom)*/
.mgb-10 {margin-bottom:1em !important;}
.mgb-12 {margin-bottom:1.2em !important;}
.mgb-16 {margin-bottom:1.6em !important;}
.mgb-20 {margin-bottom:2em !important;}





/*
[Icon Image (font awesome)]
*/
.fa {
margin:0 .3em;
}





/*
[Corner Title]
*/
.corner-ttl {
margin:0 0 .5em;
padding:0;
}





/*
[Text Align]
*/
/*[Left]*/ .alg-left { text-align:left;}
/*[Center]*/ .alg-center { text-align:center;}
/*[Right]*/ .alg-right { text-align:right;}





/*
[Buttons]
*/

/*(Buttons frame)*/
.btn-box,
.btn-box li {
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
list-style:none;
}
.btn-box {
margin:0;
padding:0;
}
.btn-box a:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
text-decoration:none;
}


/*(Buttons List)*/
/*[Column]*/
.btn-box.btn-clm li {
margin-bottom:.5em;
}
.btn-box.btn-clm li:last-child {
margin-bottom:0;
}

/*[Line]*/
.btn-box.btn-lin li {
margin-right:.5em;
margin-bottom:.5em;
display:inline-block;
}
.btn-box.btn-lin li:last-child {
margin-right:0;
}



/*(Buttons Type [btb])*/
/*-- Block (common) --*/
.btb-lg,
.btb-md,
.btb-sm,
.btb-xs {
text-decoration:none;
}
/*-- Large --*/.btb-lg {padding:18px 12px; font-size:1.1em;}
/*-- medium --*/.btb-md {padding:15px 10px; font-size:1em;}
/*-- small --*/.btb-sm {padding:12px 8px; font-size:.9em;}
/*-- x small --*/.btb-xs {padding:10px 6px; font-size:.8em;}
/*-- xx small --*/.btb-xxs {padding:6px 6px; font-size:.75em;}


/*(Buttons Block)*/
.btb-block-wide,
.btb-block-left,
.btb-block-right {
display:block;
overflow:hidden;
text-align:center;
}
/*(Postion:Wide)*/.btb-block-wide {}
/*(Postion:Left)*/.btb-block-left { float:left;}
/*(Postion:Right)*/.btb-block-right { float:right;}



/*(Buttons Corner [btc])*/
/*-- Non Corner --*/
.btc-c {
border-radius:0;
}
/*-- Round --*/
.btc-r {
border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
-ms-border-radius:7px;
-o-border-radius:7px;
}

/*(Button Back Ground [Color]*/
/*[Black]*/.bc-black {background-color:#333; color:#FFF;} .bc-black:hover { color:#FFF; text-decoration:none;}
/*[Brown]*/.bc-brown {background-color:#603813; color:#FFF;} .bc-brown:hover { color:#FFF; text-decoration:none;}
/*[Blue = Default Link]*/.bc-blue {background-color:#0080a7; color:#FFF;} .bc-blue:hover { color:#FFF; text-decoration:none;}
/*[Pink = Entry Link]*/.bc-pink { background-color:#ed1e79; color:#FFF;} .bc-pink:hover { color:#FFF; text-decoration:none;}
/*[Red = Attention]*/.bc-red { background-color:#FF0000; color:#FFF;} .bc-red:hover { color:#FFF; text-decoration:none;}
/*[Light Gray]*/.bc-lgray { background-color:#EFEFEF; color:#333; border:1px solid #CCC;}  .bc-lgray:hover { color:#333; text-decoration:none;}
/*[White]*/.bc-white { background-color:#FFF; color:#333; border:1px solid #CCC;}  .bc-white:hover { color:#333; text-decoration:none;}
/*[White2]*/.bc-white2 { background-color:#FFF; color:#0071bc; border:1px solid #CCC;}  .bc-white:hover { color:#0071bc; text-decoration:none;}
/*[Disabled]*/.bc-disabled { background-color:#EEE; color:#CCC; border:1px solid #C4C4C4;}





/*
[Link Text]
*/
.link-box,
.link-box li {
list-style:none;
}
.link-box {
margin:0;
padding:0;
}
.link-box a:hover {
text-decoration:underline;
}

/*(Link List)*/
/*[Column]*/
.link-box.link-clm li {
margin-bottom:.5em;
}
.link-box.link-clm li:last-child {
margin-bottom:0;
}

/*[Line]*/
.link-box.link-lin li {
margin-right:.5em;
display:inline-block;
}
.link-box.link-lin li:last-child {
margin-right:0;
}

/*(Link Text [Size])*/
/*[X Large]*/.ls-xlg { font-size:1.2em;} 
/*[Large]*/.ls-lg { font-size:1.1em;} 
/*[Medium]*/.ls-md { font-size:1em;}
/*[Small]*/.ls-sm { font-size:.9em;}
/*[X Small]*/.ls-xs { font-size:.8em;}

/*(Link Text [Color])*/
/*[Black]*/.lc-black {color:#333;} .lc-black:hover { color:#666666;}
/*[Brown]*/.lc-brown {color:#603813;} .lc-brown:hover { color:#603813;}
/*[Blue = Default Link]*/.lc-blue {color:#0080a7;} .lc-blue:hover { color:#66aad7;}
/*[Pink = Entry Link]*/.lc-pink { color:#ed1e79;} .lc-pink:hover { color:#f478af; }
/*[Red = Attention]*/.lc-red { color:#FF0000;} .lc-red:hover { color:#ff6666;}
/*[white = bg dark]*/.lc-white { color:#FFF;} .lc-white:hover { color:#EEE;}





/*
[List Text]
*/
.list-txt {
padding:0 0 0 1.4em;
}
.list-txt li {
margin-bottom:.3em;
}
/*[No List Style]*/
.list-txt.no-style {
list-style:none;
padding:0;
}
/*[On List Style]*/
.list-txt.add-style {
padding:0 0 0 2.2em;
}

/*[List Child]*/
.list-child {
margin-left:0em;
}

/*(Size)*/
.lt-lg {font-size:1.1em;}
.lt-md {font-size:1em;}
.lt-sm {font-size:.9em;}
.lt-xs {font-size:.8em;}

/*(Margin)*/
/*(Bottom)*/
.ltm-b-lg {margin-bottom:2.2em;}
.ltm-b-md {margin-bottom:1.8em;}
.ltm-b-sm {margin-bottom:1.4em;}
.ltm-b-xs {margin-bottom:1.2em;}











/*----------------------------------------------*/
/*HEADER*/
/*----------------------------------------------*/

/*
[Main Header]
*/
/*(Frame)*/
.main-header  {
width:auto;
height:auto;
background:url(../images/_bg/bg_sand.png) repeat 0 0;
}
.main-header .common-header {
width:auto;
min-height:100px;
margin:0;
padding:20px 30px;
position:relative;
}

/*[Title Logo]*/
.main-header .fmcocolo-logo {
margin:0;
padding:0;
position:absolute;
top:35px;
left:30px;
z-index:8882;
}

/*[Whole Earth Station]*/
.main-header .wes {
position:absolute;
top:50%;
left:190px;
margin-top:-20px;
padding:0;
z-index:8881;
}



@media screen and (max-width:1180px) {
.main-header .common-header {
padding:25px 20px;
margin:0;
}

/*[Title Logo]*/
.main-header .fmcocolo-logo {
top:30px;
left:20px;
}

/*[Whole Earth Station]*/
.main-header .wes {
left:175px;
}


}


@media screen and (max-width:1024px) {
.main-header .common-header {
padding:18px 20px;
}

.main-header .fmcocolo-logo {
width:20.01953%;
}


}


@media screen and (max-width:959px) {
.main-header .common-header {
min-height:inherit;
padding:5px;
}

/*[Title Logo]*/
.main-header .fmcocolo-logo {
width:8.33333%;
position:static;
top:auto;
left:auto;
margin:0;
}

/*[Whole Earth Station]*/
.main-header .wes {
left:12%;
}


}


@media screen and (max-width:768px) {
/*[Title Logo]*/
.main-header .fmcocolo-logo {
width:9.33333%;
}

/*[Whole Earth Station]*/
.main-header .wes {
left:12%;
}


}


@media screen and (max-width:640px) {
.main-header .common-header {
padding:0;
margin:0;
}

.main-header .fmcocolo-logo {
width:12%;
position:relative;
}

/*[Whole Earth Station]*/
.main-header .wes {
left:15%;
width:17.5%;
margin-top:-21px;
}
.main-header .wes img {
width:auto;
max-width:50%;
height:auto;
}


}


@media screen and (max-width:600px) {
/*[Whole Earth Station]*/
.main-header .wes {
left:15%;
width:17.5%;
margin-top:-21px;
}


}



@media screen and (max-width:480px) {
.main-header .common-header {
margin:0;
}

.main-header .fmcocolo-logo {
width:20%;
}

.main-header .wes {
left:24%;
width:28%;
margin-top:-24px;
}


}


@media screen and (max-width:360px) {
.main-header .wes {
margin-top:-21px;
}


}


@media screen and (max-width:320px) {
.main-header .fmcocolo-logo {
width:20%;
}

.main-header .wes {
margin-top:-18px;
}


}




/*
[Now On Air Board]
*/
.onair-board {
width:100%;
overflow:hidden;
position:relative;
margin:0;
}
/*Document Ready for Pages*/
.pages .onair-board {
display:none;
}

.no-js .onair-board {
min-height:100px;
}
@media screen and (min-width:800px) {
.no-js .onair-board {
min-height:104px;
}

}

@media screen and (min-width:960px) {
.no-js .onair-board {
min-height:120px;
}

}

@media screen and (min-width:1024px) {
.no-js .onair-board {
min-height:70px;
}

}


@media screen and (max-width:640px) {
.pages .onair-board {
display:none;
}

}



/*[Slider]*/
.onair-board .onair-slide {
width:100%;
height:100%;
position:absolute;
}

/*[On Air Box]*/
.onair-slide .onair-prg {
width:100%;
height:auto;
overflow:hidden;
position:absolute;
box-sizing:border-box;
-webox-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
display:table;
background:url(../images/noa_bg_green1.png) repeat 0 0;
}

/*[On Air Title and DJ]*/
.onair-slide .onair-prg .op-set {
width:190px;
height:auto;
margin:0;
padding:0 0 0 180px;
overflow:hidden;
display:table-cell;
vertical-align:top;
}
/*(On Air Title)*/
.onair-slide .onair-prg .op-set .op-ttl {
width:120px;
height:auto;
margin:0;
padding:0;
overflow:hidden;
float:left;
}
/*(Now On Air)*/ 
.onair-slide .onair-prg.first .op-set { background:#603813;}
/*(Next Program)*/
.onair-slide .onair-prg.second .op-set { background:#603813;}

/*(Dj Face Photo)*/
.onair-slide .onair-prg .op-set .op-dj {
width:70px;
height:auto;
margin:0 0 0 120px;
padding:0;
overflow:hidden;
background:#FFF;
}
.onair-slide .onair-prg .op-set .op-dj img {
max-height:70px;
margin:0;
padding:0;
}
/*[Program Name and Todays]*/
.onair-slide .onair-prg .op-prg {
width:auto;
padding:.2em 120px 0 1em;
display:table-cell;
vertical-align:middle;

}
/*(Program Name)*/
.onair-slide .onair-prg .op-prg .op-prg-ttl {
font-size:1em;
font-weight:bold;
margin:0 0 .3em;
padding:0;
}
.onair-slide .onair-prg .op-prg .op-prg-ttl small {
font-size:.8em;
padding-left:1em;
letter-spacing:0;
color:#444;
}
/*(Todays)*/
.onair-slide .onair-prg .op-prg  .op-today-onair {
font-size:.85em;
letter-spacing:0;
}


/*[Slider Buttons]*/
.onair-nav a {
overflow:hidden;
position:absolute;
width:102px;
height:30px;
display:block;
}
.onair-nav a.btn-noa,
.onair-nav a.btn-npg {
top:50%;
right:10px;
margin-top:-15px;
}
.onair-nav a.btn-noa:before,
.onair-nav a.btn-npg:before {
}
.onair-nav a.disabled {
display:none;
}
.no-js .onair-prg.second,
.no-js .onair-nav a.btn-noa,
.no-js .onair-nav a.btn-npg {
display:none;
}



@media screen and (max-width:1180px) {
/*[On Air Title and DJ]*/
.onair-slide .onair-prg .op-set {
padding:0 0 0 165px;
}


}


@media screen and (max-width:959px) {
/*[On Air Title and DJ]*/
.onair-slide .onair-prg .op-set {
padding:0;
}


}


@media screen and (min-width:801px) and (max-width:1280px) {
/*(Todays)*/
.onair-slide .onair-prg .op-prg  .op-today-onair {
font-size:.8em;
}


}


@media screen and (min-width:801px) and (max-width:1024px) {
/*(Program Name)*/
.onair-slide .onair-prg .op-prg .op-prg-ttl {
font-size:.95em;
margin:0 0 .2em;
}
.onair-slide .onair-prg .op-prg .op-prg-ttl small {
font-size:.75em;
padding-left:.8em;
}


}


@media screen and (max-width:800px) {
.onair-board {
width:auto;
height:auto;
}

/*[On Air Title and DJ]*/
.onair-slide .onair-prg .op-set {
width:7.8125%; /*80px (1024px)*/
}
/*(On Air Title)*/
.onair-slide .onair-prg .op-set .op-ttl {
width:auto;
float:none;
}
.onair-slide .onair-prg .op-set .op-ttl img {
width:100%;
}

/*(Dj Face Photo)*/
.onair-slide .onair-prg .op-set .op-dj {
width:auto;
margin:0;
}
.onair-slide .onair-prg .op-set .op-dj img {
width:100%;
max-height:none;
}

/*(Program Name)*/
.onair-slide .onair-prg .op-prg .op-prg-ttl small {
display:block;
padding:.5em 0 0;
}


/*[Slider Buttons]*/
.onair-nav a.btn-noa,
.onair-nav a.btn-npg {
top:50%;
right:10px;
margin-top:-15px;
}

}



@media screen and (max-width:767px) {
/*[On Air Title and DJ]*/
.onair-slide .onair-prg .op-set {
width:9.12646%; /*70px (767px)*/
}

/*(Program Name)*/
.onair-slide .onair-prg .op-prg .op-prg-ttl {
margin:0 0 .5em;
}

/*[Program Name and Todays]*/
.onair-slide .onair-prg .op-prg {
padding:1em 8em 0 1em;
vertical-align:top;
}


}



@media screen and (max-width:640px) {
/*(Program Name)*/
.onair-slide .onair-prg .op-prg .op-prg-ttl {
margin:0 0 .3em;
}

/*[Program Name and Todays]*/
.onair-slide .onair-prg .op-prg {
padding:.7em 8em 0 1em;
vertical-align:top;
}


}



@media screen and (max-width:600px) {
/*[On Air Box]*/
.onair-slide .onair-prg {
display:inherit;
}

/*[On Air Title and DJ]*/
.onair-slide .onair-prg .op-set {
width:100%;
display:block;
}

/*(On Air Title)*/
.onair-slide .onair-prg .op-set .op-ttl {
width:17.33333%;
float:left;
}
/*(Dj Face Photo)*/
.onair-slide .onair-prg .op-set .op-dj {
width:9%;
margin:0 0 0 18.33333%;
}

/*[Program Name and Todays]*/
.onair-slide .onair-prg .op-prg {
padding:.8em 1em;
display:inherit;
}

/*[Slider Buttons]*/
.onair-nav a {
width:102px;
height:30px;
}

.onair-nav a.btn-noa,
.onair-nav a.btn-npg {
margin-top:0;
top:10px;
right:5px;
}


}



@media screen and (max-width:414px) {
/*(On Air Title)*/
.onair-slide .onair-prg .op-set .op-ttl {
width:24.15458%;
float:left;
}
/*(Dj Face Photo)*/
.onair-slide .onair-prg .op-set .op-dj {
width:12.55555%;
margin:0 0 0 25.15458%;
}

/*[Slider Buttons]*/
.onair-nav a.btn-noa,
.onair-nav a.btn-npg {
margin-top:0;
top:10px;
right:5px;
}


}


@media screen and (max-width:375px) {
/*[Slider Buttons]*/
.onair-nav a.btn-noa,
.onair-nav a.btn-npg {
margin-top:0;
top:8px;
right:5px;
}


}


@media screen and (max-width:360px) {
/*(On Air Title)*/
.onair-slide .onair-prg .op-set .op-ttl {
width:26.66666%;
float:left;
}
/*(Dj Face Photo)*/
.onair-slide .onair-prg .op-set .op-dj {
width:13.88888%;
margin:0 0 0 27.77777%;
}

/*[Slider Buttons]*/
.onair-nav a.btn-noa,
.onair-nav a.btn-npg {
margin-top:0;
top:10px;
right:5px;
}


}



@media screen and (max-width:320px) {
/*[Slider Buttons]*/
.onair-nav a.btn-noa,
.onair-nav a.btn-npg {
top:7px;
}


}





/*
[Now Playing]
*/

.prg-parts {
width:auto;
height:auto;
margin:0;
padding:0;
background:#69952f;
}
.prg-parts > .inner-frame {
width:100%;
height:auto;
margin:0 auto;
padding:6px 10px 6px 175px;
display:table;
}


/*[Now On Air Tools]*/
.prg-parts .prg-nav-btn {
width:380px;
height:auto;
margin:0;
padding:0 0 0 10px;
display:table-cell;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
}

.prg-nav-btn ul {
width:100%;
height:auto;
margin:0;
padding:0;
display:table;
}
.prg-nav-btn ul li {
width:auto;
height:auto;
margin:0;
padding:0 1%;
display:table-cell;
vertical-align:middle;
}
.prg-nav-btn ul li a {
padding:2px 8px 2px;
min-height:36px;
text-align:center;
border-radius:7px;
display:block;
}
.prg-nav-btn ul li a img {
max-height:20px;
}
/*(Buttons)*/
.prg-nav-btn .btn-box a:hover {
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}

/*[Request]*/
.prg-nav-btn .bc-request {background-color:#f46d73; border:2px solid #f8a7ab;}
.prg-nav-btn .bc-request:hover {background-color:#f68a8f; border:2px solid #f46d73;}
.prg-nav-btn .bc-request.bc-disabled {background:#f46d73 url(../images/bg_dots.png) repeat; border:2px solid #f8a7ab;}

/*[Program Blog]*/
.prg-nav-btn .bc-prgblog {background-color:#0080a7; border:2px solid #99ccdc;}
.prg-nav-btn .bc-prgblog:hover {background-color:#66b3ca; border:2px solid #0080a7;}
.prg-nav-btn .bc-prgblog.bc-disabled {background:#0080a7 url(../images/bg_dots.png) repeat; border:2px solid #99ccdc;}

/*[Past On Air Songs | from 15 Dec, 2016]*/
.prg-nav-btn .bc-songs {background-color:#3F7700; border:2px solid #8CAD66;}
.prg-nav-btn .bc-songs:hover {background-color:#659233; border:2px solid #3F7700;}
.prg-nav-btn .bc-songs.bc-disabled {background:#3F7700 url(../images/bg_dots.png) repeat; border:2px solid #8CAD66;}

/*[Disabled]*/
.prg-nav-btn .bc-request.bc-disabled,
.prg-nav-btn .bc-request.bc-disabled:hover,
.prg-nav-btn .bc-prgblog.bc-disabled,
.prg-nav-btn .bc-prgblog.bc-disabled:hover {
opacity:.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";}


/*radiko*/
.prg-nav-btn ul .noa-btn-radiko {
display:none;
}

/*----*/
/*----[ 2016.12.15 ]----*/
.prg-nav-btn .btn-box.second .noa-btn-song {
display:none;
}
/*----*/
/*----*/





/*[Now Playing]*/
.prg-parts .onair-song {
width:auto;
height:auto;
overflow:hidden;
position:relative;
margin:0;
padding:0 10px;
display:table-cell;
vertical-align:top;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
}

/*[Now Playing Song Detail]*/
.onair-song .os-box {
width:100%;
margin:0;
padding:0;
position:relative;
display:table;
}
.onair-song .os-box > dt,
.onair-song .os-box > dd {
display:table-cell;
vertical-align:middle;
}

/*(Title)*/
.os-box .os-ttl {
width:80px;
}
.os-box .os-ttl img {
width:100%;
min-width:80px;
margin:0;
padding:0;
}

/*(Song Jacket)*/
.os-box .oa-image {
width:36px;
height:36px;
}
.os-box .oa-image img {
width:auto;
height:auto;
max-width:36px;
max-height:36px;
}

/*(Song Detail)*/
.os-box .oa-detail {
width:auto;
height:auto;
margin:0;
padding:0 0 0 .7em;
background:#87aa59;
}
.os-box .oa-detail div {
margin:0;
padding:0;
font-size:.75em;
color:#FFF;
letter-spacing:0;
overflow:hidden;
}
/*(for Song Detail Bar Size)*/
.os-box .oa-detail div { max-width:170px; /*for 960px Screen Size*/}
@media screen and (min-width:641px) and (max-width:735px) { .os-box .oa-detail div {max-width:380px;} }
@media screen and (min-width:736px) and (max-width:767px) { .os-box .oa-detail div {max-width:480px;} }
@media screen and (min-width:768px) and (max-width:839px) { .os-box .oa-detail div {max-width:500px;} }
@media screen and (min-width:840px) and (max-width:919px) { .os-box .oa-detail div {max-width:580px;} }
@media screen and (min-width:920px) and (max-width:959px) { .os-box .oa-detail div {max-width:660px;} }
@media screen and (min-width:960px) { .os-box .oa-detail div {max-width:200px;} }
@media screen and (min-width:1024px) { .os-box .oa-detail div {max-width:260px;} }
@media screen and (min-width:1180px) { .os-box .oa-detail div {max-width:420px;} }
@media screen and (min-width:1280px) { .os-box .oa-detail div {max-width:460px;} }
@media screen and (min-width:1440px) { .os-box .oa-detail div {max-width:620px;} }
@media screen and (min-width:1600px) { .os-box .oa-detail div {max-width:780px;} }
@media screen and (min-width:1920px) { .os-box .oa-detail div {max-width:1100px;} }

/*[jQeury News Ticker CSS]*/
.os-box .oa-detail .ticker ul {
margin:0;
padding:0;
list-style:none;
}
.os-box .oa-detail .ticker ul li {
float: left;
display: inline;
clear: both;
text-align: left;
list-style-type: none;
position: relative;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
/*[jQeury News Ticker CSS | Marquee (from 25 Nov, 2016)]*/
.os-box .oa-detail .oa-marquee {
width:100%;
overflow:hidden;
position:relative;
}
.os-box .oa-detail .oa-marquee p:after {
content:"";
white-space:nowrap;
padding-right:50px;
}
.os-box .oa-detail .oa-marquee p {
 margin:0;
padding-left:60%;
display:inline-block;
white-space:nowrap;
-webkit-animation-name:marquee;
-webkit-animation-timing-function:linear;
-webkit-animation-duration:30s;
-webkit-animation-iteration-count:infinite;
-moz-animation-name:marquee;
-moz-animation-timing-function:linear;
-moz-animation-duration:30s;
-moz-animation-iteration-count:infinite;
-ms-animation-name:marquee;
-ms-animation-timing-function:linear;
-ms-animation-duration:30s;
-ms-animation-iteration-count:infinite;
-o-animation-name:marquee;
-o-animation-timing-function:linear;
-o-animation-duration:30s;
-o-animation-iteration-count:infinite;
animation-name:marquee;
animation-timing-function:linear;
animation-duration:30s;
animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
from { -webkit-transform: translate(0%);}
99%,to { -webkit-transform: translate(-120%);}
}
@-moz-keyframes marquee {
from { -moz-transform: translate(0%);}
99%,to { -moz-transform: translate(-120%);}
}
@-ms-keyframes marquee {
from { -ms-transform: translate(0%);}
99%,to { -ms-transform: translate(-120%);}
}
@-o-keyframes marquee {
from { -o-transform: translate(0%);}
99%,to { -o-transform: translate(-120%);}
}
@keyframes marquee {
from { transform: translate(0%);}
99%,to { transform: translate(-120%);}
}
/*[[[Time]]]*/.os-box .oa-detail .oa-time {margin-right:.5em;}
/*[[[Artist]]]*/.os-box .oa-detail .oa-artist:after {content:"／";}
.os-box .oa-detail .oa-artist
.os-box .oa-detail .oa-songname {
}

/*(Song Button)*/
.os-box .os-btn {
width:94px;
height:auto;
position:absolute;
top:3px;
right:3px;
}
.os-box .os-btn img {
width:100%;
}



@media screen and (max-width:1180px) {
.prg-parts > .inner-frame {
padding:6px 10px 6px 160px;
}

.prg-parts .prg-nav-btn {
width:340px;
}


}


@media screen and (max-width:959px) {
.prg-parts > .inner-frame {
width:100%;
padding:6px 10px;
margin:0;
}

.prg-parts .prg-nav-btn {
width:auto;
padding:0;
display:table-header-group;
}

.prg-nav-btn ul {
width:100%;
table-layout:fixed;
box-sizing:border-box;
margin-bottom:8px;
}

.prg-parts .onair-song {
display:table-footer-group;
}


}


@media screen and (max-width:640px) {
.prg-parts > .inner-frame {
padding:0;
overflow:hidden;
}

.prg-parts .prg-nav-btn {
width:100%;
}

.prg-nav-btn ul {
width:100%;
display:table;
table-layout:auto;
margin:0;
border-bottom:1px solid #87aa59;
}
.prg-nav-btn ul li {
margin:0;
padding:5px 3px;
display:table-cell;
vertical-align:middle;
min-height:38px;
}
.prg-nav-btn ul li a {
padding:4px 2px;
}
.prg-nav-btn ul li a img {
width:auto;
height:auto;
}

/*Document Ready for Pages*/
.pages .prg-parts .prg-nav-btn {
display:none;
}



/*----*/
/*----[ 2016.12.15 ]----*/
.prg-parts .prg-nav-btn .btn-box.first li a img,
.prg-parts .prg-nav-btn .btn-box.second li a img {
max-height:inherit;
vertical-align:middle;
}
.prg-parts .prg-nav-btn .btn-box.first li a,
.prg-parts .prg-nav-btn .btn-box.second li a {display:block; text-align:center; margin:0 auto;}
.prg-parts .prg-nav-btn .btn-box.first li a { padding:8px 2px;}
.prg-parts .prg-nav-btn .btn-box.second li a { padding:6px 0;}

/*[ First & Second Area ]*/
.prg-parts .prg-nav-btn .btn-box.first,
.prg-parts .prg-nav-btn .btn-box.second {
display:inherit;
display:-webkit-box !important;
display:-webkit-flex !important;
display:flex !important;
width:100%;
}
.prg-parts .prg-nav-btn .btn-box.first li {
display:inherit;
width:auto;
-webkit-box-flex:1;
-webkit-flex:1 1 auto;
flex:1 1 auto;

}
.prg-parts .prg-nav-btn .btn-box.second li {
display:inherit;
width:auto;
-webkit-box-flex:1;
-webkit-flex:1 1 auto;
flex:1 1 auto;
}
/*[ radiko ]*/
.prg-parts .prg-nav-btn .btn-box.first .noa-sp-btn-radiko a {background:#29abe2; border:2px solid #7FCDEE;}
/*[ App ]*/
.prg-parts .prg-nav-btn .btn-box.first .app-sp-btn-cocolo a {background:#EC9D00; border:2px solid #F7D899;}

/*[ On Air Song Past ]*/
.prg-nav-btn .btn-box.second .noa-btn-song {display:block;}

/*(Buttons Customize)*/
.prg-parts .prg-nav-btn .btn-box.first li,
.prg-parts .prg-nav-btn .btn-box.second li { border:none;}
/*----*/
/*----*/





/*[Now Playing]*/
.prg-parts .onair-song {
padding:2px 0;
display:table-cell;
vertical-align:top;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
overflow:hidden;
}

/*[jQeury News Ticker CSS | Marquee (from 25 Nov, 2016)]*/
.os-box .oa-detail .oa-marquee {
width:180%;
}
.os-box .oa-detail .oa-marquee p {
padding-left:42%;
}
@-webkit-keyframes marquee {
from { -webkit-transform: translate(0%);}
99%,to { -webkit-transform: translate(-180%);}
}
@-moz-keyframes marquee {
from { -moz-transform: translate(0%);}
99%,to { -moz-transform: translate(-180%);}
}
@-ms-keyframes marquee {
from { -ms-transform: translate(0%);}
99%,to { -ms-transform: translate(-180%);}
}
@-o-keyframes marquee {
from { -o-transform: translate(0%);}
99%,to { -o-transform: translate(-180%);}
}
@keyframes marquee {
from { transform: translate(0%);}
99%,to { transform: translate(-180%);}
}

/*[Now Playing Song Detail]*/
.onair-song .os-box {
margin:0;
padding:0;
}
/*(Song Detail)*/
.os-box .oa-detail {
background:none;
}

/*(Title)*/
.os-box .os-ttl {
width:40px;
}
.os-box .os-ttl img {
min-width:100%;
}

/*(for Song Detail Bar Size)*/
.os-box .oa-detail div { max-width:540px; }

/*(Song Button)*/
.os-box .os-btn {
width:45px;
top:5px;
right:5px;
}

/*----*/
/*----[ 2016.12.15 ]----*/
/*[ On Air Song Past for OnAir]*/
.onair-song.only-oa .os-box .os-btn {display:none;}
/*----*/
/*----*/


}


@media screen and (max-width:600px) { .os-box .oa-detail div {max-width:500px;} }
@media screen and (max-width:568px) { .os-box .oa-detail div {max-width:460px;} }
@media screen and (max-width:480px) { .os-box .oa-detail div {max-width:380px;} }
@media screen and (max-width:425px) { .os-box .oa-detail div {max-width:330px;} }
@media screen and (max-width:420px) { .os-box .oa-detail div {max-width:320px;} }
@media screen and (max-width:414px) { .os-box .oa-detail div {max-width:318px;} /*iPhone6 plus*/}
@media screen and (max-width:375px) { .os-box .oa-detail div {max-width:280px;} /*iPhone6*/ }
@media screen and (max-width:360px) { .os-box .oa-detail div {max-width:266px;} }
@media screen and (max-width:320px) { .os-box .oa-detail div {max-width:226px;} }


@media screen and (max-width:480px) {
.prg-parts .prg-nav-btn .btn-box.first li a { padding:4px 1px 6px;}
.prg-parts .prg-nav-btn .btn-box.second li a { padding:2px 0 4px;}


}










/*----------------------------------------------*/
/*FOOTER*/
/*----------------------------------------------*/

/*(Frame)*/
#main-footer {
}
#main-footer > .inner-frame {
width:auto;
margin:0 auto;
padding:52px 20px;
position:relative;
}

#main-footer .ft-main,
#main-footer .ft-sub {
width:auto;
height:auto;
margin:0;
padding:0;
}


@media screen and (min-width:1200px) {
#main-footer > .inner-frame {
width:1180px;
}

}





/*
[Page Top Button]
*/
#main-footer .pagetop {
margin:0;
padding:0;
position:absolute;
right:20px;
top:-40px;
z-index:8000;
}
/*[PC]*/
#main-footer .pagetop li {
width:auto;
height:auto;
margin:0;
padding:0;
}
#main-footer .pagetop li a {
width:145px;
height:40px;
margin:0;
padding:0;
text-indent:-9999px;
display:block;
overflow:hidden;
text-decoration:none;
background:url(../images/btn_pagetop_pc.png) no-repeat 0 0;
}
#main-footer .pagetop.btn-box li a:hover {
background-position:0 -40px;
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}





/*
[Category]
*/
#main-footer .category-navi {
width:auto;
padding:0;
margin:0;
}

/*(Category Title)*/
#main-footer .category-navi .corner-ttl {
font-size:.9em;
padding-bottom:.2em;
}

/*(Each Box / Height Setting)*/
#main-footer .category-navi > .cg-box {
width:16.66666%;
margin:0 0 2.5em;
padding:.4em 0 .4em 1%;
letter-spacing:0;
border-right:1px solid #603813;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
float:left;
}
#main-footer .category-navi > .cg-box:first-child {
border-left:1px solid #603813;
}
#main-footer .category-navi > .cg-box a {
color:#603813;
}





/*
[Footer Navi]
*/
#main-footer .footer-navi {
width:auto;
height:auto;
margin:0;
padding:0;
}
#main-footer .footer-navi .link-box {
text-align:center;
}
#main-footer .footer-navi .link-box li {
margin:0 1em 0 0;
padding:0 1em 0 0;
font-size:1em;
border-right:1px solid #603813;
display:inline-block;
}
#main-footer .footer-navi .link-box li a {
color:#603813;
}
#main-footer .footer-navi .link-box li:first-child {
border-left:1px solid #603813;
padding:0 1em;
}
#main-footer .footer-navi .link-box .fa {
padding-top:.2em;
display:none;
}





/*
[Copyright]
*/
#main-footer .copyright {
width:auto;
height:auto;
margin:0;
padding:1.8em 0;
text-align:center;
border-top:2px solid #603813;
}
/*(format 2nd)*/
.fmt-2nd footer .copyright {
border-top:none;
}
#main-footer .copyright > .cp-right {
font-size:.9em;
font-family:Arial, Helvetica, sans-serif;
color:#603813;
}
#main-footer .copyright > .cp-right a {
color:#603813;
}


@media screen and (max-width:1024px) {
/*
[Category]
*/
/*(Each Box / Height Setting)*/
#main-footer .category-navi > .cg-box {
padding:.2em 1%;
}

}


@media screen and (max-width:640px) {
#main-footer > .inner-frame {
padding:0 12px 32px;
display:table;
}

#main-footer .ft-main {
display:table-footer-group;
}
#main-footer .ft-sub {
display:table-header-group;
}

/*
[Category]
*/
#main-footer .category-navi {
clear:both;
width:auto;
margin-bottom:0;
}
#main-footer .category-navi > .cg-box {
width:33.3333%;
margin:0 0 1.5em;
padding:.2em 0 .2em 2%;
}
#main-footer .category-navi > .cg-box:nth-child(4) {
border-left:1px solid #603813;
}



/*
[Footer Navi]
*/
#main-footer .footer-navi {
width:auto;
margin:0 0 3em;
float:none;
}
#main-footer .footer-navi .link-box li {
text-align:left;
}
#main-footer .footer-navi .link-box li {
width:50%;
height:auto;
margin:0;
padding:0;
text-align:left;
border:none;
float:left;
}
#main-footer .footer-navi .link-box li:first-child {
border:none;
padding:0;
}
#main-footer .footer-navi .link-box .fa {
display:inherit;
}


/*
[Copyright]
*/
#main-footer .copyright {
padding:1.2em 0;
}


/*
[Page Top Button]
*/
#main-footer .pagetop {
position:fixed;
right:0;
top:auto;
bottom:0;
}
#main-footer .pagetop li {
width:auto;
height:auto;
margin:0;
padding:0;
}
#main-footer .pagetop li a {
width:40px;
background:url(../images/btn_pagetop_sp.png) no-repeat 0 0;
background-size:40px auto;
-webkit-background-size:40px auto;
-moz-background-size:40px auto;
}


}



@media screen and (max-width:600px) {
/*
[Category]
*/
#main-footer .category-navi > .cg-box {
width:50%;
border:none;
border-left:1px solid #603813;
}
#main-footer .category-navi > .cg-box:nth-child(4) {
border:none;
border-left:1px solid #603813;
}
#main-footer .category-navi > .cg-box:nth-child(2n) {
border:none;
border-left:1px solid #603813;
border-right:1px solid #603813;
}


/*
[Footer Navi]
*/
#main-footer .footer-navi {
margin:0 -12px 3em;
}
#main-footer .footer-navi .link-box {
margin:0;
}
#main-footer .footer-navi .link-box li {
margin-bottom:0;
}
#main-footer .footer-navi .link-box li .fa {
display:none;
}
#main-footer .footer-navi .link-box li {
width:auto;
height:auto;
margin:0;
padding:0;
border:none;
background:rgba(255,255,255,0.30);
border-bottom:1px solid #603813;
display:inherit;
float:none;
}
#main-footer .footer-navi .link-box li:first-child {
border-top:1px solid #603813;
border-bottom:1px solid #603813;
}
#main-footer .footer-navi li a {
width:auto;
height:auto;
margin:0;
padding:12px;
display:block;
overflow:hidden;
text-decoration:none;
background:url(../images/gn_icn_arrow_bk.png) no-repeat center right;
}

}



@media screen and (max-width:480px) {
#main-footer > .inner-frame {
padding:0 10px 24px;
}


/*
[Footer Navi]
*/
#main-footer .footer-navi {
margin:0 -10px 2.4em;
}


/*
[Copyright]
*/
#main-footer .copyright {
padding:.8em 0;
}


}



@media screen and (max-width:320px) {
#main-footer > .inner-frame {
padding:0 10px 18px;
}


}










/*----------------------------------------------*/
/*FRAME*/
/*----------------------------------------------*/

/*(Content Frame) include main and side*/
.content {
width:auto;
height:auto;
margin:0;
padding:0;
}

/*(Content Container)*/
.content .content-container {
height:auto;
}

@media screen and (min-width:1200px) {
.content .content-container {
width:1180px;
margin:0 auto;
padding:30px 0 70px;
}

}


@media screen and (min-width:961px) and (max-width:1199px) {
.content .content-container {
width:auto;
margin:0 auto;
padding:30px 10px 70px;
}

}


@media screen and (min-width:641px) and (max-width:960px) {
.content .content-container {
width:auto;
margin:0;
padding:20px 10px 50px;
}

}

@media screen and (max-width:640px) {
.content .content-container {
width:auto;
margin:0;
padding:0;
}

}





/*
[Main Frame]
*/
.main {
width:auto;
height:auto;
margin:0;
padding:0;
}

@media screen and (min-width:901px) and (max-width:1199px) {
.main { /*Defautl Page*/
width:80.93220%;/*955px (1180px)*/
float:right;
}

.fmt-2nd .main { /*Entry Page etc...*/
width:auto;
float:none;
}


}

@media screen and (min-width:1200px) {
.main { /*Defautl Page*/
width:955px;
float:right;
}

.fmt-2nd .main { /*Entry Page etc...*/
width:auto;
float:none;
}

}





/*[Main Container (main frame and main side)]*/
.main-container {
width:auto;
height:auto;
margin:0;
padding:0;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
}

/*(Main Frame)*/
.main-container .main-frame {
width:auto;
height:auto;
margin:0;
padding:0;
}
/*[For Index Page]*/
.index-page .main-container .main-frame,
.index-page .main-container .main-side {
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
}

/*(Main Side)*/
.main-container .main-side {
width:auto;
height:auto;
margin:0;
padding:0;
}



/*-- [for Index Page] --*/
.index-page .main-container {
background:none;
}
.index-page .main-container.two-columns {
background:none;
border:none;
}
/*(Main Frame)*/
.index-page .main-container.two-columns .main-frame {
float:left;
}
/*(Main Side)*/
.index-page .main-container.two-columns .main-side {
float:right;
}



/*-- [for Pages 1 Column , 2 Columns and For Entry Form] --*/
.pages .main-container.one-column,
.pages .main-container.two-columns,
.fmt-2nd .main-container.one-column {
background:#FFF;
}


@media screen and (max-width:640px) {
/*-- [for Index Page] --*/
/*(Main Frame)*/
.index-page .main-container.two-columns .main-frame {
float:none;
}
/*(Main Side)*/
.index-page .main-container.two-columns .main-side {
float:none;
}

/*-- [for Pages 2 Columns] --*/
/*(Main Frame)*/
.pages .main-container.two-columns .main-frame {
width:auto;
vertical-align:top;
display:table-footer-group;
}
/*(Main Side)*/
.pages .main-container.two-columns .main-side {
width:auto;
vertical-align:top;
display:table-header-group;
}

}


@media screen and (min-width:641px) and (max-width:960px) {
/* -- [for Index Page]-- */
/*(Main Frame)*/
.index-page .main-container.two-columns .main-frame {
width:58.63874%;
}
/*(Main Side)*/
.index-page .main-container.two-columns .main-side {
width:38.74345%;
}



/*-- [for Pages 2 Columns] --*/
/*(Main Frame)*/
.pages .main-container.two-columns .main-frame {
width:74.34554%;
vertical-align:top;
display:table-footer-group;
}
/*(Main Side)*/
.pages .main-container.two-columns .main-side {
width:74.34554%;
vertical-align:top;
display:table-header-group;
}


}


@media screen and (min-width:961px) and (max-width:1199px) {
/* -- [for Index Page]-- */
/*(Main Frame)*/
.index-page .main-container.two-columns .main-frame {
width:58.63874%;
}
/*(Main Side)*/
.index-page .main-container.two-columns .main-side {
width:38.74345%;
}



/*-- [for Pages 2 Columns] --*/
/*(Main Frame)*/
.pages .main-container.two-columns .main-frame {
width:74.34554%;
display:table-cell;
vertical-align:top;
}
/*(Main Side)*/
.pages .main-container.two-columns .main-side {
width:25.65445%;
display:table-cell;
vertical-align:top;
}


}


@media screen and (min-width:1200px) {
/* -- [for Index Page]-- */
.index-page .main-container.two-columns .main-frame {
width:560px;
}
/*(Main Side)*/
.index-page .main-container.two-columns .main-side {
width:370px;
}




/*-- [for Pages 1 Column and for Entry Form] --*/
/*(Main Frame)*/
.pages .main-container.one-column .main-frame,
.fmt-2nd .main-container.one-column .main-frame {
width:870px;
margin:0 auto;
padding:40px 0;
}
/*(Main Side)*/
.pages .main-container.one-column .main-side {
display:none;
}



/*-- [for Pages 2 Columns] --*/
/*(Main Frame)*/
.pages .main-container.two-columns .main-frame {
width:710px;
padding:40px 0;
display:table-cell;
vertical-align:top;
}
/*(Main Side)*/
.pages .main-container.two-columns .main-side {
width:200px;
padding:40px 0;
display:table-cell;
vertical-align:top;
}


}




@media screen and (max-width:1199px) {
/*-- [for Pages 1 Column , 2 Columns and for Entry Form] --*/
/*(Main Frame)*/
.pages .main-container.one-column .main-frame,
.pages .main-container.two-columns .main-frame,
.pages .main-container.two-columns .main-side,
.fmt-2nd .main-container.one-column .main-frame {
padding:40px 0;
}


}


@media screen and (max-width:960px) {
/*-- [for Pages 1 Column , 2 Columns and for Entry Form] --*/
/*(Main Frame)*/
.pages .main-container.one-column .main-frame,
.pages .main-container.two-columns .main-frame,
.pages .main-container.two-columns .main-side,
.fmt-2nd .main-container.one-column .main-frame {
padding:25px 12px;
}


}


@media screen and (max-width:640px) {
/*-- [for Pages 1 Column , 2 Columns and for Entry Form] --*/
/*(Main Frame)*/
.pages .main-container.one-column,
.pages .main-container.two-columns,
.fmt-2nd .main-container.one-column {
border:none;
}

/*-- [for Pages 1 Column , 2 Columns and for Entry Form] --*/
/*(Main Frame)*/
.pages .main-container.one-column .main-frame,
.pages .main-container.two-columns .main-frame,
.pages .main-container.two-columns .main-side,
.fmt-2nd .main-container.one-column .main-frame {
padding:18px 12px;
}


}


@media screen and (max-width:480px) {
/*-- [for Pages 1 Column , 2 Columns and for Entry Form] --*/
/*(Main Frame)*/
.pages .main-container.one-column .main-frame,
.pages .main-container.two-columns .main-frame,
.pages .main-container.two-columns .main-side,
.fmt-2nd .main-container.one-column .main-frame {
padding:15px 10px;
}


}









/*[Navigation & Monthly Artist  Frame]*/
.side {
width:auto;
height:auto;
margin:0;
padding:0;
}


@media screen and (max-width:640px) {
.side {
 clear:both;
 padding-bottom:1.6rem;
}

}


@media screen and (min-width:641px) and (max-width:900px) {
.side {
 clear:both;
 padding-bottom:1.2rem;
}

}

@media screen and (min-width:901px) and (max-width:1199px) {
.side {
width:16.94915%;/*1180px*/
float:left;
}

}

@media screen and (min-width:1200px) {
.side {
width:200px;
float:left;
}


}










/*----------------------------------------------*/
/*PAGES*/
/*----------------------------------------------*/

/*
[PAGES HEADER]
*/
/*(Frame)*/
#pages-header.pages-header {
width:auto;
height:auto;
margin:0;
padding:0;
position:relative;
}


/*-- [Text Header] --*/
#pages-header.pages-header > .inner-frame {
width:auto;
height:auto;
margin:0;
padding:.8em 1em;
}

/*[Pages Title]*/
#pages-header.pages-header .ph-ttl {
font-size:1.8em;
line-height:1.6em;
font-weight:bold;
margin:0;
padding:0;
color:#0080a7;
}
#pages-header.pages-header .ph-ttl  small {
font-size:.6em;
line-height:1.5em;
color:#666;
margin-left:1.2em;
}

/*[Second Contents]*/
#pages-header.pages-header.ph-sm > .inner-frame {
padding:.8em 1.5em;
}
#pages-header.pages-header.ph-sm .ph-ttl {
font-size:1.2em;
}


/*[Extra Buttons]*/
#pages-header.pages-header .btn-box {
position:absolute;
right:1.6em;
/*top:2.2em;
margin-top:-.7em;*/
bottom:1em;
}
#pages-header.pages-header .btn-box a {
display:block;
}
#pages-header.pages-header .btn-box .btb-xs {
padding:8px 6px; font-size:.8em;
}


@media screen and (min-width:641px) and (max-width:899px) {
#pages-header.pages-header > .inner-frame {
padding:1em 1.5em;
}
#pages-header.pages-header .ph-ttl  small {
display:block;
padding-top:.3em;
margin-left:0;
}


}


@media screen and (max-width:640px) {
#pages-header.pages-header > .inner-frame {
padding:1em 1.5em;
}

#pages-header.pages-header .ph-ttl {
font-size:1.6em;
line-height:1.4em;
}
#pages-header.pages-header .ph-ttl  small {
display:block;
padding-top:.3em;
margin-left:0;
}
/*[Second Contents]*/
#pages-header.pages-header.ph-sm > .inner-frame {
padding:1em;
}
#pages-header.pages-header.ph-sm .ph-ttl {
font-size:1em;
}

#pages-header.pages-header .btn-box {
right:1.2em;
}
#pages-header.pages-header .btn-box .btb-xs {
font-size:.7em;
}


}


@media screen and (max-width:480px) {
#pages-header.pages-header > .inner-frame {
padding:.9em 12px .7em;
}
#pages-header.pages-header .ph-ttl {
font-size:1.3em;
line-height:1.3em;
}
#pages-header.pages-header .ph-ttl  small {
font-size:.7em;
padding-top:.3em;
}

/*[Extra Buttons]*/
#pages-header.pages-header .btn-box {
top:1.8em;
right:10px;
margin-top:0;
}


}





/*-- [Image Header] --*/
#pages-header.pages-header.img-header > .inner-frame {
width:auto;
height:auto;
margin:0;
padding:0;
background:#FFF;
position:relative;
}
/*[Pages Title]*/
#pages-header.pages-header.img-header .ph-ttl-img {
text-align:center;
margin:0;
padding:0;
}










/*
[PAGES FOOTER]
*/

/*(Frame)*/
#pages-footer.pages-footer {
width:auto;
height:auto;
margin:0;
padding:0;
border-top:none;
}
#pages-footer.pages-footer > .inner-frame {
width:auto;
height:auto;
margin:0;
padding:1.4em 0;
background:#FFF;
position:relative;
border-top:2px solid #603813;
}


@media screen and (max-width:640px) {
#pages-footer.pages-footer .btn-box .bc-white2 {
border:none;
margin:0;
padding:0;
}

}









/*----------------------------------------------*/
/*COMMON CONTENT*/
/*----------------------------------------------*/

/*
[RADIPASS]
*/
/*(Document Ready)*/
#radipass-frame-spn #radipass,
#radipass-frame-pc #radipass {
display:none;
}

#radipass .inner-frame {
padding:10px 10px 15px;
margin-bottom:20px;
border:5px solid #dfc7a2;
background:#FFF;
}

/*(Corner Title)*/
#radipass .corner-ttl {
text-align:center;
border-bottom:1px dotted #CCC;
padding-bottom:.3em;
}



/*-- [Default] --*/
#radipass .rp-default {
padding:.3em 0 0;
}
#radipass .rp-default.btn-box {
text-align:center;
}



/*-- [Logged] --*/
#radipass .rp-logged {
width:auto;
height:auto;
margin:0 0 1em;
padding:.3em 0 0;
}
#radipass .rp-logged .rp-avatar {
width:58px;
margin:0;
padding:4px;
background:#e6e6e6;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
float:left;
}
#radipass .rp-logged .rp-welcome {
width:auto;
margin-left:68px;
font-size:.75em;
padding-top:.2em;
}
/*(Link Box Setting)*/
#radipass .logged-box a:hover {
text-decoration:none;
}
#radipass .logged-box a .rp-logged .rp-welcome {
color:#333;
}
#radipass .logged-box a:hover .btn-box {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}


@media screen and (min-width:961px) and (max-width:1199px) {
#radipass .rp-logged .rp-avatar {
width:48px;
padding:3px;
}
#radipass .rp-logged .rp-welcome {
margin-left:58px;
}
#radipass .logged-box a .btn-box {
font-size:.9em;
}

}



@media screen and (min-width:901px) and (max-width:960px) {
#radipass .rp-logged {
margin:0 0 .5em;
}
#radipass .rp-logged .rp-avatar {
width:58px;
margin:0 auto .5em;
float:none;
}
#radipass .rp-logged .rp-welcome {
margin-left:0;
}
#radipass .logged-box a .btn-box {
font-size:.85em;
}

}


@media screen and (min-width:641px) and (max-width:900px) {
#radipass {
width:23%;
margin-right:2%;
float:left;
}

#radipass .inner-frame {
margin-bottom:0;
}

}



@media screen and (max-width:640px) {
#radipass {
width:auto;
float:none;
}

#radipass .inner-frame {
padding:0;
margin:0;
border:none;
position:absolute;
top:18px;
right:12px;
width:96%;
background:none;
}



/*-- [Default] --*/
#radipass .default-box {
width:38%;
float:right;
margin:0;
padding:0;
}

#radipass .default-box .corner-ttl {
width:35%;
margin:0;
padding:0;
border:none;
float:left;
}
#radipass .default-box .corner-ttl img {
width:100%;
margin:0;
padding:0;
}
#radipass .default-box .rp-default {
padding:0;
}
#radipass .default-box .rp-default.btn-box.btn-clm {
width:62%;
padding:0;
margin:0 0 0 38%;
}
#radipass .default-box .rp-default.btn-box.btn-clm li {
width:48%;
margin:0 0 0 2%;
padding:0;
float:left;
}



/*-- [Logged] --*/
#radipass .logged-box {
width:24%;
float:right;
margin:0;
padding:0;
}
#radipass .logged-box .corner-ttl {
width:60%;
margin:0;
padding:0;
border:none;
float:left;
}
#radipass .logged-box .corner-ttl img {
width:100%;
margin:0;
padding:0;
}

#radipass .logged-box .rp-logged {
margin:0;
padding:0;
}
#radipass .logged-box .rp-logged .rp-avatar {
width:32%;
margin: 0 0 0 68%;
float:none;
}
#radipass .logged-box .rp-logged .rp-welcome,
#radipass .logged-box .rp-my-page {
display:none;
}


}



@media screen and (max-width:480px) {
#radipass .inner-frame {
top:15px;
right:10px;
}

/*-- [Default] --*/
#radipass .default-box {
width:50%; 
}



/*-- [Logged] --*/
#radipass .logged-box {
width:32%;
}
#radipass .rp-logged .rp-avatar {
width:60px;
padding:2px;
}


}



@media screen and (max-width:320px) {
#radipass .inner-frame {
top:12px;
}

#radipass .default-box,
#radipass .logged-box {
padding:.3em 0 0;
}


}





/*
[Monthly Artist]
*/
#monthly-artist-frame-spn .monthlyartist,
#monthly-artist-frame-tab .monthlyartist,
#monthly-artist-frame-pc .monthlyartist {
display:none;
}

/*(Frame)*/
.monthlyartist:hover {
text-decoration:none;
}
.ma-frame {
width:auto;
height:auto;
margin:0;
padding:0;
}
.ma-frame > .inner-frame {
width:auto;
height:auto;
margin:0 0 20px;
padding:5px;
background:#c3ce4c;
}

/*[Month Title]*/
.ma-frame .ma-month {
font-size:.75em;
font-weight:bold;
color:#603813;
margin:0;
padding:.7em 0 1em;
letter-spacing:0;
text-align:center;
}

/*(Artist Box)*/
.ma-frame .ma-box {
width:auto;
height:auto;
margin:0;
padding:10px;
background:#FFF url(../images/ma_bg_arrow.png) no-repeat right bottom;
}
.ma-frame .ma-box dl {
margin:0;
padding:0;
}
/*[Artist Photo]*/
.ma-frame .ma-box .ma-photo {
width:auto;
max-width:170px;
height:auto;
margin:0 auto .8em;
padding:0;
text-align:center;
}
.monthlyartist:hover .ma-frame .ma-box .ma-photo {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
/*[Name]*/
.ma-frame .ma-box .ma-name {
font-size:.9em;
font-weight:800;
margin:0 0 .3em;
padding:0;
color:#0080a7;
}
/*[Text]*/
.ma-frame .ma-box .ma-txt {
font-size:.85em;
margin:0;
padding:0;
color:#333;
}


@media screen and (max-width:1179px) {
.ma-frame .ma-br {
display:block;
padding-top:.3em;
}


}


@media screen and (max-width:900px) {
#monthly-artist-frame-tab {
 clear:both;
}
.monthlyartist {
width:auto;
float:none;
margin:0;
}

.ma-frame {
/*background:url(../images/_bg/bg_sand.png) repeat 0 0;*/
background:none;
padding:1rem 0 0;
}
.ma-frame > .inner-frame {
margin:0;
}

/*[Month Title]*/
.ma-frame .ma-month {
font-size:.9em;
text-align:center;
}
.ma-frame .ma-br {
display:inline;
padding-top:0;
}

.ma-frame .ma-box dl {
width:auto;
}
/*[Artist Photo]*/
.ma-frame .ma-box .ma-photo {
max-width:90px;
margin:0;
float:left;
}

.ma-frame .ma-box dl {
margin:0 0 0 105px;
padding:0;
}
/*[Name]*/
.ma-frame .ma-box .ma-name {
font-size:1em;
}
/*[Text]*/
.ma-frame .ma-box .ma-txt {
font-size:.9em;
}


}



@media screen and (max-width:640px) {
.ma-frame {
padding:0;
}

}



@media screen and (max-width:480px) {
/*[Artist Photo]*/
.ma-frame .ma-box .ma-photo {
max-width:75px;
margin:0;
float:left;
}

.ma-frame .ma-box dl {
margin:0 0 0 90px;
padding:0;
}
/*[Name]*/
.ma-frame .ma-box .ma-name {
font-size:.9em;
}
/*[Text]*/
.ma-frame .ma-box .ma-txt {
font-size:.85em;
}


}





/*
[S Code]
*/
.pages .s-code {
display:none;
}

#s-code .inner-frame {
padding:12px 10px;
background:#b56695;
}

#s-code .scd-form {
position: relative;
margin:0 0 .5em;
}
#s-code .scd-form dt {
width:100%;
min-height:32px;
padding:1px;
background-color:#4d4d4d;
position:relative;
padding-right:36px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
}
#s-code .scd-form dt input {
width:100%;
min-height:32px;
border:none;
background:#FFF;
padding:3px 12px;
font-size:.9em;
font-weight:normal;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius:0;
-o-border-radius:0;
}
#s-code .scd-form dd {
width:36px;
max-height:32px;
padding:1px;
background:none;
background:#4d4d4d;
position:absolute;
top:0;
right:0;
overflow:hidden;
}
#s-code .scd-form dd button {
width:100%;
height:32px;
padding:0;
margin:0;
border:0;
cursor:pointer;
background:#4d4d4d;
}
#s-code .scd-form dd button img {
max-height:26px;
margin:0;
padding:0;
vertical-align:top;
}

/*(About)*/
#s-code .scd-about {
/*text-align:right;
font-size:.9em;
cursor:pointer;*/
}



@media screen and (min-width:901px) and (max-width:1199px) {
#s-code .scd-form dt {
min-height:28px;
padding-right:28px;
}
#s-code .scd-form dt input {
min-height:28px;
padding:3px 8px;
font-size:.8em;
}
#s-code .scd-form dd {
width:28px;
max-height:28px;
padding:1px;
}
#s-code .scd-form dd button {
height:28px;
}

/*(About)*/
#s-code .scd-about {
/*font-size:.8em;*/
}

}


@media screen and (min-width:641px) and (max-width:900px) {
#s-code .inner-frame {
width:100%;
padding:8px 10px;
display:table;
}

#s-code .corner-ttl {
width:34%;
text-align:center;
display:table-cell;
vertical-align:middle;
}
#s-code .corner-ttl img {
width:auto;
max-height:30px;
}

#s-code .form-box {
width:auto;
display:table-cell;
vertical-align:middle;
}

#s-code .scd-form {
position: relative;
margin:0;
}

#s-code .scd-about {
/*width:22%;
font-size:.8em;
display:table-cell;
vertical-align:middle;
letter-spacing:0;*/
}

}


@media screen and (max-width:640px) {
#s-code .inner-frame {
width:100%;
padding:8px 10px;
display:table;
}

#s-code .corner-ttl {
width:24%;
text-align:center;
display:table-cell;
vertical-align:middle;
}
#s-code .corner-ttl img {
width:auto;
max-height:32px;
}

#s-code .form-box {
width:auto;
display:table-cell;
vertical-align:middle;
}

#s-code .scd-form {
 position:relative;
 margin:0;
}

#s-code .scd-form dt input {
min-height:38px;
padding:3px 8px;
font-size:.9em;
}
#s-code .scd-form dd {
width:38px;
max-height:40px;
padding:0;
}
#s-code .scd-form dd button {
height:40px;
}

#s-code .scd-about {
/*width:20%;
font-size:.8em;
display:table-cell;
vertical-align:middle;
letter-spacing:0;*/
}

}


@media screen and (max-width:480px) {
#s-code .inner-frame {
padding:8px 5px;
}

#s-code .scd-form dt {
min-height:36px;
padding-right:36px;
}
#s-code .scd-form dt input {
min-height:36px;
padding:2px 8px;
font-size:.95em;
}
#s-code .scd-form dd {
width:36px;
height:38px;
padding:0;
}
#s-code .scd-form dd button {
max-height:38px;
}

#s-code .scd-about {
/*width:25%;
font-size:.7em;*/
}

}



@media screen and (max-width:320px) {
#s-code .inner-frame {
padding:7px 5px;
}

#s-code .scd-about {
/*width:32%;
font-size:.7em;*/
}

}




/*
[Global Navi]
*/

/*[Global Navi]*/
#global-navi-frame-spn #global-navi,
#global-navi-frame-pc #global-navi {
display:none;
}
#global-navi > .inner-frame {
padding:5px;
background:#FFF;
}

#global-navi .g-nav {
width:auto;
height:auto;
margin:0;
padding:0;
}
#global-navi .g-nav.btn-box li {
margin-bottom:0;
border-bottom:1px dotted #cccccc;
}
#global-navi .g-nav.btn-box li img {
margin:0;
padding:0;
}
#global-navi .g-nav.btn-box li a {
display:block;
background:url(../images/gn_icn_arrow_blue.png) no-repeat right;
}



/*[Sub Links]*/
#global-navi .s-nav {
margin:.8em 0;
padding:0 .3em;
}
#global-navi .s-nav li {
width:auto;
}
#global-navi .s-nav li a {
display:block;
}



@media screen and (min-width:901px) {
#global-navi .g-nav.btn-box li a img {
width:90%;
}
#global-navi .s-nav.btn-box li a img {
width:70%;
}


}


@media screen and (min-width:641px) and (max-width:900px) {
#global-navi {
width:75%;
float:left;
}
#global-navi .g-nav {
margin:0;
border:none;
}
#global-navi .g-nav.btn-box li {
width:33.33333%;/*6 buttons*/
width:25%;/*8 buttons*/
float:left;
border-right:1px dotted #ccc;
border-bottom:1px solid #ccc;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
}
#global-navi .g-nav.btn-box li:last-child,
#global-navi .g-nav.btn-box li:nth-child(4n) {
border-right:1px dotted #FFF;
}

#global-navi .g-nav.btn-box li a img {
width:90%;
}

/*[ Blog Entry  | (from 24 May, 2017)]*/
#global-navi .g-nav.btn-box .btn-gn-be.none {
display: none;
}

/*[Sub Links]*/
#global-navi .s-nav {
/*width:80%;*/
margin:0;
padding:.7em;
}
#global-navi .s-nav li {
width:33.33333%;
width:25%; /*( from 8th Nov,2016 )*/
margin:0;
float:left;
}
#global-navi .s-nav li img {
width:90%;
}

}


@media screen and (max-width:640px) {
#global-navi {
width:auto;
float:none;
}
#global-navi > .inner-frame {
border:none;
padding:0;
}
.pages #global-navi > .inner-frame {
border:none;
}


/*[Global Navi]*/
#global-navi .g-nav {
width:100%;
margin:0;
border:none;
}
#global-navi .g-nav.btn-box li {
width:16.66666%;/*6 buttons*/
width:14.28571%;/*7 buttons*/
width:12.5%;/*8 buttons*/
float:left;
padding:0;
border-left:1px dotted #cccccc;
border-bottom:1px solid #cccccc;
border-right:none;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
#global-navi .g-nav.btn-box li img {
width:100%;
}


#global-navi .g-nav.btn-box li a {
width:auto;
height:auto;
display:block;
padding:.7em 0;
background:none;
}

/*[ Blog Entry | (from 24 May, 2017)]*/
#global-navi .g-nav.btn-box .btn-gn-be.none {
display: none;
}

/*[Sub Links]*/
#global-navi .s-nav {
padding:1em .7em;
margin:0;
}
#global-navi .s-nav li {
width:33.33333%;
width:25%; /*( from 8th Nov, 2016 )*/
margin:0;
float:left;
}
#global-navi .s-nav li img {
width:80%;
}


}


@media screen and (max-width:480px) {
#global-navi .g-nav.btn-box li {
width:33.33333%;
width:25%;
text-align:center;
}
#global-navi .g-nav.btn-box li img {
width:90%;
margin:0;
padding:0;
vertical-align:top;
}


#global-navi .g-nav.btn-box li a {
padding:3px 0;
}



/*[Sub Links]*/
#global-navi .s-nav {
margin:0;
padding:.5em;
}
#global-navi .s-nav li img {
width:90%;
vertical-align:bottom;
}
#global-navi .s-nav li {
 width:33.33333%;
}
#global-navi .s-nav .s-nav-4 { /* ( from 14 Dec, 2016 ) */
 display:none;
}


}









/*----------------------------------------------*/
/*OTHERS*/
/*----------------------------------------------*/

/*
[radiko]
*/

/*[radiko Button]*/
.btn-radiko {
margin:0;
padding:0;
position:absolute;
top:12px;
right:28px;
z-index:8888;
list-style:none;
}
.btn-radiko li {
margin:0;
padding:0;
list-style:none;
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
}
.btn-radiko li:hover {
transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-moz-ransform:rotate(360deg);
}

.tossing {
animation-name: tossing;
-webkit-animation-name: tossing;	

animation-duration: 2.5s;	
-webkit-animation-duration: 2.5s;

animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
0% {transform: rotate(-4deg);	}
50% {transform: rotate(4deg);}
100% {transform: rotate(-4deg);	}				

		
}

@-webkit-keyframes tossing {
0% {-webkit-transform: rotate(-4deg);	}
50% {-webkit-transform: rotate(4deg);}
100% {-webkit-transform: rotate(-4deg);	
}				

}

/*.btn-radiko li:hover {
animation: rumble 0.12s linear infinite;
}
@keyframes rumble{
0%	{transform:rotate(0deg)	translate(0,0);}
12.5%	{transform:rotate(0.4deg)	translate(2px,-2px);}
25%	{transform:rotate(0.8deg)	translate(0px,1px);}
37.5%	{transform:rotate(0.4deg)	translate(-2px,0);}
50%	{transform:rotate(0deg)	translate(0,0);}
62.5%	{transform:rotate(-0.4deg)	translate(1px,0);}
75%	{transform:rotate(-0.8deg)	translate(0,2px);}
87.5%	{transform:rotate(-0.4deg)	translate(-2px,-2px);}
100%	{transform:rotate(0deg)	translate(0,0);}
}*/


@media screen and (min-width:1025px) {
.btn-radiko {
width:100px;
}


}


@media screen and (max-width:1024px) {
.btn-radiko {
width:9.58%;
}


}


@media screen and (max-width:768px) {
.btn-radiko {
width:12%;
}


}


@media screen and (max-width:640px) {
.btn-radiko {
display:none;
}


}





/*
[Search Form]
*/

/*(Frame)*/
.search .srh-form {
position:absolute;
width:auto;
top:2em;
right:160px;
margin:0;
}

/*(Form Frame)*/
.search .srh-form dt {
width:100%;
max-width:240px;
min-height:32px;
padding:1px;
background-color:#4d4d4d;
position:relative;
padding-right:36px;
}

/*(Form Input)*/
.search .srh-form dt input {
width:100%;
min-height:32px;
border:none;
background:#FFF;
padding:3px 12px;
font-size:.9em;
font-weight:normal;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius:0;
-o-border-radius:0;
}

/*(Form Button)*/
.search .srh-form dd {
width:36px;
max-height:32px;
padding:1px;
background:none;
background:#4d4d4d;
position:absolute;
top:0;
right:0;
overflow:hidden;
}
.search .srh-form dd button {
width:100%;
height:32px;
padding:0;
margin:0;
border:0;
cursor:pointer;
background:#4d4d4d;
}
.search .srh-form dd button img {
max-height:26px;
margin:0;
padding:0;
vertical-align:top;
}



@media screen and (max-width:1024px) {
.search .srh-form {
width:200px;
top:2em;
right:16.66666%;
}


}



@media screen and (max-width:900px) {
.search .srh-form {
top:1.8em;
}


}


@media screen and (max-width:800px) {
.search .srh-form {
top:1.6em;
}


}


@media screen and (max-width:768px) {
.search .srh-form {
right:18.88888%;
}


}


@media screen and (max-width:640px) {
.search .srh-form {
position:relative;
width:auto;
top:auto;
right:auto;
padding:0;
}

.search.form-box {
width:auto;
height:auto;
margin:0;
padding:22px 10px;
}

.search .srh-form dt {
max-width:none;
}


}





/*
[SNS Share Buttons]
(for "PickUp Detail Pages" and "Event Archive Detail Pages")
*/

/*(Frame)*/
.share {
width:auto;
height:auto;
margin:0;
padding:.5em 0 .8em;
position:relative;
}

/*(Share Buttons List)*/
.share .share-buttons {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
float:right;
}
.share .share-buttons li {
display:inline-block;
}

/*(Each Buttons)*/
.share .share-buttons .twitter,
.share .share-buttons .google,
.share .share-buttons .facebook,
.share .share-buttons .facebook span {
width:auto;
margin:0;
padding:0;
vertical-align:top !important;
}


@media screen and (max-width:480px) {
.share .share-buttons {
float:none;
}

}









/*
[ADS Banners]
*/

.ads-frame {
width:auto;
height:auto;
margin:0;
clear:both;
}

.ads-frame iframe {
margin: 0 auto;
display: block;
}

/*[Global Navi]*/
.ads-frame.for-gnavi {
padding:1.2em 0 0;
text-align:center;
}

/*[Index Under Main Panel]*/
.ads-frame.for-mp-under {
padding:0 0 1.2em;
text-align:center;
}

/*[Index / Under]*/
.ads-frame.pt-1 {
padding:0 0 1.2em;
text-align:center;
}

/*[Pages / Main Top]*/
.main > .ads-frame {
padding:0 0 .8em;
text-align:center;
}

/*[Pages / Main Under]*/
.ads-frame.pt-3 {
padding:1.2em 0 0;
text-align:center;
}



@media screen and (max-width:900px) {
/*[Global Navi]*/
.ads-frame.for-gnavi {
	display:none;
}

}



@media screen and (max-width:640px) {
/*[Footer]*/
.content-container >.ads-frame {
padding:.7em 0;
border-bottom:2px solid #333;
}

/*[Pages / Main Top]*/
.main > .ads-frame {
padding:.5em 0;
border-bottom:none;
}


}


@media screen and (max-width:360px) {
/*[Main Top]*/
.main > .ads-frame {
padding:.5em 0;
}


}









/*
[Tooltips]
*/

#tooltip {
text-align: left;
color: #fff;
background: #4d4d4d;
position: absolute;
z-index: 9991;
padding: .8em;
font-size:.85em;
border-radius:7px;
}

#tooltip:after /* triangle decoration */ {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #4d4d4d;
content: '';
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -10px;
}

#tooltip.top:after {
border-top-color: transparent;
border-bottom: 10px solid #4d4d4d;
top: -20px;
bottom: auto;
}

#tooltip.left:after {
left: 10px;
margin: 0;
}

#tooltip.right:after {
right: 10px;
left: auto;
margin: 0;
}


/* header-banner 2019.10.16 */
.h-ban a {
position: absolute;
top: 5px;
right: 0;
left: 0;
margin: auto;
max-width: 700px;
width: 100%;
z-index: 556;
}
.h-ban a img {
width: 100%;
}
@media screen and (max-width: 1590px) {
.h-ban a {
max-width: 500px;
top: 20px;
}
}
@media screen and (max-width: 1350px) {
.h-ban a {
max-width: 32%;
left: 35%;
right: auto;
}
}
@media screen and (max-width: 1300px) {
.h-ban a {
max-width: 30%;
left: 35%;
top: 30px;
}
}
@media screen and (max-width: 1210px) {
.h-ban a {
max-width: 25%;
left: 38%;
top: 30px;
}
}
@media screen and (max-width: 1100px) {
.h-ban {
display: none;
}
}