@charset 'UTF-8';

/* ================================================================================
	トップページ
================================================================================ */


/* theme: "dark-2" */

.top_news_section .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
	width: 8px;/*スクロールバー背景の太さ*/
	background-color: #ffffff;/*スクロールバー背景色*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.top_news_section .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 8px;/*スクロールバーの太さ*/
	background-color: #840000;/*スクロールバー色*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.top_news_section .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #840000;
}/*ホバー時スクロールバー色*/
.top_news_section .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .top_news_section .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #840000;
}/*ドラッグ時スクロールバー色*/
.top_news_section .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px 0;
}
.top_news_section .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -20px;
}
.top_news_section .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -40px;
}
.top_news_section .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -56px;
}

/* ---------------------------------------- */



/* ================================================================================
	メイン画像
================================================================================ */

/* PC */
@media (min-width: 768px) {
	.page-title {
		padding: 10px 0;
		padding-right: 20px;
		padding-left: 20px;
		height: 120px;
	}
	.page-title-p { /* 旨みたっぷりプリプリはまぐりと伊勢海老出汁の芳醇スープ */
		position: relative;
		z-index: 9999;
		width: 387px;
		height: 610px;
		background-image: url(../img/main_text.png);
		background-position: left top;
		background-repeat: no-repeat;
		text-indent: -9999px;
		margin-top: 128px;
		margin-left: -50px;
	}
	#metaslider_container_6 { /* イメージスライダー */
		margin: 0 auto;
		margin-top: -160px;
	}
}


/* SP */
@media (max-width: 767px) {
	.page-title {
	}
	.page-title-p { /* 旨みたっぷりプリプリはまぐりと伊勢海老出汁の芳醇スープ */
		position: absolute;
		z-index: 10;
		top: 200px;
		left: 0;
		width: 100vw;
		height: 610px;
		background-image: url(../img/main_text.png);
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 40%;
		text-indent: -9999px;
	}
}

/* 挨拶文
----------------------------------------------- */

/* PC */
@media (min-width: 768px) {
	.bg_top_box02 {/* 伊勢海老の背景 */
		background-image: url(../img/bg_top01.png);
		background-position: 450px 400px;
		background-repeat: no-repeat;
	}
	.top_box02 {
		position: relative;
		width: 1150px;
		height: 1000px;
	}
	.top_box02.container h2.bg_top_h2_01 { /* 見出し */
		margin: 0 auto;
		width: 403px;
		height: 26px;
		background-image: url(../img/bg_top_h2_01.png);
		background-position: left top;
		background-repeat: no-repeat;
		text-indent: -9999px;
		margin-bottom: 20px;
	}
	.top_box02.container h2.bg_top_h2_02 { /* 見出し */
		margin: 0 auto;
		width: 793px;
		height: 125px;
		background-image: url(../img/bg_top_h2_02.png);
		background-position: left top;
		background-repeat: no-repeat;
		text-indent: -9999px;
		margin-bottom: 55px;
	}
	.top_box02.container p { /* 本文 */
		float: left;
		font-size: 18px;
		width: 640px;
		margin-right: 37px;
	}
	.top_box02.container .top_img_01 { /* 画像 */
		float: left;
		padding-bottom: 60px;
	}
	.top_box02.container .top_img_01 img { /* 画像 */
		border: 8px solid #ffffff;
	}
	.top_box02.container .top_img_02 { /* 画像 */
		clear: both;
		float: left;
	}
	.top_box02.container .top_img_02 img { /* 画像 */
		border: 8px solid #ffffff;
	}
	.top_box02.container .top_kodawari_banner { /* 房州らーめんこだわり */
		float: left;
		margin-top: 85px;
	}
}


/* SP */
@media (max-width: 767px) {
	.top_box02 {
		margin-bottom: 50px;
	}
	.top_box02.container h2.bg_top_h2_01 { /* 見出し */
		font-size: 22px;
		line-height: 1.5;
	}
	.top_box02.container h2.bg_top_h2_02 { /* 見出し */
		font-size: 22px;
		line-height: 1.5;
	}
	.top_box02.container p { /* 本文 */
		margin-bottom: 30px;
	}
	.top_box02.container .top_img_01 {/* 画像 */
		padding-bottom: 30px;
	}
	.top_box02.container .top_img_01 img {/* 画像 */
		border: 8px solid #ffffff;
	}
	.top_box02.container .top_img_02 {/* 画像 */
		padding-bottom: 30px;
	}
	.top_box02.container .top_img_02 img {/* 画像 */
		border: 8px solid #ffffff;
	}
}

