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

.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 10px;
}


/*タブのスタイル*/
.tab-label {
  color: #fff;
  background: #666;
  height: 50px;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  font-size: 16px;
  padding-top: 15px;
}

/*スライダー*/

.cp_cssslider {
	width: 100%;
	padding-top: 55%; /* 画像の高さ */
	position: relative;

	text-align: center;
}

/* サムネイル */
.cp_cssslider label {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	border: 2px solid #ffffff;
	display: inline-block;
	cursor: pointer;
	transition: all 0.5s ease;
	opacity: 0.6;
}

.cp_cssslider label img {
	display: block;
	width: 35px;
}

/*スライダー2*/

.cp_cssslider2 {
	width: 100%;
	padding-top: 55%; /* 画像の高さ */
	position: relative;

	text-align: center;
}

/* サムネイル2*/
.cp_cssslider2 label {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	border: 2px solid #ffffff;
	display: inline-block;
	cursor: pointer;
	transition: all 0.5s ease;
	opacity: 0.6;
}

.cp_cssslider2 label img {
	display: block;
	width: 35px;
}

/*スライダー3*/

.cp_cssslider3 {
	width: 100%;
	padding-top: 55%; /* 画像の高さ */
	position: relative;

	text-align: center;
}

/* サムネイル2*/
.cp_cssslider3 label {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	border: 2px solid #ffffff;
	display: inline-block;
	cursor: pointer;
	transition: all 0.5s ease;
	opacity: 0.6;
}

.cp_cssslider3 label img {
	display: block;
	width: 35px;
}



/*動画*/

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	margin-bottom:20px;
	max-width: 100%; 
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	padding-bottom: 10px; 
	width: 100%; 
	height: 100%; 
}