@charset "utf-8";

* { margin: 0; padding: 0; }

p {
	margin: 10px 0 0 0;
}

img {
	border: 0px none;
}

.f95 {
	font-size: 95%;
}

/* しまほっけ */
#title-hokke h3 {
	display: block;
	width: 616px;
	height: 170px;
	margin-bottom: 25px;
	background: url(video/img/hokke/shimahokke-616-170.jpg) no-repeat;
	text-indent: -9999em;
}

/* つぶ刺し */
#title-tsubu h3 {
	display: block;
	width: 616px;
	height: 170px;
	margin-bottom: 25px;
	background: url(video/img/tsubu/tsubu-616-170.jpg) no-repeat;
	text-indent: -9999em;
}

/*** 2017-07-22 ***/

#video_page {
	font-family: Helvetica,HiraKakuProN-W3,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 0.85rem;
}

.title_box{
	display: -webkit-flex; /* Safari */
 display: flex;
	-webkit-align-items: flex-end; /* Safari */
 align-items:flex-end;
}

.title_text{
font-size: 1.4rem;
font-weight:bold;
margin: 3px;
}

.subtitle_text{
font-size: 1.0rem;
font-weight:bold;
line-height:100%;
margin: 3px;
}

.desc_text{
font-size: 0.9rem;
}

/* 動画ページ */

#title-video h3 {
	display: block;
	width: 616px;
	height: 120px;
	margin-bottom: 25px;
	background: url(video/img/page-header-616-120.jpg) no-repeat;
	text-indent: -9999em;
}

/* 毛がに */

#title-kegani h3 {
	display: block;
	width: 616px;
	height: 120px;
	margin-bottom: 25px;
	background: url(video/img/kegani-2-616-120.jpg) no-repeat;
	text-indent: -9999em;
}

/* ズワイガニ */
#title-zuwai h3 {
	display: block;
	width: 616px;
	height: 120px;
	margin-bottom: 25px;
	background: url(video/img/zuwai-1-616-120.jpg) no-repeat;
	text-indent: -9999em;
}

/* タラバガニ */
#title-taraba h3 {
	display: block;
	width: 616px;
	height: 120px;
	margin-bottom: 25px;
	background: url(video/img/taraba-2-616-120.jpg) no-repeat;
	text-indent: -9999em;
}

/* 活帆立貝 */
#title-hotate h3 {
	display: block;
	width: 616px;
	height: 120px;
	margin-bottom: 25px;
	background: url(video/img/hotate-1-616-120.jpg) no-repeat;
	text-indent: -9999em;
}

/* 蝦夷あわび */
#title-awabi h3 {
	display: block;
	width: 616px;
	height: 120px;
	margin-bottom: 25px;
	background: url(video/img/awabi-1-616-120.jpg) no-repeat;
	text-indent: -9999em;
}

/* 生筋子 */
#title-sujiko h3 {
	display: block;
	width: 616px;
	height: 120px;
	margin-bottom: 25px;
	background: url(video/img/ikura-1-616-120.jpg) no-repeat;
	text-indent: -9999em;
}

/* ほっき貝 */
#title-hokki h3 {
	display: block;
	width: 616px;
	height: 120px;
	margin-bottom: 25px;
	background: url(video/img/hokki-1-616-120.jpg) no-repeat;
	text-indent: -9999em;
}

/* 真つぶ貝 */
#title-tubu h3 {
	display: block;
	width: 616px;
	height: 120px;
	margin-bottom: 25px;
	background: url(video/img/tubu-1-616-120.jpg) no-repeat;
	text-indent: -9999em;
}

.video-wrap {
	display: flex;
	flex-wrap: wrap;
/*	justify-content: space-between;*/
	font-family: Helvetica,HiraKakuProN-W3,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 0.85rem;
	margin: 5px;
}

.video-box {
	margin-bottom: 0.5rem;
	font-size: 0.8rem;
	width: 30%;
/*	background-color: #f0f0f0;*/
}

.video-box:nth-child(3n+2){
  margin-left: 1.56rem;
  margin-right: 1.56rem;
}

.video-box img {
	display: block;
	margin-bottom: 1rem;
	width: 100%;
	height: auto;
}

.video-box h4 {
	margin-bottom: 0.5rem;
	font-size: 1.0rem;
}

.video-box-sub{
font-size: 0.7rem;
font-weight:bold;
line-height:100%;
}

.video-wrap a:link { color:#000000;}
.video-wrap a:visited { color:#000000;}
.video-wrap a:hover { color:#000000;}
.video-wrap a:active { color:#000000;}