@charset "UTF-8";



/*----------------------------------------------*/
/*----------------------------------------------*/
/*ROCK KIDS 802 [COMMON]*/
/*----------------------------------------------*/
/*Created: 2014.09.01*/
/*Last Update:	2014.09.01*/
/*----------------------------------------------*/




/*
INDEX
*/

/*COMMON*/

/*HEADER*/

/*NAVIGATION*/

/*CONTENT*/
/*[SCHEDULE]*/
/*[TWITTER]*/

/*FOOTER*/










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

body {
margin:0;
padding:0;
}

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

h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img,
p img {
vertical-align:bottom;
}

@font-face {
font-family: "Flaticon";
src: url("../webfont/flaticon.eot");
src: url("../webfont/flaticon.eot#iefix") format("embedded-opentype"),
url("../webfont/flaticon.woff") format("woff"),
url("../webfont/flaticon.ttf") format("truetype"),
url("../webfont/flaticon.svg") format("svg");
font-weight: normal;
font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
font-family: Flaticon;
font-style: normal;
}
.flaticon-facebook12:before {
content: "\e000";
}
.flaticon-facebook29:before {
content: "\e001";
}
.flaticon-facebook7:before {
content: "\e002";
}
.flaticon-google10:before {
content: "\e003";
}
.flaticon-google110:before {
content: "\e004";
}
.flaticon-google111:before {
content: "\e005";
}
.flaticon-social18:before {
content: "\e006";
}
.flaticon-social19:before {
content: "\e007";
}
.flaticon-social38:before {
content: "\e008";
}
.flaticon-social5:before {
content: "\e009";
}
.flaticon-social71:before {
content: "\e00a";
}
.flaticon-twitter20:before {
content: "\e00b";
}
.flaticon-twitter36:before {
content: "\e00c";
}
.flaticon-twitter6:before {
content: "\e00d";
}
.flaticon-youtube17:before {
content: "\e00e";
}
.flaticon-youtube30:before {
content: "\e00f";
}
.flaticon-youtube7:before {
content: "\e010";
}










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

body.index header#top,
body.pages header#top {
width:100%;
height:auto;
margin:0;
padding:0;
position:relative;
background:#FF2BAB url(../images/bg_pat2.png) repeat 0 0;
}

/*TITLE*/
header h1 {
text-align:center;
margin:0 auto;
padding:0;
}
/*for Index*/
body.index header#top hgroup,
body.pages header#top hgroup {
width:100%;
height:auto;
margin:0;
padding:0;
background:url(../images/bg_header.png) repeat-x top center;
border-bottom:5px solid #111;
}
body.index header#top h1,
body.pages header#top h1 {
width:960px;
height:auto;
margin:0 auto;
padding:0;
}

.on-cursol {
	cursor:default;
}

@media screen and (max-width:961px) {
body.index header#top hgroup,
body.pages header#top hgroup {
background:url(../images/bg_header.png) repeat-x top center;
background-size:cover;
}
body.index header#top h1,
body.pages header#top h1 {
width:auto;
padding:0 12px;
}
}









/*----------------------------------------------*/
/*NAVIGATION*/
/*----------------------------------------------*/

/*GLOBAL NAVI*/
nav#global-nav {
width:100%;
height:auto;
padding:0;
border-top:5px solid #111;
background:#222 repeat 0 0;
}

/*NAVI TITLE*/
nav#global-nav #toggle,
nav#global-nav .b-sp {
display:none;
}

/*NAVI LIST*/
nav#global-nav #gNavi {
width:960px;
height:auto;
margin:0 auto;
padding:0;
}
nav#global-nav #gNavi li {
display:block;
width:18.75%;
margin:0;
padding:10px 0;
float:left;
}
nav#global-nav #gNavi li.gn-tw {
width:6.25%;
}
nav#global-nav #gNavi li img {
margin:0;
padding:0;
vertical-align:bottom;
}


