body{
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

#container{
width:100%;
text-align: center;
}

html {overflow: auto;}

ul:after {
 content: '';
 display: block;
 clear: both;
}


/* 非表示項目 */
/* pc */
@media print, screen and (min-width:769px) {
.sp_on {display : none;}
}
 
/* tablet  */

@media only screen and (min-width: 641px) and (max-width: 768px) {
.pc_on {display : none;}
}
 
/* smartPhone */
@media screen and (max-width: 640px) {
.pc_on {display : none;}
}


TABLE{
  font-size : 14px;
  line-height : 18px;
}
.cr{
  font-size : 10px;
  line-height : 12px;
}
#movie TABLE{
  border-top: solid 1px #757575;
  border-left: solid 1px #757575;
}
#movie TD{
  text-align : center;
  border-right: solid 1px #757575;
  border-bottom: solid 1px #757575;
}

/* パンくずリスト */

#topicpath{
margin : 0;
padding : 0;
}
#topicpath p{
margin : 10px auto;
padding : 0 10px;
max-width : 780px;
font-size : .8rem;
line-height : 1.2rem;
text-align: left;
}

/* ヘッダー */

#hiroba-top{
margin : 10px auto;
padding : 0;
overflow:hidden;
text-align: center;
}

#hiroba-top .title{
padding : 0;
text-align: center;
}
#hiroba-top .msg{
padding : 0;
font-size: 1rem;
line-height: 1.4rem;
text-align: left;
}
#hiroba-top .link-b a{
margin : 0 4%;
padding: 3px 3px;
border: 2px solid #fe789c;
color:#fe789c;
text-decoration: none;
border-radius: 6px;
font-weight:bold;
display:block;
text-align: center;
}

#archive-top{
margin : 10px auto;
padding : 0;
overflow:hidden;
text-align: center;
}
#archive-top .kako{
text-align: center;
}



@media print, screen and (min-width:769px) {
#hiroba-top{width :780px;}
#hiroba-top .title{width :350px;float: left;}
#hiroba-top .msg{width :400px;float: right;}
}
@media screen and (max-width: 768px) {
#hiroba-top .title img{width: 94%;}
#hiroba-top .msg{margin :0 3%;width: 94%;}
}

.youbou{
margin : 0;
padding : 5px 0 0 0;
font-size: 15px;
line-height: 130%;
text-align: left;
}

.kako{
margin : 0;
padding : 5px 0 0 0;
font-size: 15px;
line-height: 130%;
text-align: right;
}

/* 動画枠 */
#housou{
padding : 0 0 15px 0;
font-size: 14px;
line-height: 135%;
clear: both;
text-align: center;
}

@media print, screen and (min-width:769px) {
#housou{margin : 15px auto 0 auto;width :780px;border: solid 1px #757575;}
}
@media screen and (max-width: 768px) {
#housou{margin : width :100%;}
}

#housou h4{
margin : 0 auto 15px auto;
padding : 5px 0;
text-align: center;
color:#fff;
font-size: 1rem;
line-height: 135%;
background:#5295fa;
}

@media screen and (max-width: 768px) {
.yt{
margin-bottom : 10px;
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.yt iframe {
position: absolute;
top: 3%;
left: 3%;
width: 94%;
height: 94%;
}
}


/* アーカイブ旧デザイン */
#housou-ar{
padding : 0 0 15px 0;
font-size: 14px;
line-height: 135%;
clear: both;
text-align: center;
overflow: hidden;
}
#housou-ar h4{
margin : 0 auto;
padding : 5px 0;
text-align: center;
color:#fff;
font-size: .95rem;
line-height: 135%;
background:#5295fa;
font-weight:normal;
}

#housou-ar h5{
font-size: .9rem;
margin : 8px 0 0 0; 
padding : 5px 0;
color:#56d8f3;
border: solid 1px #56d8f3;
}
#housou-ar box{
  border: none;
  &:after {
    content: "";
    display: block;
    clear: both;
  }
}

#housou-ar img{margin-top :8px;}
#housou-ar p{margin:0;}

#housou-ar box a{
margin : 3%;
padding: 3px 3px;
color:#fff;
background:#28c0c2;
text-decoration: none;
border-radius: 6px;
font-weight:bold;
display:block;
text-align: center;
}

@media print, screen and (min-width:769px) {
#housou-ar{margin : 15px auto 0 auto;width :780px;border: solid 1px #757575;}
#housou-ar box{margin : 0;width :32.3%;float: left;padding : 0 .5%;}
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
#housou-ar img{width :98%;}
#housou-ar box{margin : 0;width :32.3%;float: left;padding : 0 .5%;}
}

/* フッター */


#cr{
margin : 10px auto;
padding : 0;
font-size : .7rem;
line-height : 1rem;
text-align: center;
}