/* テレビ番組紹介一覧
----------------------------------------------- */

/* PC */
@media (min-width: 768px) { /* 背景 */
	.bg_top_box03 {
		background-image: url(../img/bg_top_box03.jpg);
		background-position: center top;
		background-repeat: no-repeat;
		padding: 128px 0 0 0;
	}
	.top_box03 {
		position: relative;
		width: 1180px;
		height: 760px;
	}

/*
	.media #your-ID-class.your-CLASS h2 {
		margin: 0 auto;
		width: 368px;
		height: 39px;
		background-image: url(../img/bg_top_h2_03.png);
		background-position: left top;
		background-repeat: no-repeat;
		text-indent: -9999px;
		margin-top: 98px;
		margin-bottom: 44px;
	}
	.ups-bx-wrapper .ups-bx-viewport {
		background: none !important;
		margin-left: 12px;
	}
	li.featured_individual.bx-clone {
		width: 357px;
		height: 439px;
		background-image: url(../img/bg_media.png);
		background-position: left top;
		background-repeat: no-repeat;
	}
	li.featured_individual {
		width: 357px;
		height: 439px;
		background-image: url(../img/bg_media.png);
		background-position: left top;
		background-repeat: no-repeat;
	}
	.ups_container {
		width: 280px;
		margin-top: 20px;
		margin-left: 38px;
	}
	.ups_body {
		margin-top: -10px;
	}
	.top_box03 img {
		height: 208px;
	}
	.ups_title h3 a {
		font-size: 16px;
		font-weight: bold;
		line-height:1.1 !important;
		color: #900f07;
	}
	.ups_excerpt {
		color: #000000;
	}
	.ups_rm a {
		float: right;
		text-align: right;
		font-size: 16px;
		color: #900f07;
	}
*/


	.post_wrap {
		width: 1071px;
		margin: 0 auto;
	}
	.top_box03 ul {
		overflow: hidden;
	}
	.top_box03 ul li {
		float: left;
		width: 357px;
		height: 439px;
		background-image: url(../img/bg_media.png);
		background-position: left top;
		background-repeat: no-repeat;
		padding: 20px;
	}
	.post_thumb img {
		width: 100%;
		height: 208px;
		object-fit: cover;
	}
	.post_date {
		margin-top: 8px;
		font-size: 16px;
		color: #000000;
	}
	.post_title a {
		margin-top: 8px;
		font-size: 18px;
		font-weight: 700;
		color: #be2525;
	}

	/* リンク */
	.link_top {
		text-align: center;
		margin-top: 40px;
	}
	.link_top a {
		display: inline-block;
		background-color: #000000;
		color: #ffffff;
		font-size: 20px;
		padding: 0.7em 4em;
	}
}


/* SP */
@media (max-width: 767px) {
	.top_box03 {
		padding: 12vw 4vw;
	}

	.top_box03 ul {
		overflow: hidden;
	}
	.top_box03 ul li {
		width: 100%;
		background-color: #e4c87b;
		padding: 4vw;
		margin-top: 6vw;
	}
	.top_box03 ul li:first-of-type {
		margin-top: 0;
	}
	.post_thumb img {
		width: 100%;
		height: 50vw;
		object-fit: cover;
	}
	.post_date {
		margin-top: 0.5em;
		font-size: 3.5vw;
		color: #000000;
	}
	.post_title a {
		margin-top: 0.4em;
		font-size: 4vw;
		font-weight: 700;
		color: #be2525;
	}

	/* リンク */
	.link_top {
		text-align: center;
		margin-top: 6vw;
	}
	.link_top a {
		display: inline-block;
		background-color: #000000;
		color: #ffffff;
		font-size: 4vw;
		padding: 0.7em 4em;
	}


/*
	.media #your-ID-class.your-CLASS h2 {
		margin: 0 auto;
		width: 368px;
		height: 39px;
		background-image: url(../img/bg_top_h2_03.png);
		background-position: left top;
		background-repeat: no-repeat;
		text-indent: -9999px;
		margin-bottom: 30px;
	}
	.ups-bx-wrapper .ups-bx-viewport {
		background: none !important;
		margin-bottom: 50px;
	}
	li.featured_individual.bx-clone {
		background-color: #e4c87b;
	}
	li.featured_individual {
		background-color: #e4c87b;
	}
	.ups_container {
		width: 100%;
		padding: 30px 30px 50px 30px;
	}
	.ups_body {
	}
	.ups_title h3 a {
		font-size: 16px;
		font-weight: bold;
		color: #900f07;
	}
	.ups_excerpt {
		color: #000000;
	}
	.ups_rm a {
		float: right;
		text-align: right;
		font-size: 16px;
		color: #900f07;
	}
*/

}

