body{
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
margin: 0;
padding:0;
background: url('img/bg.jpg') 0 0 no-repeat;
background-size: cover;
}


/* 非表示項目 */
/* pc */
@media screen and (min-width:961px) {
.sp_on {display : none;}
}
 
/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 960px) {
.pc_on {display : none;}
}
 
/* smartPhone */
@media screen and (max-width: 640px) {
.pc_on {display : none;}
}


/* パンクズ */

#topicpath{
margin : 0 0 10px 0;
padding : 5px 0;
background-color : #58a5ed;
}

@media screen and (min-width: 641px) { /* for PC  */
.topicpath-in{
margin : 0 auto;
padding : 0;
width :960px;
overflow:hidden;
}
#topicpath p{
width :500px;
padding-top : 2px;
font-size : 12px;
line-height : 14px;
text-align: left;
color:#ffffff;
float: left;
}
#topicpath a{
color:#ffffff;
}
} /* end for PC */

@media screen and (max-width: 960px) { /* for SP,Tablet */
#topicpath p{
display : none;
}
} /* end for SP,Tablet */



/* シェアボタン */
#share{
margin: 0 auto;
padding :0 0 5px 0;
overflow:hidden;
width: 160px;
height: 20px;
float: right;
}

#share ul{
list-style: none;
margin: 0 auto;
padding: 0;
overflow: hidden;
}

#share ul:after {
overflow: hidden;
}

#share li{
float: left;
margin: 0 0 0 5px;
padding: 0;
display: inline-block;
height: 20px;
overflow: hidden;
}

.fb-like {
display: inline-block;
height: 20px;
overflow: hidden;
}
.fb_iframe_widget span {
vertical-align: top !important;
}
.fb-share-button{
margin: 0;
padding: 0;
text-align: left;
}




/* タイトル */
#title{
margin : 0 auto;
padding : 10px 0;
font-weight:bold;
max-width :950px;
text-align: center;
} 
@media screen and (max-width: 960px) { /* for SP,Tablet 768px */
#title img{
width :100%;
margin-bottom : 10px;
}
} /* end for SP,Tablet */



/* 内容 */

#rekishikan{
margin : 10px 0;
padding : 10px 0;
overflow:hidden;
width :100%;
background: rgba(255,255,255,0.7);
border-top: dashed 2px #006cb8;
border-bottom: dashed px #006cb8;
}
#rekishikan-r{
margin-top : 20px;
}
#rekishikan-r .fb_iframe_widget,
#rekishikan-r .fb_iframe_widget span,
#rekishikan-r .fb_iframe_widget iframe[style]{
    width: 100% !important;
}

#rekishikan img{
margin : 1% 1% 0 1%;
width :48%;
-webkit-border-radius: 4px;
border-radius: 4px;
}

#rekishikan p{
font-size : 16px;
line-height : 140%;
padding : 0 10px 10px 10px;
}
#rekishikan span{
font-size : 12px;
}

#rekishikan a{
color:#58a5ed;
text-decoration: none;
margin : 0 3px;
padding : 0;
font-weight:bold;
}
#rekishikan a:hover{
background-color : #58a5ed;
color : #fff;
-webkit-border-radius: 4px;
border-radius: 4px;
}



@media screen and (min-width: 769px) { /* for SP,Tablet 768px */
#rekishikan{
margin : 10px auto 0 auto;
padding : 30px 10px;
overflow:hidden;
background: rgba(255,255,255,0.7);
max-width :950px;
border: dashed 2px #006cb8;
-webkit-border-radius: 8px;
border-radius: 8px;
}

#rekishikan-l{
width :70%;
float: left;
}
#rekishikan-r{
margin-right :2%;
width :28%;
float: right;
}
}


/* ラジコボタン */

#rekishikan .radiko{
margin : 0;
padding : 30px 0 20px 0;
overflow:hidden;
text-align: center;
}

#rekishikan .radiko a{
margin : 0;
background:#e73c64;
text-decoration: none;
color:#fff;
padding :5px 50px;
-webkit-border-radius: 6px;
border-radius: 6px;
font-size : 18px;
line-height : 135%;
}
#rekishikan .radiko a:hover {
background: #ff87a3;
-webkit-border-radius: 6px;
border-radius: 6px;
}

/* これまでのブログ */
.kakoblog{
margin : 0;
padding : 15px 0 20px 0;
overflow:hidden;
clear: both;
text-align: center;
}

.kakoblog a{
margin : 0;
background:#58a5ed;
text-decoration: none;
color:#fff;
padding :5px 15px;
-webkit-border-radius: 6px;
border-radius: 6px;
font-size : 14px;
line-height : 135%;
}
.kakoblog a:hover {
background: #7cb9f2;
-webkit-border-radius: 6px;
border-radius: 6px;
}


@media screen and (min-width:641px) {
  .fb-page {
    width:280px !important;
  }
}

@media screen and (max-width:640px) {
  .fb-page {
    margin : 0 3%;
    width:90% !important;
  }
}

/* コピーライト */
#cr{
padding : 10px 0;
font-size : 10px;
line-height : 12px;
clear: both;
width :100%;
text-align: center;
}