@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,'MS Pゴシック',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,'MS Pゴシック',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;}