/* 房州ブログ
----------------------------------------------- */

/* PC */
@media (min-width: 768px) {
	.bg_top_box04 {
	}
	.top_box04 {
		position: relative;
		width: 1150px;
		height: 1277px;
	}
	.top_box04.container .top_news h2 { /* 見出し */
		margin: 0 auto;
		width: 178px;
		height: 39px;
		background-image: url(../img/bg_top_h2_04.png);
		background-position: left top;
		background-repeat: no-repeat;
		text-indent: -9999px;
		margin-top: 70px;
		margin-bottom: 32px;
	}
	.top_box04.container .top_news .top_news_box { /* 投稿記事一覧 */
		width: 1000px;
		height: 676px;
		background-image: url(../img/bg_news.jpg);
		background-position: left top;
		background-repeat: no-repeat;
		padding-top: 65px;
		margin-left: 50px;
		margin-bottom: 80px;
	}
	.top_news_section { /* スクロール領域 */
		overflow: auto;
		width: 900px;
		height: 550px;
		font-size: 13px;
		margin-left: 30px;
	}
	.top_box04.container .top_news .top_news_box section { /* 投稿記事 */
		border-bottom: 1px dashed #330505;
		margin-left: 57px;
	}
	h3.entry-title { /* 投稿記事タイトル */
		font-size: 18px;
		color: #b2222e;
		line-height: 34px;
		height: 34px;
		background-image: url(../img/list_mark.png);
		background-position: left center;
		background-repeat: no-repeat;
		padding-left: 40px;
	}
	h3.entry-title a {
		color: #b2222e;
	}
	h3.entry-title a:hover {
		color: #b2222e;
		text-decoration: underline;
	}
	.entry-meta__time time { /* 投稿記事日付 */
		font-size: 14px;
		color: #030000;
	}
	.entry-content p { /* 投稿記事本文 */
		font-size: 14px;
		color: #330505;
	}
	.addtoany_content_bottom { /* SNSシェアボタン非表示 */
		display: none;
	}
	.top_box04.container ul.banner_block li { /* バナー群 */
		display: block;
		float: left;
		margin-right: 20px;
	}
	.top_box04.container ul.banner_block li:last-child {
		margin-right: 0px !important;
	}
}

/* SP */
@media (max-width: 767px) {
	.top_box04 {
	}
	.top_box04.container .top_news h2 { /* 見出し */
		margin: 0 auto;
		width: 178px;
		height: 39px;
		background-image: url(../img/bg_top_h2_04.png);
		background-position: left top;
		background-repeat: no-repeat;
		text-indent: -9999px;
		margin-bottom: 30px;
	}
	.top_box04.container .top_news .top_news_box { /* 投稿記事一覧 */
		width: 100%;
		height: 500px;
		background-color: #f7e5d7;
		border: 10px solid #634c3c;
		padding: 10px 10px 50px 20px;
		margin-bottom: 50px;
	}
	.top_news_section { /* スクロール領域 */
		overflow: auto;
		height: 450px;
		font-size: 13px;
	}
	.top_box04.container .top_news .top_news_box section { /* 投稿記事 */
		border-bottom: 1px dashed #330505;
	}
	h3.entry-title a{ /* 投稿記事タイトル */
		font-size: 18px;
		color: #b2222e;
		line-height: 34px;
		height: 34px;
		background-image: url(../img/list_mark.png);
		background-position: left center;
		background-repeat: no-repeat;
		padding-left: 40px;
	}
	.entry-meta__time time { /* 投稿記事日付 */
		color: #030000;
	}
	.entry-content p { /* 投稿記事本文 */
		color: #330505;
	}
	.addtoany_content_bottom { /* SNSシェアボタン非表示 */
		display: none;
	}
	.top_box04.container ul.banner_block li { /* バナー群 */
		display: block;
		margin-bottom: 30px;
	}
}