@media screen and (max-width:961px) {
nav#global-nav #gNavi {
width:100%;
}
nav#global-nav #gNavi li {
width:16.75%;
padding:10px 1%;
}
nav#global-nav #gNavi li.gn-tw {
width:5.6%;
padding:10px 0;
}

}


@media screen and (max-width:601px) {
nav#global-nav #gNavi {
display:none;
}

nav#global-nav #gNavi li,
nav#global-nav #gNavi li.gn-tw {
width:100%;
float:none;
}
nav#global-nav #gNavi li .b-pc {
display:none;
}
nav#global-nav #gNavi li .b-sp {
display:block;
}
nav#global-nav #gNavi li .b-sp {
margin:-12px 0;
}
nav#global-nav #gNavi li .b-sp a {
color:#111;
text-align:left;
margin:0;
padding:12px 0 12px 50px ;
background:none !important;
font-size:1.0em;
font-weight:bold;
text-decoration:none;
display:block;
}
/*トップページ*/
nav#global-nav #gNavi li.gn-top {
background:#FF2BAB url(../images/icon_top.png) no-repeat 12px center;
background-size:26px auto;
-webkit-background-size:26px auto;
-moz-background-size:26px auto;
}
/*コミュニティ*/
nav#global-nav #gNavi li.gn-com {
background:#FF8C00 url(../images/icon_com.png) no-repeat 12px center;
background-size:26px auto;
-webkit-background-size:26px auto;
-moz-background-size:26px auto;
}
/*リクエスト＆プレゼント*/
nav#global-nav #gNavi li.gn-req {background:#00D300 url(../images/icon_req.png) no-repeat 12px center;
background-size:26px auto;
-webkit-background-size:26px auto;
-moz-background-size:26px auto;
}
/*ダイアリー*/
nav#global-nav #gNavi li.gn-diary {background:#FF3CFF url(../images/icon_diary.png) no-repeat 12px center;
background-size:26px auto;
-webkit-background-size:26px auto;
-moz-background-size:26px auto;
}
/*ラジコで聴く*/
nav#global-nav #gNavi li.gn-radiko {background:#00B0E2 url(../images/icon_radiko.png) no-repeat 12px center;
background-size:26px auto;
-webkit-background-size:26px auto;
-moz-background-size:26px auto;
}
/*Twitter*/
nav#global-nav #gNavi li.gn-tw {background:#32CBFF url(../images/icon_tw.png) no-repeat 12px center;
background-size:26px auto;
-webkit-background-size:26px auto;
-moz-background-size:26px auto;
}

nav#global-nav #toggle {
display:block;
position:relative;
width:100%;
background:#222 repeat 0 0;
font-size:0.9em;
}
nav#global-nav #toggle a {
display:block;
position:relative;
padding:15px 0 15px 42px;
border-bottom:1px solid #111;
color:#FFF;
text-align:left;
text-decoration:none;
background:url(../images/icon_menu.png) no-repeat 12px 15px;
background-size:auto 20px;
}

}











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

/*CONTENT FRAME*/
#content {
width:960px;
height:auto;
margin:0 auto;
padding:45px 0 50px;
}





/*MAIN FRAME*/
#main {
margin:0;
padding:0;
width:66%;
float:left;
}

.frame {
width:auto;
height:auto;
margin:0 0 20px;
padding:0;
border:3px solid #111;
}

.ct-ttl {
width:auto;
height:auto;
margin:0;
padding:0;
border-bottom:3px solid #111;
}
.ct-ttl p {
display:none;
}





/*SIDE FRAME*/
#side {
margin:0;
padding:0;
width:31.25%;
float:right;
}




@media screen and (max-width:961px) {
#content {
width:auto;
margin:0;
padding:30px 12px 35px;
}

}

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

#side {
width:auto;
float:none;
}

}


/*[TIMETABLE]*/
#timetable {
width:auto;
height:auto;
padding:0;
background:#eeeee ;
}

#timetable .ct-ttl {
background:url(../images/bg_pat2.png) repeat center;}

