@charset "UTF-8";
/* CSS Document */


.side_bt ul{ 
width:200px;
margin: 0; 
padding: 0; 
list-style: none; 
font-size:13px;font-weight:bold;
}

.side_bt li{ 
display: inline; font-weight:bold;
color: #333;
padding: 0; 
margin: 0; 
}
.side_bt li a{
display: block; 
border-bottom:solid 1px #ccc;
background-color:#fff9b1;
padding: 3px 10px;
font-size:13px;font-weight:bold;
padding: 5px 0px 5px 8px;
margin: 0px 0px;
color: #333;
text-align: left;
text-decoration: none;
}

.side_bt li a:hover{
border-bottom:solid 1px #ccc;
background-color: #ffe9a9;
border-bottom:solid 1px #ccc;
}

li.selected{ 
display: inline; 
display: block; 
border-top:solid 1px #333;
border-bottom:solid 1px #ccc;
background-color:#f8c499;
padding: 3px 10px;
font-size:13px;font-weight:bold;
padding: 5px 0px 5px 8px;
margin: 0px 0px;
color: #333;
text-align: left;
text-decoration: none;
}



.title_h4{
font-size:18px;font-weight:bold;
margin-top:40px;	
}

.movie-wrap{
    position: relative;margin-top:5px;
    width:100%;
    padding-top: 56.25%;
    height: 0;
    overflow: hidden;
}
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border:0;
}








/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 767px){






.side_bt ul{ 
width:100%;
margin: 0; 
padding: 0; 
list-style: none; 
font-size:13px;font-weight:bold;
}

.side_bt li{ 
display: inline; font-weight:bold;
color: #333;
padding: 0; 
margin: 0; 
}
.side_bt li a{
display: block; 
border-bottom:solid 1px #ccc;
background-color:#fff9b1;
padding: 3px 10px;
font-size:13px;font-weight:bold;
padding: 5px 0px 5px 8px;
margin: 0px 0px;
color: #333;
text-align: left;
text-decoration: none;
}

.side_bt li a:hover{
border-bottom:solid 1px #ccc;
background-color: #ffe9a9;
border-bottom:solid 1px #ccc;
}

li.selected{ 
display: inline; 
display: block; 
border-top:solid 1px #333;
border-bottom:solid 1px #ccc;
background-color:#f8c499;
padding: 3px 10px;
font-size:13px;font-weight:bold;
padding: 5px 0px 5px 8px;
margin: 0px 0px;
color: #333;
text-align: left;
text-decoration: none;
}



.movie-wrap{
    position: relative;
    width:100%;
    padding-top: 56.25%;
    height: 0;
    overflow: hidden;
}
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}