@charset "UTF-8";

/* ad */
/* page:youtube_newsbox */
.page-id-11051 .ad-above-title,
.page-id-11051 .ad-above-title .adsbygoogle,

.page-id-11051 .ad-content-top,
.page-id-11051 .ad-content-top .adsbygoogle,

.page-id-11051 .ad-content-bottom,
.page-id-11051 .ad-content-bottom .adsbygoogle,
/* page:youtube_jekebox */
.page-id-11050 .ad-above-title,
.page-id-11050 .ad-above-title .adsbygoogle,

.page-id-11050 .ad-content-top,
.page-id-11050 .ad-content-top .adsbygoogle,

.page-id-11050 .ad-content-bottom,
.page-id-11050 .ad-content-bottom .adsbygoogle{
	display: none !important;
}

.page-id-11051 .entry-content .ad-area.ad-shortcode,
.page-id-11050 .entry-content .ad-area.ad-shortcode{
	margin: 1.4em 0 1.8em;
}

/* news_box */
.ytlist_common{
	display: none;
}
.wrap_youtube_area.news_box select option,
.wrap_youtube_area.news_box select{
    cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*
youtube_jukebox
*/

.loading{
	text-align: center;
	margin: 0 auto;
}
/*----youtube box-----------------------------*/
.wrap_youtube_area{
	width: 100%;
}
.youtube_area_left{
	width: 67%;
	float: left;
}
.youtube_area_right{
	width: 30%;
	float: right;
}
/*
#youtube_player{
    width: 680px;
    height: 420px;	
}
*/
.wrap_youtube_area form{
	margin-bottom: 15px;
}
#youtube_search select{
	width: 100%;
}
.wrap_youtube_area select{
	overflow: hidden;
	margin: 0;
}

.wrap_youtube_area .youtube_controller{
	text-align: center;
	margin: 15px 0 10px;
}
#youtube_description b{
	margin: 0.8em 0;
	display: inline-block;
}
/*
.wrap_youtube_area .youtube_controller input{
	margin-bottom: 5px;
}

#youtube_search input[type="text"]#youtube_q{
	width: 80%;
}
.wrap_youtube_area input[type="submit"]{
	margin: 0;
	padding: 6px 5px;
}
.wrap_youtube_area input[type="submit"].hidden_submit{
	display: none;
}
*/
.wrap_youtube_area #youtube_list_box {
  overflow-x:hidden; 
  width: 100%;
  height: auto;
}

.wrap_youtube_area.news_box #youtube_list_box {
  overflow: auto;   /* スクロール表示 */
  width: 100%;
   height: 600px;  
}


.wrap_youtube_area ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.wrap_youtube_area li.movie{
	width: 100%;
    padding: 0;
    margin: 0 0 10px;
    cursor: pointer;
}
.wrap_youtube_area li.movie:hover{
	background-color: #f5f8fa;
	opacity: 0.8;
}
.wrap_youtube_area li.movie img{
  width: 30%;
  margin-right: 5px;
	height: auto;
	min-width: 120px;
	min-height: 70px;
	float: left;
}
.wrap_youtube_area li.movie p{
	margin: 0;
	font-size: 13px;
	line-height: 140%;
}

.wrap_youtube_area li.movie p{
	color: #0033cc;
}
.wrap_youtube_area li.movie p:over{
	color: #b22222;
}
.wrap_youtube_area li.movie.playing p{
	color: #333;
}

.wrap_youtube_area li.movie.on {
	background-color: #afa;
}
.wrap_youtube_area li.movie.playing {
	background-color: #fff8f8;
}
/* youtube */
.iframe-wrapper iframe{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}	
/* iframe-wrapper  */
.iframe-wrapper {
  padding-bottom: 56.25%;
  height: 0;
  position: relative;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
	.youtube_area_left,
	.youtube_area_right{
		width: 100%;
		float: none;
	}

	.wrap_youtube_area.news_box #youtube_list_box {
	  overflow-x:hidden; 
	  height: auto;
	}


}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/*---------------------------------*/