/*Inner Frame*/
#timetable .inner-frame.ttable {
width:auto;
height:auto;
margin:0;
padding:15px 12px;
font-size:small;
}



/*[SCHEDULE]*/
#schedule {
width:auto;
height:auto;
padding:0;
background:#00FFFF ;
}

#schedule .ct-ttl {
background:url(../images/bg_pat6.png) repeat center;}

/*Inner Frame*/
#schedule .inner-frame.sche {
width:auto;
height:auto;
margin:0;
padding:15px 12px;
}

/*Schedule List*/
#schedule .sche-list {
width:auto;
height:450px;
margin:0;
padding:0;
overflow:auto;
}
#schedule .sche-list li {
width:auto;
height:auto;
margin:0 0 8px;
padding:0;
}
#schedule .sche-list li:last-child {
margin:0;
}
/*Schedule Box*/
#schedule .sche-list .sche-box {
width:auto;
height:auto;
margin:0;
padding:7px 7px 7px 0;
position:relative;
background:#FFF;
border:1px solid #00E1E1;
}
/*[Date]*/
.sche-box .sche-date {
width:auto;
height:auto;
margin:-10px 0 0 -3px;
padding:6px 7px 1px;
color:#00FFFF;
font-size:0.9em;
line-height:1.6em;
background:#111;
float:left;
text-align:center;
border-right:3px solid #00FFFF;
border-bottom:3px solid #00FFFF;
}
.sche-box .sche-date span {
font-size:0.85em;
display:block;
color:#FFF;
border-top:1px dotted #FFF;
}
/*[Text]*/
.sche-box .sche-txt {
font-size:0.9em;
line-height:1.5em;
margin:0 0 0 4.8em;
padding:0;
}




/*[TWITTER]*/
#twitter {
width:auto;
height:auto;
padding:0;
background:#32CBFF;
}

/*Title Header*/
#twitter .ct-ttl {
background:url(../images/bg_pat7.png) repeat center;
}

/*Hash Tag*/
#twitter .tw-hash {
height:auto;
margin:0;
}
#twitter .tw-hash.pc {
text-align:center;
padding:12px 0;
}
#twitter .tw-hash.smp {
display:none;
}

/*Inner Frame*/
#twitter .inner-frame.tw {
width:auto;
height:auto;
margin:0 12px 15px;
padding:0;
}


@media screen and (max-width:640px) {
#schedule .sche-list {
height:auto;
overflow:visible;
}

}

@media screen and (max-width:600px) {
.pages #schedule,
.pages #twitter {
	display:none;
}

#twitter .tw-hash.pc {
display:none;
}
#twitter .tw-hash.smp {
display:block;
padding:12px;
font-size:0.9em;
font-weight:bold;
}
#twitter .tw-hash.smp a {
	color:#111;
	text-decoration:underline;
}
#twitter .tw-hash.smp .br1 {
display:block;
}
.c-ylw {
font-size:1.0em;
color:#FFFF00;
}

}

@media screen and (max-width:320px) {
#twitter .tw-hash.smp .br1 {
display:inline;
}
}




/*[BLOG ENTRY]*/
#blog {
width:auto;
height:auto;
padding:0;
background:#ff3cff ;
}

#blog .ct-ttl {
background:url(../images/bg_pat6.png) repeat center;}

/*Inner Frame*/
#blog .inner-frame.ent {
width:auto;
height:auto;
margin:0;
padding:15px 12px;
}

/*blog entry List*/
#blog .ent-list {
width:auto;
height:450px;
margin:0;
padding:0;
overflow:auto;
}
#blog .ent-list li {
width:auto;
height:auto;
margin:0 0 8px;
padding:0;
}
#blog .ent-list li:last-child {
margin:0;
}
/*blog Box*/
#blog .ent-list .ent-box {
width:auto;
height:auto;
margin:0;
padding:7px 7px 7px 0;
position:relative;
background:#FFF;
border:1px solid #00E1E1;
}
/*[Date]*/
.ent-box .ent-date {
width:auto;
height:auto;
margin:-10px 0 0 -3px;
padding:6px 7px 1px;
color:#ff3cff;
font-size:0.9em;
line-height:1.6em;
background:#111;
float:left;
text-align:center;
border-right:3px solid #ff3cff;
border-bottom:3px solid #ff3cff;
}
.ent-box .ent-date span {
font-size:0.85em;
display:block;
color:#FFF;
border-top:1px dotted #FFF;
}
/*[Text]*/
.ent-box .ent-txt {
font-size:0.9em;
line-height:1.5em;
margin:0 0 0 4.8em;
padding:0;
}






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

footer {
width:auto;
height:auto;
margin:0 auto;
padding:30px 0;
border-top:5px solid #111;
background:#333 url(../images/bg_pat3.png) repeat 0 0;
text-align:left;
}

footer .inner-frame {
width:960px;
height:auto;
margin:0 auto;
padding:0;
}

/*Media Tools*/
footer .inner-frame .media-links {
width:auto;
float:left;
margin:0;
padding:0;
}
.media-links li {
display:inline;
margin-right:10px;
}
.media-links li a {
color:#FFF;
text-decoration:none;
}
/*Twitter*/
.media-links li.ml-tw a i {color:#32CBFF; margin-right:5px;}
/*YouTube*/
.media-links li.ml-yt a i {color:#FF0000; margin-right:5px;}

/*Copyright*/
footer .inner-frame .copyright {
font-size:0.9em;
color:#FFF;
margin:0;
padding:0;
float:right;
}
footer .inner-frame .copyright a {
	color:#FFF;
	text-decoration:underline;
}

@media screen and (max-width:961px) {
footer .inner-frame {
width:auto;
margin:0;
padding:0 12px;
}

}


@media screen and (max-width:601px) {
footer {
padding:20px 0;
}

footer .inner-frame .media-links {
float:none;
margin-bottom:25px;
}
.media-links li {
display:inherit;
margin-right:0;
margin-bottom:8px;
width:auto;
text-align:center;
}
.media-links li a {
	width:auto;
color:#FFF;
display:block;
padding:.7em;
font-size:1.0em;
text-decoration:none;
border-radius:1.6em;
}
.media-links li a i {
	color:#FFF !important;
}
/*Twitter*/
.media-links li.ml-tw a {background:#32CBFF;}
/*YouTube*/
.media-links li.ml-yt a {background:#FF0000;}

footer .inner-frame .copyright {
float:none;
font-size:0.9em;
text-align:center;
}

}

@media screen and (max-width:320px) {
	footer .inner-frame .copyright {
font-size:0.7em;
}
	}


/*Page Top Btn*/
.btn-pagetop {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
position: fixed;
bottom: 100px;
right: 20px;
}
.btn-pagetop li {
margin:0;
padding:0;
}
.btn-pagetop li a {
width:48px;
height:48px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(../images/btn_pagetop.png) no-repeat 0 0;
display:block;
text-decoration: none;
z-index:9999;
}

@media screen and (max-width:601px) {
.btn-pagetop {
bottom: 18px;
right: 10px;
}

.btn-pagetop li a {
width:28px;
height:28px;
background:url(../images/btn_pagetop.png) no-repeat 0 0;
background-size:28px auto;
-webkit-background-size:28px auto;
-moz-background-size:28px auto;
}

}

/* -------------------
20161018_yoshida_add
-------------------- */
.tp-txt,.dy-txt {
-ms-word-break: break-all;
word-break: break-all;
}

.wideslider_base,
.wideslider_wrap,
.wideslider ul {
	height: 300px !important;
}
.wideslider ul li {
	background-color: #000;
}
.wideslider ul li img {
	max-height: 300px;
	overflow: hidden;
}

@media screen and (max-width:600px) {
.wideslider_base,
.wideslider_wrap,
.wideslider ul {
	height: auto !important;
}
.wideslider ul li {
	background-color: #000;
}
.wideslider ul li img {
	height: auto;
	overflow: none;
}
}